/* 
2008 Chiosnet.gr Cascading Stylesheet - www.chiosnet.gr
Created by Atanas Mahony for ChiosOnline - www.chiosonline.gr
*/

@import url("/styles/reset.css");

/* Global
----------------------------------------------- */

body{ background:#e8e2d0;}
p{font: 12px/1.5 Tahoma,Arial, Helvetica, sans-serif; padding: 3px;}


a:link{ font: 12px/1.5 Tahoma,Arial, Helvetica, sans-serif; text-decoration:none;}
a:hover{ font: 12px/1.5 Tahoma,Arial, Helvetica, sans-serif; text-decoration:none;}
a:visited{ font: 12px/1.5 Tahoma,Arial, Helvetica, sans-serif; text-decoration:none;}
a:active{ font: 12px/1.5 Tahoma,Arial, Helvetica, sans-serif; text-decoration:none;}

h1{}
h2{}
h3{}
h4{}
h5{}
h6{}

/* Structure
----------------------------------------------- */
div#wrapper{ width: 960px; background: #fff; margin: 0px auto; border: 1px #c8c1ad solid; border-width: 0px 1px 0px 1px; height: 150%;}

/* // Header */
.headertop{width: 100%; height: 20px; border-bottom: 1px solid; background:#4a9398; border-bottom-color:#e8e2d0;}
.headermain{ width: 100%; height:73px; background: #faa347 url(/images/cntop.jpg) no-repeat top left; border-bottom: 4px #c37726 solid;}

div#nav-top { height: 38px; width:auto; background: #fff url(/images/menutop-a.gif) no-repeat top left; margin: 10px 5px;}
div#inner-nav-top{ height: 26px; width: 99%; background: none; position:relative; top: 6px;}



/* top nav menu */
.button {margin:0; list-style:none;}
 /* display the list items inline with a right margin to space the buttons. Use this to pre-load the hover image */
.button li {display:inline; float:left; margin-right:5px; background: url(/images/tb_a.png) no-repeat;}
/* style the links and place the background image to start from left edge */
.button li a {display:block; height:26px; float:left; background: url(/images/tb_a.png); text-decoration:none; font: bold 14px/1.5 Tahoma, Arial, Helvetica, sans-serif; letter-spacing:0px; line-height:26px;}
/* style the b element to posiition it to the right by 20 pixels and even out the text with 20 pixel right padding */
.button li b {margin:0 0 0 20px; display:inline; float:left; height:26px; background: url(/images/tb_a.png) right top; padding:0 20px 0 0; color:#fff;font: bold 14px/1.5 Tahoma, Arial, Helvetica, sans-serif; letter-spacing:0px; line-height:26px;}
/* style the link hover and the link hover b to replace the background image - border:0 needed for IE6 to work */
.button li a:hover, .button li a:hover b {border:0; cursor:pointer;}
/* style the active state to replace the background image. This can also be used for a 'current' tab if you wish */
.button li a:hover, .button li a:active, .button li a.current {display:block; height:26px; float:left; background: url(/images/tb_b.png); text-decoration:none; font: bold 14px/1.5 Tahoma, Arial, Helvetica, sans-serif; letter-spacing:0px; line-height:26px;}
.button li a:hover b, .button li a:active b , .button li a.current b  {margin:0 0 0 20px; display:inline; float:left; height:26px; background: url(/images/tb_b.png) right top; padding:0 20px 0 0; color:#fff;}


div#search{ float:right; height: 26px;}
form.search {
margin:0pt 0pt 0pt 0px;
width:150px;
}
form.search fieldset {background:transparent url(/images/bg-search.gif) no-repeat scroll 0pt; padding:0pt 0px 0px 0px;}
fieldset {border:0pt none;}
form table { margin:0pt; width:100%; position:relative;}
table { border-collapse:collapse; border-spacing:0pt; }
form.search thead { display:none;}

form.search .s {
padding:0pt 0px 0pt 0pt;
position:absolute; top: 2px; right: 20px;
}

form.search .b {
position:absolute; top: 0; right: 0;
}

form.search span {
border-color:#B2D679;
}
form span {
background-color:#bdd5a6;
display:block;
margin:0pt;
padding:1px;
}

form span input, form span textarea, form span select {
border-color:#739058 ;
border-style:solid;
border-width:1px;
font-size:13px;
line-height:16px;
width: 150px;
background: url(/images/searchbg.png) repeat-x left top;
}


input.btn {
height:26px;
width:71px;

}







/* // Content */

#content {position:relative; display:block; background:#fff; border-left:160px solid #fff; border-right:160px solid #fff;}
#inner {display:block; margin-left:-160px; margin-right:-160px; padding:5px; z-index: 1;}
#sidebar-left {float:left; position:relative; width:160px; left:0px; background:#fff; z-index:2;}
#sidebar-right {float:right; position:relative; width:160px; right:0px; background:#fff; z-index:3;}
#content-center {margin-left:165px; margin-right:165px; position:relative; display:block; height:1%; background:#fff; padding: 0px 2px;}

.boxes{position: relative; float:left; width:auto; margin-bottom: 20px}
#box-left, #box-right { background: #f5f5f5; width: 301px;}
#box-left { float:left;}
#box-right{ float:right;}
#box-news { background: #f5f5f5; width: 600px;}
#box-news { background: #f5f5f5; width: 560px;}



.holder{ width: 293px; margin: 4px; }
.holder-news {width: 293px; margin: 40px 4px 4px 4px;}
.holder-news1 {width: 600px; margin: 40px 4px 4px 4px;}
.holder-news2 {width: 560px; margin: 40px 4px 4px 4px;}
.news{background:#FFFFFF; border: 1px #e7e7e7 solid; border-width: 1px 1px 3px 1px; margin: 2px 0px;}
.news-highlight{ color:#FFFFFF; background:#4d859c;}
.textfield-blue{ background: #96c9de; padding: 2px 1px;}



.subholder{ width: 194px; margin: 3px;}
.subbox{ width: 200px; background:#f5f5f5;}













/* // Footer */

#footer{width: 100%; height: 30px; background:#4a9398; margin-top: 20px;}

/* Navigation
----------------------------------------------- */


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 160px; /* Width of Menu Items */
border-bottom: 1px solid #769956;
background: #97bd74;
}
	
.suckerdiv ul li{
position: relative;

}
	
/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
width: 160px; /*sub menu width*/
top: 0;
visibility: hidden;

}

/* Sub level menu links style */
.suckerdiv ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: #FFFFFF;
font: bold 12px Tahoma, Arial, Helvetica, sans-serif;
text-decoration: none;
background: #97bd74;
padding: 3px 5px;
border: 1px solid #fff;
border-bottom: 0;
}

.suckerdiv ul li a:visited{
color: #FFFFFF;
}

.suckerdiv ul li a:hover{
background-color: #7ca25a;
}

.suckerdiv .subfolderstyle{
background: url(/images/sub.gif) no-repeat 145px 5px;
}

	
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */



.suckerdiv1 ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 160px; /* Width of Menu Items */
border-bottom: 1px solid #769956;
background: #96c9de;
}
	
.suckerdiv1 ul li{
position: relative;

}
	
/*Sub level menu items */
.suckerdiv1 ul li ul{
position: absolute;
width: 160px; /*sub menu width*/
top: 0;
visibility: hidden;

}

/* Sub level menu links style */
.suckerdiv1 ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: #FFFFFF;
font: bold 12px Tahoma, Arial, Helvetica, sans-serif;
text-decoration: none;
background: #96c9de;
padding: 3px 5px;
border: 1px solid #fff;
border-bottom: 0;
}

.suckerdiv1 ul li a:visited{
color: #FFFFFF;
}

.suckerdiv1 ul li a:hover{
background-color: #4d859c;
}

.suckerdiv1 .subfolderstyle{
background: url(/images/sub.gif) no-repeat 145px 5px;
}

	
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */








#titlenav{ float:left; display:inline; width: 205px; height:16px; font: 12px Tahoma, Arial, Helvetica, sans-serif; color:#FFFFFF; padding-top:3px; padding-left:3px;}

#langnav{ float:right; display:inline; width: 205px; height:16px;}
#langnav ul{padding-top: 3px; float:right;}
#langnav ul li{float:left; padding-right: 10px;}
#langnav ul li p{ line-height: 9px;}



/* Classes
----------------------------------------------- */
.clear {clear:both;}

.left{ float:left;}
.right{ float:right;}
.image{ display:block;}
.right5px{ margin-right: 5px; display:inline;}


/* // Image Classes */
.adv-half-left { float:left; margin-left: 40px;}
.adv-half-right { float:right; margin-right: 40px;}
.adv-banner-top { display:block; margin: auto; position:relative; top: 6px; left:90px}


/* // List Classes */
.subboxnav{ display:block; float:left; margin:4px 0px; }
.subboxnav li { position:relative; width: 193px;}
.subboxnav li a, .subboxnav li a:visited, .subboxnav li a:active{display:block; background:#97bd74 url(/images/arrow.gif) no-repeat 6px 6px; padding-right:4px; margin-bottom: 1px; color:#FFFFFF; text-align:right; height: 22px;}
.subboxnav li a:hover{background:#ea9438 url(/images/arrow.gif) no-repeat 12px 6px;}





/* // Other Classes */










/* Typografy
----------------------------------------------- */

.boxtitle{display:inline; padding: 5px 15px; position:absolute; top: 7px; text-align:right;}
.boxtitle1{display:inline; padding: 5px 15px; position:absolute; top: 7px; text-align:right;font-size:16px;}
.h3blue{ color:#FFFFFF; background:#96c9de;}
.h3darkblue{ color:#FFFFFF; background:#4d859c;}
.h3green{ color:#FFFFFF; background:#97bd74;}


.pwhite{ color:#FFFFFF;}
.bold { font-weight:bold;}


.mini{ font-size: 9px;}
.darkblue{ color:#4d859c;}

/* Tables
----------------------------------------------- */

.datatable{ width:100%!important; background:#e0f0f7; border:1px solid #c1d8e2; font:12px/2 Arial, Helvetica, sans-serif;}
.TableHeaders{ font:14px/1.5 Arial, Helvetica, sans-serif; color:#03C; border-bottom:1px solid #03C;}
.datatable td{ border-bottom:1px solid #c1d8e2;}











#mytable {
	width: 90%;
	padding: 3;
	margin: 0;
}

th {
	font: bold 13px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: center;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA ;
}



td.normal {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

td.left {
	border-left: 1px solid #C1DAD7;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

td.alt {
	background: #F5FAFA;
	color: #797268;
	border-left: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-right: 1px solid #C1DAD7;
	padding: 6px 6px 6px 12px;
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

td.altleft {
	background: #F5FAFA;
	color: #797268;
	border-left: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	padding: 6px 6px 6px 12px;
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

.pageheader{
display:block;
width:auto;
background:#4a9398;
font: bold 14px/1.5 Tahoma, Arial, Helvetica, sans-serif;
color:#FFFFFF;
}

img.right { BORDER: 0; align: right }
img.left { BORDER: 0; align: left }

.normalul{font: 12px/1.5 Tahoma,Arial, Helvetica, sans-serif; padding: 3px;}