html {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

body {
    width: 100%;
    height: 100%;
}

div.main {
    width: 900px;
    height: 100%;
    margin: 0 auto;
    position: relative;
}

div.main div.container {
    width: 100%;
    height: 500px;
    top: 50%;
    left: 0;
    margin-top: -230px;
    position: absolute;
}

div.container div.logo {
    float: left;
    width: 500px;
    height: 500px;
    padding: 5px;
    position:absolute;
    top:50%;
    left:50%;
    margin-left: -250px;
    margin-top: -300px;

}

div.back div.back-container {
    width: 485px;
    height: 485px;
    border: 3px solid #fff;
    border-radius: 50%;
    position: absolute;
    top: 4px;
    left: 4px;
}

#logined-container {
    background: #00a0e3 url('/images/themes/cyan/cabinet-logo.png') no-repeat center center;
    display: none;
    position:relative;
}
#login-container {
    display: none;
    position:relative;
}
#changepswd-container {
    display: none;
    position:relative;
}
#forgot-container {
    display: none;
    position:relative;
}
#reg-container {
    display: none;
    position:relative;
}

#login div.front {
    border: 0px solid #00a0e3;
    border-radius: 50%;
    background: #00a0e3 url('/images/themes/cyan/cabinet-logo.png') no-repeat center center;
    background-size: 200px 200px;
    width: 500px;
    height: 500px;

}
#login div.back {
    border: 0px solid #00a0e3;
    border-radius: 50%;
    background-color: #00a0e3;
    width: 500px;
    height: 500px;
    position: relative;
}

div.container #login div.not-found {
    width: 100%;
    font: 24px Arial, Helvetica, sans-serif;
    margin-top: 300px;
    color: #fff;
    text-align: center;
    float: left;
}
div.container #login div.tech {
    width: 250px;
    font: 18px Arial, Helvetica, sans-serif;
    margin-top: 300px;
    margin-left: 130px;
    color: #fff;
    text-align: center;
    float: left;
}
div.container #login div.title {
    width: 100%;
    font: 48px 'Times New Roman', sans-serif;
    margin-top: 20px;
    color: #fff;
    text-align: center;
    float: left;
}

div.container div.bcircle {
    float: left;
    width: 55px;
    height: 55px;
    padding: 5px;
    border: 6px #fff solid;
    background: #fff;
    border-radius: 50%;
    position:absolute;
    top:50%;
    left:50%;
}

div.container div.bregister {
    margin-left: -219px;
    margin-top: -249px;
}

div.container div.bmain {
    margin-left: 220px;
    margin-top: -70px;
}


div.container div.blogin {
    margin-left: 220px;
    margin-top: -70px;
}

div.container div.bnext {
    margin-left: 270px;
    margin-top: -70px;
    display: none;
    opacity: 0;
}

div.container div.bok {
    margin-left: 270px;
    margin-top: -70px;
    display: none;
    opacity: 0;
}

div.container div.bhelp {
    margin-left: -200px;
    margin-top: 110px;
}

div.container div.bforgotpswd {
    margin-left: -280px;
    margin-top: -70px;
}

div.container div.bprev {
    margin-left: -330px;
    margin-top: -70px;
    display: none;
    opacity: 0;
}

div.container div.bcircle div.scircle {
    float: left;
    width: 55px;
    height: 55px;
    padding: 5px;
    border: 4px solid #00a0e3;
    background: #fff;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    margin-left: -9px;
    margin-top: -9px;
}

div.container div.hint {
    width: 200px;
    height: 24px;
    position: absolute;
    left: 50%;
    top: 100%;
    font: 14px Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #fff;
    float: left;
}

div.container div.scircle div.help-hint {
    margin-left: 45px;
    margin-top: -40px;
}

div.container div.scircle div.forgot-hint {
    margin-left: 20px;
}

div.container div.scircle div.login-hint {
    margin-left: -100px;
}
div.container div.scircle div.main-hint {
    margin-left: -100px;
}

div.container div.scircle div.register-hint {
    margin-left: 10px;
    margin-top: 5px;
}

div.container div.bcircle div.smain {
    background: #fff url('/images/themes/cyan/icon-ok.png') no-repeat center center;
}
div.container div.bcircle div.sregister {
    background: #fff url('/images/themes/cyan/icon-registration.png') no-repeat center center;
}

div.container div.bcircle div.sforgotpswd {
    background: #fff url('/images/themes/cyan/icon-forgotpswd.png') no-repeat center center;
}

div.container div.bcircle div.shelp {
    background: #fff url('/images/themes/cyan/icon-help.png') no-repeat center center;
}

div.container div.bcircle div.slogin {
    background: #fff url('/images/themes/cyan/icon-login.png') no-repeat center center;
}
div.container div.bcircle div.snext {
    background: #fff url('/images/themes/cyan/icon-arrow-right.png') no-repeat center center;
}
div.container div.bcircle div.sok {
    background: #fff url('/images/themes/cyan/icon-ok.png') no-repeat center center;
}
div.container div.bcircle div.sprev {
    background: #fff url('/images/themes/cyan/icon-arrow-left.png') no-repeat center center;
}

div.container div.bcircle div.senter {
    background: #fff url('/images/themes/cyan/icon-enter.png') no-repeat center center;
}

div.container div.orgs-logo-list {
    width: 370px;
    height: 24px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 250px;
    margin-left: -160px;
    float: left;
}

div.container div.orgs-logo-list div.progmatik {
    width: 100px;
    height: 24px;
    float: left;
    background: url('/images/progmatik-logo.png') no-repeat;
    margin-right: 5px;
    cursor: pointer;
}

div.container div.orgs-logo-list div.gazprombank {
    width: 110px;
    height: 24px;
    float: left;
    background: url('/images/gazprombank-logo.png') no-repeat;
    cursor: pointer;
}

div.container div.orgs-logo-list div.visa{
    width: 60px;
    height: 24px;
    float: left;
    background: url('/images/visa-logo.png') no-repeat;
    cursor: pointer;
}

div.container div.orgs-logo-list div.mastercard{
    width: 45px;
    height: 24px;
    float: left;
    background: url('/images/mastercard-logo.png') no-repeat;
    margin-right: 5px;
    cursor: pointer;
}

div.container div.orgs-logo-list div.ssl{
    width: 40px;
    height: 24px;
    float: left;
    background: url('/images/ssl-logo.png') no-repeat;
}

#header {
    border-bottom: 1px solid #0391cd;
}

#footer {
    width: 1000px;
    color: #333;
    font: 13px normal Helvetica, Arial, sans-serif;
    margin: 0 0 14px 0;
    text-align: center;
    float: left;
}

#footer a{
    color: #333;
    font: 13px normal Helvetica, Arial, sans-serif;
}

#loginForm {
    width: 350px;
    text-align: center;
    position: absolute;
    top: 215px;
    left: 80px;
}
#pswdForm {
    width: 350px;
    text-align: center;
    position: absolute;
    top: 245px;
    left: 80px;

}

#login div.login-title {
    border-bottom: #fff 2px solid;
    height: 36px;
    position: absolute;
    top: 140px;
    left:120px;
}

span.changepswd-title {
    height: 36px;
    width: 350px;
    position: absolute;
    top: 140px;
    left: 70px;
    text-align: center;
    color: #fff;
    font: 16px Arial, Helvetica, sans-serif;
}

#login div.login-title span {
    color: #fff;
    font: 24px normal Helvetica, Arial, sans-serif;
}

#login div.login-title div.login-logo {
    width: 52px;
    height: 32px;
    background: #00a0e3 url('/images/themes/cyan/login_52x32.png') no-repeat center center;
    float: left;
    margin-bottom: 3px;
}

#error-modal-content {
    display: none;
}

#register-modal-content {
    display: none;
}

#forgot-modal-content {
    display: none;
}

#help-modal-content {
    display: none;
}

div.login-ajaxloader {
    height: 20px;
    width: 240px;
    position: absolute;
    top: 100px;
    left: 50%;
    margin-left: -110px;
    background: url('/images/themes/cyan/ajax-loader-small.gif') no-repeat 5px 3px;
    border-radius: 5px;
    font: 12px normal Helvetica, Arial, sans-serif;
    color: #fff;
    padding-top: 3px;
    padding-left: 20px;
    float: right;
    display: none;
}

div.login-error {
    height: 36px;
    width: 240px;
    position: absolute;
    top: 100px;
    left: 50%;
    margin-left: -100px;
    border-radius: 5px;
    font: 12px normal Helvetica, Arial, sans-serif;
    color: #fff;
    padding-top: 3px;
    text-align: center;
    float: right;
    display: none;
}
div.change-ajaxloader {
    height: 20px;
    width: 240px;
    position: absolute;
    top: 100px;
    left: 50%;
    margin-left: -110px;
    background: url('/images/themes/cyan/ajax-loader-small.gif') no-repeat 5px 3px;
    border-radius: 5px;
    font: 12px normal Helvetica, Arial, sans-serif;
    color: #fff;
    padding-top: 3px;
    padding-left: 20px;
    float: right;
    display: none;
}

div.change-error {
    height: 36px;
    width: 240px;
    position: absolute;
    top: 100px;
    left: 50%;
    margin-left: -100px;
    border-radius: 5px;
    font: 12px normal Helvetica, Arial, sans-serif;
    color: #fff;
    padding-top: 3px;
    text-align: center;
    float: right;
    display: none;
}

div.redirect {
    width: 250px;
    margin: 0 auto;
    margin-top: 40px;
    font: 20px normal Helvetica, Arial, sans-serif;
    color: #fff;
    background: url('/images/themes/cyan/ajax-loader-big-w.gif') no-repeat left center;
    padding-left: 30px;
    text-align: center;
}

label {
    font: 20px normal Helvetica, Arial, sans-serif;
    color: #fff;
    width: 120px;
}

input {
    background-color: #fff;
    border: 1px #c0c0c0 solid;
    font: 18px normal Helvetica, Arial, Courier New, Courier, monospace;
    color: #0391cd;
    margin-bottom: 2px;
    border-radius: 5px;
    text-align: center;
}
input.default {
    background-color: #fff;
    border: 1px #c0c0c0 solid;
    font: 18px normal Helvetica, Arial, Courier New, Courier, monospace;
    color: #a0a0a0;
    margin-bottom: 2px;
    border-radius: 5px;
}

input.disabled {
    background-color: #edf1f6;
    border: 1px #c0c0c0 solid;
    font: 18px normal Helvetica, Arial, Courier New, Courier, monospace;
    color: #a0a0a0;
    margin-bottom: 2px;
    border-radius: 5px;
    cursor: default;
}

input[type=submit] {
    cursor: pointer;
}

input[type=button] {
    cursor: pointer;
}
/*
div.buttons {
    margin-right: 35px;
    float: right;
}
*/

#fstep_1 {
    position: relative;
}
#fstep_2 {
    position: relative;
    display: none;
}
#fstep_3 {
    position: relative;
    display: none;
}
#rstep_1 {
    position: relative;
}
#rstep_2 {
    position: relative;
    display: none;
}
#rstep_3 {
    position: relative;
    display: none;
}
#rstep_4 {
    position: relative;
    display: none;
}
#rstep_5 {
    position: relative;
    display: none;
}
#rstep_6 {
    position: relative;
    display: none;
}
#forgot-container span.forgot-title {
    color: #fff;
    font: 28px normal Helvetica, Arial, sans-serif;
    position: absolute;
    top: 80px;
    left: 90px;
}

#logined-container span.logined-title {
    color: #fff;
    font: 16px normal Helvetica, Arial, sans-serif;
    position: absolute;
    top: 380px;
    left: 90px;
}

span.forgot-fstep-title {
    color: #fff;
    font: 18px normal Helvetica, Arial, sans-serif;
    position: absolute;
    top: 200px;
    left: 130px;
    text-align: center;
    max-width: 350px;
}

span.reg-rstep-title {
    color: #fff;
    font: 18px normal Helvetica, Arial, sans-serif;
    position: absolute;
    top: 200px;
    left: 170px;
    text-align: center;
    max-width: 350px;
}

#fstep_1 #forg_name {
    color: #00a0e3;
    font: 18px normal Helvetica, Arial, sans-serif;
    position: absolute;
    top: 280px;
    left: 100px;
    width: 290px;
    text-align: center;
}

div.forgot-ajaxLoader {
    color: #fff;
    min-height: 32px;
    min-width: 200px;
    padding-left: 30px;
    padding-top: 16px;
    font: 12px normal Helvetica, Arial, sans-serif;
    position: absolute;
    top: 300px;
    left: 120px;
    text-align: center;
    background: url('/images/themes/cyan/ajax-loader-small.gif') no-repeat left center;
    display: none;
}

#fstep_2 div.forgot-ajaxLoader {
    top: 320px;
    left: 120px;
}

div.forgot-errmsg {
    color: #fff;
    min-height: 32px;
    min-width: 200px;
    padding-left: 5px;
    padding-top: 16px;
    font: 12px normal Helvetica, Arial, sans-serif;
    position: absolute;
    top: 300px;
    left: 120px;
    text-align: center;
    display: none;
}

#fstep_2 div.forgot-errmsg {
    top: 320px;
    left: 120px;
}

#reg-container div.reg-errmsg {
    color: #fff;
    min-height: 32px;
    min-width: 200px;
    padding-left: 5px;
    padding-top: 16px;
    font: 14px normal Helvetica, Arial, sans-serif;
    position: absolute;
    top: 270px;
    left: 135px;
    text-align: left;
    display: none;
}

#rstep_4 div.reg-errmsg {
    top: 320px;
    left: 100px;
    max-width:  280px;
    min-width: 280px;
    text-align: center;
}

#rstep_5 div.reg-errmsg {
    top: 320px;
    left: 100px;
    max-width:  280px;
    min-width: 280px;
    text-align: center;
}

#fstep_2 div.kassa_back {
    color: #fff;
    font: 16px normal Helvetica, Arial, sans-serif;
    position: absolute;
    max-width: 350px;
    top: 200px;
    left: 80px;
    text-align: center;
    display: none;
}
#fstep_2 div.phone_back {
    position: absolute;
    min-width: 64px;
    min-height: 64px;
    top: 300px;
    left: 150px;
    border: solid #fff 2px;
    border-radius: 4px;
    text-align: center;
    background: #00a0e3 url('/images/themes/cyan/phone-18x36-w.png') no-repeat center center;
    cursor: pointer;
    display: none;
}
#fstep_2 div.email_back {
    position: absolute;
    min-width: 64px;
    min-height: 64px;
    border: solid #fff 2px;
    border-radius: 4px;
    top: 300px;
    left: 270px;
    text-align: center;
    background: #00a0e3 url('/images/themes/cyan/email-29x29-w.png') no-repeat center center;
    cursor: pointer;
    display: none;
}

#fstep_2 input {
    top: 300px;
    left: 100px;
    position: absolute;
    display: none;
    text-align: center;
    color: #00a0e3;
    font: 18px normal Helvetica, Arial, sans-serif;
}

#reg-container span.reg-title {
    color: #fff;
    font: 28px normal Helvetica, Arial, sans-serif;
    position: absolute;
    top: 50px;
    left: 150px;
    max-width: 200px;
}

select {
    text-align: center;
    color: #00a0e3;
    background-color: #fff;
    border: 1px #00a0e3 solid;
    border-radius: 4px;
    font: 16px normal Helvetica, Arial, sans-serif;
    width: 250px;
}

select.disabled {
    text-decoration: none;
    background-color: #ddd;
    border: 1px #00a0e3 solid;
    border-radius: 4px;
    color: #898989;
    margin-bottom: 2px;
}

#rstep_1 #street {
    position: absolute;
    top: 240px;
    left: 120px;
}

#rstep_2 #build {
    position: absolute;
    top: 240px;
    left: 120px;
}

#rstep_3 #appart {
    position: absolute;
    top: 240px;
    left: 120px;
}

#ajaxLoader {
    display: none;
    background: url("/images/themes/cyan/ajax-loader-small.gif") no-repeat scroll 0% 0% transparent;
    min-height: 16px;
    min-width: 16px;
    position: relative;
    top: 3px;
}

#serial {
    position: absolute;
    top: 260px;
    left: 100px;
}
#num {
    position: absolute;
    top: 300px;
    left: 100px;
}

#pswd {
    position: absolute;
    top: 260px;
    left: 100px;
}
#pswd1 {
    position: absolute;
    top: 300px;
    left: 100px;
}

input.phone_recovery {
    width: 290px;
}
input.email_recovery {
    width: 290px;
}

#pswdForm div.ajax