html.page-login #login-box {
    position: fixed;
    width: 300px;
    height: 300px;
    right: 50%;
    margin-right: -150px;
    top: -50%;
    margin-top: -150px;
    background-color: #fff;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
}

html.page-login #login-box .header {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    text-align: center;
    background: #090909;
    color: #f8f8f8;
    height: 50px;
    font-size: 20px;
    line-height: 50px;
    text-transform: uppercase;
    border-bottom: solid #3982bf 4px;
}

html.page-login #login-box label {
    position: absolute;
    display: block;
    right: 0;
    left: 0;
    padding: 20px 10px 20px 10px;
    text-transform: capitalize;
}

html.page-login #login-box label[for=i_username] {
    top: 50px;
}

html.page-login #login-box label[for=i_password] {
    top: 136px;
}

html.page-login #login-box div.input_holder {
    position: absolute;
    right: 10px;
    left: 10px;
}

html.page-login #login-box div.input_holder input[id^=i_] {
    position: relative;
    display: block;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
}

html.page-login #login-box div.input_holder.for-username {
    top: 106px;
}

html.page-login #login-box div.input_holder.for-password {
    top: 196px;
}

html.page-login #login-submit-btn {
    position: absolute;
    top: 255px;
    right: 10px;
    text-transform: capitalize;
}