/*[fmt]1100-110A-3*/
/*CSS Reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; font-size: 100%; }
body { line-height: 1em; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
a { text-decoration: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
/*General*/
body { background: #415A68; font-family: Arial, Helvetica, sans-serif; margin-bottom: 50px; }
.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.wrap { width: 900px; margin: 0 auto; overflow: hidden; }
/*Login Header*/
#login-header { width: 100%; height: 43px; background: #FFF url(../images/bg-login-header.png) repeat-x; border-bottom: 1px solid #C8D2DB; overflow: hidden; }
#login-header p { font-size: 11px; float: right; padding-top: 15px; color: #647782; text-shadow: #fff 1px 1px 0; }
#login-header p a { text-transform: uppercase; font-weight: bold; color: #415A68; }
#login-header p a:hover { color: #819C6D; }
#login-header p a:active { color: #9DBD84; }
#login-header a.button { width: 47px; height: 19px; text-indent: -999px; background: url(../images/logout-btn.gif) no-repeat top; display: block; float: right; margin: 14px 0 0 10px; }
#login-header a.button:hover { background: url(../images/logout-btn.gif) no-repeat bottom; }
/*Header*/
#header { width: 100%; height: 88px; background: #FFF url(../images/bg-header.png) repeat-x top; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; overflow: hidden; }
#header h1 { text-indent: -9999px; width: 150px; height: 43px; float: left; background: url(../images/logo-header.gif) no-repeat; margin-top: 24px; }
#header h1 a { width: 150px; height: 43px; display: block; }
#header ul.navigation { float: right; margin-top: 35px; }
#header ul.navigation li { float: left; margin-left: 30px; }
#header ul.navigation li a { font-size: 14px; text-shadow: #fff 1px 1px 0; color: #647782; }
#header ul.navigation li a:hover { color: #819C6D; }
#header ul.navigation li a:active { color: #9DBD84; }
/*Content Header*/
#content-header { width: 100%; height: 57px; background: #1C2D36 url(../images/bg-content-header.png) repeat-x; border-top: 1px solid #1C2931; border-bottom: 1px solid #1D2931; overflow: hidden; }
#content-header h1 { font-size: 16px; color: #B2D497; text-shadow: #121c21 -1px -1px 0; line-height: 1.3em; margin-top: 19px; }
#content-header p { text-transform: uppercase; font-size: 11px; color: #ADCCDD; margin-top: 21px; }
#content-header p a { color: #ADCCDD; }
#content-header p a:hover { color: #FFF; }
#content-header p a:active { color: #A9CADB; }
#content-header p span { color: #6D97B0; }
/*Content*/
#content { width: 100%; background: #415A68 url(../images/bg-content.png) repeat-x top; border-top: 1px solid #3F5360; overflow: hidden; }
#content ul li { float: left; }
#content div.wrap { background: url(../images/bg-inner-content.gif) repeat-y 650px 0; }
#the-content { width: 650px; padding: 26px 0 36px; }
#the-content img.left { float: left; margin: 0 30px 20px 0; border: 5px solid #62889E; }
#the-content img.right { float: right; margin: 0 30px 20px; border: 5px solid #62889E; }
#the-content p { font-size: 12px; color: #B6D5E6; line-height: 2em; margin: 0 30px 20px 0; }
#the-content a { color: #A8C991; border-bottom: 1px solid #546E6A; padding-bottom: 2px; }
#the-content a:hover { border-bottom: 1px solid #5F7D78; }
#the-content a:active { color: #C7EDA8; border-bottom: 1px solid #658580; }
#the-content table { font-size: 12px; color: #B6D5E6; line-height: 2em; }
#the-content table a { color: #A8C991; border-bottom: 1px solid #546E6A; padding-bottom: 2px; }
#the-content table a:hover { border-bottom: 1px solid #5F7D78; }
#the-content table a:active { color: #C7EDA8; border-bottom: 1px solid #658580; }
#the-content h1 { font-size: 16px; color: #FFF; margin: 26px 0 10px; }
#the-content h2 { font-size: 16px; color: #FFF; margin: 0 0 10px; }
#the-content .white {color:White;}
#the-content .green {color:#B2D497;}

#the-content .errorBox
{
	color: #dedede;	
	border: 1px dotted #628194;
	padding: 20px 30px 20px 56px;	
	margin: 0 40px 20px 10px;
	font-size: 13px;
	background: #2B414F url(../images/error_32.png) no-repeat 12px;
	background-position:10px 16px;
		
}

#the-content .successBox
{
	color: #dedede;	
	border: 1px dotted #628194;
	padding: 20px 10px 20px 56px;	
	margin: 0 40px 20px 40px;
	font-size: 13px;
	background: #2B414F url(../images/success_32.png) no-repeat 12px;
		
}

#the-content .errorBox a { color: #A8C991; border-bottom: 1px solid #546E6A; padding-bottom: 2px; }
#the-content .errorBox a:hover { border-bottom: 1px solid #5F7D78; }
#the-content .errorBox a:active { color: #C7EDA8; border-bottom: 1px solid #658580; }

#the-content ul.cssTable,
#the-content .cssTable li
{	
	float:none;
	list-style:none;
}

#the-content .cssTable li 
{
	margin-bottom:6px;
	clear:left;
	vertical-align:middle;
}

#the-content .cssTable textarea,
#the-content .cssTable input,
#the-content .cssTable select
{
	background-color: #354B58;
	border: 1px dotted #5B778A;
	color: White;
	padding: 4px 4px;		
}

#the-content .cssTable input
{
	width:180px;
}

#the-content ul.cssTable li span 
{
	color:#B6D5E6;
	font-size:12px;
}

#the-content .cssTable textarea:focus, 
#the-content .cssTable input:focus,
#the-content .cssTable select:focus
{
	border: 1px dotted #7B96A8;
}

#the-content .cssTable li label 
{		
	width:120px;
	text-align:right;
	margin-right:10px;
	color:#B6D5E6;
	font-size:12px;
	float:left;	
	padding-top:4px;
	
	
}

#the-content .cssTable li span.small
{		
	font-size:11px;	
	display:block;
	margin-left:130px;
}

#the-content .cssTable span.error
{
	color: #E80000;
}

#the-content .cssTable li a.blue-btn 
{
	float:left;
	margin-left:130px;
	margin-top:10px;
}

#the-content .cssTable li a.blue-btn span 
{
	color:#183C51;
	font-size:100%;
}

#the-content ul.cssTable li label span.required 
{
	color:#C7EDA8;
	margin-right:4px;	
}

#the-content #passwordScore 
{
	display:none;
	width:80px;
	height:4px;
}

#the-content #passwordScoreMeter
{	
	background-color: #21333D;
	width:100%;
	height:100%;					
}

#the-content #passwordScore span
{
	font-size:10px;
	color:White;
	
}

#the-content #passwordScoreMeter div
{					
	height:100%;
}

#the-content #passwordScoreMeter.strength0 div,
 #the-content #passwordScoreMeter.strength1 div
{
	background-color: #800000;
	width:33%;
}

#the-content #passwordScoreMeter.strength2 div,
#the-content #passwordScoreMeter.strength3 div 
{
	background-color:Yellow;
	width:66%;
}

#the-content #passwordScoreMeter.strength4 div,
#the-content #passwordScoreMeter.strength5 div
{
	background-color:Green;	
	width:100%;
}



/* #the-content ul { margin: 10px 30px 0 0; }
#the-content ul li { background: url(../images/list-arrow.png) no-repeat 0 4px; float: none; margin-left: 30px; font-size: 12px; color: #B6D5E6; padding: 0 0 9px 25px; }
*/
#sidebar { width: 250px; }
#sidebar h2 { font-size: 12px; color: #FFF; margin: 30px 0 0 30px; }
#sidebar p { font-size: 12px; color: #B6D5E6; line-height: 2em; margin: 15px 0 0 30px; }
#sidebar p a { color: #A8C991; border-bottom: 1px solid #546E6A; padding-bottom: 2px; }
#sidebar p a:hover { border-bottom: 1px solid #5F7D78; }
#sidebar p a:active { color: #C7EDA8; border-bottom: 1px solid #658580; }
#sidebar ul { margin: 15px 0 0 30px; width: 220px; }
#sidebar ul li { float: none; }
#sidebar ul li a { background: url(../images/sidebar-lst.png) no-repeat 12px 18px; font-size: 12px; padding: 10px 10px 10px 25px; display: block; _display: inline-block; color: #87A4B4; border-bottom: 1px dotted #628194; _padding: 10px 0 10px 25px; _width: 195px; }
#sidebar ul li a:hover { color: #B6D5E6; background: #31444F url(../images/sidebar-lst.png) no-repeat 12px 18px; }
#the-content a.blue-btn { border-bottom:0px; padding-bottom:0px; background: url(../images/blue-btn-right.gif) no-repeat scroll top right; color: #183C51; display: inline-block;  height: 27px; padding-right: 12px; font-size: 11px; text-shadow: #a2bdcb 1px 1px 0; _margin: 10px 10px 10px 10px; }
#the-content a.blue-btn:hover { border-bottom:0px;  background-position: center right; color: #304A26; text-shadow: #b5cca4 1px 1px 0; }
#the-content a.blue-btn:hover span { background-position: center left; }
#the-content a.blue-btn:active { border-bottom:0px; background-position: bottom right; color: #304A26; text-shadow: #b7caa8 1px 1px 0; }
#the-content a.blue-btn:active span { background-position: bottom left; _padding: 7px 0 6px 13px; }
#the-content a.blue-btn span { background: url(../images/blue-btn-left.gif) no-repeat; display: block; padding: 6px 0 7px 13px; line-height: 14px; }
/*Footer*/
#footer { width: 100%; background: #415A68 url(../images/bg-footer.png) repeat-x; border-top: 5px solid #2B414F; height:180px; }
#footer ul.col { float: left; line-height: 1.5em; margin: 25px 45px 0 0; }
#footer ul.col li.title { font-size: 12px; font-weight: bold; color: #97B4C4; }
#footer ul.col li a { font-size: 11px; color: #97B4C4; }
#footer ul.col li a:hover { color: #FFF; }
#footer ul.col li a:active { color: #A9CADB; }
#footer div.right p { font-size: 11px; line-height: 1.5em; color: #97B4C4; text-align: right; margin: 28px 0 10px; }
#footer div.right h1.logo { width: 107px; height: 30px; text-indent: -9999px; background: url(../images/logo-footer.gif) no-repeat; float: right; }