@import url('/cdn/design/nick_glow.css');

html, body { height:100%; width: 100%; margin: 0px; padding: 0px; }
iframe{ border: 0 none; padding: 0; margin: 0; display:block; }

.bbg { background: url('/img/image/gameplay/labyrinth/bbg.gif') repeat-x; }

#Loading { z-index: 1; position: absolute; left: 0px; top: 0px; background: url(/ch/chbg.jpg) repeat-x; background-color: #FFFFFF; height:100%; width: 100%; }
#barBgPlace { z-index: 2; position: relative; width: 210px; height: 70px;  }
#textPlace { position: absolute; z-index: 3; width: 165px; height: 30px; text-align: center; left: 22px; top: 20px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; color: #4d4d4d; }
#barPlace { position: absolute; z-index: 4; width: 160px; bottom: 10px; left: 25px; }

.bg-fixed,.bg-abs,.bg-dragons{width:100%;height:100%;min-height:100%;top:0px;left:0;background-attachment:fixed;background-repeat: no-repeat;}
.bg-fixed{position:fixed;z-index:-1;}
.bg-dragons{background: black url("/img/image/bg-dragons.jpg");background-position:center 0px;}

.img_progress {
    opacity: 0.3;
}
.img_progress2 {
    opacity: 1;
}
.Frame120x120_b {
background:url(/img/Frame120x120_b.png);
width:120px; 
height:120px;
border-radius:10px;
}
.Frame120x120_f {
background:url(/img/Frame120x120_f.png);
width:120px; 
height:120px;
border-radius:10px;
}
.Frame80x80 { 
background:url(/img/Frame80x80.png);
width:80px; 
height:80px;
border-radius:10px;
}
.Frame40x40 {
background-image: url(/img/Frame40x40.png); 
width:40px; 
height:40px;
border-radius:10px;
}

.invis{
display:none;
}
A
{
 	COLOR: #336699;
	text-decoration : none;
	cursor: pointer;
}
FORM { margin: 0; padding: 0; }
FIELDSET {
	border: solid 1px gray;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	padding: 6px 6px;
	margin: 1px 0px;
}
FIELDSET#base{
	border: solid 1px gray;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
.fieldstat{
	border: solid 1px #ccc; -moz-border-radius: 5px; width: 57px;  vertical-align: middle; -webkit-border-radius: 5px;	border-radius: 5px; padding: 0px 3px; margin: 5px 5px;
}
.tbg {
    background: url(/img/image/tbg.gif) repeat-x top;
}
.ffbg {
    background: url(/img/image/ffbg.gif) repeat-x top;
}
.forBg1Inner {
    background: url(/img/image/for_bg1_inner.gif) repeat-y top;
}
.forBg2Inner {
    background: url(/img/image/for_bg2_inner.gif) repeat-y top;
}

LEGEND#base{
	color: #BABABA;
	font-size: 12px;
}
LEGEND {
	color: #BABABA;
	font-size: 12px;
	padding: .5em;
	border: solid 1px gray;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
a.reglink{
font-family :  Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
	font-size : 11px;
	text-decoration : none;
	color : #41341E;
}
a.reglink:hover{
font-family :  Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
	font-size : 11px;
	text-decoration : underline;
	color : #41341E;
}
.forumt{
font-family : Tahoma, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
	text-decoration : underline;
	color : #333333;
	font-size : 13px;
	FONT-WEIGHT: bold
}
.ftit{
font-family : Tahoma, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
	text-decoration : none;
	color : #696969;
	font-size : 15px;
	FONT-WEIGHT: bold
}
.ftxt{
font-family : Tahoma, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
	text-decoration : none;
	color : #333333;
	font-size : 11px
}
.forumwe{
font-family : Tahoma, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
	text-decoration : none;
	color : #333333;
	font-size : 13px;
	FONT-WEIGHT: bold
}
.forumne{
font-family : Tahoma, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
	text-decoration : none;
	color : #333333;
	font-size : 12px
}
.fsm{
font-family : Tahoma, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
	text-decoration : none;
	color : #222222;
	font-size : 11px;
}
.suppo{
font-family : Tahoma, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
	text-decoration : none;
	color : #888888;
	font-size : 11px;
}
.anonstxt{
font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
	text-decoration : none;
	color : #333333;
	font-size : 11px;
}
.copy{
font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
	text-decoration : none;
	color : #F8F3D7;
	font-size : 11px;
}
.anonstitle{
font-family : Arial,Verdana,Tahoma,Arial,Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
	text-decoration : underline;
	color : #333366;
	font-size : 16px;
	FONT-WEIGHT: bold
}
.guestb{
font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
	font-size : 11px;
	text-decoration : none;
	color : #222222;
}
.placename{
font-family : Tahoma, Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
	font-size : 12px;
	text-decoration : none;
	color : #222222;
}
.travma{
font-family : Tahoma, Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
	font-size : 14px;
	text-decoration : none;
	color : #222222;
}
.inv{
font-family : Tahoma, Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
	font-size : 12px;
	text-decoration : none;
	color : #716E44;
}
.invtitle{
font-family : Tahoma, Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
	font-size : 11px;
	text-decoration : none;
	color : #f5f5f5;
	FONT-WEIGHT: bold
}
.nickname{
font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
	font-size : 14px;
	text-decoration : none;
	color : #222222;
}
.nickname2{
font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
	font-size : 11px;
	text-decoration : none;
	color : #222222;
}
.zaya{
font-family : Tahoma, Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
	font-size : 12px;
	text-decoration : none;
	color : #336699;
}
.freemain{
font-family : Tahoma, Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
	font-size : 14px;
	text-decoration : none;
	color : #222222;
}
.gr_f{
	color : #0052A6;
}
.gr_s{
	color : #087C20;
}
.logintext{
font-family : Verdana, Tahoma,  Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
	font-size : 11px;
	text-decoration : none;
	color : #336699;
	FONT-WEIGHT: bold
}
.freetxt{
font-family : Verdana, Tahoma,  Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
	font-size : 10px;
	text-decoration : none;
	color : #222222;
}

.hpfont{
font-family :  Verdana,Arial,Tahoma, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
	font-size : 11px;
	text-decoration : none;
	color : #003366;
}

.chattext{
font-family : Verdana, Helvetica, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
	font-size : 13px;
	text-decoration : none;
	color : #222222;
}
.chattime{
font-family : Tahoma, Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
	font-size : 11px;
	text-decoration : none;
	color : #003366;
}

.yochattime{
font-family : Tahoma, Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
	font-size : 11px;
	text-decoration : none;
	color : #ffffff;
	background-color:#6699bb;
}

.prchattime{
font-family : Tahoma, Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
	font-size : 11px;
	text-decoration : none;
	color : #ffffff;
	background-color:#D16F67;
}
.clchattime{
font-family : Tahoma, Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
	font-size : 11px;
	text-decoration : none;
	color : #ffffff;
	background-color:#4d59a1;
}

.massm{
font-family : Tahoma, Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
	font-size : 11px;
	text-decoration : none;
	color : #ffffff;
	background-color:#EF6B00;
}

.ddbuy {
	BACKGROUND: #ffd6d6; BORDER-BOTTOM: #ee6b6b 1px solid; BORDER-LEFT: #fcb6b6 1px solid; BORDER-RIGHT: #ee6b6b 1px solid; BORDER-TOP: #fcb6b6 1px solid; COLOR: #222222; CURSOR: hand; FONT: 10px Verdana,Tahoma;  WIDTH: 120px; MARGIN-BOTTOM: 3px
}

.submitclass {
	WIDTH: 20px;
}

.nbut1
{
       BACKGROUND: #D16F67;
       BORDER-BOTTOM: 0px solid;
       BORDER-LEFT: 0px solid;
       BORDER-RIGHT: 0px solid;
       BORDER-TOP: 0px solid;
       COLOR: #FFFFFF;
       FONT: 11px Verdana,Tahoma;
       FONT-WEIGHT: bold;
       WIDTH: 80px;
       CURSOR: hand;
}

.cath
{
       CURSOR: hand;
}

#offspace {
	PADDING-LEFT: 18px
}
#shortblock {
	PADDING-LEFT: 5px;
	PADDING-RIGHT: 5px
}
.loginupform{
font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
	font-size : 11px;
	text-decoration : none;
	color : #41341E;
}
.loginupformsec{
font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
	font-size : 11px;
	text-decoration : none;
	color : #ffffff;
}
.poll{
font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
	font-size : 11px;
	text-decoration : none;
	color : #003366;
}
.kalendar{
font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
	font-size : 12px;
	text-decoration : none;
	color : #333333;
}
.anonssmall{
font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
	font-size : 11px;
	text-decoration : underline;
	color : #336699;
}
.dateclass{
font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
	font-size : 11px;
	text-decoration : none;
	color : #666666;
}
.subclass{
font-family : Tahoma, Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
	font-size : 10px;
	text-decoration : none;
	color : #444444;
}
.title{
font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
	font-size : 12px;
	text-decoration : none;
	color : #003366;
	text-decoration: underline;
}
.redtitle{
font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
	font-size : 10px;
	text-decoration : none;
	color : #990000;
}
.uptxt{
font-family : Tahoma, Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
	font-size : 10px;
	text-decoration : none;
	color : #ffffff;
}
.redtitle_big{
font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
	font-size : 12px;
	text-decoration : none;
	color : #003366;
}
.daystitle_big{
font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
	font-size : 12px;
	text-decoration : none;
	color : #003366;
	background-color:#fafafa;
}
.redtitle_st{
font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
	font-size : 12px;
	text-decoration : none;
	color : #d60000;
}
.pathbar{
font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
	font-size : 10px;
	text-decoration : none;
	color : #333333;
}
.text{
font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
	font-size : 11px;
	text-decoration : none;
	color : #333333;
}
.menutxt{
font-family : Arial, Tahoma, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
	font-size : 12px;
	text-decoration : underline;
	color : #000000;
}
.menutxttit{
font-family : Arial, Tahoma, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
	font-size : 12px;
	text-decoration : none;
	color : #000000;
}
.pathbarmain{
font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
	font-size : 10px;
	text-decoration : none;
	color : #003366;
}
.submenu{
font-family : Tahoma, Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
	font-size : 10px;
	text-decoration : none;
	color : #003366;
}

.usermenu {
  background-color: #FCFAF3; border-color: #B9A05C #A9904C #A9904C #B9A05C; border-style: solid; border-width: 1px; position: absolute; left: 0px; top: 0px; visibility: hidden;
}

a.usermenulink {
  font-family: Tahoma, Arial, Verdana; font-size: 11px; font-weight: bold; color: #222222; border: 0px solid #000000; padding: 2px 12px 2px 12px; display: block; text-decoration: none;
}

a.usermenulink:hover {
  background-color: #F3ECD7; color: #336699;
}
.hbutton {
	font-size: 11px;
	background-image: url(/img/image/tab/but.gif);
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	cursor: hand;
	background-color: #CCCCCC;
	font-family: Arial;
	font-weight: bold;
	color: #000000;
}
#darker {
	width:100%;
	height:100%;
	position:absolute;
	background:url('/img/image/tools/index/dark.png') repeat;
}
#zakon {
	width:100%;
	height:100%;
	position:absolute;
	background:url('/img/image/tools/index/dark.png') repeat;
}
#lavka {
	width:100%;
	height:100%;
	position:absolute;
	background:url('/img/image/tools/index/dark.png') repeat;
}
#master {
	width:100%;
	height:100%;
	position:absolute;
	background:url('/img/image/tools/index/dark.png') repeat;
}
#arena {
	width:100%;
	height:100%;
	position:absolute;
	background:url('/img/image/tools/index/dark.png') repeat;
}
#CityOut {
	width:100%;
	height:100%;
	position:absolute;
	background:url('/img/image/tools/index/dark.png') repeat;
}
#tooltip{background:#fff;border:1px solid #999;color:#333;font: 12px Tahoma;margin:0px;padding:3px 5px;position:absolute;visibility:hidden;z-index:9999999;}
#leftCounter { position: absolute; left: 3px; bottom: 3px; z-index: 8; }
#rightCounter { position: absolute; right: 3px; bottom: 3px; z-index: 8; }

#liw_table{position:relative;width:310px;}
#liw_table_top{width:310px;height:54px;overflow:hidden;background:url(/img/image/NewDesign/LiW_Info-header.png);}
#liw_table_title{color:#CCC;font-weight:bold;position:absolute;text-align:center;width:100%;left:0px;top:19px;}
#liw_table_content{color:#666;width:240px;overflow:hidden;background:url(/img/image/NewDesign/LiW_Info-bg.png) repeat-y;padding:0 35px 0 35px;}
#liw_table_bottom{width:310px;height:30px;overflow:hidden;background:url(/img/image/NewDesign/LiW_Info-bottom.png);}
.underline{height:1px; background: url(/img/image/pinfo/underline.png) no-repeat center;}

.left_counter{width:31px; height:31px;position:absolute; left:5px;bottom:5px;}
.right_counter{width:31px; height:31px;position:absolute; right:5px;bottom:5px;}
body{
	background-image: url(/ch/chbg.jpg);
	background-repeat: repeat-x;
	scrollbar-3d-light-color: blue;
	scrollbar-arrow-color: blue;
	scrollbar-base-color: #999999;
	scrollbar-dark-shadow-color: white;
	scrollbar-face-color: #f5f5f5;
	scrollbar-highlight-color: #999999;
	scrollbar-shadow-color: #999999;
	scrollbar-track-color: white;
	background-attachment: fixed;
	margin:0; height:auto!important; min-height:100%; height: 100%; position:absolute; width:auto!important; min-width:100%; width:100%;
}
.ContentPopup{
position: absolute;
}
#footer{
	min-width:1004px;
	width:100%;
	height:60px;
	position:absolute;
	margin:0;left:0; bottom:0;
	background:
	url(/image/forum/design/b1.png) no-repeat left bottom,
	url(/image/forum/design/b1.gif) no-repeat left bottom;
}
*html #footer{width:expression(document.body.clientWidth < 1005 ? "1004px" : "100%" ); }
#footer div{color:#9e9e9e; padding-top:18px; height:42px;
background: 
	url(/image/forum/design/b2.png) no-repeat right bottom,
	url(/image/forum/design/b2.gif) no-repeat right bottom;
;
 text-align:center; font:11px Verdana; line-height:20px;}
#footer div a{color:#9e9e9e;}

input[type=text], input[type=password], textarea, select {
	color: #000;
	border-radius: 3px;
	border:0;
	background: #ccc;
	padding: 5px 10px;
	margin:1px;
	border:1px solid transparent;
}
select {
	font: normal 11px Tahoma !important;
	text-align: left !important;
}

input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus {
	background:#eee;
	border-color:#ccc;
	outline:none;
}

input[type=button], input[type=submit], button {
    BACKGROUND: #ecebeb;
    BORDER-BOTTOM: #DECFA6 1px solid;
     BORDER-LEFT: #DECFA6 1px solid; 
    BORDER-RIGHT: #DECFA6 1px solid;
     BORDER-TOP: #DECFA6 1px solid; 
    COLOR: #557fa9;
    cursor: pointer;
    FONT: 11px Tahoma,Verdana,Helvetica;
   /*  FONT-WEIGHT: bold; */
}

button {padding:5px 10px 4px 10px}

input[type=button]:hover, input[type=submit]:hover, button:hover {
	background:#444;
}

input[type=button]:disabled, input[type=submit]:disabled {
	background: #555;
}

.nav {width:100%;text-align:center}
.nav a {display:inline-block;color:#fff;background:rgba(0,0,0,0.2);padding:5px 10px;font-size:15px;margin:5px 3px;border-radius:3px}
.nav a:hover {background:rgba(0,0,0,0.4)}

.abil {clear:both;height:140px;margin-bottom:5px;}
.abil>div {width:25%;box-sizing:border-box;padding:5px;float:left;text-align:center}
.abil a {width:100%;height:45px;padding:5px;box-sizing:border-box;border-radius:3px;display:block;font-size:12px;background:rgba(0,0,0,0.4);color:#fff;line-height:35px;}
.abil span {text-overflow:ellipsis;white-space:nowrap;overflow: hidden;display:block}
.abil a:hover {background:rgba(0,0,0,0.6)}
.abil img {float:left;margin-right:5px}

.SGW {
    position: relative;
    padding: 10px 0 0;
    margin: 0 auto;
    width: 300px;
    height: 27px;
    z-index: 3;
}
.color_111 {
    color: #111;
}
.color_fff {
    color: #fff;
}
.bold {
    font-weight: 700;
}
.fontSize_11px {
    font-size: 11px;
}
.fontSize_10px {
    font-size: 10px;
}
.Tahoma {
    font-family: Tahoma,Geneva,sans-serif;
}

.MyName {
    display: block;
    width: 320px;
    margin: 0 auto;
}

/* Логин в шапке (панель HP/мана) — компактный, как в чате (12px), без наследуемого 18px из stl.css */
#header .TopBar .LEM .MyName .nickname {
    font-size: 12px;
    height: auto;
    line-height: normal;
    vertical-align: middle;
    padding: 0 2px;
}

.Silver {
    background: url(/cdn/design/SilverIcon.png) no-repeat;
    margin-right: 10px;
}
.Gold {
    background: url(/cdn/design/GoldIcon.png) no-repeat;
    margin-right: 10px;
}
.Rubies {
    background: url(/cdn/design/RubiesIcon.png) no-repeat;
}
.Gold, .Silver, .Rubies {
    display: inline-block;
    padding-left: 22px;
    line-height: 18px;
    height: 22px;
}

div.Energy, div.Health, div.Mana, span.Silver, span.Rubies {
    cursor: default;
}
span.Gold {
    cursor: pointer;
}
.compl-row {
  display: flex;
  justify-content: space-between; /* текст слева, кнопки справа */
  align-items: center;
  margin-bottom: 5px;
}

.compl-actions {
  display: flex;
  gap: 5px; /* расстояние между кнопками */
}