/*
surfermonitor
*/

html, body, #holder { 
min-height: 100%;
width: 800px;
height: 100%;
text-align:center;
margin:0 auto;
}
html>body, html>body #holder { height: auto;}
body { margin: 0; padding:0; }

H1 {
	padding:4px 0px 4px 0px;
	margin:4px 0px 4px 0px;
}
H2 {
	padding:4px 0px 4px 0px;
	margin:4px 0px 4px 0px;
}

#chat{
position:absolute;
top:0px;
right:0px;
}

#agreeDiv{
width:300px;
font-size:11px;
color:#900;
padding:9px;
}

#termsDiv{
width:300px;
font-size:11px;
color:#900;
padding:9px;
}

#expDiv{
display:none;
font-size:11px;
}

#vldName{
display:none;
font-size:11px;
}

#vldCCName{
display:none;
font-size:11px;
}

#vldEmail{
display:none;
font-size:11px;
}

#vldURL{
display:none;
font-size:11px;
}

#vldCCAddress{
display:none;
font-size:11px;
}

#vldCCCity{
display:none;
font-size:11px;
}

#vldCCState{
display:none;
font-size:11px;
}

#vldCCZip{
display:none;
font-size:11px;
}

#vldCCCID{
display:none;
font-size:11px;
}

#cidInfo{
display:none;
font-size:11px;
color:#777;
}

#vldCCnum{
display:none;
font-size:11px;
}

.featureTitle{
color:#0E2658;
background:#EEE;
font-weight:bold;
}

.featurePrice{
color:#060;
background:#FFF;
font-weight:bold;
text-align:center;
font-size:16px;
padding:6px;
}

#holder {
position: absolute; top: 0; left: 0;height: 100%;
border-right-width:1px;
border-right-style:solid;
border-right-color:#000;
}

#header {
background:#FFF;
border: none; 
width: 800px;
text-align:center;
margin:0 auto;
display: table; 
position: relative; 
overflow: hidden;
}

#headernav {
background:#FFF;
border: none; 
width: 800px;
height:26px;
text-align:left;
margin:0 auto;
background-image: url("/images/headernavback.jpg");
background-repeat: repeat-x;
position:relative;
}

#headernav div{
	position:absolute;
	bottom:0;
	left:20px;
padding: 0 0 2px 20px;
font-family:verdana,arial;
font-size:14px;
font-weight:bold;

}

#headernav a:link{color: #000;}
#headernav a:active{color: #000;}
#headernav a:visited{color: #000;}
#headernav a:hover{color:#FFF;background:#527DBD}

#content {
text-align:left;
padding-bottom: 3em; 
height: auto;
width: 800px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
padding:9px;
}


#nav {
margin-left: 650px; 
padding-bottom: 3em; 
height: auto;
}





#footer {
background: #08488F;  
border: none; 
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align:center;
border-right-width:1px;
border-right-style:solid;
border-right-color:#000;
}

#footer a:link{color: #FFFFFF;}
#footer a:active{color: #FFFFFF;}
#footer a:visited{color: #FFFFFF;}
#footer a:hover{color:#FFFF00;background:#4E82BC}



/* Change back in everything except Opera 5 and 6, still hiding from Mac IE5 */
/* \*/
head:first-child+body div#footer {
    position: absolute;
}
/* */

#nav p, #content p {margin: 1em;}
#nav ul {margin-left: 0; padding-left: 0;}
#nav li {margin: 0 1em 0 2em;}	

#passwordDescription
{
        font: 10px arial,Verdana,sans-serif; color:#000;
}

#passwordMatch
{
        font: 10px arial,Verdana,sans-serif; color:#900;
}
	
#passwordContainer
{
        height:5px;
        padding:2px;
        width:200px;
        background:#cccccc;
        display:block;
}

#passwordStrength
{
        height:5px;
        display:block;
        float:left;
}

.strength0
{
        width:200px;
        background:#cccccc;
}

.strengthBad
{

        width:25px;
		background-image: url("/console/img/passwordgradient.jpg");
		background-repeat: no-repeat;
}

.strengthWeak
{
        width:75px;    
		background-image: url("/console/img/passwordgradient.jpg");
		background-repeat: no-repeat;
}

.strengthGood
{
        width:130px;    
		background-image: url("/console/img/passwordgradient.jpg");
		background-repeat: no-repeat;
}

.strengthStrong
{
        width:200px;
		background-image: url("/console/img/passwordgradient.jpg");
		background-repeat: no-repeat;
}