@charset "utf-8";
/* CSS Document */
div.registrationLayer {
position: fixed; top: 0px; left: 0px; z-index: 19000;
width: 100%; height: 100%; line-height:normal;
text-align: center;
}
div.registrationLayer .blackout {
position: absolute; top: 0; left: 0; width: 100%; height: 100%;
background-color: black; opacity: 0.4; filter: alpha(opacity=40); z-index: 1;
}
div.registrationPage{ position:relative; width:900px; height:100%; margin:0 auto; z-index:2;}
.regWindowWrapper{ position:relative; top:20%; width:100%; margin:0 auto;}
.regWindow{ position:relative; width:500px; margin:0 auto;}
.regWindow .head,.regWindow .foot{ position:relative; width:100%; z-index:10;}
.regWindow .head .mid{height:7px; background:url(../images/homepage/registration/reg-window-hr.png) 0 0 repeat-x; margin:0 7px;}
.regWindow .foot .mid{ height:7px; background:url(../images/homepage/registration/reg-window-hr.png) 0 100% repeat-x; margin:0 7px;}
.regWindow .corner{ position:absolute; width:7px; height:7px; background:url(../images/homepage/registration/reg-window-corner.png) 0 0 no-repeat;}
.regWindow .head .corner.cleft{ top:0; left:0;}
.regWindow .head .corner.cright{ top:0; right:0; background:url(../images/homepage/registration/reg-window-corner.png) 100% 0 no-repeat;}
.regWindow .foot .corner.cleft{ bottom:0; left:0; background:url(../images/homepage/registration/reg-window-corner.png) 0 100% no-repeat;}
.regWindow .foot .corner.cright{ bottom:0; right:0; background:url(../images/homepage/registration/reg-window-corner.png) 100% 100% no-repeat;}
.regWindow .body{ position:relative; font-size:11px; color:#654b2f; text-align:left; z-index:11;}

.regWindow form{ display:block; margin:0; padding:8px 10px; position:relative;}
.regWindow p{ margin:0; padding:8px 10px 10px;}
.regWindow p b{color:#f00; font-size:12px;}
.regWindow h2{ margin:0; padding:8px 10px 10px; background:url(../images/homepage/gfx/h1bg.jpg); font-size:1.5em;}
.regWindow .formline{ position:relative; margin:0; padding:2px 10px; font-family:Arial, Helvetica, sans-serif; z-index:12;}
.regWindow .formline.serverlist{ z-index:15;}
.regWindow .formline .data{ position:relative; background:#8d7357 url(../images/homepage/registration/formline-right.gif) 100% 0 no-repeat; float:right; height:22px; padding:1px 30px 1px 0;; line-height:12px;}
.regWindow .formline .data .icon{position:absolute; width:22px; height:22px; top:1px; right:6px;}
.regWindow .formline.green .data .icon{ background:url(../images/homepage/registration/green-ok.gif) 50% 50% no-repeat;}
.regWindow .formline .data .icon.arrow{ background:url(../images/homepage/registration/arrow-down.gif) 50% 50% no-repeat;}
.regWindow .formline .data .icon.check{ background:url(../images/homepage/registration/checking.gif) 50% 50% no-repeat;}
.regWindow .formline.serverlist.act .data .icon.arrow{ background:url(../images/homepage/registration/arrow-up.gif) 50% 50% no-repeat;}
.regWindow .formline .data .field{ width:220px; height:22px;}
.regWindow .formline.red .label{background:#d60000 url(../images/homepage/registration/formline-left-red.gif) 0 0 no-repeat;}
.regWindow .formline.red .data{background:#d60000 url(../images/homepage/registration/formline-right-red.gif) 100% 0 no-repeat;}
.regWindow .formline.red .data .field input, .regWindow .formline.red .data .field a{background:#ffc3c3;}
.regWindow .formline.green .label{background:#6a8c4d url(../images/homepage/registration/formline-left-green.gif) 0 0 no-repeat;}
.regWindow .formline.green .data{background:#6a8c4d url(../images/homepage/registration/formline-right-green.gif) 100% 0 no-repeat;}
.regWindow .formline .data .field input:hover, .regWindow .formline .data .field input:focus{ background:#fff;}
.regWindow .formline .data .field input, .regWindow .formline .data .field a{ display:block; color:#654b2f; width:220px; height:22px; border:none; margin:0; padding:0; font-size:11px; text-align:center; background:#fffac3; height:22px; line-height:22px;}
.regWindow .formline .data .field input{@height:20px; @line-height:20px;}
.regWindow .formline.red .data .field input:hover, .regWindow .formline.red .data .field input:focus{ background:#ffe0e0;}
.regWindow .formline .label{background:#8d7357 url(../images/homepage/registration/formline-left.gif) 0 0 no-repeat; height:24px; margin:0 250px 0 0; color:#fffac3;}
.regWindow .formline .label p{color:#fff; padding:5px 10px; text-align:right; font-weight:bold; float:right;}
.regWindow .formline .label p.server{ background:url(../images/homepage/registration/world-icon.png) 6px 5px no-repeat; padding-left:24px;}
.regWindow .formline.serverlist .data{ cursor:pointer;}
.regWindow .formline.serverlist.justOneElem .data{cursor:default;}
.regWindow .formline.serverlist .data .list{display:none;}
.regWindow .formline.serverlist .data .list{border:2px solid #8d7357; border-top:none; position:absolute; top:24px; left:-2px; max-height:220px; overflow-x:hidden; overflow-y:auto;}
.regWindow .formline.serverlist.act .data .list{display:block;}
.regWindow .formline.serverlist.act .data .field a, .regWindow .formline.serverlist .data .field a:hover{ background:#fff;}
.regWindow .formline.serverlist.act .data .field a:hover{ background:#ffeba5;}
.regWindow .formline.serverlist.justOneElem .data .field a{cursor : default;}
.regWindow .formline.serverlist.justOneElem .data .icon{cursor : default;}
.regWindow .formline .data .field img{padding:1px 0 0 0; border:0;}
.regWindow .captcha{ float:right; width:260px;}

.regWindow .body .content{ margin:0 7px; background:#f2ebd8 url(../images/homepage/registration/content-bg.gif); padding:3px;}
.regWindow .body .lborder{ background:url(../images/homepage/registration/reg-window-vr.png) 0 0 repeat-y; position:absolute; left:0; top:0; height:100%; width:7px;}
.regWindow .body .rborder{ background:url(../images/homepage/registration/reg-window-vr.png) 100% 0 repeat-y; position:absolute; right:0; top:0; height:100%; width:7px;}

.regWindow .body .buttonWrapper{ position:relative; width:185px; height:58px;  background:url(../images/homepage/registration/button-hover.gif) 50% 100% no-repeat; margin:0 auto; padding:12px 0 0;}
.regWindow .body .button{ width:185px; height:58px; background:url(../images/homepage/registration/button.gif) 50% 100% no-repeat; text-align:center; border:none; cursor:pointer; color:#fff; margin:0 auto; font-size:18px; text-transform:uppercase; font-weight:bold; padding:0; position:absolute; left:0; bottom:0;}
.regWindow .body .button:hover{background: none;}
.regWindow .body .button.gray{ background:url(../images/homepage/registration/button-gray.gif) 50% 100% no-repeat; color:#999; cursor:default;}

.regWindow .xclose{
position:absolute; top:-2px; right:5px;
background: url(../images/content/buttons/xclose.png) 0 0 no-repeat;
display: block;
width: 37px;
height: 17px;
z-index:77;
}
.regWindow .xclose:hover{background: url(../images/content/buttons/xclose-hover.png) 0 0 no-repeat;}

.registrationPage .reg-tip{ position:absolute; top:0; left:0; z-index:14; @width:224px;}
.registrationPage .reg-tip .arrow{width:6px; height:100%; position:absolute; left:-5px; top:0; background:url(../images/homepage/registration/reg-tooltip-arrow.png) no-repeat scroll 0 7px transparent;}
.registrationPage .reg-tip .head, .registrationPage .reg-tip .foot{ position:relative; height:5px;}
.registrationPage .reg-tip .corner{ position:absolute; top:0; width:6px; height:5px; background:url(../images/homepage/registration/reg-tooltip.png) 0 0 no-repeat;}
.registrationPage .reg-tip .head .corner.left{ left:0;}
.registrationPage .reg-tip .head .corner.right{ right:0; background:url(../images/homepage/registration/reg-tooltip.png) 100% 0 no-repeat;}
.registrationPage .reg-tip .foot .corner.left{ left:0; background:url(../images/homepage/registration/reg-tooltip.png) 0 100% no-repeat;}
.registrationPage .reg-tip .foot .corner.right{ right:0; background:url(../images/homepage/registration/reg-tooltip.png) 100% 100% no-repeat;}

.registrationPage .reg-tip .head .mid{ margin:0 5px; border-top:1px solid #fffac3; height:5px; background:#7c8f23;}
.registrationPage .reg-tip .foot .mid{ margin:0 5px; border-bottom:1px solid #fffac3; height:5px; background:#7c8f23;}
.registrationPage .reg-tip .content{ padding:0 8px; background:#7c8f23; border-left:1px solid #fffac3; border-right:1px solid #fffac3; font-size:10px; font-weight:bold; color:#fffac3; text-align:left;}

.registrationPage .reg-error{ position:absolute; top:0; left:0; z-index:13; @width:224px;}
.registrationPage .reg-error .arrow{width:6px; height:100%; position:absolute; left:-5px; top:0; background:url(../images/homepage/registration/reg-error-arrow.png) no-repeat scroll 0 7px transparent;}
.registrationPage .reg-error .head, .registrationPage .reg-error .foot{ position:relative; height:5px;}
.registrationPage .reg-error .corner{ position:absolute; top:0; width:5px; height:5px; background:url(../images/homepage/registration/reg-error.png) 0 0 no-repeat;}
.registrationPage .reg-error .head .corner.left{ left:0;}
.registrationPage .reg-error .head .corner.right{ right:0; background:url(../images/homepage/registration/reg-error.png) 100% 0 no-repeat;}
.registrationPage .reg-error .foot .corner.left{ left:0; background:url(../images/homepage/registration/reg-error.png) 0 100% no-repeat;}
.registrationPage .reg-error .foot .corner.right{ right:0; background:url(../images/homepage/registration/reg-error.png) 100% 100% no-repeat;}

.registrationPage .reg-error .head .mid{ margin:0 5px; border-top:1px solid #fffac3; height:5px; background:#d60000;}
.registrationPage .reg-error .foot .mid{ margin:0 5px; border-bottom:1px solid #fffac3; height:5px; background:#d60000;}
.registrationPage .reg-error .content{ padding:0 8px; background:#d60000; border-left:1px solid #fffac3; border-right:1px solid #fffac3; font-size:10px; font-weight:bold; color:#fffac3; text-align:left;}