/* Pop-Up окна */
#popup-dialog-overlay{
    background:#333;
    opacity: 0.5;
    position: absolute;
    top: 0px;
    left: 0px;
    width:100%;
    height:100%;
    z-index: 1000;
    display:none;
}

.popup-dialog{
    background:#fff;
    position: absolute;
    width:700px;

    z-index: 1100;
    border:1px solid #ccc;
    border-radius:7px;
    box-shadow: 0px 0px 15px #333, inset 0px -100px 100px #dedede;
    padding:30px 30px 10px 30px;
    font-size:0.7em;
    text-align:left;

    display:none;
}


.close-popup-dialog-button{
    cursor:pointer;
    width:16px;
    height:16px;
    float:right;
    margin-top:-25px;
    margin-right:-20px;
}

.buttons-dialog-collection{
    margin-top:20px;
    text-align: center;
}
.buttons-dialog-collection .grey{
    margin-left:20px;
}
.buttons-dialog-collection .green{
    margin-right:20px;
}

#auth-form{
    vertical-align: top;
    display:inline-block;
}

#socAuth{
    vertical-align: top;
    display:inline-block;
    width: 320px;
}
#socAuth h1 {
    text-transform: uppercase;
    float: left;
}

/* Вспылвающее окно РЕГИСРАЦИИ Казаков*/
#reg-form{
    width:500px;
    padding-left:100px;
    vertical-align: top;
    display:inline-block;
}
#reg-formm h1{
    padding-left:120px;
}
#reg-formm .error{
    font-style: italic;
}
#reg-form .line,#forgot-form .line{
    margin-bottom:10px;
}
#reg-form .title, #forgot-form .title{
    width:200px;
    text-align: left;
}
.title.forgot{
    width:400px !important;
}
.title.forgot a{
    font-weight:normal;
}
#reg-form .field, #forgot-form .field{
    width:240px;
}

.fieldtooltip{
    font-style: italic;
    color:#999;
}
#reg-form .line .info{
    margin:0px;
    width:100%;
}


.info-popup{
    color:#666;
    font-style:italic;
    margin-top:10px;
    margin-bottom:10px;
}
/*КНОПКИ СОЦ СЕТЕЙ*/
#socAuth a {
    display: inline-block;
    float: left;
    margin: -5px 4px 0 5px;
}
#socAuth a i{
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url(../img/soc-icons.png);
    background-repeat: no-repeat;
}
#auth-mail{background-position: -32px -32px;}
#socAuth a:hover #auth-mail{background-position: 0 -32px;}
#auth-yandex{background-position: -32px 0;}
#socAuth a:hover #auth-yandex{background-position: 0 0;}
#auth-vkontakte{background-position: -32px -128px;}
#socAuth a:hover #auth-vkontakte{background-position: 0 -128px;}
#auth-facebook{background-position: -32px -160px;}
#socAuth a:hover #auth-facebook{background-position: 0 -160px;}
#auth-twitter{background-position: -32px -192px;}
#socAuth a:hover #auth-twitter{background-position: 0 -192px;}
#auth-livejournal{background-position: -32px -96px;}
#socAuth a:hover #auth-livejournal{background-position: 0 -96px;}
#auth-google{background-position: -32px -64px;}
#socAuth a:hover #auth-google{background-position: 0 -64px;}
#socAuth a i#auth-esia {
    width: 104px;
    background-position: 0 -288px;
}
#socAuth a:hover i#auth-esia {background-position: 0 -256px;}
#bx_auth_serv_formVKontakte a{
    background: url(../img/icons.png) 0px -645px no-repeat;
    vertical-align: text-top;
}
#bx_auth_serv_formGoogleOAuth a{
    background: url(../img/icons.png) 0px -689px no-repeat;
    vertical-align: text-top;
}
#bx_auth_serv_formFacebook a{
    background: url(../img/icons.png) 0px -601px no-repeat;
    vertical-align: text-top;
}
#bx_auth_serv_formTwitter a{
    background: url(../img/icons.png) 0px -667px no-repeat;
    vertical-align: text-top;
}
#reg-socserv{
    margin-top: 10px;
    text-align: center;
    font-style: italic;
    font-size: 10pt;
    color: #969696;
}
#reg-socserv a{
    vertical-align: -3px;
}
#reg-socserv a i{
    background-image: url(../img/icons.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
}
#reg-mail{background-position: 0px -49px;}
a:hover #reg-mail{background-position: 0px -426px;}
#reg-yandex{background-position: 0px 0px;}
a:hover #reg-yandex{background-position: 0px -377px;}
#reg-vkontakte{background-position: 0px -80px;}
a:hover #reg-vkontakte{background-position: 0px -457px;}
#reg-google{background-position: 0px -112px;}
a:hover #reg-google{background-position: 0px -489px;}
#reg-facebook{background-position: 0px -32px;}
a:hover #reg-facebook{background-position: 0px -409px;}
#reg-twitter{background-position: 0px -96px;}
a:hover #reg-twitter{background-position: 0px -473px;}
#reg-livejournal{background-position: 0px -16px;}
a:hover #reg-livejournal{background-position: 0px -393px;}
#reg-socserv a i#reg-esia{
    width: 52px;
    background-position: 0 -754px;
}
#reg-socserv a:hover i#reg-esia{background-position: 0 -770px;}