﻿/** / blue : #4963A9 /**/
/** / teal : #00AAAB /**/
/** / login grey : #E2E1DF /**/
* html #content {
	height: 1%;
}
img { border:0px;}
#_no_js_
{
	 position:absolute;
	 top:0;
	 left:0;
	 background-color:#FFFFE0;
	 width:100%;
	 height:20px;
	 font-weight:bold;
	 text-align:center;
	 color:red;
}

body 
{ 
margin:0px 0px 0px 0px;
background-color: white;
background-image: url("../images/page_bg.jpg");
background-repeat: repeat-x;
background-attachment:fixed;
text-align:center;
font-family:Arial, Verdana, sans-serif;
font-size:13px;
color: #4963A9;
}
/* Start Top Navigation Menu */
#topnav 
{
	margin:10px 0 0 0;
}
#homenav 
{
	margin:0;
	z-index:-1;
}
.menu 
{
	padding:0 0 0 15px;
	margin:0;
	list-style:none;
	height:51px;
	background:url(../images/topmenu_bg2.gif) repeat-x;
	position:relative;
}
.menu li 
{
	float:left;
}
.menu li a 
{
	display:block;
	float:left;
	height:51px;
	line-height:51px;
	color:#FFF;
	text-decoration:none;
	font-size:14px;
	font-family:"Trebuchet MS", Geneva, Helvetica, Arial, sans-serif;
	font-weight:bold;
	text-align:center;
	padding:0 0 0 0px;
	cursor:pointer;
}
.menu li a b 
{
	float:left;
	display:block;
	padding:0 4px 0 4px;
}
.menu li.current a 
{
	color:#FFF;
	background:url(../images/topmenu_bg_on2.gif);
	padding-left:10px;
	padding-right:10px;	
}
.menu li.current a b 
{
	background: url(../images/topmenu_bg_on2.gif) no-repeat right top;
}
.menu li a:hover 
{
	color:#4963A9;
	background:url(../images/topmenu_bg_over.gif) 4px 4px repeat-x;
}
.menu li a:hover b 
{
	background: url(../images/topmenu_bg_over.gif) no-repeat 4px 4px; /** / right top;/**/
}
.menu li.current a:hover 
{
	color:#FFFFFF;
	background:#4963A9 url(../images/topmenu_bg_on2.gif);
	cursor:default;
}
.menu li.current a:hover b 
{
	background: url(../images/topmenu_bg_on2.gif) no-repeat right top;
}
/* End Top Navigation Menu */
.container 
{
margin: 0 auto;
width: 770px;
background-color: white;
text-align:left;
}
.footer 
{
background-image: url("../images/footer_bg.gif");
background-repeat: repeat-x;
background-position: 0px -3px;
color:#4963A9;
font-family:Arial, Verdana, sans-serif;
font-size:11px;
padding-top: 10px;
/**/margin: 0 auto;/**/
width: 770px;
text-align:left;
position:relative;
bottom:0px;
padding-bottom:10px;
}
.footer a 
{
color:#4963A9;
font-family:Arial, Verdana, sans-serif;
text-decoration:none;
}
.footer a:hover 
{
text-decoration:underline;
}

.left_pane 
{
 padding-top:20px;	
 float: left;
 width:240px;
 border:0px solid green;
 text-align:center;
}
.left_pane_fp
{
 padding-top:20px;
 padding-left:20px;	
 float: left;
 width:180px;
 border:0px solid green;
 text-align:center;
}
.right_pane
{	
 width:500px;
 float: right;
 border:0px solid blue;
 text-align:center;
 padding: 20px 15px 3px 3px;  
 vertical-align:top;
 margin-top:0px;
}
.right_pane_fp
{	
 width:570px !important;
 float: right;
 border:0px solid blue;
 text-align:center;
 padding: 20px 15px 3px 13px;  
 vertical-align:top;
}
.right_pane_content
{
 width:470px;
 vertical-align:top;
 text-align:left;
 margin-top:0px;
 margin-left:auto;
 margin-right:auto;
}
.right_pane_content_fp
{
 width:auto !important;
 text-align:left;
 border:0px solid yellow;
 vertical-align:top;
 margin-top:0px;
}
.right_pane_content a
{
	color:#4963A9;
	text-decoration:underline;
}
.right_pane_content a:hover
{
	color:#4963A9;
	text-decoration:none;
}
.clear 
{
 clear: both;
}
.content
{
background-color: white;
vertical-align:top;
}
.login 
{ 
/**/background:#fff url(../images/page_bg.jpg) repeat-x;
border-top:1px solid #00AAAB;
border-right:1px solid #00AAAB;
background-position: 50% 80%;
/**/
padding-left:10px;
padding-top:10px;
padding-right:10px;
color:#4963A9;
font-size:12px;
font-family:"Trebuchet MS", Geneva, Helvetica, Arial, sans-serif;
vertical-align:bottom;
height:75px;
float:left;
}
.login a 
{
color:#4963A9;
font-size:12px;
font-family:"Trebuchet MS", Geneva, Helvetica, Arial, sans-serif;
text-decoration:none;
}
.login a:hover 
{
color:#4963A9;
font-size:12px;
font-family:"Trebuchet MS", Geneva, Helvetica, Arial, sans-serif;
text-decoration:underline;
}
input.fp_submit
{
font-size:14px;	
width:170px;
height:36px;
border: 2px solid #00AAAB;
background-color: #4963A9;
color:#FFF;
padding:0px 0px 2px 0px;
}
input.fp_link
{
font-size:14px;	
width:150px;
border: 1px solid #00AAAB;
background-color: #FFF;
}
.historySearch input 
{
width:80px;
border: 1px solid #00AAAB;
/** /background-color: #E2E1DF;/**/
background-color: #FFF;
}
.login input 
{
font-size:11px;	
width:80px;
border: 1px solid #00AAAB;
/** /background-color: #E2E1DF;/**/
background-color: #FFF;
}
.login input:focus 
{
font-size:11px;	
border: 1px solid #00AAAB;
background-color: #E2E1DF;
/** background-color: #FFF;/**/
}
#fp
{
background-color:#4963A9;
color: white;
text-decoration:none;
width:100px;
border:0px;
font-size:10px;
background: none;
margin:0;
padding:0;
}
#fp:hover
{
text-decoration:underline;
}
#btn_login
{ 
 width:44px;
 color: #4963A9;
 border:0px;
 font-family:"Trebuchet MS", Geneva, Helvetica, Arial, sans-serif; 
}
.newsTitle
{
font-size:14px;
font-weight:bold;
padding-bottom:15px;
}
.title
{
/** /line-height:0em;/**/
font-size:18px;
font-weight:bold;
/** /padding-bottom:15px;/**/
}
.bigtitle
{
font-size:24px;
font-weight:bold;
}
.logo
{
WIDTH:769px;
HEIGHT:86px;
/**/text-align:right;/**/
}

.watermarked {
	height:20px;
	width:150px;
	padding:2px 0 0 2px;
	border:1px solid #BEBEBE;
	background-color:#F0F8FF;
	color:gray;
}

.barIndicatorBorder 
{
	border:solid 1px #c0c0c0;
	width:100px;padding:2px;
}

.barIndicator_poor 
{
	background-color:gray;
}
.barIndicator_weak 
{
	background-color: Maroon;
}
.barIndicator_good 
{
	background-color: Purple;
}
.barIndicator_strong 
{
	background-color:blue;
}
.barIndicator_excellent 
{
	background-color:navy;
}

.TextIndicator_TextBox1_Strength1
{
     background-color:Gray;
     color:Maroon;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 2px 3px 2px 3px;
}
.TextIndicator_TextBox1_Strength2
{
     background-color:Gray;
     color:Orange;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 2px 3px 2px 3px;
}
.TextIndicator_TextBox1_Strength3
{
     background-color:Gray;
     color:Yellow;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 2px 3px 2px 3px;
}
.TextIndicator_TextBox1_Strength4
{
     background-color:Gray;
     color:Aqua;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 2px 3px 2px 3px;
}
.TextIndicator_TextBox1_Strength5
{
     background-color:Gray;
     color:Lime;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 2px 3px 2px 3px;
}

#password_strength
{
	height:12px;
	display:block;
	font-size: 12px;
	font-family:Arial;
	text-align: center;
}

#password_strength_border
{
	width: 100px;
	height: 12px;
	border: 1px solid black;
}
.strength0
{
	color: #416cc3;
	width:100px;
	background:#ffffff;
	font-size: 12px;
	font-family:Arial;
	text-align: center;
}

.strength1
{
	width:35px;
	color: #ffffff;
	background:#416cc3;
	font-size: 12px;
	font-family:Arial;
	text-align: center;
}

.strength2
{
	width:50px;	
	color: #ffffff;
	background:#416cc3;
	font-size: 12px;
	font-family:Arial;
	text-align: center;
}

.strength3
{
	width:75px;
	color: #ffffff;
	background:#416cc3;
	font-size: 12px;
	font-family:Arial;
	text-align: center;
}

.strength4
{
	width:100px;
	color: #ffffff;
	background:#416cc3;
	font-size: 12px;
	font-family:Arial;
	text-align: center;
}

#transition {

	/* overlay is hidden before loading */
	display:none;

	/* standard decorations */
	width:600px;	
	/**/border:10px solid #4963A9;/**/

	/* for modern browsers use semi-transparent color on the border. nice! */
	/**/border:10px solid rgba(4, 173, 173, 0.698);/**/

	/* hot CSS3 features for mozilla and webkit-based browsers (rounded borders) */
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	/** /
	background-position: 0px 0px;
	background-image:url('../images/trans_bg.png');
	background-repeat:no-repeat;
	/**/
}

#transition div 
{
	width:580px;	
	padding:10px;
	border:1px solid #4963A9;
	/**/background-color:#fff;/**/
	font-family: Arial;
	/**/background-image:url('logo.gif');/**/
	
	/**/background-position: bottom right;
	background-repeat:no-repeat;/**/
	text-align:left;
}

#transition h2 
{
	margin:-11px;
	margin-bottom:0px;
	color:#4963A9;
	/** /background-color: #4963A9;/** /#6D84B4;/**/
	padding:5px 10px;
	border:1px solid #4963A9;
	font-size:16px;
}