body { margin: 0; padding: 0; font-family: arial; background: #373e42; font-size: 68%; height: 100%; text-align: center; vertical-align: middle; color: #fff; }
html { height: 100%;}
a { text-decoration: none;color: #2362a4;}
a:hover { text-decoration: underline;}
img { border: 0;}

#login { padding: 4px; background: #404850; border-top: 1px solid #4b535a; text-align: center; width: 100%; margin-bottom: 6px; color: #fff;}

#login table { margin: 0 auto; }

#login td { vertical-align: middle; padding: 5px 8px;}

input.form-medium {
    background: url("../img/input.gif") no-repeat;
    border: 0;
    color: #FFFFFF;
    padding: 3px 1px 4px 3px;
    width: 185px;
}

.bt-submit {
    background: url("../img/bt_login.gif") no-repeat;
    border: 0;
    color: #e0eaf4;
    padding: 3px 1px 4px;
    width: 61px;
    font-size: 11px;
    font-weight: bold;
    height: 22px;
    float: left;
    text-transform: uppercase;
    cursor: pointer;
}

.footer { line-height: 140%; color: #b6c1cc; margin-bottom: 100px;}
.footer span { color: #98a1ab;}
.alert { color: #98a1ab; font-weight: bold;}
.alert img { vertical-align: middle; margin-right: 7px;}
.checkbox input { vertical-align: bottom;}
.bt-new { color: #919598;}
#login .alert, #login .activeoffice { text-align:left }
.activeoffice span { color:#b3b6b9; font-size:1.7em; text-shadow: 0 -1px 0 #000 }
.activeoffice p { color:#fff; font-size:2em; text-transform: uppercase; margin:0; padding:0; line-height:1; text-shadow: -1px -1px 1px rba(0,0,0,0.8) }