.login-bg{
  width: 640px;
  height: 447px;
  background: url(../images/login-bg.png) no-repeat;
}
.register-bg{
  height: 630px;
  width: 481px;
  background: url(../images/register-bg.png) no-repeat top center;
}
.modal-login{
  text-align: center;
}
.modal-login .caption{
  color: #fff;
  font: 46px 'Sladkoeshka';
  text-align: center;
  padding: 76px 0 20px 0;
}
.modal-login .caption span.active{
  color: #75bfc3;
}
.modal-login .caption span{
  cursor: pointer;
}
.modal-login .caption span:hover{
  color: #75bfc3;
}
.btn_checkbox{
  width: 35px;
  height: 31px;
  display: inline-block;
  margin:0 4px 0 0;
  vertical-align:middle; 
cursor:pointer;  
}
.btn_checkbox:hover{
  opacity: .8;
  -ms-filter: "alpha(opacity=80)"; /* IE8 */
}

.checkbox{
  width: 35px;
  height: 31px;
  display:inline-block;
}
.checkbox input[type="checkbox"] {
  display:none;
}
.checkbox input[type="checkbox"] + label span {
  display:inline-block;
  width:35px;
  height:31px;
  margin:0 4px 0 0;
  vertical-align:middle;
  background:url(../images/checkbox.png) no-repeat;
  cursor:pointer;
}
.checkbox input[type="checkbox"]:checked + label span {
  background:url(../images/checkbox-checked.png) no-repeat;
}
.btn_phone, .btn_email{
  width: 38px;
  height: 38px;
  display: inline-block;
  cursor:pointer;
}
.btn_phone:hover{
  opacity: .8;
  -ms-filter: "alpha(opacity=80)"; /* IE8 */
}
.btn_email:hover{
  opacity: .8;
  -ms-filter: "alpha(opacity=80)"; /* IE8 */
}

.radio_phone {
  width: 38px;
  height: 38px;
  display: inline-block;
}
.radio_phone input[type="radio"] {
  display:none;
}
.radio_phone input[type="radio"] + label span {
  display:inline-block;
  width:38px;
  height:38px;
  background:url(../images/btn_phone_0.png) no-repeat;
  cursor:pointer;
}
.radio_phone input[type="radio"]:checked + label span {
  background:url(../images/btn_phone_1.png) no-repeat;
}
.radio_phone:hover{
  opacity: .8;
  -ms-filter: "alpha(opacity=80)"; /* IE8 */
}
.radio_email {
  width: 38px;
  height: 38px;
  display: inline-block;
}
.radio_email input[type="radio"] {
  display:none;
}
.radio_email input[type="radio"] + label span {
  display:inline-block;
  width:38px;
  height:38px;
  background:url(../images/btn_email_0.png) no-repeat;
  cursor:pointer;
}
.radio_email input[type="radio"]:checked + label span {
  background:url(../images/btn_email_1.png) no-repeat;
}
.radio_email:hover{
  opacity: .8;
  -ms-filter: "alpha(opacity=80)"; /* IE8 */
}
.btn_male, .btn_female{
  width: 38px;
  height: 38px;
  display: inline-block;
  cursor:pointer;
}
.btn_male:hover{
  opacity: .8;
  -ms-filter: "alpha(opacity=80)"; /* IE8 */
}
.btn_female:hover{
  opacity: .8;
  -ms-filter: "alpha(opacity=80)"; /* IE8 */
}
#btn_buy_bonus:hover{
  opacity: .8;
  -ms-filter: "alpha(opacity=80)"; /* IE8 */
}

.radio_male {
  width: 38px;
  height: 38px;
  display: inline-block;
}
.radio_male input[type="radio"] {
  display:none;
}
.radio_male input[type="radio"] + label span {
  display:inline-block;
  width:38px;
  height:38px;
  background:url(../images/avatar_male_0.png) no-repeat;
  cursor:pointer;
}
.radio_male input[type="radio"]:checked + label span {
  background:url(../images/avatar_male_1.png) no-repeat;
}
.radio_male:hover{
  opacity: .8;
  -ms-filter: "alpha(opacity=80)"; /* IE8 */
}
.radio_female {
  width: 38px;
  height: 38px;
  display: inline-block;
}
.radio_female input[type="radio"] {
  display:none;
}
.radio_female input[type="radio"] + label span {
  display:inline-block;
  width:38px;
  height:38px;
  background:url(../images/avatar_female_0.png) no-repeat;
  cursor:pointer;
}
.radio_female input[type="radio"]:checked + label span {
  background:url(../images/avatar_female_1.png) no-repeat;
}
.radio_female:hover{
  opacity: .8;
  -ms-filter: "alpha(opacity=80)"; /* IE8 */
}
.remember-me-text{
  color: #fff;
  display: inline-block;
  vertical-align: top;
  font:14px/36px 'HelveticaNeueCyr-Light';
  cursor: pointer;
}
.remember-me-text a{
  color: #fff;
}
.remember-me-text a:hover{
  text-decoration: none;
}
.remember-wrap{
  margin: 8px 0;
}
.recover-text {
  color: #fff;
  display: block;
  vertical-align: top;
  cursor: pointer;
}
.recover-text a{
  color: #fff;
}
.recover-text a:hover{
  text-decoration: none;
}
.form-btn{
  text-align: center;  
  color: #000;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  border:none;
  padding: 0;  
}
.form-btn:hover{
  opacity: .8;
  -ms-filter: "alpha(opacity=80)"; /* IE8 */
}
.form-btn.login{
  background:url(../images/btn-bg.png) no-repeat;
  width: 109px;
  font:36px/30px 'Sladkoeshka';
  height: 49px;
}
.form-btn.forgot{
  background:url(../images/btn-bg-forgot.png) no-repeat;
  width: 200px;
  font:36px/30px 'Sladkoeshka';
  height: 49px;
}
.form-btn.register{
  background:url(../images/register-btn.png) no-repeat;
  width: 214px;
  font:28px/28px 'Sladkoeshka';
  height: 42px;
}
.modal-login.register .caption{
  text-align: center;
  padding: 40px 0 10px 0;
}
.captcha{
  display: inline-block;
  vertical-align: top;
  width: 123px;
  height: 41px;
  margin: 0 0 6px 0;
}
.remember-me-text.register{
  font:14px/17px 'HelveticaNeueCyr-Light';
  text-align: left;
  margin: 0 0 0 10px;
}
.remember-me-text{
  color: #fff;
}
.modal-login .info-text{
  color: #fff;
  font-size: 14px;
  padding: 10px 0 0 0;
}