@charset "utf-8";
* {
margin:0;
padding:0
}
html {
margin:0;
padding:0;
width:100%;
height:100%;
}
html , body {
background:#520404;
margin:0;
padding:0;
width:100%;
height:100%;
overflow-x: hidden !important; 
}
	
 img {border:none}
.main {
background:url('http://s3.amazonaws.com/play-me.ru/images/registration_wizard/main_bg.jpg') left top no-repeat;
min-width:1000px;
width:expression(((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) < 1120 ? "1120px" : "auto");
height:600px;
position:absolute;
top:50%;
left:55%;
_left:54.5%;
margin-top:-315px;
//margin-top:-310px;
margin-left:-620px;
} 
.w100 {
width:100%;
position:relative;
}
.l {float:left}
.r {float:right}
.clear {
clear:both;
line-height:1%;
margin-bottom:-1px;
height:1px;
overflow:hidden;
font-size:0px
}
.logo {
margin:41px 0 0 570px;
_margin-left:285px;
float:left;
}
.dot_1 {
background:url('/images/registration_wizard/dot_1.gif') left top no-repeat;
width:104px;
height:122px;
text-align:center;
font:12px Tahoma;
color:#feffa3;
padding-top:26px;
margin-top:86px;
float:left;
}
.dot_1 p {
width:114px;
text-align:center;
}
.dot_1 strong ,.dot_2 strong {
font:bold 19px Tahoma;
display:block;
margin-top: 5px;
}

.dot_2 strong {
  text-align:center;
  margin-left: -15px;
  width: 70px;
  padding: 0px;
  color: white;
}

.dot_2 {
background:url('/images/registration_wizard/dot_2.gif') left top no-repeat;
width:104px;
height:122px;
padding-left:25px;
font:12px Tahoma;
color:#0f3050;
padding-top:26px;
_margin-left:-10;
margin-top:85px;
position:relative;
float:left;
}
.leg {
background:url('/images/registration_wizard/leg.gif') left top no-repeat;
width:111px;
height:135px;
position:absolute;
right:-78px;
top:-12px;
z-index:1000;
display:block
}
* html .leg {
right:-103px;
top:-12px;
}
.title_1t {
font:bold 16px Tahoma;
color:#fff;
margin:0px 0 0 588px;
_margin-top:17px;
width:496px;
}
.text_1t {
font:14px Tahoma;
color:#fff;
margin:8px 0 10px 588px;
width:496px;
} 
.txtn {
font:bold 16px Tahoma;
color:#fff;
width:143px;
text-align:right;
margin:10px 0 0 600px;
_margin-left:298px;
_margin-right:3px;
float:left;
padding-right: 2px;
}

.status {
  float: left;
  margin: 11px 0 0 3px;
  width: 16px;
  height: 16px;
  padding: 0;
}


.inp2_bg {
background:url('/images/registration_wizard/inp_bg.gif') no-repeat;
width:299px;
height:29px;
margin-top:6px;
margin-left:6px;
float:left;
}

.inp1 {
background:transparent;
font:15px Tahoma;
color:#fff;
border:none;
margin-left:9px;
margin-top:3px;
}
.guy_but {
background:url('/images/registration_wizard/but_1.gif') left top no-repeat;
cursor:pointer;
border:none;
width:145px;
height:28px;
margin:7px -2px 0 752px;
float:left;
position:relative;
z-index:100;
}
.girl_but {
background:url('/images/registration_wizard/but_2.gif') left top no-repeat;
cursor:pointer;
border:none;
width:144px;
height:28px;
margin:7px 0 0 8px;
float:left;
position:relative;
z-index:100;
}

.next_but_male ,.next_but_female {
background:url('/images/registration_wizard/next_but_female.gif') left top no-repeat;
cursor:pointer;
border:none;
width:145px;
height:28px;
margin:30px 0 3px 918px;
position:relative;
z-index:100;
float: left;
}
.next_but_male {
background:url('/images/registration_wizard/next_but_male.gif') left top no-repeat;
}

@media not all and (-webkit-min-device-pixel-ratio) { 
.next_but_female  { margin:19px 0 -2px 918px; }
}

* html .next_but_female {
margin:160px 0 -13px 918px;
}

*:first-child+html .next_but_female {
margin:160px 0 2px 918px;
}

@media not all and (-webkit-min-device-pixel-ratio) { 
.next_but_male  { margin:19px 0 -2px 918px; }
}

* html .next_but_male {
margin:160px 0 -13px 918px;
}
*:first-child+html .next_but_male {
margin:160px 0 2px 918px;
}
.play_but {
	cursor: pointer;
background:url('/images/registration_wizard/play_but.gif') left top no-repeat;
border:none;
width:300px;
height:38px;
margin:200px 0 0px 760px;
position: absolute;
z-index:100;
}
* html .play_but {
margin:200px 0 0px 760px;
_margin-top: 190px;
}
/**:first-child+html .play_but {
margin:240px 0 3px 760px;
}
@media not all and (-webkit-min-device-pixel-ratio) { 
.play_but  { margin:220px 0 3px 760px; }
}*/
.num_1_b {
background:url('/images/registration_wizard/num_1_b.gif') left top no-repeat;
width:48px;
height:57px;
position:absolute;
left:890px;
top:520px;
}

.num_1 {
background:url('/images/registration_wizard/num_1.gif') left top no-repeat;
width:48px;
height:57px;
position:absolute;
left:890px;
top:520px;
}
.num_2 ,.num_2_b {
background:url('/images/registration_wizard/num_2.gif') left top no-repeat;
width:50px;
height:57px;
position:absolute;
left:948px;
top:520px;
}
.num_2_b {
background:url('/images/registration_wizard/num_2_b.gif') left top no-repeat;
}
.num_3 ,.num_3_b{
background:url('/images/registration_wizard/num_3.gif') left top no-repeat;
width:50px;
height:56px;
position:absolute;
left:1008px;
top:520px;
}
.num_3_b {
background:url('/images/registration_wizard/num_3_b.gif') left top no-repeat;
}


.step {
  font:11px Tahoma;
  color:#fff;
  position:absolute;
  left:140px;
  top:581px;
}
.step span {
margin-left:17px;
}
.step span.strong {
font-weight: bold;
color: yellow;
}

.bug {
  background:url('/images/registration_wizard/bug_bg.gif') left top repeat-x;
  height:29px;
  font:11px Tahoma;
  color:#000;
  position:absolute;
  _margin-left: -20px;
  visibility: hidden;
}

.bug p{
padding:6px 0px 10px 0px;
font-size: 12px;
white-space: nowrap;
}

.bug_l {
background:url('/images/registration_wizard/bug_l.gif') left top no-repeat;
width:10px;
height:29px;
position:absolute;
left:-10px;
top:0px;
}
.bug_r {
background:url('/images/registration_wizard/bug_r.gif') left top no-repeat;
width:15px;
height:29px;
position:absolute;
right:-14px;
_right:-15px;
top:0px;
}
.perc_bg {
background:#000;
border:1px solid #592d2d;
height:168px;
width:707px;
margin-left:355px;
margin-top:15px;
_margin-top:15px;
margin-bottom:36px;
_margin-bottom:22px;
margin-right:140px;
/* for IE */
filter:alpha(opacity=40);
/* CSS3 standard */
opacity:0.4;
}
*:first-child+html .perc_bg {
margin-bottom:35px;
}
.avatars {
margin-left:390px;
_margin-left:370px;
margin-top:-190px;
_margin-top:-175px;
position:relative;
z-index:100;
}
.avatar {
float:left;
font:11px Tahoma;
color:#fff;
margin-left:10px;
text-align: center;
}
.avatar input {
margin-left:55px;
_margin-left:25px;
margin-right:7px;
margin-top:5px;
float:left;
display:block
}
.name_g {
float:left;
margin-top:5px;
//margin-top:9px;
display:block
}