@charset "UTF-8";

.option-cabinet-body {
padding: 0; margin: 0;
}

.option-cabinet-body * {
	font-family: Arial !important;
	color:#FFF;
	font-size:14;
	font-weight:normal;
	line-height:1.2;
}

.option-cabinet-body a {
	text-decoration:underline;
	color:#FFF;
	cursor:pointer;
}

.option-cabinet-body form {
	margin: 0; padding: 0;
}

#cabinet-body {
	position:relative;
	width:100%;
	text-align:center;
	background: url(../data/bg_wood2.jpg) repeat;
	padding: 50px 0 40px 0;
}



.imgsidebar, .imgwindow {display:none}

.option-cabinet-body .sidebar {position:fixed !important; //position: absolute !important; width:1003px; height:74px; margin-top:-90px; top:0px; margin-left:50%; left:-501px; background:url(../data/top-plash.png) no-repeat; z-index:3; }
.option-cabinet-body .sidebar .in {width: 900px; position: relative; margin: 0 auto; text-align: left; z-index:2}
.option-cabinet-body .sidebar .in .buy {position:absolute; left:652px; top:0; width:240px; height:90px; background:url(../data/buy.png) no-repeat; cursor:pointer}
.option-cabinet-body .sidebar .in .buy div {/*font-size:16px;*/ color:#fff; position:absolute; left:37px; top:38px; width:166px; text-align:center}
.option-cabinet-body .sidebar .in .enter {position:absolute; left:0; top:18px}
.option-cabinet-body .sidebar .in .cabinet {position:absolute; left:3px; top:0; display:none; clear:both; width:623px; height:51px; background:url(../data/cabinet.gif) no-repeat}
.option-cabinet-body .sidebar .in .cabinet:after {content:''; display:block; clear:both}

.sidebar .cabinet .login,
.sidebar .cabinet .buying,
.sidebar .cabinet .exit,
.sidebar .cabinet .view_orders
{border-bottom:1px dotted #1e58a7; font-size:15px; font-weight:bold; color:#1e58a7; top:13px;cursor:pointer}

.sidebar .cabinet .login,
.sidebar .cabinet .buying,
.sidebar .cabinet .summa,
.sidebar .cabinet .view_orders
{position:relative; float:left; margin:0 13px 0 20px; }

.sidebar .cabinet .exit {position:absolute; right:18px; font-size:11px; top:17px}
.sidebar .cabinet .summa {text-align:center; color:#aaa; font-size:11px; top:7px}
.sidebar .cabinet .summa div {font-size:14px; color:#333}

.sidebar .cabinet .view_orders {text-align:center; top:13px}


/*окно*/
.cabinet-window {width:1037px; margin:0 auto; text-align: left;}
.cabinet-window .botEnd {position:relative; height:92px; background:url(../data/window.png) no-repeat; width:1037px}
.cabinet-window .topEnd {overflow:hidden; height:105px; width:1037px; position:relative}
.cabinet-window .topEnd div {height:197px; width:1037px; background:url(../data/window.png) no-repeat; position:absolute; left:0; top:-92px;}
.cabinet-window .botEnd {height:92px}
.cabinet-window .in {position:relative; width:1037px; background-image:url(../data/window.png); background-position:-1037px 0; background-repeat:repeat-y}
.cabinet-window .bgtop {width:892px; left:71px; position:relative; background-image:url(../data/bgtop.gif); background-repeat:no-repeat; background-position:0 0}
.cabinet-window * {color:#222;}
/**/

/*шапка, меню*/
.cabinet-window .head {width:100%; text-align:center; padding:7px 0 14px 0; position:relative}
.cabinet-window .head .caption {font-size:32px; font-weight:bold; color:#333; height:76px; display:inline-block; padding-top:11px; clear:both}
.cabinet-window .head .caption .icn {position:relative; top:-11px; margin-right:17px; height:76px; width:74px; overflow:hidden; float:left}
.cabinet-window .head .caption .icn div {position:absolute; left:0; top:0; background-image:url(../data/caption.png); background-repeat:no-repeat; width:370px; height:76px}
.cabinet-window .head .caption .enter div {left:-74px}
.cabinet-window .head .caption .reg div {left:-148px}
.cabinet-window .head .caption .prof div {left:-222px}
.cabinet-window .head .caption .hist div {left:-296px}
.cabinet-window .head .close {position:absolute; left:837px; top:0; width:40px; height:40px; background:url(../data/close.gif) no-repeat; cursor:pointer}
.cabinet-window .head .hoverclose {background-position:-40px 0}
.cabinet-window .head .downclose {background-position:-80px 0}
.cabinet-window .menu {position:relative; width:564px; text-align:center; margin:16px auto 58px auto; height:8px; background:url(../data/menu-form.gif) no-repeat; background-position:0 0}
.cabinet-window .second {background-position:0 -8px}
.cabinet-window .third {background-position:0 -16px}
.cabinet-window .menu .but {position:absolute; top:-7px; text-align:center; width:65px;}
.cabinet-window .menu .but .img {width:21px; height:22px; position:relative; text-align:center; margin:0 auto; background:url(../data/but.gif) no-repeat}
.cabinet-window .three .img {width:22px !important; left:1px}

.cabinet-window .menu .state {font-size:12px; font-weight:bold; color:#aaa; padding-top:4px}
.cabinet-window .second .one .img, .cabinet-window .third .two .img, .cabinet-window .third .one .img {background-position:-22px 0 !important}
.cabinet-window .menu .one .state, .cabinet-window .second .two .state, .cabinet-window .third .two .state, .cabinet-window .third .three .state {color:#1e58a7}
.cabinet-window .menu .prev .state {color:#7aa3db}
/*.cabinet-window .third .one, .cabinet-window .third .two, .cabinet-window .second .one {cursor:pointer}*/

.cabinet-window .menu .prev {cursor:pointer}
.cabinet-window .menu .one {left:0}
.cabinet-window .menu .two {left:250px}
.cabinet-window .menu .three {left:521px}

/**/

#step-first, #step-second, #step-third {text-align:center}
/*#step-first, */#step-second, #step-third {display:none}


.cabinet-window .sep {position:relative; width:100%; height:23px}

.cabinet-window .frame {position:relative; width:776px; margin:0 auto; /*left:57px;*/ text-align:center; padding:29px 0 27px 0; border:1px solid #c7c7c7; border-radius:24px; -webkit-border-radius:24px; -moz-border-radius:24px;
box-shadow:0px 2px 3px rgba(1,1,1,0.16); -webkit-box-shadow:0px 2px 3px rgba(1,1,1,0.16); -moz-box-shadow: 0px 2px 3px rgba(1,1,1,0.16);}
.cabinet-window .inp {width:346px; padding-bottom:13px; text-align:left; margin-bottom:0 !important; clear:both}
.cabinet-window .inp:after {content:''; clear:both; display:block}
.cabinet-window .inp, .cabinet-window .frame .selector {position:relative;  margin:0 auto 13px auto;}

/*селекторы*/

#step-first .selector {display:none}

.cabinet-window .frame .selector {text-align:left; padding:4px; outline:0; -pie-poll:true; height:29px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box}
.cabinet-window .frame .selector, .cabinet-window .frame .itext {position:relative;  z-index:5; width:345px; border:1px solid #c3c3c3; background:url(../data/select-shadow.gif) repeat-x;
background-color:#f5f5f5; box-shadow:0px 1px 0px rgba(1,1,1,0.06); -webkit-box-shadow:0px 1px 0px rgba(1,1,1,0.06); -moz-box-shadow: 0px 1px 0px rgba(1,1,1,0.06);box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.cabinet-window .frame .selector select {opacity:0; position:absolute;  height:29px !important; left:0; top:0; width:343px; /*z-index:10*/}
.select-width-fix {border-bottom:28px solid #000 !important;}
.cabinet-window .frame .selector i {display:block; width:30px; height:29px; position:absolute; top:-1px; right:-1px; background:url(../data/select.gif) no-repeat}
.cabinet-window .frame .selector .name, .cabinet-window .inp .name {position:absolute; left:-160px; top:7px; width:148px; text-align:right; font-size:12px; font-weight:bold}
.cabinet-window .frame .selector .name, .cabinet-window .inp .name span {color:#000 !important; font-size:12px !important; font-weight:bold}
.cabinet-window .frame .sdgame, .cabinet-window .frame .sdserver, .cabinet-window .frame .sdside, .cabinet-window .frame .sddelivery {display:block !important}
.cabinet-window .frame .sdgame label, .cabinet-window .frame .sdserver label, .cabinet-window .frame .sdside label, .cabinet-window .frame .sddelivery label {cursor:default}
.cabinet-window .frame .sdgame i, .cabinet-window .frame .sdserver i, .cabinet-window .frame .sdside i, .cabinet-window .frame .sddelivery i {background-position:-60px 0;}

/**/

.cabinet-window .money-slot { height: 45px;position: absolute;clear: both; top:-9px; left:381px; width: 165px; }
.cabinet-window .money-slot:after { clear: both;content: "";display: block;}
.cabinet-window .money-slot .ms-left, .cabinet-window .money-slot .ms-right, .cabinet-window .money-slot .ms-min, .cabinet-window .money-slot .ms-max {background-image: url(../data/money-slot.png);float:left; height: 45px; position: relative;display: block;}
.cabinet-window .money-slot .ms-left { width: 14px; background-position: 0 0;}
.cabinet-window .money-slot .ms-min { padding-right: 10px;}
.cabinet-window .money-slot .ms-min, .cabinet-window .money-slot .ms-max {background-position: 0 -45px; font-size: 10px; line-height: 2.8;}
.cabinet-window .money-slot .ms-min .ms-count, .cabinet-window .money-slot .ms-max .ms-count { font-size: 12px; color: #5E8A43; font-weight: bold; position: relative; top:-4px;}
.cabinet-window .money-slot .ms-right {width: 8px;background-position: -14px 0;}

/**/

.cabinet-window .frame .hover {border:1px solid #99bbea;}
.cabinet-window .frame .hover i {background-position:-30px 0 !important}
.cabinet-window .frame .itext {width:100%; height:27px; padding:4px; box-sizing:border-box;}

.cabinet-window .frame .inp .link, .cabinet-window .frame .selector .link {position:absolute; left:395px; top:7px; border-bottom:1px dashed #1e58a7; text-align:left}
.cabinet-window .frame .inp .link a, .cabinet-window .frame .selector .link a {font-size:11px; color:#1e58a7; text-decoration:none}
.cabinet-window .frame .inp .disabled-link {border-bottom:1px dashed #aaa}
.cabinet-window .frame .inp .disabled-link a {color:#aaa; cursor:default}
.cabinet-window .frame .inp .exit {border-bottom:1px dotted #1e58a7 !important;}
.cabinet-window .frame .inp span {color:#aaa; font-size:11px; display:block; text-align:left;}
.cabinet-window .frame .inp .er {color:#cf1f0d}
.cabinet-window .frame .inp .ok {color:#5c8606}
.cabinet-window .frame .inp .email, .cabinet-window .frame .inp .parol {font-size:12px; font-weight:bold; line-height:2.4; color:#5e8a05}
.cabinet-window .frame .inp .email {color:#1e58a7}
.cabinet-window .frame .inp .inf {height:23px; font-size:12px; color:#5e8a05; font-weight:bold; text-align:left; line-height:2.2}
.cabinet-window .frame .inp .preload {position:absolute; left:364px; top:2px}

.cabinet-window .inp .name span {text-align:right !important}
.cabinet-window .frame .star {display:block; width:9px; height:9px; position:absolute; top:10px; left:350px; background:url(../data/star.gif) no-repeat}
.cabinet-window .frame .sep {position:relative; margin:28px 0 20px 0; height:1px; border-top:1px solid #c7c7c7; background-color:#efefef; font-size:1px; width:100%;}
.cabinet-window .frame .indent {height:32px; width:100%; position:relative;}
.cabinet-window .frame .discount {position:relative; text-align:center; width:345px; margin:0 auto; padding-bottom:11px}
.cabinet-window .frame .capt {color:#aaa; text-align:left; width:345px; font-size:18px; font-weight:bold; padding-bottom:10px; position:relative; margin:0 auto}
.cabinet-window .list-item {width:346px; padding-bottom:7px; text-align:left; position:relative;  margin:0 auto; font-size:12px}
.cabinet-window .list-item .name {position:absolute; left:-184px; top:0; width:170px; text-align:right; font-size:12px; font-style:italic}
.cabinet-window .elements {text-align:center; width:776px; left:57px; position:relative; padding-top:27px}
.cabinet-window .frame .discount p, .cabinet-window .frame .discount a {text-align:left; font-size:12px}
.cabinet-window .inp textarea {position:relative; overflow:hidden; z-index:5; width:100%; height:70px; padding:4px; border:1px solid #c3c3c3; background:url(../data/select-shadow.gif) repeat-x;
background-color:#f5f5f5; box-shadow:0px 1px 0px rgba(1,1,1,0.06); -webkit-box-shadow:0px 1px 0px rgba(1,1,1,0.06); -moz-box-shadow: 0px 1px 0px rgba(1,1,1,0.06);}
.cabinet-window .frame label {cursor:pointer}
.cabinet-window .frame .inp .curency {position:absolute; cursor:default; left:245px; top:6px; width:91px; z-index:10; font-size:11px; color:#aaa; text-align:right}
.cabinet-window .frame .hint {display:none; position:relative; margin-top:8px; width:346px; margin:0 auto 13px auto; text-align:left; font-size:12px; font-style:italic}
.cabinet-window .frame .cmsn, .cabinet-window .frame .total {display:none}
.cabinet-window .frame .cmsn .inf, .cabinet-window .frame .total .inf {color:#222 !important;}
.cabinet-window .frame .cmsn .inf {font-weight:normal !important; line-height:2.4}
.cabinet-window .frame .cmsn .name {font-style:italic; font-weight:normal !important}
.cabinet-window .frame .total .inf {font-size:14px; font-weight:bold; }
.cabinet-window .frame .total .name {font-style:italic; font-size:14px}
.cabinet-window .frame .order_num {display:none}
.cabinet-window .frame .order_num .inf {font-size:14px; color:#1859a1; line-height:2.3}
.cabinet-window .frame .order_num .name, .cabinet-window .frame .order_num .inf {font-style:italic; font-size:14px; }

/* нет у.е. */
.cabinet-window .frame .no_order {display:none}
.cabinet-window .frame .no_order .inf {font-size:12px; color:#1859a1; line-height:1}
.cabinet-window .frame .no_order .name, .cabinet-window .frame .no_order .inf {color:#cf1f0d; font-style:italic; font-size:12px; }

#enter-form .sep, #reg-form .sep {height:54px}


/*таблицы скидок*/
.cabinet-window .frame .table-disc {display:none; position:relative; margin-top:8px;}
.cabinet-window .frame .table-disc table {width:278px; position:relative;/* margin-top:8px; */}
.cabinet-window .frame .table-disc td, .cabinet-window .frame .table-disc th {text-align:center; vertical-align:middle; font-size:12px; font-style:italic; height:20px}
.cabinet-window .frame .table-disc .sel td {color:#5e8a05; font-weight:bold;}
.cabinet-window .frame .table-disc th {background-color:#f5f5f5; border-right:1px solid #fff;}
.cabinet-window .frame .table-disc .one {width:98px}
.cabinet-window .frame .table-disc .two {width:178px}
/**/

/*кнопки*/
.buttons {position:relative; width:100%; padding-bottom:17px; clear:both;}
.buttons:after {content:''; clear:both; display:block}

#step-second .buttons {padding:62px 0 17px 0}
#step-second .buttons .back {top:80px}

.pay-but {position:relative; cursor:pointer; -o-user-select: none; -webkit-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -ms-user-select: none; user-select: none;}

.pay-but .button-part-lEnd, .pay-but .button-part-center, .pay-but .button-part-rEnd {float:right;}
.pay-but .button-part-lEnd, .pay-but .button-part-rEnd {background:url(../data/blue-but.gif) no-repeat; width:25px; height:58px;}
.pay-but .button-part-lEnd {background-position:-25px 0;}
.pay-but .button-part-rEnd {background-position:0 0;}
.pay-but .button-part-center {position:relative; background:url(../data/blue-but.gif) repeat-x; height:58px; background-position:0 -58px; font-size:25px; font-weight:bold; color:#fff; line-height:2}

.buttons .hover-but .button-part-lEnd {background-position:-25px -116px;}
.buttons .hover-but .button-part-rEnd {background-position:0 -116px;}
.buttons .hover-but .button-part-center {background-position:0 -174px}

.buttons .down-but .button-part-lEnd {background-position:-25px -232px;}
.buttons .down-but .button-part-rEnd {background-position:0 -232px;}
.buttons .down-but .button-part-center {background-position:0 -290px}

.buttons .disabled {cursor:default}
.buttons .disabled .button-part-lEnd {background-position:-25px -348px;}
.buttons .disabled .button-part-rEnd {background-position:0 -348px;}
.buttons .disabled .button-part-center {background-position:0 -406px; color:#a5a5a5}

/**/

/*Назад*/

.buttons .back {position:absolute; left:0; top:18px; text-align:left}
.buttons .back div {cursor:pointer; font-size:13px; font-weight:bold; color:#1e58a7; display:inline-block;
padding-left:21px; background-image:url(../data/back.gif); background-repeat:no-repeat; background-position:0 8px; border-bottom:1px dotted #1e58a7}
.buttons .back font {font-size:11px; color:#aaa; border-bottom:none}
/**/

/*Вход*/

.enter-but, .confirm {position:relative; cursor:pointer; float:left}
.enter-but .button-part-lEnd, .enter-but .button-part-center, .enter-but .button-part-rEnd, .confirm .button-part-lEnd, .confirm .button-part-center, .confirm .button-part-rEnd {float:left; height:31px; position:relative}
.enter-but .button-part-lEnd div, .enter-but .button-part-rEnd div, .confirm .button-part-lEnd div, .confirm .button-part-rEnd div {background:url(../data/green-but.png) no-repeat; position:absolute; width:40px; height:248px}
.enter-but .button-part-lEnd, .confirm .button-part-lEnd {overflow:hidden; width:15px}
.enter-but .button-part-lEnd div, .confirm .button-part-lEnd div {left:-25px; top:0;}
.enter-but .button-part-rEnd, .confirm .button-part-rEnd {width:25px !important; overflow:hidden}
.enter-but .button-part-rEnd div, .confirm .button-part-rEnd div {left:0; top:0}
.enter-but .button-part-center, .confirm .button-part-center {background:url(../data/green-but.png) repeat-x; background-position:0 -31px; font-size:15px!important; font-weight:bold !important; color:#5e8a06; line-height:1.9; padding-right:8px}
.cabinet-window .frame .inp .enter-but .preload {left:110px; top:2px}
#reg-form .frame .inp .enter-but .preload {left:215px;}

.hover-but .button-part-lEnd div, .hover-but .button-part-rEnd div {top:-62px}
.hover-but .button-part-center {background-position:0 -93px}

.down-but .button-part-lEnd div, .down-but .button-part-rEnd div {top:-124px}
.down-but .button-part-center {background-position:0 -155px}

.disabled {cursor:default}
.disabled .button-part-lEnd div, .disabled .button-part-rEnd div {top:-186px}
.disabled .button-part-center {background-position:0 -217px; color:#a5a5a5}

.confirm {margin-top:5px}

/**/

#enter-form, #reg-form, #history-form, #profile-form {text-align:center}

#profile-form .login {font-weight:bold; font-size:12px; color:#1e58a7; position:relative; top:7px}
#profile-form .check {width:500px; left:77px; padding-bottom:10px}
#profile-form .check .list-capt {padding-top:9px}
#profile-form .check label {font-size:12px; cursor:default}
#profile-form .check .allgame {border-bottom:1px dotted #1e58a7; color:#1e58a7; position:relative; text-decoration:none; font-size:11px}
#profile-form .other-game {display:none}
#profile-form .check .preload {top:-1px; left:-23px}
#profile-form .enter-but .preload {left:185px}


#history-form .inp, #history-form .inp * {font-size:12px}
#history-form .inp .order-number { display: block; margin: 0 0 8px 0; font-weight: bold; color:#000;}
#history-form .inp .price {position:absolute; left:365px; width:125px; text-align:left; font-weight:bold; top:0; font-size:12px}
#history-form .inp .price .status { display: block; padding: 6px 0 2px 0;}
#history-form .inp .info-removed {display: block; font-style: italic;}
#history-form .inp .name {top:0px}
#history-form .inp .item {font-size:12px}
#history-form .elements {padding-bottom:70px}
#history-form .countRows {font-size:15px; font-weight:bold;  margin-right:34px; display:inline-block}
#history-form .download {display:inline-block}
#history-form .download a {position:relative; text-decoration:none; font-size:15px; font-weight:bold; border-bottom:1px dotted #1e58a7; color:#1e58a7;}
#history-form .frame .sep {margin:19px 0 20px 0}

span.hint-pimp {
width:12px;
height:12px;
text-indent: 12px;
overflow: hidden;
position: relative;
background-image: url(../data/hint-pimp.png);
margin-left:2px;
top:1px;
left:4px;

display:inline-block !important;
//display:inline !important;
}

span.hint-pimp.hidden {
display:none !important;
}

.hint-message {
position:absolute;
top:27px;
left:-105px;
width : 182px;
z-index: 10;
}

.hint-message-top, .hint-message-middle, .hint-message-bottom, .hint-message-arrow {
background-image: url(../data/hint-boxbg.png);
background-position: 0 0;
}

.hint-message-top, .hint-message-middle, .hint-message-top {
position: relative;
width: 100%;
display: block;
}

.hint-message-top, .hint-message-bottom {font-size: 1px;}

.hint-message-arrow {
position:absolute;
width:22px;
height:10px;
top:-10px;
left:80px;
background-position:-80px 0;
}

.hint-message-top {
height: 4px;
background-position: 0 -10px;
}

.hint-message-bottom {
height: 4px;
background-position: 0 -14px;
}

.hint-message-middle,
.hint-message-middle *
{font-size: 10px;color: #666;}

.hint-message-middle {
background-position:-182px 0;
background-repeat:repeat-y;
padding: 3px 13px;

-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}







/**/