body {
    background: #fff;
    font-family: arial, sans-serif;
    font-size: 16px;
    margin: 0;
    padding: 0;
}

img {
    border: 0;
}

p {
    margin: 16px 0;
}

a {
    color: #36c;
    text-decoration: underline;
}

a:hover {
    color: #039;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.clearfix {
    display: inline-block;
}
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}

.main-header {
    background: #000 url(../img/ELO_login_global.jpg) 0 0 repeat-x;
    height: 139px;
    position: relative;
}

.main-header__login {
    background: url(../img/ELO_login_left.jpg) 0 0 no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    height: 139px;
    width: 686px;
}

.page-title {
    color: #fff;
    position: absolute;
    left: 12px;
    bottom: 4px;
    font-size: 10px;
    font-family: Arial, sans-serif;
}

.page-title__link {
    color: #fff;
}

.page-title__link:hover {
    color: #b3d7ef;
}

.login-form {
    background: #fff;
    float: left;
    width: 150px;
    margin: 0 10px 20px 0;
    border: 1px solid #ccc;
    font-size: 13px;
}

.login-form__header {
    background: #017AC3;
    color: #fff;
    font-size: 13px;
    padding: 5px 5px;
    font-weight: bold;
}

.login-form__label {
    font-weight: bold;
}

.login-form__input {
    width: 90px;
    margin: 0 0 6px;
}

.login-form__forgot {
    padding: 20px 0 0;
}

.login-form__content {
    padding: 10px 10px 17px;
}

.login-form p {
    margin: 15px 0 8px;
}

.login-form__button {
    color: #000;
    text-decoration: none;
    padding: 3px 5px;
    border: 1px solid #999;
    display: inline-block;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcfcfc+41,cccccc+100 */
    background: #fcfcfc; /* Old browsers */
    background: -moz-linear-gradient(top,  #fcfcfc 41%, #cccccc 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #fcfcfc 41%,#cccccc 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #fcfcfc 41%,#cccccc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.login-form__button:hover {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,fcf6e3+40,efdfa5+100 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #fcf6e3 40%, #efdfa5 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#fcf6e3 40%,#efdfa5 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ffffff 0%,#fcf6e3 40%,#efdfa5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}

.login-form fieldset {
    border: 0;
    margin: 0;
    padding: 8px;
}

.login-form__row {
    padding: 0 0 5px;
}

.content {
    font-size: 13px;
    padding: 0 5px;
    margin: 35px 0 0;
}

.content-main {
    float: left;
    width: 600px;
}

.content-main__header {
    font-size: 18px;
    margin: 0 0 20px;
}

.content-main__text {
    width: 300px;
    float: left;
    margin: 0 10px 0 0;
}

.content-main__image {
    float: left;
    width: 285px;
    padding: 40px 0 0;
}

.content-footer {
    clear: both;
    color: #666;
    font-size: 10px;
    padding: 30px 0 0;
    text-align: center;
}

.content-footer p {
    margin: 0;
}

.hidden {
    display: none;!important;
}

.failed {
    color: #f00;
}

.frame {
    margin: 10px 0 0;
}

.frame__pass {
    width: 100%;
    min-height: 500px;
}