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

/* CSS Document */
body {background:#1169b6 url(images/header-bg.gif) repeat-x top left; margin:0px; padding:0px; color:#fff; }

/*-------- Default Style --------*/
body, div,p,table,h1,h2,h3,h4,h5,h6.Normal,.NormalDisabled{color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif;}
input{color:#333; font-family:Verdana, Arial, Helvetica, sans-serif;}
.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover{color:#000; font-family:Verdana, Arial, Helvetica, sans-serif;}

body,th,td,div,p,table,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover{font-size:12px;}
h1, h2, h3, h4, h5, h6{color:#6ed1ff;}
ul, li, dl, dt, dd {margin:0; padding:0; list-style:none;}
h1, h3, h5, h1 input{font-weight:bold;}
h2, h4, h6{font-weight:normal}
h1, h2, h1 input{font-size:14px;margin:10px 0;}
h3, h4{font-size:12px;margin:8px 0;}
h5, h6{font-size:10px;margin:6px 0;}


a,a:link,a:visited,a:active{color:#3E81B5; text-decoration:none; font-weight:normal; }
a:hover{color:#D00; text-decoration:underline; }
.Head, .SubHead, .SubSubHead, .Normal, .NormalDisabled, .NormalDisabled, .NormalBold, .NormalRed, .NormalTextBox
{font-family:Verdana, Arial, Helvetica, sans-serif;}
.Head{color:#2E3D47;font-weight:bold;}
.SubHead {color:#000;}
.SubSubHead{color:#6E8AA0;}
.NormalRed {color:#F00;}


/*Datagrids */
.DataGrid_Container {margin-top:15px;}
.DataGrid_Header{font-weight:bold;}
.DataGrid_Header td, .NormalBold td{font-weight:bold;}

/*-------- design style --------*/
.template_style{width:100%;}
.wrapper {background:#0f62a5 url(images/body-bg.gif) repeat-x top left; width:100%; text-align:left;}
.main-container {width:980px; margin:0 auto;}

.top_space{height:34px;}
.lang_pad{padding:7px 0 0 25px;float:left;}

.header {height:117px; width:980px; margin:0 auto;}

.header div.logo { width:200px; float:left; padding-top:10px;}
.header div.logo img{ width:199px; height:95px; border:0;}
.header div.nav{float:right; width:780px;}
.header div.nav h1{ height:74px; line-height:72px; font-size:12px; margin:0; text-align:right;}
.header div.nav label{ padding:0 10px;}
.header div.nav h1 a{ color:#fff;}



/*.header div.top {height:74px;}
.header div.top img{ width:178px; height:68px; border:0;}
.header div.top h1{float:left; margin:0; padding:0;}
.header div.top h1 img{ width:174px; height:68px; border:0;}

.header div.top h2{float:right; margin:0; padding:0;}
.header div.top h2{ height:72px; line-height:72px; font-size:12px; margin:0; text-align:right;}
.header div.top h2 label{ padding:0 10px;}*/

.menu {height:43px; text-align:right; float:right;}

.banner-pan { height:331px;}
.banner-pan div.description{ height:212px; padding:60px 0 0 10px;}
.banner-pan div.description h1{width:400px; margin:0 0 3px 0; color:#a1b1b8; font-size:30px;}
.banner-pan div.description h2{width:400px; margin:0 0 10px 0; color:#00adfe; font-size:30px;}
.banner-pan div.description p{width:400px; margin:10px 0; color:#e9e9e9;}
.banner-pan div.login{ height:50px; line-height:50px; padding:0 20px 0 0; text-align:right;}


.content_width{padding:20px; background:url(images/container-bg.gif) repeat-x top left;}

.clear_float{clear:both; line-height:0; font-size:0; height:0;}

/* ------- FileManager -------*/
div.FileManager{height:auto;border:none;}
table.FileManager{width:99%}


a.CommandButton:link, a.CommandButton:visited{color:#FFFF00; font-weight:bold; text-decoration:none;}
a.CommandButton:hover{color:#3E81B5; text-decoration:underline;}

/*-------ControlPanel changes ---------------*/
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited{color:#3E81B5;}
.ControlPanel a.CommandButton:hover{color:#CB2027; text-decoration:underline;}
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited, .ControlPanel .SubHead{font-size:11px;}

/*--------- pane style ----------*/
.ContentPane, .TopPane, .BottomPane{ padding:0px; margin:0px; }
.LeftPane{ padding:0px 20px 0px 0px;}
.RightPane{ padding:0px 0px 0px 20px;  width:35%; background:url(images/dots.gif) repeat-y top left; margin:0px; }


/*------------ Breadcrumb Style --------------*/
.Breadcrumb,a.Breadcrumb:link,a.Breadcrumb:active,a.Breadcrumb:visited{color:#3E81B5;}
a.Breadcrumb:hover{color:#C00;}

/*-------------- Link Style --------------*/
.linkscontainer{padding-top:20px;text-align:center;}
.links,a.links:link,a.links:active,a.links:visited{ font-weight:bold; color:#3E81B5; text-transform:uppercase;}
a.links:hover{color:#C00;}

/*-------------- User Style --------------*/
.user,a.user:link,a.user:active,a.user:visited { color:#3E81B5;}
a.user:hover{color:#C00;}

/*-------------- Footer Style --------------*/
.footer,a.footer:link,a.footer:active,a.footer:visited { color:#fff;}
a.footer:hover{color:#C00;}

.footer-base {background:#03091b; height:45px; line-height:45px; text-align:center; margin-top:20px;}
.footer-base a{color:#fff;}
.footer-base a:hover{color:#fff; text-decoration:underline;}
.copyright {height:30px; line-height:30px; text-align:center; margin-top:10px; color:#bdc6e1;}

/*-------------- Empty panes Style --------------*/
.DNNEmptyPane{width:0;padding:0;margin:0;}

/*-------------- Search SkinObject Styles --------------*/
div.SearchContainer{position:relative; white-space: nowrap;}
div.SearchBorder{width: 180px; height: 20px; border: solid 1px #e0e0e0; float:left; background-color: White; white-space: nowrap; margin-top: 2px;}
div.SearchContainer a{padding: 0px; display: block; float:left; }
div.SearchContainer a img{padding-left:5px;}
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:130px; height:18px; margin-left:3px; color: #43494D;}

#SearchChoices{clear: both; display: none; border: solid 1px #C3D4DF; z-index: 2000; cursor: pointer; margin: 0; padding: 0; text-align:left; 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;}


/* Tabber Style */
.taber li { margin-right:3px; float:left; padding:0; list-style:none !important;}
.taber li  
{	
	text-align:center;
	cursor:pointer;
	white-space:nowrap;
	height:44px;
	line-height:44px;
	float:left;
	background: url(images/tab-menu.gif) no-repeat 100% 0;
}

.taber li a
{	
	background: url(images/tab-menu.gif) no-repeat left -44px;
	float:left;
	padding:0px 15px;
	color: #cbe3fc;
	font-size: 18px; 
	font-weight:normal;
	font-family:Arial;
}

.taber li a:hover
{	
	color: #0c4884;
	text-decoration:none;
}


.taber li.current  
{	
	text-align:center;
	cursor:pointer;
	white-space:nowrap;
	height:44px;
	line-height:44px;
	float:left;
	background: url(images/tab-menu-bg.gif) no-repeat 100% 0;
}

.taber li.current a
{	
	background: url(images/tab-menu-bg.gif) no-repeat left -44px;
	float:left;
	padding:0px 15px;
	color: #0c4884;
	font-size: 18px; 
	font-weight:normal;
	font-family:Arial;	
}

.taber-container { height:auto;width:564px; padding:15px 15px 0 15px; background:#2b6caf url(images/tab-top.gif) no-repeat right top; float:left;}
span.bot{ width:594px; background:url(images/tab-bottom.gif) no-repeat bottom; float:left; height:16px;}

.taber-container h1{font-size:19px; color:#6ed1ff; padding-bottom:10px; margin:0; font-family:Arial; font-weight:normal;}
.taber-container p{ margin:5px 0px 5px 0px;}
.taber-container a{color:#666;}
.taber-container span.pad{ margin:0px 15px 0px 15px;}

.taber-container dl, dt, dd {margin:0; padding:0;}
.taber-container dl {background:url(images/dots-1.gif) repeat-x bottom; float:left; width:564px; padding:20px 0;}
.taber-container dt {width:190px; float:left; background:url(images/dots.gif) repeat-y right;}
.taber-container dt img{width:170px; height:220px; border:1px solid #90b0d0;}
.taber-container dd {width:360px; float:left; padding-left:14px;}

.taber-container li {background:url(images/bullets-1.gif) no-repeat left top; float:left; width:340px; padding-left:20px; margin-bottom:10px; list-style:none !important;}
.taber-container li ul {margin-top:10px;}
.taber-container li ul li{background:url(images/bullets-2.gif) no-repeat left top; float:left; width:300px;  margin:5px 0; padding-left:15px;}


/* Conact page style */
.contact {width:270px; height:186px; background:url(images/contact-bg.gif); padding:20px 0 0 24px;}
.contact h2{color:#dce0ea; font-size:19px; padding-bottom:5px; margin:0;}
.contact p{color: #a5aab8; font-size:12px; font-weight:bold; margin:0; line-height:1.5em;}
.contact p.map{ text-align:right; margin-bottom:6px;}
.contact p.map img{ border:0;}


.contact a{color: #a5aab8; font-size:12px; font-weight:bold; text-decoration:underline;}
.contact a:hover{text-decoration:none;}


.news {}
.news dd{ border-bottom:1px solid #4174a9; margin:10px 0; padding-bottom:10px;}
.news h2{ color:#fff; font-weight:bold; font-size:12px; padding-bottom:5px; margin:0; font-family:bold; font-family:Verdana, Arial, Helvetica, sans-serif;}
.news h2 a{ color:#fff;  text-decoration:underline;}
.news h2 a:hover{ text-decoration:none;}

.news p{color: #d2d7e3; font-size:12px; font-weight:normal; margin:0; line-height:1.5em;}
.news a{color: #b8d302; font-size:12px; font-weight:bold; text-decoration:none;}
.news a:hover{text-decoration: underline;}

/* About Us Page */
.about p { line-height:1.4em;}
.about-right li {background:url(images/bullets-2.gif) no-repeat left top; float:left; width:260px; padding-left:30px; margin-bottom:15px; list-style:none !important; height:20px; line-height:20px;}
.about-right li a{color:#c6d0ec; font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.about-right li a:hover{color:#fff;}
.about-right li a.selected{color:#fff;}