.helper{display:inline-block;position:relative;vertical-align:top;font-size:.9em;line-height:1.7em}
.helperLabel{cursor:text;padding:3px 6px;position:absolute;z-index:2}
.helper .normal{color:#999}
.helper .highlight{color:#ccc}
.helper .text{display:none}
body{font-size:12px;margin:0;padding:0}
div,input,p,table,td,span{font-family:Arial,Sans-Serif}
#wrapper{width:900px}
#header{width:100%;border:2px solid #fff;border-width:4px 0}
#top{height:44px;width:100%}
#logo{width:105px;height:80px;background:#fff}
#logo img{margin:0 8px}
#spacer{width:108px;height:430px;float:left}
#block{height:108px;position:relative;top:314px}
#block div{font-size:18px;font-weight:bold;padding:4px 0 0 10px}

#actionWrapper { width:294px; float:left; }
#actionForm {height:302px; width:270px; float:left; padding:6px 8px;margin:0 4px}
#actionForm .heading{margin-bottom:22px}
#actionForm .heading div{height:30px;width:8px;margin-bottom:4px}
#actionForm .heading #title{font-size:1.6em;font-weight:bold;text-transform:uppercase;height:30px;padding:0 15px 0 5px}#actionForm .login,#action #actionForm .pwdfield{width:264px;height:20px;margin:0 0 6px 0}
#actionForm #message,#actionForm #errorMessage{font-weight:bold;padding:2px 0}
#actionForm #saveusr{font-size:.9em;padding:5px 0 10px 0}
#actionForm #saveusr span{font-size:1.1em}
#actionForm #saveusr a{color:#fff}
#actionForm #saveusr div{padding-left:28px}
#forgot_text{text-decoration:none}
#actionForm legend{padding:0;font-weight:bold}
#actionForm #securityQuestion{padding:2px 5px 14px 6px}
#actionForm fieldset{margin:0;padding:0;border:0}
#actionForm #actionNote{padding:10px 0 18px 0;line-height:1.25em;font-size:.9em;color:#ddd}
#returnLink{font-size:.9em}

#mobiready {float:right;margin:4px; padding:8px 5px 4px 43px; width:158px; height:60px; text-transform:uppercase; color:#fff;
            background:url(../../i/mobile_ready.png) no-repeat; border-radius:4px;}
#mobiready #mavail { font-size:14px; line-height:14px; font-weight:bold;}
#mobiready #mdevices { margin-top:6px; font-size:10px; line-height:11px; }

#minfo,#steps{width:375px;height:380px;float:left;text-align:left;padding:50px 60px 0 40px}
#minfo #iTitleA,#minfo #iTitleB,#minfo #iTitleC{font-weight:bold;text-transform:uppercase;margin-top:12px}
#steps li.active{font-weight:bold}
#steps h2{font-size:1.3em;margin:0 0 8px 0;font-weight:normal}
#steps ol{margin:18px 0 0 0;padding:0}
#steps li{padding:0 0 18px 0;margin:0 0 0 23px;line-height:1.5em}
#saveusr #rememberme{width:25px;border:0;background:none;padding:0;margin:0;position:relative;top:2px}
#actionBtn,#cancelBtn{padding:20px 0;width:100px;float:left}
#actionBtn input,#cancelBtn input{cursor:pointer;border:0;color:#222;outline:0 none;padding:5px 8px;
                                  background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#deddde));
                                  background:-moz-linear-gradient(top,#fff,#deddde);
                                  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#deddde')}#privyStatement{padding:30px}
#footer{padding:5px 0;color:#58595b;text-align:center;font-size:.9em;line-height:1.35em;margin-top:40px;width:900px}
#footer a{color:#00abe0;text-decoration:underline}

/*** COLOR SCHEME ***/
#headerwrapper,#actionForm{background:#00abe0}
#logo{border-left:10px solid #00abe0}
#spacer{background:#58595b}
#block{border-top:4px solid #fff}
#block div{color:#fff}
#actionForm{color:#fff}
#actionForm .heading{color:#00abe0}
#actionForm .heading div,#actionForm .heading #title{background:#fff}
#actionForm #message,#actionForm #errorMessage{color:#fff3a3}
#actionForm #message, #actionForm #errorMessageAll {color: #fff3a3}
#actionForm #securityQuestion{color:#000}
#forgot_text{color:#fff}
#returnLink{color:#253370}
#minfo,#steps{color:#fff;background:#58595b}

/* alerts */
.alertWrapper { max-width: 877px;}

.alert { 
    position: relative; 
    border-width: 1px;
    border-style: solid;
    margin: 0 0 4px 4px;
    padding:4px 4px 4px 45px;
    min-height:34px;
    line-height: 1.2em;
    border-radius:0;
    color:#4c4c4c;
} 


.alert h2 { 
    text-transform: uppercase;
    margin:2px 0;
    padding:0;
    font-size:1.333em;
    font-weight: normal;
}

.alert .dismiss { 
    position:absolute; 
    top:2px; 
    right:4px; 
    padding-right:14px;
    font-size: .9em;
    background:url('../../i/icon_close.png') no-repeat right 1px;
    color:#000;
    cursor:pointer;
}

.alert .dismiss:hover { 
    color: #828282;
    background:url('../../i/icon_close.png') no-repeat right -15px;
}

.alertCritical { 
    border-color: #cf0000; 
    background:url('../../i/icon_critical.png') no-repeat 5px 5px; 
}

.alertWarning { 
    border-color: #f60;
    background: url('../../i/icon_warn.png') no-repeat 5px 5px;    
}

.alertInformational { 
    border-color:#009eda;
    background:url('../../i/icon_info.png') no-repeat 5px 5px;
}

.alertCritical h2 { color:#cf0000; }

.alertWarning h2 { color:#f60;}

.alertInformational h2 { color:#009eda; }