/*
Type: CSS Document
Creation date: 13.01.2006 Creation by: D.Ampelakiotis
Code: CSS-01-Layout Name: layout.css
*/
body {
	padding:0; margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#333;
	background-image:url(../images/default/bg_body.jpg);
	background-repeat:repeat-x;
	background-color:#B2D1E0;
}
/* page layout */
#div-page-layout {
		text-align:center;
}
.print-mode-style {
	padding:6px; margin:6px;
}
.print-mode-style-header {
	width:auto;
	border-bottom:1px dotted #ddd;
	font-size:70%;
	margin-bottom:2px;
}
.print-mode-style-footer {
	width:auto;
	border-top:1px dotted #ddd;
	padding:10px; margin:10px;
	font-size:70%;
	color:#999;
}
#marqueecontainer{
	position: relative;
	width: 98%; /*marquee width */
	height: 180px; /*marquee height */
	overflow: hidden;
	padding: 2px;
}
/* table layout */
#tbl-shadow-layout 	  {width:970px;}
#tbl-shadow-layout-footer {width:970px; margin-top:-1px;}
#td-shadow-left			{width:9px; background-image:url(../images/default/bg-left-shadow.jpg); background-color:transparent; background-repeat:repeat-y; vertical-align:top;}
#td-shadow-right		{width:9px; background-image:url(../images/default/bg-right-shadow.jpg); background-color:transparent; background-repeat:repeat-y; vertical-align:top;}

#tbl-content {width:100%; height:400px;}
#col-left-content {width:20%; /*background-image:url(../images/default/leftbar_bg.gif); background-repeat:repeat-y; background-position:right;*/ vertical-align:top; padding:4px; padding-right:2px;}
#col-right-content {width:80%; vertical-align:top; padding:2px;}
#col-opener-content {margin:0; padding:0; text-align:left;}
.tbl-left-box {width:100%; /*border:1px solid #CCCC99;*/ border-collapse:collapse; margin-top:4px;}
.td-left-memu-close {
	font-size:70%; color: #003366;
	background-repeat: repeat;
	background-color: #f0f0e0;
}
.td-left-memu-close a{color: #003366; text-decoration: none;}
.td-left-memu-close a:hover{color: #000; text-decoration: underline;}
.td-left-memu-close a:active{color: #00597B; text-decoration: none;}
.td-left-memu-close ul {padding:0px; margin-left:21px; text-align:left; margin-bottom:5px; margin-top:2px;}
.td-left-memu-close ul li {list-style-type:none; list-style-image:url("../images/bullet/menu_bullet.gif"); margin-bottom:2px;}
.td-left-memu-open {
	font-size:70%; color: #666;
	border-top:1px dotted #00597B;
	border-bottom:1px dotted #00597B;
	background-color: #FFFFFF;
}
.td-left-memu-open a{color: #666; text-decoration: none;}
.td-left-memu-open a:hover{color: #00597B; text-decoration: underline;}
.td-left-memu-open a:active{color: #9BBACE; text-decoration: none;}
.td-left-memu-open ul {padding:0px; margin-left:30px; text-align:left; margin-bottom:5px; margin-top:2px; }
.td-left-memu-open ul li {list-style-type:none; list-style-image:  url("../images/bullet/menu_bullet2.gif"); margin-bottom:2px;}
.td-left-online {
	font-size:70%; color: #333;
	padding:4px;
	background-color: #f0f0e0;
	background-repeat:repeat;
}
.td-left-online img {border:none;}
.td-left-function {
	font-size:70%; color: #333; text-align:left;
	vertical-align:middle;
	padding:4px;
	background-color: #f0f0e0;
	background-repeat:repeat;
}
.td-left-function a{color:#003366; text-decoration: none;}
.td-left-function a:hover{color:#FF9900; text-decoration: none;}
.td-left-function a:active{color:#CCC; text-decoration: none;}
.td-left-function img {border:none; vertical-align:middle; padding-bottom:6px;}
.td-left-generic {
	font-size:70%; color: #333; text-align:left;
	vertical-align:middle;
	padding:4px;
	background-color: #f0f0e0;
	background-repeat:repeat;
}
.td-left-generic a{color:#003366; text-decoration: none;}
.td-left-generic a:hover{color:#FF9900; text-decoration: none;}
.td-left-generic a:active{color:#CCC; text-decoration: none;}
.td-left-generic img {border:none; vertical-align:middle;}
.tbl-right-intro {
	width:100%;
	background-repeat:repeat;
	background-color:#f8f9f3; 
	border:1px solid #E5E5CB;
	margin-top:4px;
	padding:7px;
}
.tb-right-intro	{ 
	font-size:70%;	color:#003366; text-align:justify;
}
.tbl-right-scroll {
	width:100%;
	margin-top:3px;
	background-repeat:repeat;
	background-color:#e5e5cb;
}
.tb-right-scroll {
	font-size:70%; color:#003366; text-align:left; border:1px solid #CCCC99; padding:5px;
}
.tb-right-scroll p {padding:2px; margin:2px;}
.tb-right-scroll a {color:#003366; text-decoration:none;}
.tb-right-scroll a:hover {color:#FF9900; text-decoration:none;}
.tb-right-scroll a:active {color:#006600; text-decoration:none;}
.tb-right-scroll-title {
	font-size:70%; color:#fff; font-weight:bold; text-align:left; background-color:#00597B; border:1px solid #00597B; padding:5px;
}
/* td header layout */
#td-header-logo-place {
	text-align:left;
	height:100px;
}
#td-header-top {font-size:70%; height:20px;}
#td-header-bottom {font-size:70%; height:20px;}
#td-tabs {background-color:#FFFFFF; margin:0; padding:0; padding-top:10px;}
#td-path {background-color:#FFFFFF;}
#td-content{height:400px; background-color:#FFFFFF;}
#td-footer {
	height:30px;
	background-image:url(../images/home_page/css_sprites_01.jpg);
	background-position: -0px -287px;
	background-repeat:no-repeat;
	border-top:1px solid #05597D;}

#td-down-nav{height:25px; background-color:#FFF;}

.language-place {text-align:left; color:#666666; padding:2px; padding-left:4px;}
.language-place a {color:#003366; text-decoration:none;}
.language-place a:hover {color:#FF9900; text-decoration:none;}
.language-place a:active {color:#006600; text-decoration:none;}

.users-place {text-align:right; color:#666666; padding:2px; padding-right:4px;}
.users-place a {color:#003366; text-decoration:none;}
.users-place a:hover {color:#FF9900; text-decoration:none;}
.users-place a:active {color:#006600; text-decoration:none;}
.users-place img {border:none; vertical-align:middle;}

.quick-search form {padding:0; margin:0;}
.quick-search {text-align:left; color:#666666; padding:2px; padding-left:4px; vertical-align:middle;}
.quick-search a {color:#003366; text-decoration:none;}
.quick-search a:hover {color:#FF9900; text-decoration:none;}
.quick-search a:active {color:#006600; text-decoration:none;}
.quick-search img {border:none; vertical-align:middle;}
.quick-search input {font-size:100%; color:#666699; vertical-align:middle;}

.view-date {text-align:right; color:#666666; padding:2px; padding-right:4px;}

.path 					{text-align:left; font-size:70%; color:#003366; border:none; /*background-image:url(../images/default/path_bg.gif); background-repeat:repeat-x; background-position:bottom;*/ margin:0; padding:4px;}
.path strong 		{color:#666699;}
.path a 				{color:#003366; text-decoration:none;}
.path a:hover 	{color:#FF9900; text-decoration:none;}
.path a:active 	{color:#006600; text-decoration:none;}

.navigation-box {font-size:70%; color:#666699; background-image:url(../images/default/nav_bg.gif); background-repeat:repeat-x; background-position:top;}
.navigation-box a {color:#666699; text-decoration:none;}
.navigation-box a:hover {color:#FF9900; text-decoration:none;}
.navigation-box a:active {color:#006600; text-decoration:none;}

.footer-box{font-size:70%; color:#fff; padding-left:20px; padding-right:20px; padding-top:6px; padding-bottom:0; vertical-align:top;}

.footer-box a {color:#fff; text-decoration:none;}
.footer-box a:hover {color:#FF9900; text-decoration:none;}
.footer-box a:active {color:#006600; text-decoration:none;}

.content-box {vertical-align:top;}

.tbl-small-box {
	height:300px; float:left;
	background-image:url(../images/default/bg-boxes.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#FFF;
	border:1px solid #CCCC99;
	margin-top:3px;
}

.tb-small-box {font-size:70%; color:#333; text-align:left; padding:4px; vertical-align:top;}
.tb-small-box strong {color:#00597B;}
.tb-small-box ul {list-style:none; margin:2px; padding:2px;}
.tb-small-box li {list-style:none; margin:2px; padding:2px;}

.tb-small-box a {color:#003366; text-decoration:none;}
.tb-small-box a:hover {color:#FF9900; text-decoration:none;}
.tb-small-box a:active {color:#006600; text-decoration:none;}
.tb-small-box img {border:none; vertical-align:middle;}

.custom-input-gold {
	font-size:100%; color:#333;
	background-image:url(../images/buttons/b-gold.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	border:1px outset #E5E5CB;
	cursor:pointer;
	padding:2px;
}
/* Poll List */
.poll-list												{}
table.poll-list										{width:100%; border-collapse:collapse;}
.poll-list thead th								{padding:4px; margin:0; border:1px solid #C7C5B2; color:#6666CC; background-color:#EBEADB;}
.poll-list thead td								{padding:10px; color:#333; font-size:120%;}
.poll-list tbody th								{}
.poll-list tbody td								{color:#333; padding:4px; margin:0; border:1px solid #C7C5B2;}
.poll-list tfoot th								{}
.poll-list tfoot td								{color:#333; padding:4px; margin:0; border-top:1px solid #C7C5B2;}

/* Send a page */
.send-page-layout 								{width:100%; font-size:70%;}
form.send-page-layout 						{padding:0; margin:0;}
table.send-page-layout 						{width:100%;}
.send-page-layout th 							{color:#666699; text-align:right;}
.send-page-layout td 							{color:#333; padding:4px;}
.send-page-layout h4 							{font-size:100%; font-weight:bold; color:#666699;}
.send-page-top 										{padding:20px; background-color:#FFFFFF; border-bottom:1px solid #333;}
.send-page-body 									{padding:10px; background-color:#FFF;}
.send-page-footer 								{padding:6px;}


fieldset			{padding:10px; -moz-border-radius-topleft:12px; -moz-border-radius-topright:12px; -moz-border-radius-bottomleft:12px; -moz-border-radius-bottomright:12px;}
legend			{color:#006699; font-weight:bold; padding:6px;}

.qnr {text-align:center; padding:6px; font-size:70%;}
.qnr a {color:#003366; text-decoration:none;}
.qnr a:hover {color:#FF9900; text-decoration:none;}
.qnr a:active {color:#006600; text-decoration:none;}

/* new css for image from DF */
/* update by df table header layout */
#tbl-header-layout {
	width:950px;
	height:137px;
	background-image:url(../images/home_page/css_sprites_01.jpg);
	background-position: -0px -137px;
	background-repeat:no-repeat;
	background-color:#FFF;}

.dfbutton_online{
	width:187px;height:54px;float:left; margin-top:4px; cursor:pointer;
	background-image:url(../images/home_page/css_sprites_01.jpg);
	background-position: -728px -0px;}

#df_homebuttons span{
	width:182px;
	height:137px;
	float:left;
	cursor:pointer;
	background-image:url(../images/home_page/css_sprites_01.jpg);}
.dfbutton1 {background-position: -0px 0px;margin-left:1px;margin-right:2px;}
.dfbutton2 {background-position: -182px 0px;margin-right:2px;}
.dfbutton3 {background-position: -364px 0px;margin-right:2px;}
.dfbutton4 {background-position: -546px 0px;margin-right:2px;}
