@charset "utf-8";
/*
    #Все авторские права принадлежат сайту bk2.ru , дальнейшее
    #использование любого кода или части кода запрещено (без согласия автора).
    #
    #По всем вопросам можете обращаться на электронную почту: ditsfree@gmail.com,
    #в теме письма укажите что вопрос касается скрипта bk2.ru
    #
*/

@font-face {
    font-family: 'password-font-bk2-ru';
    src:url('/static/font/password-font-bk2-ru.eot'),
        url('/static/font/password-font-bk2-ru.ttf'),
        url('/static/font/password-font-bk2-ru.svg');
    font-weight: normal;
    font-style: normal;
}

:focus-visible {
    border: 1px solid rgb(75, 149, 224)!important;
    outline: 0px !important;
    box-shadow: none !important;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.emoji {
    font-size: 18pt;
    cursor: pointer;
}


/*.table-bk-style1 th, .table-bk-style1 td {
    padding: 10px;
    text-align: left;
    border: 1px solid #ccc;
}*/
.table-bk-style1 tr:nth-child(even) {
    background-color: #D5D5D5;
}
.table-bk-style1 tr:nth-child(odd) {
    background-color: #C7C7C7;
}


.selectMr {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 0.5em;
  box-shadow: 0 0 0 2px grey;
}
.selectMr::after {
  content: "";
  position: absolute;
  top: 0.9em;
  right: 1.5em;
  z-index: 1;
  height: 0.7em;
  width: 0.7em;
  transform: rotate(45deg);
  box-shadow: 2px 2px 0 grey;
  pointer-events: none;
}
.selectMr input {
  display: none;
}
.colorMr {
  display: flex;
  align-items: center;
  height: 0;
  overflow: hidden;
}
.selectMr:hover .colorMr {
  min-height: 3em;
  height: auto;
}
.selectMr input:checked+.colorMr {
  z-index: 1;
  order: -1;
  height: auto;
  box-shadow: 0 0 0 2px grey;
}
.selectMr input:not(:checked)+.colorMr:hover {
  background-color: #eee;
  cursor: pointer;
}
.colorMr img {
  margin: 0.5em 1em;
  height: 2em;
  width: 3em;
}
.selectMr .placeholdMr {
  z-index: 1;
  display: flex;
  align-items: center;
  order: -1;
  min-height: 3em;
  padding-left: 1em;
  box-shadow: 0 0 0 2px grey;
}
.selectMr input:checked~.placeholdMr {
  display: none;
}



.selectMr2 {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 0.5em;
  box-shadow: 0 0 0 2px grey;
}
.selectMr2::after {
  content: "";
  position: absolute;
  top: 0.9em;
  right: 1.5em;
  z-index: 1;
  height: 0.7em;
  width: 0.7em;
  transform: rotate(45deg);
  box-shadow: 2px 2px 0 grey;
  pointer-events: none;
}
.selectMr2 input {
  display: none;
}
.colorMr2 {
  display: flex;
  align-items: center;
  height: 0;
  overflow: hidden;
}
.selectMr2:hover .colorMr2 {
  min-height: 3em;
  height: auto;
}
.selectMr2 input:checked+.colorMr2 {
  z-index: 1;
  order: -1;
  height: auto;
  box-shadow: 0 0 0 2px grey;
}
.selectMr2 input:not(:checked)+.colorMr2:hover {
  background-color: #eee;
  cursor: pointer;
}
.colorMr2 img {
  margin: 0.5em 1em;
  height: 2em;
  width: 3em;
}
.selectMr2 .placeholdMr2 {
  z-index: 1;
  display: flex;
  align-items: center;
  order: -1;
  min-height: 3em;
  padding-left: 1em;
  box-shadow: 0 0 0 2px grey;
}
.selectMr2 input:checked~.placeholdMr2 {
  display: none;
}


















.youtube-link {
  background-color: rgba(255,0,0,0.05);
  border-left: 3px solid #ff0000;
  padding: 2px 5px;
  border-radius: 3px;
  margin: 3px;
  display: inline-block;
}
.vk-link {
  background-color: rgba(0,119,255,0.05);
  border-left: 3px solid #0077ff;
  padding: 2px 5px;
  border-radius: 3px;
  margin: 3px;
  display: inline-block;
}
.default-link {
  background-color: rgba(0,0,0,0.05);
  border-left: 3px solid #E4E4E4;
  padding: 2px 5px;
  border-radius: 3px;
  margin: 3px;
  display: inline-block;
}


.sup_line1 {
    padding: 10px;
    border-bottom: 1px solid #c3c1c1;
    cursor: pointer;
}
.sup_line1:hover {
    background-color: rgba(0,0,0,0.05);
}

.sup_msg_body0 {
    margin: 10px;
    padding: 10px;
    border-radius: 10px;
    background-color: #fff;
    display: inline-block;
}
.sup_msg_body1 {
    margin: 10px;
    padding: 10px;
    border-radius: 10px;
    background-color: rgba(255,255,255,0.50);
    display: inline-block;
    float: right;
    clear: both;
}
.sup_msg_body2 {
    margin: 10px;
    padding: 10px;
    border-radius: 10px;
    background-color: #a9afc0;
    color:#00094d;
    display: inline-block;
    float: left;
    clear: both;
}

.lotto_date {
    font-family: Courier;
    font-size: 10pt;
    text-decoration: none;
    font-weight: 600;
    color: #007000;
}
.lotto_show_result_combination {
	COLOR: #8f0000;
    FONT-FAMILY: Arial;
    FONT-SIZE: 11pt;
    FONT-WEIGHT: bold;
}
.lotto_show_result_table {
	margin: 10px 0;
	width: 600px;
}

.rec_itm_v {
	display: inline-block;
	position: relative;
}
.rec_itm_vx {
	position: absolute;
	background-color: #fff;
	right: 0px;
	bottom: 0px;
	padding: 1px 2px;
	font-size: 7.5pt;
}



.lotto_buy_ticket_table{
    border-bottom: 1px solid #b0b0b0;
    border-left: 1px solid #b0b0b0;
    user-select: none;
}
.lotto_buy_ticket_table td{
    text-align: center;
    background-color: #e5e5e5;
    padding: 3px 6px;
    font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
    color: #494949;
    border-top: 1px solid #b0b0b0;
    border-right: 1px solid #b0b0b0;
    cursor: pointer;
    font-size: 9pt;
}
.lotto_buy_ticket_table td:hover{
    background-color: #f5f5f5;
    color: #353535;
}
.lotto_buy_ticket_table td.active{
    color: #fff;
    background-color: #222;
}



.rec_items {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 10px;
}
.rec_item {
    width: 80px;
    height: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.rec_item div {
    text-align: center;
}

.fw_slot_s {
	display: inline-block;
	width: 40px;
	height: 25px;
	border-bottom: 1px solid #A5A5A5;
    border-right: 1px solid #A5A5A5;
	margin: 2px;
	background-image: url(/static/img/slot.gif);
	opacity: 0.5;
	cursor: pointer;
}
.fw_slot_s:hover {
	opacity: 0.75;
}
.fw_slot_s_ok {
	display: inline-block;
	width: 40px;
	height: 25px;
	border-bottom: 1px solid #A5A5A5;
    border-right: 1px solid #A5A5A5;
	margin: 2px;
	cursor: pointer;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
.fw_slot_s_ok:hover {
	background-color:rgb(187,177,157,0.3);
	outline: 2px solid rgba(0,0,0,0.30);
	border-radius: 2px;
}
.fw_slot_s_inodet {
    outline: 1px solid #ffffff;
    background-color: rgba(255,255,255,0.80);
    border-radius: 2px;
}
.fw_slot_s_inodet:hover {
    outline: 2px solid #ffffff;
    background-color: rgba(255,255,255,0.80);
    border-radius: 2px;
}


.grid-container {
    display: grid; /* Используем grid layout */
}

.left {
    background-color: #f0f0f0; /* Цвет фона для наглядности */
}

.right {
    background-color: #d0d0d0; /* Цвет фона для наглядности */
}

.btn-s {
	background-color:#A9AFC0;
}
.btn-s:hover {
	background-color:#B2B8C7;
}
.bonus_table{
  width: 100%;
}
.bonus_table > thead > tr > td,
.bonus_table > tbody > tr > td{
  height: 30px;
  text-align: center;
}
.bonus_table > thead > tr > td{
  color: #222;
}
.bonus_table > tbody > tr > td{
  background: #e7e7e7;
}
.bonus_table > tbody > tr > td.active{
  color: #339900;
  font-weight: 900;
}

.zvidnew {
	/*border-bottom:1px solid rgba(0,0,0,0.1);*/
	/*padding:10px 0px;*/
}
.zvidnew:hover {
	/*background-color: rgba(255,255,255,0.25);*/
}

.miniPickItems {
	position: absolute;
	background-color: #d2d0d0;
	border: 1px solid #222;
	outline: 3px solid rgba(91,91,91,0.50);
}
.mpig_left {
	border: 1px solid #000;
	border-right: none;
}
.mpig_right {
	border: 1px solid #000;
	border-left: none;
}
.mpig_left:hover , .mpig_right:hover {
	background-color: #E1DFDF;
}
.mpig_img img {
	cursor: pointer;
}
.mpig_img img:hover {
	background-color: #E1DFDF;	
}
.mpig_left img {
	display: inline-block;
	width: 20px;
	height: 60px;
}
.mpig_right img {
	display: inline-block;
	width: 20px;
	height: 60px;
	transform: scale(-1, 1);
}

#pch-btn-sound {
	background-repeat: no-repeat;
}

.hidden-spellaf {
	display: none;
}

.hidden-spellaf2 {
	display: none;
}

.ttleff_b {
	display: inline-block;
	width: 40px;
	height: 25px;
	position: relative;
}

.effttlbtl1 {
    font-size: 10px;
    right: 1px;
    bottom: 1px;
    color: #fefefe;
    cursor: default;
    position: absolute;
    text-shadow: #000 1px 0,#000 1px 1px,#000 0 1px,#000 -1px 1px,#000 -1px 0,#000 -1px -1px,#000 0 -1px,#000 1px -1px,#000 0 0 3px,#000 0 0 3px,#000 0 0 3px,#000 0 0 3px,#000 0 0 3px;
}

.add180win {
	position: absolute;
    background-color: #FFF6DD;
    border: 1px solid #CCC3AA;
	width: 140px;
	padding: 5px 10px 5px 5px;
	z-index: 1000;
}

.add180win input {
	width:55px;
}

.add180win button {
	width:40px;
}

.add180win-title {
	font-size: 9pt;
	padding-bottom: 5px;
}

.mf_dot_inv {
	display:block;
	padding-bottom:2px;
    text-decoration: none;
    border-bottom: 1px dotted rgba(8,8,8,0.20);
	cursor:pointer;
}
.mf_dot_inv:hover {
    border-bottom: 1px dotted rgba(8,8,8,0.20);
	background-color:rgba(190,190,190,0.49);
}
.mfdib {
	display: inline-block;
	width: 65px;
}
.mfdib2 {
	display: inline-block;
	width: 35px;
	text-align: right;
}
.mf_dot_inv_box {
	margin-bottom: 3px;
}

.usr-tur-good {
	display: inline-block;
	padding: 1px 3px;
	border:1px solid rgba(65,208,37,1.00);
	color:green;
	border-radius: 3px;
}

.btnimg {
	margin: 0;
	padding: 0;
	border: 0;
	background-color: transparent;
}

.usr-tur-bad {
	display: inline-block;
	padding: 1px 3px;
	border:1px solid rgba(195,195,195,1.00);
	color:grey;
	border-radius: 3px;
}

.btl_ln1 { display:block;border-bottom:1px solid rgba(176,176,176,1); padding-top: 1px; }
/*#canal7 #battle_logg div:first-of-type .btl_ln1 { display:none; }
#canal8 #battle_mylogg div:first-of-type .btl_ln1 { display:none; }*/
.mylogsee3 .date1 , .mylogsee3 .date2 , .mylogsee3 .date3 { background-color: #00FFAA; }

/*

#1 front
position: absolute; width: 87px; height: 161px; left: 132px; top: 41px; z-index: -266;

#2-3 front
position: absolute; width: 87px; height: 161px; left: 68px; top: 41px; z-index: -266;
position: absolute; width: 66px; height: 121px; left: 102px; top: 51px; z-index: -516;
position: absolute; width: 87px; height: 161px; left: 196px; top: 41px; z-index: -266;


#2-3 front +1
position: absolute; width: 48px; height: 88px; left: 122px; top: 60px; z-index: -892;
position: absolute; width: 58px; height: 107px; left: 104px; top: 55px; z-index: -642;
position: absolute; width: 58px; height: 107px; left: 189px; top: 55px; z-index: -642;

*/

.i_radio {
	display: inline-block;
	width: 15px;
	height: 15px;
	background-image: url(/static/img/radio.gif);
	cursor: pointer;
}

.i_check {
	display: inline-block;
	width: 14px;
	height: 14px;
	background-image: url(/static/img/check.gif);
	cursor: pointer;
}

.i_on_r {
	background-position: 18px 0;
}

.i_on_c {
	background-position: right;
}

.hotkeys_block {
	padding: 3px;
}
.hotkey {
	width: 40px;
	height: 25px;
	background-image: url(/static/img/pr_clear.gif);
	display: inline-block;
	vertical-align: middle;
	position: relative;
	user-select: none !important;
    cursor: pointer !important;
}
.hotkey_btn {
    display: inline-block;
    position: absolute;
    top: 2px;
    left: 3px;
    right: 3px;
    height: 20px;
    line-height: 18px;
    box-sizing: border-box;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    text-transform: capitalize;
    color: #444;
    border-color: #f2f2f2;
    border-style: solid;
    border-width: 1px;
    border-radius: 1px;
    background: -webkit-linear-gradient(#f9f9f9 0%, #D2D2D2 80%, #c0c0c0 100%);
    background: -o-linear-gradient(#f9f9f9 0%, #D2D2D2 80%, #c0c0c0 100%);
    background: linear-gradient(#f9f9f9 0%, #D2D2D2 80%, #c0c0c0 100%);
    font-family: sans-serif;
    transition: box-shadow 0.3s ease, transform 0.15s ease;
    box-shadow: 0 0 1px #888, 0 1px 0 #fff, 0 6px 0 #C0C0C0, 0 8px 17px rgba(#444, 0.4), 2px 1px 4px rgba(#444, 0.25), -2px 1px 4px rgba(#444, 0.25), 0 9px 16px rgba(#444, 0.1);
}

.hotkey_btn:focus , .hotkey_btn:hover {
	color: #222;
	background: -webkit-linear-gradient(#ffffff 0%, #e6e6e6 80%, #d3d3d3 100%);
	background: -o-linear-gradient(#ffffff 0%, #e6e6e6 80%, #d3d3d3 100%);
	background: linear-gradient(#ffffff 0%, #e6e6e6 80%, #d3d3d3 100%);
	box-shadow: 0 0 1px #888, 0 1px 0 #fff, 0 4px 0 #C0C0C0, 0 2px 35px rgba(#444, 0.3), 2px 2px 4px rgba(#444, 0.25), -2px 2px 4px rgba(#444, 0.25), 0 7px 4px rgba(#444, 0.1);
}

.hotkey_btn:active {
	color: #222;
	background: -webkit-linear-gradient(#ffffff 0%, #e6e6e6 80%, #d3d3d3 100%);
	background: -o-linear-gradient(#ffffff 0%, #e6e6e6 80%, #d3d3d3 100%);
	background: linear-gradient(#ffffff 0%, #e6e6e6 80%, #d3d3d3 100%);
	box-shadow: 0 0 1px #888, 0 1px 0 #fff, 0 0 0 #C0C0C0, 0 0px 30px rgba(#444, 0.15), 2px 2px 4px rgba(#444, 0.25), -2px 2px 4px rgba(#444, 0.25), 0 0px 4px rgba(#444, 0.25);
	top:3px;
	left:4px;
	right:4px;
	height: 19px;
}

.hotkey_btn_active {
    display: inline-block;
    position: absolute;
    top: 2px;
    left: 3px;
    right: 3px;
    height: 20px;
    line-height: 18px;
    box-sizing: border-box;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    text-transform: capitalize;
    border-style: solid;
    border-width: 1px;
    border-radius: 1px;
    font-family: sans-serif;
    transition: box-shadow 0.3s ease, transform 0.15s ease;
    color: #222;
    box-shadow: 0 0 1px #888, 0 1px 0 #fff, 0 0 0 #C0C0C0, 0 0px 30px rgba(#444, 0.15), 2px 2px 4px rgba(#444, 0.25), -2px 2px 4px rgba(#444, 0.25), 0 0px 4px rgba(#444, 0.25);
    transform: translateY(1px);	
    background: -webkit-linear-gradient(#ffc8c5 0%, #c88d88 100%);
    background: -o-linear-gradient(#ffc8c5 0%, #c88d88 100%);
    background: linear-gradient(#ffc8c5 0%, #c88d88 100%);
    border-color: #9e716c;
}






.wrapper {
	width: 100%;
	min-width: 800px;
	position: relative;
}

.maroontext {
	font-weight: bolder;
	color: #8f0000;
	font-size:12pt;
}

.asel {
	background-color:#e5e1e2;
	padding:5px 10px 5px 10px;
	color:#000;
}

.asel a {
	color:#000;
}

.unasel {
	padding:5px 10px 5px 10px;
}


/* Middle
-----------------------------------------------------------------------------*/
.middle {
	width: 100%;
	position: relative;
}
.middle:after {
	display: table;
	clear: both;
	content: '';
}
.container {
	width: 100%;
	float: left;
	overflow: hidden;
}
.content {
	padding: 0 0 0 0;
	display:block;
}
.borderandpadding5px {
	padding:5px;
	/*border:solid 1px #a5a5a5;*/
}
.borderitem {
	border-right:solid 1px #a5a5a5;
}
.borderandpadding0px {
	padding:0px;
	border:solid 1px #a5a5a5;
}
.px3px {
	padding:3px;
}
.brd1top {
	border-top:solid 1px #a5a5a5;
}


/* Right Sidebar
-----------------------------------------------------------------------------*/
.right-sidebar {
	float: left;
	width: 150px;
	margin-left: -150px;
	position: relative;
}

/* All Styles
-----------------------------------------------------------------------------*/

#error_auction {
	color:red;
	padding:5px;
	display:none;
}

.auc_ln1 {
	padding:10px;
	border-top:1px solid #a5a5a5;
}
.auc_ln2 {
	padding:10px;
	border-left:1px solid #a5a5a5;
	border-top:1px solid #a5a5a5;
}

#auction_title {
	background-color:#d2d2d2;
	text-align:center;
	padding:5px 5px 0 5px;
	display:block;
}

#auction_content {
	/*background-color:#c8c8c8;*/
	display:block;
}

.auction_menu_point {
	padding:1px 10px 1px 0;
	border-bottom:1px solid #E2E0E0;
}

.auction_menu_point:hover {
	cursor:pointer;
	background-color:#c7c7c7;
}

.auction_unhide {
	background-color:#c7c7c7;
}





































.auction_menu_point {
	padding:1px 10px 1px 0;
	border-bottom:1px solid #E2E0E0;
}

.auction_menu_point:hover {
	cursor:pointer;
	background-color:#c7c7c7;
}

.auction_unhide {
	background-color:#c7c7c7;
}


.dng-obj {
    position: absolute;
}

.dng-obj-pos-0-0-r {  
    width:255px;height:171px;top:27px;left:204px;position:absolute;
    transform: perspective(690px) translateX(4px) translateY(4px) translateZ(250px) scaleX(4) scaleY(0.82) rotateY( -86.9deg )  rotateZ( 4.4deg );
}
.dng-obj-pos-1-0-r {
    width:255px;height:171px;top:20px;left:122px;position:absolute;
    transform: perspective(690px) translateX(13px) translateY(5px) translateZ(251px) scaleX(4) scaleY(0.75) rotateY( -88.3deg )  rotateZ( 3.2deg );
}
.dng-obj-pos-2-0-r {
    width:255px;height:171px;top:-4px;left:76px;position:absolute;
    transform: perspective(675px) translateX(25px) translateY(13px) translateZ(242px) scaleX(0.04) scaleY(0.45) rotateY( 132.1deg )  rotateZ( 0.7deg );
}
.dng-obj-pos-3-0-r {
    width:255px;height:171px;top:25px;left:19px;position:absolute;
    transform: perspective(675px) translateX(83px) translateY(-15px) translateZ(18px) scaleX(0.04) scaleY(0.55) rotateY( 41.1deg )  rotateZ( -3.3deg );
}
.dng-obj-pos-3-1-r {
    width:255px;height:171px;top:28px;left:20px;position:absolute;
    transform: perspective(681px) translateX(158px) translateY(-15px) translateZ(99px) scaleX(0.14) scaleY(0.50) rotateY( 50.1deg )  rotateZ( -3.3deg );
}
.dng-obj-pos-2-1-r , .dng-obj-pos-1-1-r { display:none; }

.dng-obj-pos-0-0-l {  
    width:255px;height:171px;top:37px;left:-107px;position:absolute;
    transform: perspective(690px) translateX(-4px) translateY(-4px) translateZ(250px) scaleX(4) scaleY(0.82) rotateY( 86.9deg )  rotateZ( -4.4deg );
}
.dng-obj-pos-1-0-l {
    width:255px;height:171px;top:37px;left:-25px;position:absolute;
    transform: perspective(690px) translateX(-13px) translateY(-5px) translateZ(251px) scaleX(4) scaleY(0.75) rotateY( 88.3deg )  rotateZ( -3.7deg );
}
.dng-obj-pos-2-0-l {
    width:255px;height:171px;top:38px;left:20px;position:absolute;
    transform: perspective(675px) translateX(-25px) translateY(-14px) translateZ(252px) scaleX(0.04) scaleY(0.45) rotateY( 57.1deg )  rotateZ( -5.7deg );
}
.dng-obj-pos-3-0-l {
    width:255px;height:171px;top:25px;left:19px;position:absolute;
    transform: perspective(675px) translateX(-24px) translateY(-14px) translateZ(18px) scaleX(0.04) scaleY(0.55) rotateY( 36.1deg )  rotateZ( -2.7deg );
}
.dng-obj-pos-3--1-l {
    width:255px;height:171px;top:28px;left:20px;position:absolute;
    transform: perspective(681px) translateX(-134px) translateY(-12px) translateZ(103px) scaleX(0.14) scaleY(0.50) rotateY( 71.1deg )  rotateZ( -2.7deg );
}
.dng-obj-pos-2--1-l , .dng-obj-pos-1--1-l { display:none; }

.dng-obj-pos-2--1-r , .dng-obj-pos-1--1-r { display: none; }

.dng-obj-pos-1-1-l , .dng-obj-pos-2-1-l { display: none; }

.dng-obj-pos-3-1-l , .dng-obj-pos-3--1-r { display: none; }


.dng-obj-pos-0-1 {  width:255px;height:171px;top:25px;left:453px;position:absolute; transform: scale(0.98);  }
.dng-obj-pos-0--1 {  width:255px;height:171px;top:25px;left:-344px;position:absolute; transform: scale(0.98);  }


.dng-obj-pos-0-0-f { display: none; }

.dng-obj-pos-0-0 {  width:255px;height:171px;top:23px;left:49px;position:absolute;  }

.dng-obj-pos-1-0 , .dng-obj-pos-1-0-f {  width:255px;height:171px;top:23px;left:49px;position:absolute;  }

.dng-obj-pos-2-0 , .dng-obj-pos-2-0-f {  width:255px;height:171px;top:14px;left:49px;position:absolute; transform: scale(0.65);  }

.dng-obj-pos-3-0 , .dng-obj-pos-3-0-f {  width:255px;height:171px;top:10px;left:49px;position:absolute; transform: scale(0.465); opacity: 0.85; }

.dng-obj-pos-4-0 , .dng-obj-pos-4-0-f {  width:255px;height:171px;top:8px;left:49px;position:absolute; transform: scale(0.381); opacity: 0.65;  }

.dng-obj-r {
    width:255px;height:171px;top:27px;left:204px;position:absolute;
    transform: perspective(690px) translateX(4px) translateY(4px) translateZ(250px) scaleX(4) scaleY(0.82) rotateY( -86.9deg )  rotateZ( 4.4deg );
}

.dng-obj-l {
    transform: perspective(690px) translateX(4px) translateY(4px) translateZ(250px) scaleX(4) scaleY(0.82) rotateY( -86.9deg )  rotateZ( 4.4deg );
}




.dng-obj-pos-z-1 {
    position:absolute;transform:scale(0.62);left:3px;top:-9px;width:255px;height:171px;
}

.dng-obj-pos-z-2 {
    position:absolute;transform:scale(0.71);left:2px;top:-5px;width:255px;height:171px; opacity: 0.90;
}

.dng-obj-pos-z-3 {
    position:absolute;transform:scale(0.73);left:3px;top:-1px;width:255px;height:171px; opacity: 0.80;
}







.dng-obj-pos-1--1 {  width:255px;height:171px;top:24px;left:-206px;position:absolute;  }

.dng-obj-pos-2--1 {  width:255px;height:171px;top:16px;left:-116px;position:absolute; transform: scale(0.65); }

.dng-obj-pos-3--1 {  width:255px;height:171px;top:12px;left:-74px;position:absolute; transform: scale(0.465); opacity: 0.85; }


.dng-obj-pos-1-1 {  width:255px;height:171px;top:24px;left:305px;position:absolute; }

.dng-obj-pos-2-1 {  width:255px;height:171px;top:16px;left:214px;position:absolute; transform: scale(0.65); }

.dng-obj-pos-3-1 {  width:255px;height:171px;top:12px;left:170px;position:absolute; transform: scale(0.465); opacity: 0.85; }






.itsuser-hp {
    position: absolute;
    top:0px;
    left:0px;
    text-align: left;
    width: 100%;
    height: 1%;
    background-color: #008000; /* 1abf13 4CCD50 */
    display: inline-block;
}

.itsuser-hp-line {
    position: absolute;
    top:0px;
    left:0px;
    text-align: left;
    width: 100%;
    height: 1%;
    background-color: #00FF00;
    display: inline-block;
}

.dng-shop-layer {
    width: 80px;
    height: 88px;
    background-image: url(/static/img/dng/old/layer.gif);
    background-position: bottom center;
    position: relative;
}

.dng-shop-layer-r {
    cursor: pointer;
    width: 19px;
    height: 33px;
    background-image: url(/static/img/dng/old/navigatin_58.gif);
    background-position: bottom center;
    position: absolute;
    top:33px;
    left:31px;
}

.dng-shop-layer-bd {
    cursor: pointer;
    width: 19px;
    height: 22px;
    background-image: url(/static/img/dng/old/navigatin_67.gif);
    background-position: bottom center;
    position: absolute;
    top:66px;
    left:31px;
}

.dng-shop-layer-bt {
    cursor: pointer;
    width: 19px;
    height: 22px;
    background-image: url(/static/img/dng/old/navigatin_52.gif);
    background-position: bottom center;
    position: absolute;
    top:11px;
    left:31px;
}

.dng-shop-layer-bl {
    cursor: pointer;
    width: 21px;
    height: 20px;
    background-image: url(/static/img/dng/old/navigatin_59.gif);
    background-position: bottom center;
    position: absolute;
    top:39px;
    left:0px;
}

.dng-shop-layer-br {
    cursor: pointer;
    width: 22px;
    height: 21px;
    background-image: url(/static/img/dng/old/navigatin_62.gif);
    background-position: bottom center;
    position: absolute;
    top:39px;
    left:58px;
}

.dng-shop-layer-bsr {
    cursor: pointer;
    width: 21px;
    height: 20px;
    background-image: url(/static/img/dng/old/navigatin_62a.gif);
    background-position: bottom center;
    position: absolute;
    top:19px;
    left:50px;
}

.dng-shop-layer-bsl {
    cursor: pointer;
    width: 22px;
    height: 20px;
    background-image: url(/static/img/dng/old/navigatin_61a.gif);
    background-position: bottom center;
    position: absolute;
    top:19px;
    left:9px;
}

.dng-bot {
    position: absolute;
}

.menu-bot {
    position: absolute;
    background-color: #DEDEE2;
    border: 1px solid #222;
    z-index: 1000;
    text-align: left;
    padding: 2px 4px;
    cursor: default;
}

.dropShAn1 {
    animation-duration: 3s;
    animation-name: dropShAn1go;
    animation-iteration-count: infinite;
}
@keyframes dropShAn1go {
    0% {
        filter:drop-shadow(rgb(255, 255, 255, 1) 0px 0px 1px);
    }
    
    50% {
        filter:drop-shadow(rgb(255, 255, 255, 0.3) 0px 0px 5px);
    }
    
    100% {
        filter:drop-shadow(rgb(255, 255, 255, 1) 0px 0px 1px);
    }
}

.dropShAn2 {
    animation-duration: 2s;
    animation-name: dropShAn2go;
    animation-iteration-count: infinite;
}
@keyframes dropShAn2go {
    0% {
        filter:drop-shadow(rgb(0, 236, 255, 0.5) 0px 0px 1px);
    }
    
    50% {
        filter:drop-shadow(rgb(0, 236, 255, 0.1) 0px 0px 5px);
    }
    
    100% {
        filter:drop-shadow(rgb(0, 236, 255, 0.5) 0px 0px 1px);
    }
}

.dropShAn3 {
    animation-duration: 3s;
    animation-name: dropShAn3go;
    animation-iteration-count: infinite;
}
@keyframes dropShAn3go {
    0% {
        filter:drop-shadow(rgb(236, 255, 0, 0.5) 0px 0px 1px);
    }
    
    50% {
        filter:drop-shadow(rgb(236, 255, 0, 0.1) 0px 0px 5px);
    }
    
    100% {
        filter:drop-shadow(rgb(236, 255, 0, 0.5) 0px 0px 1px);
    }
}

.dng-clickobj {
    opacity: 0;
    z-index: 1000;
}

.dng-clickobj img {
    /*background-color: red;*/
    cursor: pointer;
}

.dng-bot-pos-1l-0 {  width: 87px; height: 161px; left: -57px; top: 24px; /* left: -44px; top: 41px; */ }
.dng-bot-pos-1-0  {  width: 87px; height: 161px; left: 132px; top: 41px; }
.dng-bot-pos-1r-0 {  width: 87px; height: 161px; left: 327px; top: 24px; /* left: 308px; top: 41px; */ }

.dng-bot-pos-2l-0 {  width: 58px; height: 107px; left: 21px; top: 46px; /*left: 29px; top: 55px;*/ }
.dng-bot-pos-2-0  {  width: 58px; height: 107px; left: 148px; top: 55px; }
.dng-bot-pos-2r-0 {  width: 58px; height: 107px; left: 274px; top: 46px; /* left: 279px; top: 55px;*/ }

.dng-bot-pos-3l-0 {  width: 44px; height: 81px; left: 55px; top: 57px; /* 65px; top: 61px; */ }
.dng-bot-pos-3-0  {  width: 44px; height: 81px; left: 154px; top: 61px; }
.dng-bot-pos-3r-0 {  width: 44px; height: 81px; left: 253px; top: 57px; /*left: 243px; top: 61px;*/ }


.dng-bot-vis-1-4 {
    position: absolute;
    left:-67%;
    top:0%;
}
.dng-bot-vis-2-4 {
    position: absolute;
    left:67%;
    top:0%;
}
.dng-bot-vis-3-4 {
    position: absolute;
    left:-40%;
    top:-5%;
    transform: scale(0.85);
}
.dng-bot-vis-4-4 {
    position: absolute;
    left:35%;
    top:-5%;
    transform: scale(0.85);
}

.dng-bot-vis-1-3 {
    position: absolute;
    left:-67%;
    top:0%;
}
.dng-bot-vis-2-3 {
    position: absolute;
    left:67%;
    top:0%;
}
.dng-bot-vis-3-3 {
    position: absolute;
    left:5%;
    top:5%;
    transform: scale(0.85);
}

.dng-bot-vis-1-2 {
    position: absolute;
    left:-67%;
    top:0%;
}
.dng-bot-vis-2-2 {
    position: absolute;
    left:67%;
    top:0%;
}


.dng_fpv {
    width: 352px;
    height: 240px;
    /*background-color: rgba(63,130,193,1.00);*/
    position: absolute;
    top:10px;
    left: 10px;
}

.dng_fpv_in {
    width: 352px;
    height: 240px;
    position: relative;
    overflow: hidden;
}

.dng_fpv_div {
    width: 352px;
    height: 240px;
    position:absolute;
}

.layer10 { z-index: 0; }
.layer9  { z-index: 1; }
.layer8  { z-index: 2; }
.layer7  { z-index: 3; }
.layer6  { z-index: 4; }
.layer5  { z-index: 5; }
.layer4  { z-index: 6; }
.layer3  { z-index: 7; }
.layer2  { z-index: 8; }
.layer1  { z-index: 9; }
.layer0  { z-index: 10; }

.DNGSEE-U-1 {
    top:2px;
    left:2px;
    z-index: 100;
}

.DNGSEE-U-2 {
    top:14px;
    left:14px;
    z-index: 100;
}

.DNGSEE-U-3 {
    top:2px;
    left:14px;
    z-index: 100;
}

.DNGSEE-U-4 {
    top:14px;
    left:2px;
    z-index: 100;
}

.DNGSEE-FRONT {
    transform: rotate(180deg);
}
.DNGSEE-BACK {
    transform: rotate(0deg);
}
.DNGSEE-LEFT {
    transform: rotate(90deg);
}
.DNGSEE-RIGHT {
    transform: rotate(-90deg);
}
.dng-btn {
    
}
.dng-btn:active {
    transition: 0.05s all linear;
    transform: scale(0.98);
    border-radius: 5px;
}

.crs_ln {
    
}
.crs_ln:hover {
    background-color: rgba(252,252,252,0.28);
    cursor: default;
    border-radius: 2px;
}

.shp_menu_a {
    text-align: left;
    font-weight: bolder;
    color: #003388;
    font-size: 9pt;
    cursor: pointer;
}
.shp_menu_a:hover {
    color:#0066FF;
    background-color: rgba(227,227,227,0.47);
}

.shp_menu_a_sel {
    text-align: left;
    font-weight: bolder;
    color: #003388;
    font-size: 9pt;
    cursor: pointer;
    background-color: #C7C7C7;
}
.shp_menu_a_sel:hover {
    color:#0066FF;
    background-color: #D3D3D3;
}

.eloc {
    background-repeat: no-repeat;
    background-size: cover;
}

.MoveLine {
    position: absolute;
    top:-3px;
    left:0px;
    background-image: url(/static/img/micro/wait2.gif);
}
.links_a {
    white-space: nowrap;
}
.links_a img { padding-right: 4px; padding-left: 3px; }
.links_a a {
    font-size: 7.5pt;
    color:#3b3936;
}
.links_a a:hover {
    color:#77736D;
}


.radio-btl {
	width:18px;
	height:18px;
	background-image:url("/static/img/misc/radio.gif");
}

.rm_btns_a {
    font-size: 7pt;
    color:#D8D8D8;
    padding-right: 12px;
}

.rm_btns_a_dis , .rm_btns_a_dis:hover {
    font-size: 7pt;
    color:#D8D8D8;
    padding-right: 12px;
    opacity: 0.5;
}

.rm_btns_a:hover {
    color:#fff;
}

.radio-off {
	background-position:0px;
}

.radio-on {
	background-position:18px;
}

.radio-pick {
	background-color:rgb(176,176,176);
}



.tur_a {
	color:#2e2e2e;	
	display:inline-block;
	padding-bottom:4px;
}

.tur_a:hover {
	color:#585858;	
}

.tur_a1 {
	color:#fff;	
	display:inline-block;
	padding-bottom:4px;
}

.tur_a1:hover {
	color:#e2e2e2;	
}

.bid_pr_prms {
	position:absolute;
	width:34px;
	height:22px;
	border:3px solid rgba(255,51,102,0.3);
	background-color:rgba(255,51,102,0.1);
	top:0px;
	left:0px;
	z-index:1;
}

.tur_itm_sel {
	background-color:rgba(0,0,0,0.05);
	display:inline-block;
	padding:1px;
}

.tur_itm_sel2 {
	-webkit-box-shadow: 0px 0px 10px 3px rgba(255, 0, 34, 0.75) inset;
	-moz-box-shadow: 0px 0px 10px 3px rgba(255, 0, 34, 0.75) inset;
	box-shadow: 0px 0px 10px 3px rgba(255, 0, 34, 0.75) inset;
	background-color: rgba(136,136,136,0.25);
}

.tur_itm_sel3 {
	-webkit-box-shadow: 0px 0px 10px 3px rgba(34, 255, 0, 0.75) inset;
	-moz-box-shadow: 0px 0px 10px 3px rgba(34, 255, 0, 0.75) inset;
	box-shadow: 0px 0px 10px 3px rgba(34, 255, 0, 0.75) inset;
	background-color: rgba(136,136,136,0.25);
}

.tur_itm_sel4 {
opacity:0.7;
}

.tur_itm_sel:hover {
	background-color:rgba(0,0,0,0.11);
}

.bid_pr_see_block {
	position:absolute;
	width:321px;
	border:1px solid rgba(0,0,0,0.85);
	background-color:rgba(0,0,0,0.55);
	border-radius:2px;
	bottom:25px;
	left:0px;
	z-index:2;
	padding:5px;
	overflow:hidden;
}

.bid_pr_pref {
	padding:1px;
	cursor:pointer;
	opacity:1;
}

.bid_pr_pref:hover {
	cursor:pointer;
	opacity:0.55;
	background-color:red;
}

.zv_rz1 {
	background-color:#99CCCC;
	padding:2px;
	font-weight: bolder;
	color:#003388;
}

.zv_rzs {
	
}

.zv_rzs:hover {
	/*background-color:#BBDDDD;*/
	color:#0066FF;
}

.zv_rz_sel {
	background-color: #BBDDDD;
	color: #003388;
	/*font-weight: lighter;*/
}

.zv_fld {
	border:1px solid #333;
	border-radius:3px;
	display:inline-block;
}

.hpmpblock .hpval {
	height:9px;
	font-size:10px;
	display:inline-block;
	margin-left:5px;
}

.hpmpblock .hpline {
	width:120px;
	height:9px;
	background-color:#333;
	display:inline-block;
	vertical-align:middle;
	margin-left:5px;
}

.inv-zna { background-color: #a5a5a5; }
.inv-zn {
    cursor: pointer;
    color:#003388;
    font-weight: bolder;
}

.inv-zn:hover {
    color:#0066ff;
}

#online_list_room {
    display: block;
    padding: 5px 7px;
    color:#8f0000;
}

.skills_menu1 {
	color:#033395;
	font-weight:bold;
	border-left:1px solid #dddddd;
}
.skills_menu1:hover {
	background-color:#bfbfbf;
	cursor:pointer;
	color:#033395;
}
.skills_menu1_sel {
	background-color:#a5b0c5;
}
.skills_menu1_sel:hover {
	background-color:#a5b0c5;
}

.skills_pm_no {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  opacity: 0.3;
}

.skills_priem {
	padding-right:2px;
}

.shiny-effect {
    position: relative; /* Для позиционирования псевдоэлемента */
    color: #fff; /* Цвет текста */
    overflow: hidden; /* Скрытие переполнения */
    display: inline-block;
    vertical-align: middle;
}

.shiny-effect::after {
    content: '';
    position: absolute;
    top: -100%; /* Начальная позиция */
    left: -200%; /* Начальная позиция */
    width: 400%; /* Ширина эффекта */
    height: 100%; /* Высота эффекта */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2));
    transform: rotateZ(60deg) translate(-5em, 7.5em); /* Начальное положение эффекта */
    animation: sheen 5s infinite; /* Анимация */
}

@keyframes sheen {
    0% {
        transform: rotateZ(60deg) translate(-10em, 7.5em); /* Начальное положение */
        opacity: 1;
    }
    100% {
        transform: rotateZ(60deg) translate(10em, -15.5em); /* Конечное положение */
        opacity: 0;
    }
}

.ch-opc1 {
    border-radius: 5px;
}
.ch-opc1:hover {
    opacity: 0.8;
    outline: 1px solid #747474;
}

.ch-news {
    vertical-align: bottom;
    font-family: Courier;
    font-size: 8pt;
    text-decoration: none;
    font-weight: normal;
    color: #020404;
    background-color: #d7cece; /* d7cece c79fd1 */
    padding-left: 3px;
    padding-right: 3px;
    padding-top:2px;
    padding-bottom:2px;
    border-radius: 3px;
}

.ch-reward {
    vertical-align: bottom;
    font-family: Courier;
    font-size: 8pt;
    text-decoration: none;
    font-weight: normal;
    color: #294A42;
    background-color: #afefdf;
    padding-left: 3px;
    padding-right: 3px;
}

.ch-rews {
    vertical-align: bottom;
    font-family: Courier;
    font-size: 8pt;
    text-decoration: none;
    font-weight: normal;
    color: #bf2929;
    background-color: #f2f0f0;
    padding: 5px 15px;
}

.ch-noob {
    vertical-align: bottom;
    font-family: Courier;
    font-size: 8pt;
    text-decoration: none;
    font-weight: normal;
    color: #00ffaa;
    background-color: #009b3c;
    padding-left: 3px;
    padding-right: 3px;
    border-radius: 15px;
}

.ch-badip {
    vertical-align: bottom;
    font-family: Courier;
    font-size: 8pt;
    text-decoration: none;
    font-weight: normal;
    color: #fffdde;
    background-color: #b38956;
    padding-left: 3px;
    padding-right: 3px;
    border-radius: 15px;
}

.ch-spam {
    vertical-align: bottom;
    font-family: Courier;
    font-size: 8pt;
    text-decoration: none;
    font-weight: normal;
    color: #ffdede;
    background-color: #d60000;
    padding-left: 3px;
    padding-right: 3px;
}

.ch-msg img {
    vertical-align: bottom;
}

.ch-msg .vam {
    vertical-align: middle;
}

.ch-w {
    /*color:red;*/
    color:rgba(255,0,0,1.00);
}

.ch-msg-text {
    word-break: break-all;
}

#hover-menu {
    background-color: #d2d0d0;
    border-color: #ffffff #626060 #626060 #ffffff;
    border-style: solid;
    border-width: 1px;
    position: absolute;
    font-size: 9px;
    z-index: 100;
}

.drop-box-target.ch-login {
    color: #fff;
}

#hover-menu a {
    border: 0px solid #000000;
    color: #003388;
    display: block;
    font-family: MS Sans Serif, Arial, Tahoma,sans-serif;
    font-size: 8pt;
    font-weight: bold;
    padding: 2px 12px 2px 8px;
    text-decoration: none;
    cursor:pointer;
}

#hover-menu a:hover,
#hover-menu a.hover {
    background-color: #a2a2a2;
    color: #0066FF;
}

#hover-menu a.ignor_is_true {
    background-color: #daaaaa;
    color:#B80707;
}

#hover-menu a:hover.ignor_is_true {
    background-color: #b38585;
    color:#D50000;
}

.ch-msg {
    padding-left:2px;
}

.ch-msg-noread {
	background-color: rgba(0,0,0,0.05);
	transition: 0.3s all linear;
}

.ch-msg-read {
	background-color: transparent;
	transition: 0.3s all linear;
}

.ch-p {
    font-weight:bold;
    color: #FF0000;
    background-color: #FAE0E0;
}

.ch-p .user-login-move {
    color:#ff0000;
}

.ch-p .user-login-move:hover {
    color:#FF4343;
}

.ch-pr-u {
    cursor: pointer;
}

.ch-pr-u:hover , .ch-p.ch-pr-u:hover {
    opacity: 0.5;
}

.pr {
    position: relative;
}

.ch-news-text {
    color: #D7133A;
}

.ch-news-text a {
    color: #D7133A;
    text-decoration: underline;
}

.ch-news-text a:hover {
    color: #EB1F48;
}


.i-inf {
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    border: 0;
}

.i-inf2 {
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: baseline !important;
    border: 0;
}

.teeth-a a {
    color:#333333;
    opacity: 0.7;
}
.teeth-a a:hover {
    color:#676767;
}
.teeth-a img {
    filter: grayscale(1);
}

.ch_o_list {
    padding-left: 10px;
    white-space: nowrap;
}

.ch_o_list a {
    color:#003388;
}

.ui-user-move {
    z-index: 1000;
}

.drop-box-target {
    color:#E6F2FC;
    background-color: rgba(212,208,200,0.91);
    background: linear-gradient(180deg, rgba(138,196,246,1) 0%, rgba(80,143,193,1) 23%, rgba(117,177,227,1) 96%, rgba(66,131,180,1) 100%);
    border-radius: 3px;
    padding: 0px 7px;
    font-size: 8pt;
    border:1px solid #5492C8;
    font-family: verdana;
}

#drop-menu-box {
    position: absolute;
    bottom:60px;
    left:8px;
    width: calc(100vw - 34px);
    height: 60px;
    z-index: 3;
    text-align: center;
}

.drop-menu-box-in {
    display: inline-block;
    width: 60px;
    height: 60px;
    margin: 0 5px;
    border-radius: 50px;
    border:5px solid #222;
    background-color: rgba(236,236,236,0.84);
    transition: 0.3s transform;
    position: relative;
}

.drop-menu-box-in span {
    position: absolute;
    top:-35px;
    width:100px;
    left:-30px;
    font-size: 7pt;
    text-align: center;
    background-color: #222;
    color:#F4F4F4;
    border-radius: 3px;
    display:none;
    white-space: nowrap;
    padding: 2px 5px;
}

.drop-menu-box-in.ui-droppable-hover {
    border:color:red;
    transform: scale(1.15);
}

.drop-menu-box-in.ui-droppable-hover span {
    display: inline-block;
}

.ui-droppable-hover {
    background-color: aquamarine;
}

.ch_o_list a:hover {
    color:#0066FF;
    text-decoration: none;
}

.chat-panel-smiles {
    position: absolute;
    bottom: 4px;
    right: 16px;
    height: 340px;
    width: 366px;
    background-color: rgba(235,232,232,1.00);
    border: solid 1px rgba(210,203,203,1.00);
    border-radius: 2px;
    z-index: 10000;
}

.smiles-standart , .smiles-buy {
    height: 300px;
    width: 366px;
    overflow: auto;
}

.smiles-menu {
    padding: 10px;
    border-top:1px solid #D0D0D4;
    cursor: move;
}

.sm-sel {
    cursor: pointer;
    transition: background-color 0.2s;
    padding: 2px;
    margin: 1px;
    border-radius: 2px;
    display: inline-block;
}

.sm-sel:hover {
    background-color: #f2f0f0;
    border: 1px solid #d8d9dd;
    margin: 0px;
}

.chdelr {
	padding: 0 3px;
}
.chdelr:hover {
	background-color:rgba(255,178,178,1.00);
	border-radius: 3px;
}

.clock-main-div {
    width: 80px;
    height: 30px;
    overflow: hidden;
}

.clock-main-div svg {
    display: inline-block;
    width: 240px;
    height:30px;
}

.pch-block {
    width: 30px;
    height: 30px;
    display: inline-block;
    padding: 0;
    margin: 0;
    border: 0;
}

.pch-multi {
    width: 30px;
    height: 30px;
    display: inline-block;
    padding: 0;
    margin: 0;
    border: 0;
}

.pch-multi {
    transition: 0.1s scale,opacity linear;
}

.pch-multi img {
    transition: 0.3s all linear;
}

.pch-btn {
    width: 30px;
    height: 30px;
    display: inline-block;
    padding: 0;
    margin: 0;
    border: 0;
}

.pch-btn {
    transition: 0.1s all linear;
}

.pch-btn img {
    transition: 0.3s all linear;
}

.pch-btn:active {
    transform: scale(0.9);
}

.pch-btn:active img {
    opacity:0;
}

.pchat-msg {
    height: 16px;
    /*width: auto;*/
    border:1px solid #B0B0B0;
    border-radius: 3px;
    width: 99.33%;
}

.pchat-msg:active, .pchat-msg:hover, .pchat-msg:focus {
    outline: 0;
    outline-offset: 0;
}

#timers {
    border-right: 1px solid #979797;
}

.timers_body {
    display: inline-block;
    margin-right: 10px;
    font-weight: bolder;
}

.timers_icon {
    display: inline-block;
    background-image: url( /static/img/tur/turnir_timer.png );
    background-repeat: no-repeat;
}

.game-menu {
    line-height: 12px;
    font-size: 10px;
}

.game-menu-top-box {
    width: auto;
    display: inline-block;
    text-align: right;
    background-image: url(/static/img/des/city/15.gif);
    height: 14px;
}

.game-menu-top-box a {
    display: inline-block;
    padding: 0 15px;
    margin: 0;
    color:#F0F0F0;
    text-decoration: none;
    font-weight: bold;
    line-height: 15px;
}

.game-menu-top-box a:hover {
    color:#fff;
}

.gm-top-m {
    display: inline-block;
    text-align: center;
}

.gm-top-m a {
    color:#292725;
    text-decoration: none;
    font-weight: bolder;
    padding: 0 3px;
}

.gm-top-m a:hover {
    color:#7A7770;
}

.game-menu-top-box .brdrn {
    border-right: 1px solid #979797;
}

.game-menu-top-box .gmtb-selected {
    background-color: #404040;
}

.chln {
    white-space: nowrap;
}

.chln-pre {
    white-space: pre-line;
}

.chat-block {
    height: 100%;
    width: 100%;
    overflow: auto;
}

.chat-canal {
    margin-top: 24px; /* 18px */
}

.chat-panel-menu {
    height: 21px;
    width: auto;
    position: absolute;
    z-index: 1;
    right: 12px;
    top: 2px;
    text-align: right;
}

.chat-panel-menu canvas {
    height: 21px;
}

#main {
    width: 100%;
    height: 100%;
    overflow: auto;
}

#reline-h {
    width: 100%;
    height: 2px;
    z-index: 4;
    position: absolute;
    padding: 4px 0;
    left:0px;
    top:-3px;
    cursor: ns-resize;
}

#reline-h linehv {
    background-color: #A0A0A0;
    width:100%;
    height: 2px;
    display: block;
    opacity: 0;
}

#reline-v {
    width: 2px;
    height: 100%;
    z-index: 3;
    position: absolute;
    padding: 0 4px;
    left:-3px;
    top:1px;
    cursor: ew-resize;
}

#reline-v linehv {
    background-color: #A0A0A0;
    width:2px;
    height: 100%;
    display: block;
    opacity: 0;
}

.resizeline-h {
    width: 100%;
    height: 2px;
    background-color: #A0A0A0;
    border-style: solid;
    border-color: #C0C0C0 #808080 #808080 #C0C0C0;
    border-width: 1px 0px 1px 0px;
    position: absolute;
    z-index: 2;
    left:0px;
    top:0px;
}

.resizeline-v {
    width: 2px;
    height: 100%;
    background-color: #A0A0A0;
    border-style: solid;
    border-color: #C0C0C0 #808080 #808080 #C0C0C0;
    border-width: 0px 1px 0px 1px;
    position: absolute;
    z-index: 1;
    left:0px;
    top:0px;
}

TD.SPACE {
	padding: 0px 2px 1px 2px;
	border-left:	2px solid #909090;
}
TD.SPACE2 {
	border-left:	2px solid #909090;
	border-top:	2px solid #909090;
	width:	50%;
}
TD.SPACE3 {
	border-left:	2px solid #909090;
	border-top:	2px solid #909090;
	width:	50%;
	border-bottom:	2px solid #909090;
}

.border-line-bottom {
    background-image: url("../img/des/buttons/border-line-bottom.png");
}

.border-line-left {
    background-image: url("../img/des/buttons/border-line-left.gif");
}

.border-line-right {
    background-image: url("../img/des/buttons/border-line-right.gif");
}

.panel-chat {
    background-image: url("../img/des/buttons/panel-chat-bg.gif");
}

.vam { vertical-align:middle; }