/**************************************************************

* Ikarian Template Island Ikaria Web Site (www.ikaria.gr)

* Author: Xenias Alexios (info@ikaria.gr)

* Date: 22.02.2007

* License: GNU/LGPL

**************************************************************/





/** GENERAL SETTINGS **/



* {

	font-family: Arial, Helvetica, sans-serif;

}



.ikarianbody {

	background:#A8723C;

	margin:0;

	color:#333333;

}



div,

td,

p {

	font-size:12px;

	line-height:16px;

	color:#333333;

}



a,

a:link,

a:active,

a:visited {

	text-decoration:none;

	color:#2460CE;

}



a:hover {

	text-decoration:underline;

	color:#CD2338;

}



ul {

	margin: 5px;

	padding: 5px;

	list-style: none;

	list-style-type: square;

}



li {

	line-height: 18px;

	/*padding-left: 5px;*/

	padding-top: 0px;

	list-style-position: inside;

}



.clear {

	clear:both;

}



/**************************************************************/

/** GLOBAL TEMPLATE LAYOUT **/



/** wrapper to make the page center **/

#container {

	width:980px;

	padding:0;

	text-align: left;

}



/**

hold background, it should be float:left that's way we can not put it in #container

**/

#containerbg {

	position:relative;

	width: 980px;

	background:transparent url(../images/bg_inside.jpg) repeat-y left top;

	float:left;

	top:0;

	left:0;

    border: 1px solid #704e28;

}



#logo {

	position:relative;

	width:980px;

	height:150px;

	float:left;

	background:#EEEEEE url(../images/ikaria.jpg) no-repeat right top;

}



/***********************************************************/

/** TOP MENU AND LANGUAGE **/



#topcontainer {

	position:relative;

	float:left;

	background:#704e28 url(../images/bg_topmenu.gif) repeat-x left top;

	width: 100%;

	clear:left;

	color:#FFFFFF;

	margin: 0px;

	padding: 0px;

	height: 25px!important;

}



#topmenu {

	float:left;

	display: block;

	margin: 0px;

	padding: 0px;

	height: 25px;

}

#counter {

	float:left;

	display: block;

	width: 110px;

	text-align: right;

	margin: 5px;

        font-size:9px;

	padding: 3px 10px 0px 0px;

	color:#D1D3D2;

}

#language {

	float:right;

	display: block;

	width: 210px;

	text-align: right;

	margin: 0px;

    font-size:12px;

	padding: 1px 0px 0px 0px;

	color:#FFFFFF;

}

#language form {

	margin: 0px;

	padding: 0px;

}



/* 

Elxis top menu layout, you need to add menu class suffix: -nav

*/



/** unordered list top menu **/

ul.mainlevel-nav {

	list-style: none;

	padding: 0;

	margin: 0;

	font-size: 0.8em;

}



/** unordered list item for top menu **/

ul.mainlevel-nav li {

	display: block;

	padding-left: 0px;

	padding-right: 0px;

	float: left;

	margin: 0;

	width: auto !important;

	font-size: 10px;

	line-height: 30px;

	white-space: nowrap;

}



/** unordered list item link for top menu **/

ul.mainlevel-nav li a {

	display: block;

	padding-left: 10px;

	padding-right: 10px;

	text-decoration: none;

	color: #FFFFFF;

	font-weight:bold;

}



/** unordered list item link for top menu for firefox only **/

#topmenu>ul.mainlevel-nav li a {

	width: auto;

}



/** unordered list item for top menu for firefox only **/

ul.mainlevel-nav li a:hover {

	background:#704e28 url(../images/bg_topmenu_on.gif) repeat-x left top;

	text-decoration:none;

}



/***********************************************************/

/** PATHWAY **/



/** pathway line **/

div.pathway {

    position: relative;

	left: -1px;

  	float: left;

	height:22px;

	width: 980px;

    /*padding: 0px 0px 0px 0px;*/

    /*se periptosi pou xreiastei allagi*/

	color:#FFFFFF;

	font-size:12px;

	text-align:center;

	background: #EEEEEE; /*FEFDBA */

    border: 1px solid #704e28;

   }



span.pathway {

	height:22px;

	margin: 0px;

	padding: 4px 0px 0px 15px;

	color:#704e28;

	font-size:12px;

}



.pathway a:link,

.pathway a:active,

.pathway a:visited {

	color:#704e28;

	text-decoration:none;

	font-weight:bold;

}



.pathway a:hover {

	text-decoration:underline;

}



/***********************************************************/

/** MAIN CONTAINER **/



#main_container {

	position:relative;

	float:left;

	clear:both;

	margin:0px;

	padding: 0px;

	width:980px;

}



/***********************************************************/

/** LEFT COLUMN **/



/** div container for left column **/

#leftcol {

	position:relative;

	float:left;

	clear:left;

	width:188px;

}



/* not in used (for position user1) */

#leftcolmenu {

	position:relative;

	overflow: hidden

}



/***********************************************************/

/** MIDDLE COLUMN **/



/** div wrapper for user2 & user3 **/

#content_top_wrapper {

	position:relative;

	float:left;

	clear: none;

	width:593px;

	margin: 0px;

	padding: 0px;

}



/** div container for position:user2 **/

#content_top1 {

	position:relative;

	float:left;

	width:282px;

}



/** div container for position:user3 **/

#content_top2 {

	position:relative;

	float:left;

	width:282px;

}



/** div container for mainbody **/

#content_main {

	position:relative;

	float:left;

	clear: none;

	width:593px;

	margin: 0px;

	/* margin:15px 0 20px 20px; */

	padding: 4px;

	background-color:#FFFFFF;

}



/***********************************************************/

/** RIGHT COLUMN **/



#outerright {

	position:absolute;

	top: 0px;

	left: 791px;

	display:inline;

	width:187px;

	float:left;

	clear:right;

	padding: 0px;

	border: 1px solid #704e28;

}



/** div container for right column **/

#rightcol_top,

#rightcol {

  	position: relative;

	float:left;

	clear:left;

	width:187px;

	margin:0 0 4px 0px;

	display:block;

	overflow: hidden

}



/***********************************************************/

/** ELXIS CONTENT LAYOUT **/



/** content title **/

.componentheading {

	font-family:Georgia, "Times New Roman", Times, serif;

	text-align:center;

	color:#000000;

	font-size: 20px;

	line-height:25px;

	padding: 5px 0 5px 0;

	display:block;

}



.contentheading,

.contentpagetitle,

a.contentpagetitle:link,

a.contentpagetitle:active,

a.contentpagetitle:visited {

	font-family: Arial, Helvetica, sans-serif;

	font-size:16px;

	text-align:center;

	color:#3973AC;

	font-weight: bold;

	padding-top: 25px;

	display:block;

}



/** pdf, printer version, and email to friend button **/

.buttonheading {

	width: 16px!important;

	text-align:right;

}



.sectiontableheader {

	font-weight: bold;

	background: #704e28;

	letter-spacing: 1px;

	color: #FFFFFF;

}



.category, .categorytitle {

	font-weight: bold;

	color:#704e28;

	background-color:inherit;

}



.sectiontableentry1 {

	background-color: #EFEFEF;

	/*padding: 2px;*/

	color:#333333;

}



.sectiontableentry2 {

	background-color: #FFFFFF;

	/*padding: 2px;*/

	color:#333333;

}



/** blog Styles **/

.blogsection {

	color:#704e28;

	background-color:inherit;

}



.blog_more {

	font-weight: bold;

	line-height: 25px;

	padding-top: 20px;

	color: #3973AC;

	border-bottom: 1px solid #704e28;

	background-color:inherit;

}



/** small text in content **/

.small {

	color:#704e28;

	font-size:11px;

	font-weight: bold;

	background-color:inherit;

}



/** date info in content **/

div.item_createdate {

	color:#704e28;

	font-size:11px;

	padding: 0 0 0px 0;

	line-height:12px;

	background-color:inherit;

}



div.item_modifydate {

	color:#704e28;

	font-size:11px;

	padding: 0;

	background-color:inherit;

}



/** toc page navigation  **/

.pagenav_prev,

.pagenav_next {

	font-size:11px;

}



/** content item navigation  **/

.pagenavbar  {

	display:block;

	width:100%;

	background-color:inherit;

	height:20px;

	line-height:25px;

	text-align:right;

	letter-spacing:2px;

	color:#704e28!important;

	clear:both;

	font-size: 11px!important;

	margin-top: 10px;

	background-image: url(../images/bg_pagenav.jpg);

	background-repeat: repeat-x;

	background-position: center bottom;	

}



.pagenav {

	height:20px;

	line-height:25px;

	text-align:right;

	letter-spacing:2px;

	color:#704e28;

	clear:both;

	font-size: 11px;

	margin-left: 0;

	margin-right: 0;

	background-color:inherit;

}



.back_button {

	display:block;

	text-align:left;

	font-weight:bold;

	font-size:12px;

	width:100%;

	margin-bottom:10px;

	letter-spacing:2px;

}



/** highlight word search result **/

.highlight {

	font-weight:bold;

	background-color: #FFFF00;

	padding: 2px 0 2px 0;

	

}



/** table of content layout **/

table.contenttoc {

	border:1px solid #000000;

	/*padding:1px;*/

	width:130px;

	margin: 0 0 10px 10px;

}



/** table of content header **/

.contenttoc th {

	color:#FFFFFF;

	background-color:#666666;

	font-size:11px;

	display:block;

	width:124px;

}



/** unordered list for latest news module **/

ul.latestnews li,ul.mostread li {

	line-height: 18px;

	font-size:11px;

	font-weight:bold;

	list-style-type: none;

	list-style-position: outside;

}







/** fix opera table width for content list in table category**/

/*

table.contentpane td.contentdescription {

	width:100%!important;

}

*/



.contentpaneopen {

	width:100%;

}





table.content{

width            : 100%;

padding          : 0px;

border-collapse  : collapse;

border-spacing   : 0px;

margin-bottom    : 10px;

}

table.contentpane {

width            : 100%;

padding-left     : 5px;

padding-right    : 5px;

border-spacing   : 0px;

margin-bottom    : 5px;

}



table.contentpaneopen {

width            : 100%;

padding-left     : 1px;

padding-right    : 1px;

border-spacing   : 0px;

margin-bottom    : 15px;

}

/*Controls the background of text displayed on a content item.

Acctually controls the td tag that houses the text

Elxis Special

*/

table.contentpaneopen td.contentpaneopen_text{

width            : 100%;

padding-left     : 1px;

padding-right    : 1px;

margin-bottom    : 15px;

padding-bottom   : 3px;

}

/* Use it to highlight specific articles

Two styles are used. One for the whole table cell

and the other for paragraphs.

You may extent it to accomodate more tag elements

*/

table.contentpaneopen td.contentpaneopen_text-highlight1{

width            : 100%;

padding-left     : 15px;

padding-right    : 15px;

margin-bottom    : 15px;

padding-bottom   : 15px;

background-color : #CCCCCC;

border           : thin solid #FF3366;

}

table.contentpaneopen td.contentpaneopen_text-highlight1 p{

padding-left     : 5px;

padding-right    : 5px;

padding-top      : 5px;

padding-bottom   : 5px;

width            : 100%;

background-color : #CCCC00;

border           : thin solid #704e28;

}

table.contentpane td.contentdescription { 

width            : 100%;

display          : block;

} 

























































/***********************************************************/

/** LINKS **/



/** any left column link **/

#leftcol a:link,

#leftcol a:active,

#leftcol a:visited {

	color:#2460CE;

}



a.pagenav:link ,

a.pagenav_next:link,

a.pagenav_pre:link,

div.back_button a,

div.back_button a:link,

a.latestnews:link,

a.latestnews:active,

a.latestnews:visited,

a.mostread:link,

a.mostread:active,

a.mostread:visited {

	text-decoration:none;

}



/*** read more link ***/

.readon,

a.readon:link,

a.readon:active,

a.readon:visited {

	color:#FFFFFF;

	font-weight:bold;

	text-align:left;

	margin-top:10px;

	font-size:11px;

	text-decoration:none;

	border: 1px solid #456687;

	background-color: #93B1CD;

	padding: 1px 2px 1px 2px;

}



a.readon:hover {

	background-color: #456687;

	border: 1px solid #93B1CD;

}



/*** blog links ***/

a.blogsection:link,

a.blogsection:active,

a.blogsection:visited {

	color:#3973AC;

	text-decoration:none;

}



/********* MAIN LEVEL *********/



/** generic menu item **/

.mainlevel  {

	display:block;

	height:27px;

	line-height:27px;

	padding-left:28px;

	background: url(../images/bg_mainlevel.jpg) no-repeat center top;

	font-weight:bold;

	text-decoration:none;

}



.mainlevel-orange  {

	display:block;

	height:27px;

	line-height:27px;

	padding-left:24px;

	background: url(../images/bg_mainlevel_orange.jpg) no-repeat center top;

	font-weight:bold;

	text-decoration:none;

}



.mainlevel-gray  {

	display:block;

	height:27px;

	line-height:27px;

	padding-left:24px;

	background: url(../images/bg_mainlevel_gray.jpg) no-repeat center top;

	font-weight:bold;

	text-decoration:none;

}



/** generic menu item link **/

#leftcol a.mainlevel:link,

#leftcol a.mainlevel:active,

#leftcol a.mainlevel:visited,

a.mainlevel:link,

a.mainlevel:active,

a.mainlevel:visited,

#leftcol a.mainlevel-orange:link,

#leftcol a.mainlevel-orange:active,

#leftcol a.mainlevel-orange:visited,

a.mainlevel-orange:link,

a.mainlevel-orange:active,

a.mainlevel-orange:visited,

#leftcol a.mainlevel-gray:link,

#leftcol a.mainlevel-gray:active,

#leftcol a.mainlevel-gray:visited,

a.mainlevel-gray:link,

a.mainlevel-gray:active,

a.mainlevel-gray:visited {

	color:#FFFFFF;

	text-decoration:none;

	font-size:12px;

	line-height: 27px;

}



/** generic menu item link on mouseover **/

a.mainlevel a:hover,

#leftcol a.mainlevel:hover {

	background:url(../images/bg_mainlevel_on.jpg) no-repeat center top;

	color:#FFFFFF!important;

	text-decoration:none!important;

}



/** orange menu item link on mouseover **/

a.mainlevel-orange a:hover,

#leftcol a.mainlevel-orange:hover {

	background:url(../images/bg_mainlevel_on_orange.jpg) no-repeat center top;

	color:#FFFFFF!important;

	text-decoration:none!important;

}



/** gray menu item link on mouseover **/

a.mainlevel-gray a:hover,

#leftcol a.mainlevel-gray:hover {

	background:url(../images/bg_mainlevel_on_gray.jpg) no-repeat center top;

	color:#FFFFFF!important;

	text-decoration:none!important;

}



a.sublevel a:link,

a.sublevel a:active,

a.sublevel a:visited {

	color: #1E5DB2;

	text-decoration:none;

	font-size:11px;

	line-height: 27px;

}



a.sublevel:hover {

	/********************* TO DO ***************/ 

}



/** table of content list **/

a.toclink:link,

a.toclink:active,

a.toclink:visited {

	color:#3973AC;

	font-size:11px;

	padding:2px 10px 2px 10px;

	display:block;

	text-decoration:none;

}



.pagenavbar a:link,

.pagenavbar a:active,

.pagenavbar a:visited  {

	letter-spacing:2px;

	color:#000000;

	font-size: 12px;

	text-decoration: none;

}



.pagenavbar a:hover {

	color:#3973AC;

}



/** latestnews and popular **/

.latestnews,

.mostread {

	color:#000000;

}



a.latestnews:link,

.mostread a:link,

.latestnews a:active,

.mostread a:active,

.latestnews a:hover,

.mostread a:hover,

.latestnews a:visited,

.mostread a:visited {

	color:#000000;

	text-decoration:underline;

}



/** underline on hover **/

a.toclink:hover,

a.latestnews:hover,

a.mostread:hover,

a.sublevel-right:hover,

a.blogsection:hover,

a.pagenav:hover ,

a.pagenav_next:hover,

a.pagenav_pre:hover,

a.latestnews:hover {

	text-decoration:underline;

	color:#3973AC;

/*	background-color:inherit; */

}





#leftcol a:hover {

	color: #93B7DB;

	text-decoration:underline;

}



/***********************************************************/

/** MODULE LAYOUT **/



/** general module table **/

table.moduletable,

table.moduletable-red,

table.moduletable-green,

table.moduletable-orange, 

table.moduletable-gray {

	width:185px;

	float:left;

	clear:left;

}



#leftcol table,

#rightcol table {

  width:185px;

}



/** general module table **/

#leftcol table td,

#rightcol table td {

	font-size:12px !important;

	color:#000000;

}



/** general module title **/

table.moduletable th {

	color:#FFFFFF;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size:14px;

	line-height:30px;

	background:url(../images/mod_head_blue.jpg) no-repeat left top;

	height:30px;

	text-align:left;

	padding-left:34px;

	font-weight:bold;

}



table.moduletable-orange th {

	color:#FFFFFF;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size:13px;

	line-height:30px;

	background:url(../images/mod_head_orange.jpg) no-repeat left top;

	height:30px;

	text-align:left;

	padding-left:34px;

	font-weight:bold;

}



table.moduletable-red th {

	color:#FFFFFF;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size:13px;

	line-height:30px;

	background:url(../images/mod_head_red.jpg) no-repeat left top;

	height:30px;

	text-align:left;

	padding-left:34px;

	font-weight:bold;

}



table.moduletable-green th {

	color:#FFFFFF;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size:13px;

	line-height:30px;

	background:url(../images/mod_head_green.jpg) no-repeat left top;

	height:30px;

	text-align:left;

	padding-left:34px;

	font-weight:bold;

}



table.moduletable-gray th {

	color:#FFFFFF;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size:13px;

	line-height:30px;

	background:url(../images/mod_head_gray.jpg) no-repeat left top;

	height:30px;

	text-align:left;

	padding-left:34px;

	font-weight:bold;

}



#content_top1 table.moduletable {

  	float: left;

    border: 1px solid #97C86F;

	width: 278px!important;

	margin-top: 4px;

	margin-left: 4px;

	margin-left: 2px;



}



#content_top2 table.moduletable {

	float:left;

    border: 1px solid #FF9900;

	width: 281px!important;

	margin-top:4px;

}



#content_top1 table.moduletable th {

	color:#FFFFFF;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size:13px;

	line-height:30px;

	background:url(../images/mod_head_green.jpg) no-repeat left top;

	height:30px;

	text-align:left;

	padding-left:29px;

	font-weight:bold;

}



#content_top2 table.moduletable th {

	color:#FFFFFF;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size:13px;

	line-height:30px;

	background:url(../images/mod_head_orange.jpg) no-repeat left top;

	height:30px;

	text-align:left;

	padding-left:29px;

	font-weight:bold;

}



/** specific module td table for content top 1 and 2. 

position:user2 an user3 **/

#content_top1 table.moduletable td,

#content_top2 table.moduletable td {

	height:100px;

	min-height:100px;

	vertical-align:top;

}



/** right column module td **/

#rightcol table.moduletable td,

#rightcol table.moduletable-orange td,

#rightcol table.moduletable-red td,

#rightcol table.moduletable-green td,

#rightcol table.moduletable-gray td {

	padding: 4px 0px 4px 2px;

}



table.moduletable-orange td {

	background-color: #FACD54;

}

table.moduletable-red td {

	background-color: #FF9595;

}



table.moduletable-green td {

	background-color: #B7F298;

}

table.moduletable-gray td {

	background-color: #CCCCCC;

}



/** MENU **/



/** specific left column form **/

#leftcol form {

		padding-left:0px;

}



/** specific left column form **/

#leftcol .button {

	font-size:11px;

	color:#FFFFFF;

	background-color:#704E28;

	border-right: 1px solid #344D66;

	border-bottom: 1px solid #344D66;

	border-left: 1px solid #456687;

	border-top: 1px solid #456687;

}





/** specific left column form **/

#leftcol .inputbox {

	font-size:11px;

	font-weight: bold;

}



/** module styles in #leftcol **/

#leftcol table.moduletable td {

	color:#000000;

	font-size:11px;

	 /* padding-left: 0px;  */

	/* padding gia elegxo */

}



div.search {

	margin: 10px 0px 4px 4px;

}



/** search field in search div **/

.search .inputbox {

	width:100px;

	border: 1px solid #000000;

}



/***********************************************************/

/** FORM LAYOUT **/



/** left column input form **/

#leftcol .inputbox,

#rightcol .inputbox {

	font-size:11px;

	border: 1px solid #000000;

	margin-bottom:2px;

}



#leftcol form td,

#rightcol form td {

	padding-left:4px;

}





/** input button html tag **/

.button,

#rightcol .button {

	font-size:11px;

	color:#FFFFFF;

	font-weight:bold;

	background-color:#93B1CD;

	border-right: 1px solid #344D66;

	border-bottom: 1px solid #344D66;

	border-left: 1px solid #456687;

	border-top: 1px solid #456687;

}



/** search div in top right column. position:user4 **/

.search  {

/*	margin-top:30px; */

}





/** for polls **/

.poll {

	font-size:11px;

	line-height: 16px;

}



.poller {

	padding-left: 4px;

}



table.pollstableborder .sectiontableentry2 {

	background-color:transparent; 

	text-align:left;

}

table.pollstableborder .sectiontableentry1 {

	background-color:#F5F5F5; 

	text-align:left;

}



/***********************************************************/

/** FLASH VIDEO **/



.flv {

	font-family: Arial, Helvetica, sans-serif;

	font-size:16px;

	color:#FFFFFF;

	font-weight: bold;

	padding: 10px;

	background-color:#FF0000;

	border: 1px solid #0000FF;

	float: right;

	position: static;

	margin-top: 10px;

}



/***********************************************************/

/** FOOTER AND BANNER **/



/** div container for banner position:banner **/

#banner {

	position:relative;

	float:left;

	clear: both;

	width: 500px;

	padding-left:258px;

	padding-bottom:10px;

}



#blackline {

	position:relative;

	float:left;

	clear:both;

	width:980px;

	height:1px;

	min-height:1px;

	background-color: #D7D7D7;

}



/** copyright **/

#copyright {

	position:relative;

	width:980px;

	display:block;

	clear:both;

	float:left;

}



#copyright div {

	color:#555555;

	font-size:10px;

	font-weight:bold;

	text-align:center;

	margin: -10px 0px 5px 0px;

}