@import url("menu.css");

/* CSS Document */
#Body {background:#032b41; height:100%; margin:0; padding:0; }

/* ControlPanel style */
.ControlPanel{background:transparent url(images/cpanel_center.png) repeat-x bottom left; border:none;padding-bottom:10px;}
.ControlPanel .SubHead {color:#000000;}
.cpanel_left {background: url(images/cpanel_left.png) no-repeat bottom left;padding-left:21px;}
.cpanel_right {background: url(images/cpanel_right.png) no-repeat bottom right;padding-right:33px;}

/*-------- Default Style --------*/
body,th,td,div,p,table,h1,h2,h3,h4,h5,h6,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover, input, .CommandButton, .WizardText, .NormalTextBox{color:#99c7e0; font-family: Arial,Helvetica,sans-serif;}
body,th,td,div,p,table,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover, .WizardText, .NormalTextBox {font-size:15px;}
h1, h2, h3, h4, h5, h6{color:#375162;}
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;}
.CommandButton, input {color:#3a3a3a;}

a,a:link,a:visited,a:active{color:#ffffff; text-decoration:underline; font-weight:normal; }
a:hover{color:#ffffff;text-decoration:none;  }
.Head{color:#ffffff;font-weight:normal;}
.SubHead {color:#ffffff;font-weight:normal;}
.SubSubHead{color:#ffffff;font-weight:normal;}
.NormalRed {color:#F00;}
.NormalTextBox{color:#3a3a3a;}

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

/*-------- design style --------*/

#s_wrap_main{display:table;width:1024px; margin:0 auto;}
#s_wrap_sub{display:table-row}
.template_style{display:table-cell}


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

.logo_top_left{padding:0; margin:0; background:url(images/logo_top_left.png) no-repeat top left; height:23px;}
.logo_top_right{padding:0; margin:0; background:url(images/logo_top_right.png) no-repeat top right;}
.logo_top_bg{padding:0; margin:0 39px 0 27px; background:#FFF url(images/logo_top_bg.png) repeat-x top;height:23px;}
.logo_left{padding:0; background:url(images/logo_left.png) repeat-y top left;}
.logo_right{padding:0; background:url(images/logo_right.png) repeat-y top right;}
.logo_pad{background:#FFF; margin: 0 19px 0 7px; padding:0 0 10px 10px;}

.menu_bg{padding:0 0 0 6px;  margin: 0 21px 0 9px; background:url(images/menu_bg.png) top left;}
.menu_left{padding:0; margin:0; background:url(images/menu_left.png) repeat-y  top left;}
.menu_right{margin:0; background:url(images/menu_right.png) repeat-y top right; }

.search_style{float:right; height:40px;}
.search_bg{padding:8px 2px 0 0;}

.bread_bg{padding:0; margin: 0 19px 0 7px; background:url(images/bread_bg.png) repeat-x top left; height:34px;}
.bread_left{padding:0; margin:0; background:url(images/bread_left.png) no-repeat top left; height:34px;}
.bread_right{padding:0;  background:url(images/bread_right.png) no-repeat top right; height:34px;}

#login_style{ float:right; line-height:34px; color: #99c7e0;}
#bread_style{ float:left; line-height:34px; padding-left:18px;color:#000000;}

.center_bg{padding:0; margin:0;clear:both;}
.left_bg{padding:0; margin:0; background:url(images/left_bg.png) repeat-y top left;}
.right_bg{padding:0; margin:0; background:url(images/right_bg.png) repeat-y top right;}
.content_pad{padding:10px 22px 0 22px; margin: 0 19px 0 7px; background:#FFF url(images/center_bg.png) repeat-x bottom left;}
.content_width{padding-top:15px; min-height:350px;}

.bot_left{padding:0; margin:0; background:url(images/bot_left.png) no-repeat top left;}
.bot_right{padding:0; margin:0; background:url(images/bot_right.png) no-repeat top right; padding:0 39px 0 27px;}
.bot_bg{padding:0; margin:0; background:url(images/bot_bg.png) repeat-x top left; height:41px;}

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

.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:#ffffff; text-decoration:underline;}
a.CommandButton:hover{text-decoration:none;}

/*-------ControlPanel changes ---------------*/
.ControlPanel a, .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:0; margin:0; }
.LeftPane{ padding:0 20px 0 0; width:20%; margin:0; }
.RightPane{ padding:0 0 0 20px; width:20%; margin:0; }


/*------------ 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:#3E81B5;}
a.footer:hover{color:#C00;}

/*-------------- 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: 0; 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: 0; 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: 0;}
#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;}

#cpanel-wrapper
{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto 0px auto;
	clear: both;
	background-color: #3a3a3a;
	z-index:5;
}
	
#cpanel-container
{
	margin:0 auto;
	width: 1024px;
	text-align: left;
	color: #ffffff;
	background-color: #3a3a3a;
}

#header-wrapper
{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto 0px auto;
	clear: both;
	background-color: #3a3a3a;
}
	
#header-container
{
	margin:0 auto;
	width: 1024px;
	text-align: left;
	height: 132px;
	color: #ffffff;
	background-image:url(images/ngs_header_bg.jpg);
	background-repeat: no-repeat;
}
#logo-container
{
	float: left;
	width: 270px;
	height: 63px;
	margin-top: 42px;
	margin-left: 54px;
}
#menu-container 
{
	float: right;
	width:660px; 
	height: 50px;
	margin-top: 50px;
	margin-right: 40px;
}
#header-menu
{
	float: right;
	height: 50px;
}

#ad-wrapper
{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto 0px auto;
	clear: both;
	background-image: url(images/ngs_ad_bg.jpg);
	background-repeat: repeat;
	background-color: #ffffff;
	border-style: solid;
	border-width: 1px 0px 1px 0px;
	border-top-color: #5d686b;
	border-bottom-color: #5fb5e3;
}
	
#ad-container
{
	margin: 0 auto;
	width: 1024px;
	text-align: left;
}

#ad-left
{
	width: 424px;
	float: left;
}
#ad-right
{
	width: 600px;
	float: right;
}
#ad-wide
{
	width: 1024px;
	float: left;
}
#header-pic p
{
	margin: 0;
	padding: 0;
}

#content-wrapper
{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto 0px auto;
	clear: both;
	background-color: #053c59;
}
	
#content-container
{
	background-position: top;
	border-width: 30px 27px 10px 27px;
	margin: 0 auto;
	width: 970px;
	text-align: left;
	color: #ffffff;
	font-size: 8px;
	background-image: url(images/ngs_content_bg.jpg);
	background-repeat: no-repeat;
}

#content-top
{
	width: 970px;
	text-align:left;
}

#content-pane
{
	float: left;
	width:635px; 
	text-align:left;
	padding-right: 5px;
}

#content-right
{
	float: right;
	text-align:left;
	padding-left: 5px;
	width:325px; 
}

#content-3-left
{
	float: left;
	text-align:left;
	padding-right: 5px;
	overflow:hidden;	
	width:320px; 
}

#content-3-mid
{
	float: left;
	text-align:left;
	padding-left: 5px;
	padding-right: 5px;
	width:315px; 
}
#content-3-right
{
	float: right;
	text-align:left;
	padding-left: 5px;
	width:315px; 
}
#content-bottom
{
	width: 970px;
	text-align:left;
}

#header-content p
{
	font-size: 13px;
}
#header-content a
{	
	font-weight: normal;
	color: #ffffff;
	text-decoration:underline;
	font-size: 13px;
}

#header-content a:hover
{	
	text-decoration:none;
}
/**/
#footer-wrapper
{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto 0px auto;
	clear: both;
	background-color: #032b41;
}
#footer-container
{
	border-width: 10px 27px 10px 27px;
	margin: 0 auto;
	width: 970px;
	text-align: left;
	padding-top: 10px;
	color: #ffffff;
	font-size: 8px;
}
/**/

#footer-wrapper p, #footer-wrapper a, #dnn_dnnCOPYRIGHT_lblCopyright
{
	font-size: 13px;
}
#footer-left
{
	float: left;
	text-align:left;
	padding-right: 5px;
	overflow:hidden;	
	width:320px; 
	overflow:hidden;
}
#footer-mid
{
float: left;
	text-align:left;
	padding-left: 5px;
	padding-right: 5px;
	overflow:hidden;	
	width:315px; 
	overflow:hidden;
}
#footer-right
{
	float: right;
	text-align:left;
	padding-left: 5px;
	overflow:hidden;	
	width:315px; 
	overflow:hidden;	
}
#footer-left h3
{
	color: #82755c;
	font-size: 18px;
	font-family: Arial,Helvetica,sans-serif;
	margin-bottom: 1px;
	margin-top: 5px;
	font-style:  normal;
	font-weight:  normal;
}
#footer-right h3
{
	color: #64c7ba;
	font-size: 28px;
	font-family: Arial,Helvetica,sans-serif;
	margin-bottom: 5px;
	margin-top: 5px;
	font-style:  normal;
	font-weight:  normal;
}
.footer
{
	color: #ffffff;
	font-size: 8px;	
}

a img, img a {
	border: none;
	}
	
.alignleft, #alignleft
{
	text-align:left;
	float: left;
}
.aligncenter, #aligncenter
{
	text-align:left;
        float:left;
}
.alignright, #alignright 
{
	text-align:right;
        float:right;
}
h1, h1 .Head, .h1
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #ffffff;
	margin-bottom: 5px;
	margin-top: 1px;
}
h2, h2 .Head, .h2
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #ffffff;
	margin-bottom: 5px;
	margin-top: 1px;
}

h3, h3 .Head, .h3
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 0px;
	color: #ffffff;
	margin-bottom: 1px;
	margin-top: 5px;
}

h4, h4 .Head, .h4
{
	color: #ffffff;
}

#ad-wrapper h1, #ad-wrapper h2, #ad-wrapper h3, #ad-wrapper h4, #ad-wrapper a.CommandButton:link
{
	color: #000000;
}

hr{
display: block;
position: relative;
padding: 0;
margin: 8px auto;
height: 0;
max-height: 0;
width: 100%;
clear: both;
border: none;
border-top: 1px solid #5fb5e3;
border-bottom: 1px solid #333333;
font-size: 1px;
line-height: 0;}