/* CSS Document */
body {
margin:0px;
font-family:Tahoma, Arial, Verdana;
font-size:11px;
}

a.menu, a.menu:visited {
font-family:Tahoma, Arial, Verdana;
font-size:11px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
}

a.menu:hover {
color:#D0DAFB;
text-decoration:none;
}

a.form_button2 {
	font-family:Tahoma, Arial, Verdana;
	font-size:9px;
	text-decoration:none;
}

.form_button {
	font-family:Tahoma, Arial, Verdana;
	font-size:11px;
}

.form_button2 {
	font-family:Tahoma, Arial, Verdana;
	font-size:9px;
	color:#FFF;
	background-color:#006699; 
	border: 3px double #CCCCCC;
	border-top-color: #999999;
	border-left-color: #999999;
}

.form_button2[disabled] {
	font-family:Tahoma, Arial, Verdana;
	font-size:9px;
	color:#FFF;
	background-color:grey;
	border: 3px double #CCCCCC;
	border-top-color: #999999;
	border-left-color: #999999;
}

.form_button2_hover {
	font-family:Tahoma, Arial, Verdana;
	font-size:9px;
	color:#FFFFFF;
	background-color:#5a5a5a;
	border:1px solid;
	border-top-color:#CCCCCC;
	border-left-color:#CCCCCC;
	border-right-color:#888888;
	border-bottom-color:#888888;
}

.form_input {
	font-family:Tahoma, Arial, Verdana;
	border: 0px solid;
	background-color: #BBBBBB;
	font-size:11px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	line-height: 50px;
}

.form_text {
	font-family:Tahoma, Arial, Verdana;
	font-size:11px;
}

.header_userinfo {
	padding-left:15px;
	padding-right:15px;
	color:#FFFFFF;
	font-family:Tahoma, Arial, Verdana;
	font-size:11px;
}

.footer {
	color:#FFFFFF;
	font-family:Tahoma, Arial, Verdana;
	font-size:11px;
}
a.login_error, a.login_error:visited, a.forgot_pass_text, a.forgot_pass_text:visited {
color:#FFFFFF;
text-decoration:none;
}

a.login_error:hover, a.forgot_pass_text:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

.table_title {	font-weight: bold;
		text-align: center;
		font-size: 11px;
}

.table_data {	font-weight: normal;
		text-align: center;
		font-size: 11px;
}

.table_data_u {	font-weight: normal;
		text-align: center;
		border: 3px solid black;
		font-size: 11px;
}

.table_title_l { font-weight: bold;
		text-align: left;
		font-size: 11px;
}

.table_data_l {	font-weight: normal;
		text-align: left;
		font-size: 11px;
}
.login_error, .forgot_pass_text {
	color:#FFFFFF;
	font-family:Tahoma, Arial, Verdana;
	font-size:11px;
}
.bigtext {
	color: #7E2217;
	font-family:Tahoma, Arial, Verdana;
	font-size: 14px;
	border: 1px dashed;
	padding: 5px;
	margin: 5px;
	width: 400px;
}

.notice {
	margin-left: auto ;
	margin-right: auto ;
	border: 1px blue solid;
	width: 400px;
	font-family:Tahoma, Arial, Verdana;
	font-size: 12px;
}

a.notice:hover {
	color:#D0DAFB;
	text-decoration:none;
}

/* Password Checker */

/*      RESULT STYLE  */
.testresult{
	position: absolute;
        font-weight: bold;
        font-size:13px;
        font-family: arial,helvetica,san-serif;
        color:#666;
        margin-left:10px;
        display: block;
        float:right;
	width: 100px;
}
.testresult span{
        display:block;
        float:right;
        white-space: nowrap;

}
.shortPass{
        background:#edabab;
        border:1px solid #bc0000;
        display:block;
	width: auto;
}
.badPass{
        background:#edabab;
        border:1px solid #bc0000;
        display:block;
	width: auto;
}
.goodPass{
        background:#ede3ab;
        border:1px solid #bc9f00;
        display:block;
	width: auto;
}
.strongPass{
        background:#d3edab;
        border:1px solid #73bc00;
        display:block;
	width: auto;
}


table.local { BORDER: 1PX SOLID #006699; border-spacing: 0px; PADDING: 0px; }
th.local { 
 border-width: 1px;
 FONT-SIZE: 9pt; COLOR: WHITE; text-align: left;
 BACKGROUND:#006699; FONT-FAMILY: 'Arial Unicode MS',TAHOMA,ARIAL,VERDANA,sans-serif;
 PADDING: 2PX 2px; 
 }
td.local { 
 border-width: 1px; BORDER: 1PX SOLID #006699; 
 FONT-SIZE: 9pt; COLOR: BLACK; text-align: left;
 COLOR: BLACK; FONT-FAMILY: 'Arial Unicode MS',TAHOMA,ARIAL,VERDANA,sans-serif;
 PADDING: 2PX 2px; 
 }

.meter { 
	display: inline-block;
	width: 70;
	height: 10px;  /* Can be anything */
	position: relative;
//	background: #555;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	padding: 4px;
	-webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
	-moz-box-shadow   : inset 0 -1px 1px rgba(255,255,255,0.3);
	box-shadow        : inset 0 -1px 1px rgba(255,255,255,0.3);
}

.meter > span {
	display: block;
	height: 100%;
	   -webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	       -moz-border-radius-topright: 8px;
	    -moz-border-radius-bottomright: 8px;
	           border-top-right-radius: 8px;
	        border-bottom-right-radius: 8px;
	    -webkit-border-top-left-radius: 10px;
	 -webkit-border-bottom-left-radius: 10px;
	        -moz-border-radius-topleft: 10px;
	     -moz-border-radius-bottomleft: 10px;
	            border-top-left-radius: 10px;
	         border-bottom-left-radius: 10px;
	background-color: rgb(43,194,83);
	background-image: -webkit-gradient(
	  linear,
	  left bottom,
	  left top,
	  color-stop(0, rgb(43,194,83)),
	  color-stop(1, rgb(84,240,84))
	 );
	background-image: -webkit-linear-gradient(
	  center bottom,
	  rgb(43,194,83) 37%,
	  rgb(84,240,84) 69%
	 );
	background-image: -moz-linear-gradient(
	  center bottom,
	  rgb(43,194,83) 37%,
	  rgb(84,240,84) 69%
	 );
	background-image: -ms-linear-gradient(
	  center bottom,
	  rgb(43,194,83) 37%,
	  rgb(84,240,84) 69%
	 );
	background-image: -o-linear-gradient(
	  center bottom,
	  rgb(43,194,83) 37%,
	  rgb(84,240,84) 69%
	 );
	-webkit-box-shadow: 
	  inset 0 2px 9px  rgba(255,255,255,0.3),
	  inset 0 -2px 6px rgba(0,0,0,0.4);
	-moz-box-shadow: 
	  inset 0 2px 9px  rgba(255,255,255,0.3),
	  inset 0 -2px 6px rgba(0,0,0,0.4);
	position: relative;
	overflow: hidden;
}

.orange > span {
	background-color: #f1a165;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f1a165),color-stop(1, #f36d0a));
	background-image: -webkit-linear-gradient(top, #f1a165, #f36d0a); 
        background-image: -moz-linear-gradient(top, #f1a165, #f36d0a);
        background-image: -ms-linear-gradient(top, #f1a165, #f36d0a);
        background-image: -o-linear-gradient(top, #f1a165, #f36d0a);
}

.red > span {
	background-color: #f0a3a3;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f0a3a3),color-stop(1, #f42323));
	background-image: -webkit-linear-gradient(top, #f0a3a3, #f42323);
        background-image: -moz-linear-gradient(top, #f0a3a3, #f42323);
        background-image: -ms-linear-gradient(top, #f0a3a3, #f42323);
        background-image: -o-linear-gradient(top, #f0a3a3, #f42323);
}

.grey > span {
	background-color: grey;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #a3a3a3),color-stop(1, #242323));
	background-image: -webkit-linear-gradient(top, #a3a3a3, #232323);
        background-image: -moz-linear-gradient(top, #a3a3a3, #232323);
        background-image: -ms-linear-gradient(top, #a3a3a3, #232323);
        background-image: -o-linear-gradient(top, #a3a3a3, #232323);
	opacity: 0.5;
}
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: auto;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 50%;
  margin-left: -60px;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}