* {font-size: 13px; 
   font-family: Trebuchet MS, Arial, Helvetica, sans-serif;}

html {margin: 0; padding: 0;}

body {
background: #FFF;
margin: 0; padding: 0;

	scrollbar-face-color: #E4E4E4;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #DEE3E7;
	scrollbar-3dlight-color: #D1D7DC;
	scrollbar-arrow-color:  #3D378A;
	scrollbar-track-color: #EFEFEF;
	scrollbar-darkshadow-color: #CBD3D9;
}

/* --- top table --- */

table.top 
{
	background: #A4CCDF url(images/top_bg.gif);
}


td.topdown {
	background: #83C2DF; 
}


td.mainleft {
    background: #eee;
	border-right: 1px solid #ddd;
}

td.mainright {
    background: #fff;
	border-left: 1px solid #ddd;
}

td.main {
    background: #FFF ;
	padding:8px;
	padding-top: 10px;
}

td.bottom {
    background: #A4CCDF ;
	padding:4px;
	border-top: 1px solid #ddd;
	font-size: 11px; 
    font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	color:#fff;
}


/* --- snippets ----*/


#menu {
	margin-top: 10px;
	margin-left: 6px;
}

#menu li {
	padding-top:0px;
	list-style-type:none;
}

#menu span {
	color:#555;
	font-size: 120%;
	font-family:georgia, times new roman, times, serif;
	display:block;
}

#menu li a {
    text-align:right;
	display:block; 
	text-decoration:none;
	color:#b8b4a5;
	padding: 0px;
	padding-right:10px;
	font-size: 85%;
	font-family: 'trebuchet ms', Verdana,Arial,Helvetica,sans-serif;
}

#menu li a:hover *{
    color:#66C;
}



td.left_snippet_top 
{
	}
td.left_snippet_left {
	}

td.left_snippet_right {
	}

td.left_snippet_bottom {
	}

.left_snippet_main * {
	font-family: Tahoma, Arial, Helvetica, sans-serif;  font-size:11px; color: #000000;
}


.left_snippet_title {
	padding: 2px;
	padding-bottom: 1px ;
	font-family: Georgia, Times, serif;  font-size:12px;
	color: #789;
	border-bottom:1px solid #bcd;
		}


td.right_snippet_top {
	}
td.right_snippet_left {
	}
td.right_snippet_right {
	}
td.right_snippet_bottom {
	}

.right_snippet_main * {
font-family: Tahoma, Arial, Helvetica, sans-serif;  font-size:11px;
	}


.right_snippet_title  {
	padding: 2px;
	padding-bottom: 1px ;
	font-family: Georgia, Times, serif;  font-size:12px;
	color: #789;
	border-bottom:1px solid #bcd;
	}


/* ----- shadows -------- */


.img-shadow
{
float: right;
background: #ffffff url(images/img_shadow.gif);
margin: 10px;
margin-right:2px;
border: 1px solid #cde;
padding: 4px;
}

.img-legend
{
text-align:center;
padding: 4px;
padding-bottom: 2px;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;  font-size:10px; 
color: #789;
}

.img-shadowl
{
float: left;
background: #ffffff url(images/img_shadow.gif);
margin: 10px;
margin-right:2px;
border: 1px solid #cde;
padding: 4px;
}


.cutetable
{

background: #ffffff;
margin: 10px;
border: 1px solid #666;
padding: 4px;

}

.cutetable li

{
list-style-type: square; 
margin: 0 0 1em 0.2em;

}


.calPage {color: #888; font-size: 10px; text-shadow: #fff 1px 1px 1px; display: block; background: url(images/deco-date1.gif) 0 0 no-repeat; position: relative; text-align: center; text-transform: uppercase; line-height: 1; margin-top: 0; width: 35px; padding-top: 5px; top: 6px; left: 6px;}

.calPage .day {display: block; font-weight: bold; font-size: 20px; text-indent: -3px; letter-spacing: -2px; color: #bbb; text-shadow: #fff 2px 2px 0; background: url(images/deco-date2.gif) bottom left no-repeat; padding-bottom: 5px;}

.sunPage {color: #888; font-size: 11px; text-shadow: #fff 1px 1px 1px; display: block; position: relative; text-align: left; line-height: 1.5; margin-top: 0; padding-top: 5px; top: -41px; left: 56px;margin-bottom:-26px;}

/* ------------- */

/* ------------- */


A.mid_left {
	font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:11px; color: #ffffff; 
TEXT-DECORATION: none
}
A.mid_left:link {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color: #ffffff; 
TEXT-DECORATION: none
}
A.mid_left:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color: #ffffff; 
TEXT-DECORATION: none
}
A.mid_left:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:11px; color: #FFCC33; 
TEXT-DECORATION: underline
}

/* ------------- */



li {

	text-align: left;
    list-style-image: url(images/bullet_orange.gif); 
}

li.blue {

	text-align: left;
    list-style-image: url(images/bullet_arrow_4.gif); 
}





HR {
align:center;
border: none 0; 
border-top: 1px solid #aaaaaa;
width: 98%;
height: 1px;
} 



SELECT { 

	background : #F5F5F5;
	border : none;
}

INPUT {
	background : #F5F5F5 url(images/input_shadow.gif);
	border : 1px solid #A9A9A9;
}

TEXTAREA {
	background : #F5F5F5;
	border : 1px solid #A9A9A9;
}

input.error, select.error {padding-right: 16px; border: 1px solid red; background-color: #FFFCE2; background-image: url(images/warning_obj.gif); background-position: right; background-repeat: no-repeat;}

A {
color: #00008B; 
TEXT-DECORATION: none
}
A:link {
 color: #00008B;
TEXT-DECORATION: none
}
A:visited {
color: #00008B; 
TEXT-DECORATION: none
}
A:hover {
 color: #8B0000; 
TEXT-DECORATION: none
}

A.tm {
	font-family: Verdana, Arial, Helvetica, sans-serif;  font-size:11px; color: #ffffff; 
TEXT-DECORATION: none
}
A.tm:link {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color: #ffffff;
TEXT-DECORATION: none
}
A.tm:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color: #ffffff; 
TEXT-DECORATION: none
}
A.tm:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;  font-size:11px; color: #ffffff; 
TEXT-DECORATION: none
}


.bottombar 
{ 
margin-top:12px;
padding:0px;
border-top:1px solid #bce;
}

.bottombar *
{ 
font-size: 11px; font-style: normal; 
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; 
}


.bottombar a, .bottombar a:visited 
{ 
color: #444;
}



#navlist
{
padding: 1px 0;
margin-left: 0;
}

#navlist li
{
list-style: none;
margin: 0;
display: inline;
}

#navlist li a
{
padding: 0px 0.5em;
margin-left: 2px;
}



code * {
font-family: Helvetica, sans-serif;
color: #444;
font-size:10px;
}

code {
font-family: Helvetica, sans-serif;
color: #444;
font-size:10px;
}

.normal_small_right {
text-align:right;
font-family: Helvetica, sans-serif;
color: #777;
font-size:10px;
}

.normal_news_header {
font-size:10px;
color: #444;
background-color:#ffe;
padding:1px;
padding-left:3px;
border-bottom:1px solid #ddd;
border-left:1px solid #ddd;
border-top:1px solid #eee;
border-right:1px solid #eee;
margin-bottom:2px;
margin-top:6px;
}

.normal_news_header *{
font-size:11px;
}

.normal_news_content {
font-size:11px;
color: #222;
padding:1px;
padding-left:6px;
padding-right:6px;
padding-bottom:3px;
margin-bottom:2px;
}

.normal_news_content *{
font-size:11px;
}

.normal_upload_header {
font-size:11px;
color: #444;
background-color:#fff;
padding:1px;
padding-left:3px;
border-bottom:1px solid #ddd;
border-left:1px solid #ddd;
margin-bottom:2px;
margin-top:6px;
}

.normal_upload_header *{
font-size:11px;
font-weight:bold;
}

.normal_upload_content {
font-size:11px;
color: #222;
padding:1px;
padding-left:6px;
padding-right:6px;
padding-bottom:3px;
margin-bottom:2px;
}

.normal_upload_content *{
font-size:11px;
}

.normal_comment_header {
font-size:11px;
color: #444;
background:#fff url(images/grad_2.gif) repeat-x; 
padding:1px;
padding-left:3px;
border-bottom:1px solid #aaa;
border-left:1px solid #aaa;
margin-bottom:2px;
margin-top:6px;
}

.normal_comment_header *{
font-size:11px;
}

.normal_comment_content {
font-size:11px;
color: #222;
padding:1px;
padding-left:6px;
padding-right:6px;
padding-bottom:3px;
margin-bottom:2px;
}

.normal_comment_content *{
font-size:10px;
}

/* ---  horizontal list ----- */

* ---  horizontal list ----- */

#tablist *
{
font: 12px Franklin Gothic Medium, sans-serif;
}


#tablist{
padding: 2px 0;
margin-left: 0;
margin-bottom: 0;
margin-top: 14px;
border-bottom: 1px solid #ddd;
}


#tablist li {
color: #aaa;
list-style: none;
display: inline;
margin: 0;
padding: 3px 6px;
margin-left: 0px;
border: 1px solid #ddd;
border-right: 1px solid #bbb;
border-bottom: none;
background: #eee;
}

#tablist li a {
color: #369;
}

#tablist li.current{
color: #369;
background: #fff;
border-bottom:  0px solid #fff;
}


#tabcontentcontainer{
/* Insert Optional Height definition here to give all the content a unified height */
padding: 0px;
background-color: #fff;
border-right: 1px solid #bbb;
border-left: 1px solid #ddd;
border-bottom: 1px solid #bbb;
}

.tabcontent{
padding: 6px;
background-color: #fff;
}

.notabcontent{
padding: 6px;
background-color: #fff;
border-top: 1px solid #ddd;
border-right: 1px solid #bbb;
border-left: 1px solid #ddd;
border-bottom: 1px solid #bbb;
}

.agenda_title {
color: #888;
font-size:13px;
font-weight:bold;
text-align:right;
padding:1px;
padding-left:4px;
margin-top:8px;
margin-bottom:12px;
border-bottom:1px solid #edd;

}

/* --------------- forum ------------- */

#tbl_forum 
{
padding: 4px;
border: 0px solid #abc; 
border-top: 1px solid #789;
border-bottom: 3px solid #bcd;
font-size: 11px;
margin-bottom:4px;
}

#tbl_forum *
{
font-size: 11px;
}

#tbl_forum thead tr td
{
 background-color: #def;
 color: #000;
}


#tbl_forum tbody tr.even td 
{
  background-color: #F4F5F6;
  border-top: 1px solid #ddd; 
}

#tbl_forum tbody tr.odd  td 
{
  background-color: #fff;
  border-top: 1px solid #ddd; 
}

#tbl_forum tbody tr td.posthead
{
 background-color: #F0F0EA;
}


#tbl_forum tbody tr td.postheader
{
 border-top:1px solid #ddd;
 background: #fff url(images/forum_gradient.gif) repeat-x; 
}

.course_forum_epikefalida
{
color: #844;
background-color:#fff;
font-weight:bold;
margin-bottom:4px;
padding:2px;
padding-left:4px;
border-bottom:1px solid #eee;
border-left:1px solid #ddd;
}

.forum_title 
{
background-color:#fff;
color:#555;
padding:2px;
padding-right:4px;
border-bottom:1px solid #ddd;
text-align:right;
}

.forum_field
{
color:#333;
padding:1px;
padding-left:4px;
}

#tbl_forum .forum_details 
{
color:#555;
padding:1px;
margin-top:10px;
font-size: 10px;

}

.forum_buttons
{

}

.epikefalida_forum {
color: #844;
font-weight:bold;
padding:4px;
padding-bottom:8px;
}


/* -------------------  table generic ------------------- */

#tbl_gen 
{
padding: 4px;
border: 0px solid #abc; 
border-top: 1px solid #EFD281;
border-bottom: 3px solid #F6E6BA;
font-size: 11px;
margin-bottom:4px;
}

#tbl_gen *
{
font-size: 11px;
}

#tbl_gen thead tr td

{
 background-color: #F6E6BA;
 color: #000;
}


#tbl_gen tbody tr.even td 

{
  background-color: #F4F4F6;
  border-top: 1px solid #ddd; 
}

#tbl_gen tbody tr.odd td 

{
  background-color: #fff;
  border-top: 1px solid #ddd; 
}

#tbl_gen tbody tr td 

{
  background-color: #fff;
  border-top: 1px solid #ddd; 
}

#tbl_gen tbody tr td.title 

{
  background-color: #eee;
  border-top: 1px solid #ddd; 
}

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }

#overlay{ background-image: url('images/overlay.png'); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url('images/none.gif');
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
	}
	
	
.topic { 
font-family: Trebuchet MS, Helvetica, sans-serif; 
font-size: 13px;
color: #567;
padding: 12px ;
}

.topic_title { 
font-family: Trebuchet MS, Helvetica, sans-serif; 
font-size: 14px;
color: #567;
padding: 4px ;
margin-top: 0px ;
margin-bottom: 6px ;
text-align:left;
border:1px solid #abc;
width:98%;
}

.oral_poster { 
font-family: Trebuchet MS, Helvetica, sans-serif; 
font-size: 13px;
color: #678;
padding: 4px ;
margin-top: 0px ;
margin-bottom: 6px ;
margin-left:14px;
text-align:left;
width:98%;
font-weight:bold;
text-decoration:underline;
}

.program_day { 
font-family: Trebuchet MS, Helvetica, sans-serif; 
font-size: 13px;
color: #000;
padding: 4px ;
margin-top: 14px ;
margin-bottom: 4px ;
width:98%;
font-weight:bold;
text-decoration:underline;
}


.search_form { 
font-family: Trebuchet MS, Helvetica, sans-serif; 
font-size: 14px;
color: #567;
padding: 4px ;
margin-top: 12px ;
margin-bottom: 0px ;
text-align:center;
border:1px solid #abc;
width:98%;
}