html, body, form, div, p, a{
    font:inherit;
    font-size:100%;
    border:0;
    margin:0;
    padding:0;
    vertical-align:baseline;
}
body{
    font:14px/20px 'Helvetica Neue',Helvetica,Arial,sans-serif;
    color:#404040;
    background:#373737 url("img/guest_bg.png") 0 0 repeat;
    line-height:1;
}
a{
    color:#00a1d2;
    text-decoration:none;
}
a:hover{
    text-decoration:underline;
}
p.powerby{
    color:#666;
    text-align:center;
    line-height:32px;
}
h2{
    text-align:center;
}
input, button, label{
    font-size:15px;
    font-weight:300;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
input[type=text],
input[type=password]{
    color:#BBB;
    text-shadow:1px 1px 1px black;
    background:rgba(0, 0, 0, 0.16);
    border:0;
    border-radius:5px;
    padding:0 10px;
    box-shadow:inset 0 1px 4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.06);
    -webkit-box-shadow:inset 0 1px 4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.06);
    height:40px;
    width:300px;
}
input[type=text]:focus,
input[type=password]:focus{
    color:#FFF;
    background:rgba(0, 0, 0, 0.1);
    outline:0;
}
label{
    float:left;
    font-weight:100;
    padding-right:10px;
    text-align:right;
    letter-spacing:1px;
    line-height:40px;
    width:70px;
}
.login{
    position:relative;
    font-weight:300;
    color:#a8a7a8;
    margin:80px auto;
    padding-right:10px;
    text-shadow:1px 1px 0 rgba(0, 0, 0, 0.8);
    width:400px;
}
.login p{
    margin:0 0 10px;
}
.msgbox{
    position:relative;
    font-weight:300;
    color:#a8a7a8;
    margin:80px auto;
    padding-right:32px;
    text-shadow:1px 1px 0 rgba(0, 0, 0, 0.8);
    width:480px;
}
.msgbox p{
    text-align:center;
    margin:10px 0;
}
.forgot-password{
    font-size:13px;
    font-weight:100;
    padding-left:100px;
    letter-spacing:1px;
}
.login-submit{
    position: absolute;
    top: 12px;
    right: 0;
    width: 48px;
    height: 48px;
    padding: 8px;
    border-radius: 32px;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.35);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.35);
}
.login-submit:before, .login-submit:after{
    position:absolute;
    content:'';
    z-index:1;
}
.login-submit:before{
    top: 28px;
    left: -4px;
    width: 4px;
    height: 10px;
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.06);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.06);
}
.login-submit:after{
    top: -4px;
    bottom: -4px;
    right: -4px;
    width: 36px;
}
.login-button{
    position: relative;
    z-index: 2;
    width: 48px;
    height: 48px;
    padding: 0 0 48px;
    /* Fix wrong positioning in Firefox 9 & older (bug 450418) */
    text-indent: 120%;
    white-space: nowrap;
    overflow: hidden;
    background: none;
    border: 0;
    border-radius: 24px;
    cursor: pointer;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.1);
}
.login-button:before{
    content: '';
    position: absolute;
    top: 5px;
    bottom: 5px;
    left: 5px;
    right: 5px;
    background: #00a2d3;
    border-radius: 24px;
    background-image: -webkit-linear-gradient(top, #00a2d3, #0d7796);
    background-image: -moz-linear-gradient(top, #00a2d3, #0d7796);
    background-image: -o-linear-gradient(top, #00a2d3, #0d7796);
    background-image: linear-gradient(to bottom, #00a2d3, #0d7796);
    -webkit-box-shadow: inset 0 0 0 1px #00a2d3, 0 0 0 5px rgba(0, 0, 0, 0.16);
    box-shadow: inset 0 0 0 1px #00a2d3, 0 0 0 5px rgba(0, 0, 0, 0.16);
}
.login-button:active:before{
    background: #0591ba;
    background-image: -webkit-linear-gradient(top, #0591ba, #00a2d3);
    background-image: -moz-linear-gradient(top, #0591ba, #00a2d3);
    background-image: -o-linear-gradient(top, #0591ba, #00a2d3);
    background-image: linear-gradient(to bottom, #0591ba, #00a2d3);
}
.login-button:after{
    content: '';
    position: absolute;
    top: 15px;
    left: 12px;
    width: 25px;
    height: 19px;
    background: url("img/login_arrow.png") 0 0 no-repeat;
}
::-moz-focus-inner{
    border: 0;
    padding: 0;
}
.lt-ie9 input[type=text], .lt-ie9 input[type=password]{
    line-height: 40px;
    background: #282828;
}
.lt-ie9 .login-submit {
    position: absolute;
    top: 12px;
    right: -28px;
    padding: 4px;
}
.lt-ie9 .login-submit:before, .lt-ie9 .login-submit:after{
    display: none;
}
.lt-ie9 .login-button{
    line-height: 48px;
}
@media(max-width:420px){
    .login{
        width:320px;
    }
    input[type=text],
    input[type=password]{
        width:220px;
    }
}