#showLogForm, #showRegForm{
    display: none;
}
#login, #forgot, #changePWD{
    position: absolute;
    top: -500px;
    right: 0;
    z-index: 200;
    background: white;
    padding: 3px;
    -moz-box-shadow: 0 5px 10px -6px #000;
    -webkit-box-shadow: 0 5px 10px -6px #000; 
    box-shadow: 0 5px 10px -6px #000;
    behavior: url("https://www.openrepublic.ru/bitrix/templates/openrepublic/css/PIE.htc");
    width: 300px;
    opacity: 0;
}
#login_form, #forgot_form, #changePWD_form, #reg_form, #regInfo_container{
    border: 2px solid #3ca9df;
    padding: 10px 10px 5px 30px; 
}
#login_form .form-text, #forgot_form .form-text, #changePWD_form .form-text, #reg_form .form-text{
    width: 214px;
    margin-bottom: 10px;
}
#loginHeading, #forgotHeading, #changePWDHeading, #registrationHeading, #regInfoHeading{
    margin: 0 0 20px 0;
}
#regInfoHeading{
    text-align: center;
}
a#formClose:link, a#formClose:visited, a#regFormClose:link, a#regFormClose:visited, a#regInfoClose:link, a#regInfoClose:visited{
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/formClose.png) no-repeat;
}
a#formClose:hover, a#regFormClose:hover, a#regInfoClose:hover{
    background: url(../images/formClose.png) 0 -16px no-repeat;
}
#formBottomInfo{
    line-height: 26px;
    font-size: 90%;
}
#authError{
    font-size: 90%;
    color: red;
    margin-top: -13px;
    margin-bottom: 10px;
    width: 236px;
}
#registration, #registration_info{
    position: absolute;
    top: -600px;
    right: 0px;
    z-index: 2000;
    background: white;
    padding: 3px;
    -moz-box-shadow: 0 5px 10px -6px #000;
    -webkit-box-shadow: 0 5px 10px -6px #000; 
    box-shadow: 0 5px 10px -6px #000;
    width: 440px;
    opacity: 0;
    behavior: url("https://www.openrepublic.ru/bitrix/templates/openrepublic/css/PIE.htc");
}
.captcha-reg{
    text-align: center;
    width: 236px;
}
#captcha-refresh, #reg_info{
    margin-top: 10px;
    font-size: 90%;
    color: #399438;
}
#refresh-icon{
    vertical-align: middle;
}
#regInfoCountdown{
    color: #a0a0a0;
    margin-top: 30px;
    font-size: 85%;
}
#reg_captcha_input{
    margin-top: 10px;
}
#reg-soc-serv{
    margin-right: 20px;
    text-align: center;
    font-size: 90%;
}
#reg-soc-serv a i{
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url(../images/reg-soc-icons.png);
    background-repeat: no-repeat;
    margin: 1px;
}
#reg-mail{background-position: -32px -32px;}
#reg-soc-serv a:hover #reg-mail{background-position: 0 -32px;}
#reg-yandex{background-position: -32px 0;}
#reg-soc-serv a:hover #reg-yandex{background-position: 0 0;}
#reg-vkontakte{background-position: -32px -128px;}
#reg-soc-serv a:hover #reg-vkontakte{background-position: 0 -128px;}
#reg-facebook{background-position: -32px -160px;}
#reg-soc-serv a:hover #reg-facebook{background-position: 0 -160px;}
#reg-twitter{background-position: -32px -192px;}
#reg-soc-serv a:hover #reg-twitter{background-position: 0 -192px;}
#reg-livejournal{background-position: -32px -96px;}
#reg-soc-serv a:hover #reg-livejournal{background-position: 0 -96px;}
#reg-google{background-position: -32px -64px;}
#reg-soc-serv a:hover #reg-google{background-position: 0 -64px;}
#bx_auth_serv_formVKontakte a{
    background: url(../images/icons.png) 0px -645px no-repeat;
    vertical-align: text-top;
}
#bx_auth_serv_formGoogleOAuth a{
    background: url(../images/icons.png) 0px -689px no-repeat;
    vertical-align: text-top;
}
#bx_auth_serv_formFacebook a{
    background: url(../images/icons.png) 0px -601px no-repeat;
    vertical-align: text-top;
}
#bx_auth_serv_formTwitter a{
    background: url(../images/icons.png) 0px -667px no-repeat;
    vertical-align: text-top;
}
#auth-socserv{
    margin: 10px 0 0 5px;
}
#auth-socserv a i{
    background-image: url(../images/icons.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
}
#auth-mail{background-position: 0px -49px;}
a:hover #auth-mail{background-position: 0px -426px;}
#auth-yandex{background-position: 0px 0px;}
a:hover #auth-yandex{background-position: 0px -377px;}
#auth-vkontakte{background-position: 0px -80px;}
a:hover #auth-vkontakte{background-position: 0px -457px;}
#auth-google{background-position: 0px -112px;}
a:hover #auth-google{background-position: 0px -489px;}
#auth-facebook{background-position: 0px -32px;}
a:hover #auth-facebook{background-position: 0px -409px;}
#auth-twitter{background-position: 0px -96px;}
a:hover #auth-twitter{background-position: 0px -473px;}
#auth-livejournal{background-position: 0px -16px;}
a:hover #auth-livejournal{background-position: 0px -393px;}
