@import url("css/menu.css");

/* CSS Document */
body {
	height:100%;
	margin:0px;
	padding:0px;
	background-color: #FFF;
	background-image: url(images/body_bg.gif);
	background-repeat: repeat;
	background-position: left top;
		SCROLLBAR-FACE-COLOR: #192358;
	
	SCROLLBAR-HIGHLIGHT-COLOR: #29568B;
	CURSOR: default;
	SCROLLBAR-SHADOW-COLOR: #003366;
	COLOR: #000000;
	SCROLLBAR-3DLIGHT-COLOR: #003366;
	SCROLLBAR-ARROW-COLOR: #ffff00;
	SCROLLBAR-TRACK-COLOR: #003366;
	SCROLLBAR-DARKSHADOW-COLOR: #29568B;
	SCROLLBAR-BASE-COLOR: #29568B;
	font-family: Tahoma;
	font-size: 13px;
	font-weight: normal;
}

/*-------- Default Style --------*/
th,td,div{color:#000066; font-family:Tahoma;; font-weight:normal; font-size: 13px;}
a,a:link,a:visited,a:active{color:#31397A; text-decoration:none; font-family:Tahoma; font-weight:normal; }
a:hover{color:#cc0000; text-decoration:none; }

/*-------- design style --------*/
.template_style{
	width:805px;
	margin:auto;
}

.top_space{height:0px;}
.lang_pad{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 240px;
}

.logo_top_left{
	padding:0px;
	margin:0px;
	background:url(images/logo_top_left.png) no-repeat top left;
	height:10px;
}
.logo_top_right{
	padding:0px;
	margin:0px;
	background-image: url(images/logo_top_right.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.logo_top_bg{
	padding:0px;
	height:10px;
	background-image: url(images/logo_top_bg.png);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-top: 0;
	margin-right: 13px;
	margin-bottom: 0;
	margin-left: 20px;
}
.logo_left{padding:0px; background:url(images/logo_left.png) repeat-y top left;}
.logo_right{
	padding:0px;
	background-image: url(images/logo_right.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.logo_pad{
	padding:0;
	height:198px;
	margin-top: 2;
	margin-right: 14px;
	margin-bottom: 0;
	margin-left: 20px;
	background-image: url(images/logo-bg.png);
	background-repeat: repeat-x;
	background-position: center bottom;
	width: 773px;
}

.menu_bg{
	 height:45px; 
	background-image: url(images/menu_bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 0;
	margin-right: 14px;
	margin-bottom: 0;
	margin-left: 20px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	width: 773px;

}
.menu_left{padding:0px; margin:0px; background:url(images/menu_left.png) no-repeat top left;}
.menu_right{margin:0px; background:url(images/menu_right.png) no-repeat top right; }

.search_style{float:right; padding:8px 0px 0px 0px;}
.search_bg{padding-right:2px;}
.search_bg Input{color: #43494D;}

.menu_style{float:left;}

.bread_bg{
	padding:0px;
		background-image: url(images/center_bg.png);
	background-repeat: repeat-y;
	background-position: left top;
	margin-top: 0;
	margin-right: 14px;
	margin-bottom: 0;
	margin-left: 20px;
	width: 773px;
}
.bread_left{
	padding:0px;
	margin:0px;
	background-image: url(images/bodyleft-bg.png);
	background-repeat: repeat-y;
	background-position: left top;
}
.bread_right{
	padding:0px;
	background-image: url(images/menu_right.png);
	background-repeat: no-repeat;
	background-position: right top;
}

#login_style{
	float:right;
	padding-top: 1px;
	padding-right: 17px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#bread_style{
	float:left;
	color:#000000;
	font-size:13px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 17px;
}

.center_bg{padding:0px; margin:0px;}
.left_bg{padding:0px; margin:0px; background:url(images/left_bg.png) repeat-y top left;}
.right_bg{
	padding:0px;
	margin:0px;
	background-image: url(images/menu_right.png);
	background-repeat: repeat-y;
	background-position: right top;
}
.content_pad{
	margin-top: 0;
	margin-right: 14px;
	margin-bottom: 0;
	margin-left: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-image: url(images/center_bg.png);
	background-repeat: repeat-y;
	background-position: left bottom;
	width: 773px;
}

.bot_left{
	padding:0px;
	margin:0px;
	background-image: url(images/bot_left.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.bot_right{
	background-image: url(images/bot_right.png);
	background-repeat: no-repeat;
	background-position: right top;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}
.bot_bg{
	background-image: url(images/bot_bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 149px;
	margin-top: 0px;
	margin-right: 14px;
	margin-bottom: 0px;
	margin-left: 20px;
	width: 773px;
	text-align: center;
	vertical-align: bottom;
	padding: 0px;
}

.bot_pad{
	margin-bottom:0px;
	margin-top: 0px;
	margin-right: 14px;
	margin-left: 20px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
}
#terms_style{float:left;}
#copy_style{float:right;}

.clear_float{clear:both;}

/*--------- pane style ----------*/
.ContentPane, .TopPane, .BottomPane{
	padding:0px;
	margin:0px;
}
.LeftPane{
	width:240px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	background-image: url(images/leftpane-bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
	height: 421px;
}
.RightPane{
	margin:0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/*------------ Breadcrumb Style --------------*/
.Breadcrumb,a.Breadcrumb:link,a.Breadcrumb:active,a.Breadcrumb:visited{ color:#31397A; font-size:13px; }
a.Breadcrumb:hover{color:#cc0000;}

/*-------------- Link Style --------------*/
.links {
	text-align:center;
	vertical-align: bottom;
}
.links,a.links:link,a.links:active,a.links:visited{
	font-weight:normal;
	color:#31397A;
	font-size:11px;
	text-align: center;
}
a.links:hover{color:#cc0000;}

/*-------------- User Style --------------*/
.user{ color:Red;}
a.user:link,a.user:active,a.user:visited { color:#31397A; font-size:12px;}
a.user:hover{color:#cc0000;}

/*-------------- Footer Style --------------*/
.footer,a.footer:link,a.footer:active,a.footer:visited { color:#31397A; font-size:12px;}
a.footer:hover{color:#cc0000;}

/*-------------- Search SkinObject Styles --------------*/
div.SearchContainer{position:relative; white-space: nowrap;}
div.SearchBorder{width: 200px; height: 20px; border: solid 1px #e0e0e0; position:absolute; right:35px; background-color: White; white-space: nowrap; margin-top: 2px;}
div.SearchContainer a{padding: 0px 5px; position:relative; display: block;}
div.SearchIcon{float: left; width: 31px; height: 20px; cursor: pointer; z-index: 11; background: no-repeat 2px 2px; text-align:right;}
div.SearchIcon img{margin-top: 3px;}

input.SearchTextBox{float: left; z-index: 10; border: 0px; width:150px; height:18px; margin-left:3px;}

#SearchChoices{clear: both; display: none; border: solid 1px #C3D4DF; z-index: 2000; cursor: pointer; margin: 0; padding: 0; text-align:left; font-size:12px; background-color: #F3F7FA; position:absolute; top: 22px; left: 0px;}
#SearchChoices li{cursor: pointer; margin: 0; padding: 2px 2px 0 2px; padding-left: 25px; height: 18px; text-align:left; background-color: #F3F7FA; background-repeat: no-repeat; background-position: 2px center; list-style: none; list-style-image: none; border: none; display:block;}
#SearchChoices li.searchHilite{background-color: #CE0D0D;	color:#ffffff; border: none;}
#SearchChoices li.searchDefault{background-color: #F8FAFF; border: none;}

/*FROM GUL STYLES*/
.redColor {
	color: #cc0000202;
}
.Black {
	color: #000000;
}
.GrayColor {
	color: #726363;
}



.Text {
	font-family: Tahoma;
	font-size: 13px;
	font-weight: normal;
	color: #000066;
	text-decoration: none;
	line-height: 18px;
}

.TextBold {
	font-family: Tahoma;
	font-size: 13px;
	font-weight: bold;
	color: #000066;
	text-decoration: none;
	line-height: 18px;
}

.TextCaps {
	font-family: Tahoma;
	font-size: 13px;
	font-weight: bold;
	color: #003366;
	text-decoration: none;
	padding: 2px;
	line-height: 18px;
	text-transform: uppercase;
}
.TextSmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #003366;
	text-decoration: none;
	padding: 2px;
}

.TextSmallBold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #003366;
	text-decoration: none;
	padding: 2px;
	line-height: 16px;
}
.HeaderMain {
	line-height: normal;
	text-align: center;
	vertical-align: middle;
}
H1 {
	font-family: "Century Gothic";
	font-size: 22px;
	font-weight: bolder;
	color: #35377D;
	text-decoration: none;
	margin: 0px;
	height: 30px;
	padding: 0px;
}
H3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000033;
	text-decoration: none;
	padding: 2px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}

H2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000033;
	text-decoration: none;
	padding: 2px;
}

SELECT.Combobox {
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px;
	COLOR: #000000;
	FONT-FAMILY: Tahoma;
	BACKGROUND-COLOR: #EAEAEA;
	border: 1px solid #666666;
	padding: 2px;
}
INPUT.checkbox{
	font-size: 12px;
	font-family: Tahoma;
	border: 1px solid #666666;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	background-color: #EAEAEA;
	line-height: normal;
	padding: 1px;
	width: 150px;
}
textarea{
	font-size: 12px;
	font-family: Tahoma;
	border: 1px solid #666666;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	background-color: #EAEAEA;
	line-height: normal;
	padding: 2px;	
}


INPUT.button{
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #cc0000;
	line-height: normal;
	height: 25px;
	border: 1px solid #000000;
}


.Logo {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #B2B2B2;
	text-align: center;
	vertical-align: middle;
}
.FooterSmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #003366;
	text-decoration: none;
	text-align: center;
	line-height: 19px;
}
.FooterSmall h1{
	color: #003366;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
.FooterSmall a{
	color: #666666;
	text-decoration: underline;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}


.FooterSmall a:hover {
	color: #cc0000;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	
}
.FooterSmallBold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #003366;
	text-decoration: none;
}
A.FooterLink {
	font-family: Tahoma;
	color: #666666;
	text-decoration: underline;
	font-size: 10px;
	font-weight: normal;
}


A.FooterLink:hover {
	font-family: Tahoma;
	color: #cc0000;
	text-decoration: none;
	font-size: 10px;
}

A.Link {
	color: #31397A;
	text-decoration: underline;
}
A.Link:hover {
	color: #cc0000;
	text-decoration: none;
}

.WhiteBold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 7px;
	padding-bottom: 0px;
	padding-left: 7px;
}
.WhiteText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 7px;
	padding-bottom: 0px;
	padding-left: 7px;
}
.Whitetextsmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 7px;
	padding-bottom: 0px;
	padding-left: 7px;
}
.WhitetextsmallBold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 7px;
	padding-bottom: 0px;
	padding-left: 7px;
}
.li {
	list-style-image: url(images/dot.gif);
	list-style-type: none;
}


A.RedLink {
	color: #FF0000;
	text-decoration: underline;
}
A.RedLink:hover {
	color: #666666;
	text-decoration: none;
}
.RedText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FF0000;
	text-decoration: none;
	line-height: normal;
}

.RedTextSmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FF0000;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 7px;
	padding-bottom: 0px;
	padding-left: 7px;
}

#opt {
	display: none;
}
h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #003366;
	text-decoration: none;
	margin: 0px;
}
h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #003366;
	text-decoration: none;
	margin: 0px;
}
.Eng-lan {
	width: 94px;
	height: 44px;
}
.Eng-lan a {
	display: block;
	width: 94px;
	height: 44px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: normal;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	background-image: url(images/eng-lan.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.Eng-lan a:hover {
	background-position: left bottom;
	background-image: url(images/eng-sel.png);
	background-repeat: no-repeat;
}
.Eng-lan_selected a {
	background-position: left bottom;
	color: #FFFFFF;
	background-image: url(images/eng-sel.png);
	background-repeat: no-repeat;
	width: 94px;
	height: 44px;
	display: block;
}
.Dut-lan {
	width: 101px;
	height: 43px;
}
.Dut-lan a {
	display: block;
	width: 101px;
	height: 43px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: normal;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	background-image: url(images/dut-lan.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.Dut-lan a:hover {
	background-position: left bottom;
	color: #FFFFFF;
	background-image: url(images/dut-sel.png);
}
.Dut-lan_selected a {
	background-position: left bottom;
	color: #FFFFFF;
	background-image: url(images/dut-sel.png);
	background-repeat: no-repeat;
	width: 101px;
	height: 43px;
	display: block;
}