a{text-decoration: none;}
a:link {color: #E2F4D9;}
a:visited{color:#E2F4D9;}
a:hover{
	color:#c0ffc0; 
	text-decoration: underline;
	position: relative;

}
b{font-weight: bold;}
small{font-size: 11px;}
form {margin: 0;}

.logo{
	background: url(img/logo_bg.gif) repeat-x  #4f4f4f; 
	border-bottom: 3px solid #875a29;
}

.menu {
	margin: 1px;
	background:url(img/head.gif);
	font-size: 12px;
	color:#000000;
	text-shadow:none;
	font-weight:bold;
	padding: 1px 2px 3px 5px;
}

.menu a {
color: #e5b074;
left: 2px;
}

.menu img {
margin-bottom: -3px;
}

.enter_in {
	background: url(img/enter_in_grey.gif) repeat-x top left #4C4A4C;
	font-weight: bold;
    padding: 4px;
	margin-top: 2px;
	border-bottom: 1px dotted #aaaaaa;
}

.enter {
	background: url(img/enter_grey.gif) repeat-x bottom #3C3E3C;
	padding: 3px;
}

.enter a {
color: #cca77e;
margin-left: 1px;
}

.header_mes {
	margin: 0px;
	background: rgba(64, 64, 64, 0.5);
	font-size: 12px;
	margin: 1px;
	padding: 3px 2px 3px 5px;
}
.contur {
	margin: 3px;
	padding: 3px;
	border: 1px solid #4040404D;
	background-color: #0000001A;
}
.contur_mes {
	margin: 2px;
	border: 1px solid #7BCCD2;
	background: rgba(0, 0, 0, 0.7);
}

.do_button{
	color:#FFFFFF;
	background: rgba(0, 0, 0, 0.5);
	font-size: 12px;
	border: 1px solid #E2F4D9;
	width:100px;
}
.checkbox{
	color:#FFFFFF;
	background: rgba(0, 0, 0, 0.5);
	font-size: 12px;
	border: 1px solid #E2F4D9;
}
.button{
	background: #008a00; /* Old browsers */
	background: -moz-linear-gradient(top,  #a4dba4 0%, #83c783 17%, #52b152 33%, #008a00 67%, #005700 83%, #002400 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a4dba4), color-stop(17%,#83c783), color-stop(33%,#52b152), color-stop(67%,#008a00), color-stop(83%,#005700), color-stop(100%,#002400)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #a4dba4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#002400 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #a4dba4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#002400 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #a4dba4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#002400 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #a4dba4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#002400 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4dba4', endColorstr='#002400',GradientType=0 ); /* IE6-9 */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:0px;
	display:inline-block;
	color:#ffffff;
	font-size: 11px;
	padding:3px 6px;
	text-decoration:none;
	text-shadow:1px 1px 0px #000000;
	cursor:pointer;
}

.news {
	background: #404040;
	padding: 2px;
	margin: 8px 2px 2px 2px;
	color: #FFFFFF;
	text-shadow: #52381b 1px 1px 1px;
}

.news_full {
	margin: 2px;
	border: 1px solid #404040;
	padding: 3px 2px 3px 5px;
}

.navigation {
	color:#b79165; 
	border:0px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.navigation a:link,
.navigation a:visited,
.navigation a:hover,
.navigation a:active {
	background-color:#555555;
	background: -moz-linear-gradient(top,  #888888 5%, #333333 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#888888), color-stop(100%,#333333)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #888888 5%,#333333 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #888888 5%,#333333 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #888888 5%,#333333 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #888888 5%,#333333 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888888', endColorstr='#333333',GradientType=0 ); /* IE6-9 */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:0px solid #333333;
	display:inline-block;
	color:#ffffff;
	padding:3px 5px;
	text-decoration:none;
	text-shadow:1px 1px 0px #000000;
}

.navigation a:hover {
	background-color: #008a00; /* Old browsers */
	background: -moz-linear-gradient(top,  #a4dba4 0%, #83c783 17%, #52b152 33%, #008a00 67%, #005700 83%, #002400 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a4dba4), color-stop(17%,#83c783), color-stop(33%,#52b152), color-stop(67%,#008a00), color-stop(83%,#005700), color-stop(100%,#002400)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #a4dba4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#002400 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #a4dba4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#002400 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #a4dba4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#002400 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #a4dba4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#002400 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4dba4', endColorstr='#002400',GradientType=0 ); /* IE6-9 */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:0px solid #000000;
	display:inline-block;
	color:#ffffff;
	padding:3px 5px;
	text-decoration:none;
	text-shadow:1px 1px 0px #000000;
}

.navigation span {
	text-decoration:none;
	color:#ff0;
	font-weight:bold;
	font-size:12px;
}

.chat {
background: rgba(0, 0, 0, 0.1);
padding-top: 2px;
padding-bottom: 2px;
border-bottom:1px dotted #404040;
}

.chat_txt {
padding-right: 5px;
padding-left: 5px;
padding-top: 2px;
padding-bottom: 2px;
font-weight: bold;
}

.help {
padding: 3px;
margin-top: 2px;
color:#E2F4D9
}

.help a, .error a {
color: #E2F4D9
}

.error {
background: #303030;
border: 1px solid #909090;
color: #ad8a61;
padding: 3px;
}

.cont {
/*background: #000000;*/
}

.za {
background: #000000;
border-bottom: 4px solid #404040;
padding-top:6px;
padding-bottom: 2px;
}

.zagolovok {
background: rgba(64, 64, 64, 0.5);
padding: 2px;
}

.foot {
padding: 6px;
text-align: center;
background: rgba(64, 64, 64, 0.5);
font-size: 12px;
padding: 3px 2px 3px 5px;
/*border: 1px solid #E2F4D9;*/
}

.foot a {
text-decoration: underline;
}

.foot img {
padding: 2px;
}
.svet {
	color:#FFFF00;
}
.white {
	color:#FFFFFF;
}
.violet {
	color:#FFFFFF;
	background-color:#330066;
}
.invcell {
	background: rgba(39, 40, 38, 0.5);
	border: 1px solid rgba(23, 24, 23, 0.3);
    border-radius: 10px 10px 10px 10px;
    color: white;
    margin-top: 5px;
    padding: 5px;
}
td {
	padding:1px;
}
.menu_div ul
{
	padding:0px;
	margin:0px;
	color:#FFF;
	list-style:none;
	text-indent:15px;
	background: rgba(51, 51, 51, 0.4);
}
.menu_div ul li
{
	background: rgba(51, 51, 51, 0.4);
	line-height:28px;
	border-bottom:1px solid #000;
}
.menu_div ul li a
{
	padding-top:1px;
	text-decoration:none;
	color:#FFF;
	display:block;
}
.menu_div ul li a:hover
{
	background: #3ea5ea80;
	text-shadow:none;
}
.menu_div ul li#active
{
	background: #3ea5ea80;
	text-shadow:none;
}
.btninv
{
	background-color:#555555;
	background: -moz-linear-gradient(top,  #888888 5%, #333333 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#888888), color-stop(100%,#333333)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #888888 5%,#333333 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #888888 5%,#333333 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #888888 5%,#333333 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #888888 5%,#333333 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888888', endColorstr='#333333',GradientType=0 ); /* IE6-9 */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	display:inline-block;
	color:#ffffff;
	padding:3px;
	text-decoration:none;
	text-shadow:1px 1px 0px #000000;
}

.table_modern {
	margin:0px;
	padding:0px;
	width:100%;
	border:1px solid #7f7f7f;
	max-width:800px;
}
.table_modern table {
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
}
.table_modern tr:nth-child(odd) {
	background-color: rgba(25, 25, 25, 0.5);
}
.table_modern tr:nth-child(even) {
	background-color: rgba(51, 51, 51, 0.5);
}
.table_modern td {
	vertical-align:middle;
	border:1px solid #7f7f7f;
	border-width:0px 1px 1px 0px;
	padding:4px;
	font-size:11px;
	font-family:Arial;
	font-weight:normal;
	color:#ffffff;
}
.table_modern tr:last-child td {
	border-width:0px 1px 0px 0px;
}
.table_modern tr td:last-child {
	border-width:0px 0px 1px 0px;
}
.table_modern tr:last-child td:last-child {
	border-width:0px 0px 0px 0px;
}
.table_modern tr:first-child td {
	background: #007f3f; /* Old browsers */
	background: -moz-linear-gradient(top,  #007f3f 5%, #003318 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#007f3f), color-stop(100%,#003318)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #007f3f 5%,#003318 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #007f3f 5%,#003318 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #007f3f 5%,#003318 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #007f3f 5%,#003318 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007f3f', endColorstr='#003318',GradientType=0 ); /* IE6-9 */
	border:0px solid #7f7f7f;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:13px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}
.table_modern tr:first-child:hover td {
	background: #007f3f; /* Old browsers */
	background: -moz-linear-gradient(top,  #007f3f 5%, #003318 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#007f3f), color-stop(100%,#003318)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #007f3f 5%,#003318 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #007f3f 5%,#003318 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #007f3f 5%,#003318 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #007f3f 5%,#003318 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007f3f', endColorstr='#003318',GradientType=0 ); /* IE6-9 */
}
.table_modern tr:first-child td:first-child {
	border-width:0px 0px 1px 0px;
}
.table_modern tr:first-child td:last-child {
	border-width:0px 0px 1px 1px;
}
.pbar {
	border-radius: 4px;
	background: #000;
	border: 1px solid #404040;
	overflow: hidden;
	width:220px;
	color:#000000;
}
.pbar div {
	background-image: url(images/progress.gif);
	border-right: 1px solid #404040;
}
.header {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-left: 3px;
    margin-top: -1px;
}

.status-item {
    display: flex;
    align-items: center;
    margin-right: 8px;

    img {
        margin-right: 2px;
    }
}

.level-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 10px;
    margin-right: 3px;
}

.progress-bar {
    width: 100%;
    height: 3px;
    background: #ffffff3d;
    border-radius: 2px;
    overflow: hidden;
    margin-top: 1px;
    position: relative;
}

.progress-fill {
    height: 100%;
    background: #4EC653;
    width: 0;
    transition: width 0.3s ease;
}

.hp-mp-circle {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 8px;
}

.circle-bar {
    width: 7px;
    height: 7px;
    background: #ffffff50;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
}

.circle-fill {
    position: absolute;
    bottom: 0;
    width: 100%;
    transition: height 0.3s ease;
}

.hp-fill {
    background: #bd2d15;
}

.mp-fill {
    background: #496291;
}