body, a, p, div, li, ul, td, th {
 	font-family: tahoma;
	font-size: 11px;
	color: black;
}
body { background: #EBEDEC; margin:10px; }

input,select,textarea {
 	font-family: tahoma;
	font-size: 11px;
}


a:hover {
	color: #24707C;
}

.h1 {
 	font-family: tahoma;
	font-size: 12px;
	font-weight: bold;
	color: black;
}


.h2 {
 	font-family: tahoma;
	font-size: 10px;
	font-weight: bold;
	color: #2A726E;
	background-color: white;
        text-transform: uppercase;
	padding: 4px;
}

A {
	COLOR: #4b5771
}

.mt {
	FONT-SIZE: 9px; COLOR: black; FONT-FAMILY: tahoma
}

.t1 TD {
	BACKGROUND-COLOR: #eaecec
}

.t2 {
	BACKGROUND-COLOR: white! important
}

.t3 {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #24707c; FONT-FAMILY: tahoma; BACKGROUND-COLOR: white! important
}

.t4 {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #24707c; FONT-FAMILY: tahoma; BACKGROUND-COLOR: white! important
}

.t34 {font-weight: bold; font-size: 14px; color: #24707c; font-family: tahoma;}

.team1 {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #24707c; FONT-FAMILY: tahoma;
}

.team2 {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #9A1D1D; FONT-FAMILY: tahoma;
}

.hit {
	COLOR: #555555
}

.krit {
	COLOR: #f03333
}

.htime {
	FONT-SIZE: 9px; COLOR: #555555
}

.gr {
	COLOR: #24707c
}
.grb {
	COLOR: #24707c;	FONT-WEIGHT: bold;
}
.gr2 {
	FONT-SIZE: 14px; COLOR: #24707c
}

.rd {
	COLOR: #f03333
}

.rd2 {
	COLOR: #9A1D1D
}

.bl {
	COLOR: black
}

.b1 {
 	font-family: tahoma;
	font-size: 10px;
	color: #5E5E5E;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
}

.b1:hover {
	color: #5E5E5E;
}

.b2 {
 	font-family: tahoma;
	font-size: 10px;
	color: #5E5E5E;
	text-decoration: none;
	font-weight: bold;
	text-transform: lowercase;
};

.b2:hover {
	color: #5E5E5E;
}

.b3 {
 	font-family: Tahoma;
	font-size: 10px;
	color: white;
	text-decoration: none;
	font-weight: bold;
	text-transform: lowercase;
};

.b3:hover {
	color: white;
}

.b2.active {
	color:#C00106;
}

.ch1 {
 	font-family: Tahoma;
	font-size: 11px;
	color: #C00106;
	text-decoration: none;
	font-weight: bold;
};

.ch1:hover { color: #C00106;}

.ch2 {
 	font-family: Tahoma;
	font-size: 11px;
	color: #5A5C5B;
	text-decoration: none;
	font-weight: bold;

};

.ch2:link { color: #5A5C5B; }
.ch2:active { color: #5A5C5B; }
.ch2:visited { color: #5A5C5B; }
.ch2:hover { color: #C00106;}

.chpreseton {
  background-image: url(images/newdesign/top_bg2.gif);
};

.chat_date {font-size: 14px;color: #676B6E;}
.chat_date_incoming {font-size: 14px;color: #676B6E;}
.chat_date_to {font-size: 14px;color: #676B6E;}
.chat_date_private {font-size: 14px;color: #676B6E;background:#F1C3C3;text-decoration:none;}
.chat_date_to_incoming {font-size: 14px;color: #676B6E;background:#CFE2D6;}
.chat_date_private_incoming {font-size: 14px;color: #676B6E;background:#F1C3C3;}
.chat_date_clan {font-size: 14px;color: #676B6E;background:#f77;}
.chat_date_clan_incoming {font-size: 14px;color: #676B6E;background:#f77;}

.chat_sender_to {
  font-size: 14px;
  color: #4b5771;
  font-weight:bold;
}
.chat_sender {
  font-size: 14px;
  color: #4b5771;
  font-weight:bold;
}
.chat_sender1 {
  font-size: 14px;
  color: #0099FF;
  font-weight:bold;
}
.chat_sender2 {
  font-size: 14px;
  color: #FF6666;
  font-weight:bold;
}
.chat_sender_private {
  font-size: 14px;
  color: #850000;
  font-weight:bold;
}
.chat_sender_to_incoming {
  font-size: 14px;
  font-weight: bold;
  color: #4b5771;
}
.chat_sender_private_incoming {
  font-size: 14px;
  font-weight: bold;
  color: #850000;
}
.chat_sender_clan {
  font-size: 14px;
  color: #f00;
  font-weight:bold;
}
.chat_sender_clan_incoming {
  font-size: 14px;
  font-weight: bold;
  color: #f00;
}

.chat_service_to {font-size: 14px;color: #676B6E;text-decoration:none;}
.chat_service_to_incoming {font-size: 14px;color: #676B6E;text-decoration:none;}
.chat_service_private {font-size: 14px;color: #850000;text-decoration:none;}
.chat_service_private_incoming {font-size: 14px;color: #850000;text-decoration:none;}
.chat_service_clan {font-size: 14px;color: #f00;text-decoration:none;}
.chat_service_clan_incoming {font-size: 14px;color: #f00;text-decoration:none;}
.chat_message {font-size: 14px;text-decoration:none;}

.lightgray { color: #E5E6E8; }
a.lightgray {
  color: #E5E6E8;
  text-decoration: none;
  font-weight: bold;
}
.g_t_11 {
	COLOR: #767676
}

.g_t_10 {
	FONT-SIZE: 9px; COLOR: #767676
}

.bl_10 {
	FONT-SIZE: 9px; COLOR: black
}
.error {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #f03333
}

.clan { color:#005992; text-decoration: underline; font-weight: bold; }
.clan_pers { font-family: Tahoma; font-size:10px; font-weight: normal; color:#000000; line-height:8px; }

.logo_input { font-family: Tahoma; font-size:10px; background-color: #EBEDEC; border:1px #666666 solid; }


/*GunSky*/

.gbutt, .gbutt1, .gbutt1 b, .gbutt b, .gbutt1 b b, .gbutt b b {font-size:10px;}
.gbutt input, .gbutt button, .gbutt1 input, .gbutt1 button {
	border: 0px solid;
	color: #5E5E5E;
	font-size: 10px;
	font-weight: bold;
 	font-family: tahoma;
	text-decoration: none;
	background:transparent;
	position:relative;
	top:0px;
}
.gbutt {display: inline-block; *display: inline; *zoom: 1; height: 23px; background:url(images/newdesign/big_btn_bg.gif);}
.gbutt b {display: inline-block; *display: inline; *zoom: 1; height: 23px; padding-right: 5px; background:url(images/newdesign/big_btn_r.gif) repeat-y right;}
.gbutt b b {display: inline-block; *display: inline; *zoom: 1; height: 23px; padding-left: 5px; padding-right: 0px; background: url(images/newdesign/big_btn_l.gif) repeat-y left;}

.gbutt1 {display: inline-block; *display: inline; *zoom: 1; background:url(images/newdesign/btn_bg.gif) center center repeat-x;}
.gbutt1 b {display: inline-block; *display: inline; *zoom: 1; background:url(images/newdesign/btn_r.gif) no-repeat right;}
.gbutt1 b b {display: inline-block; *display: inline; *zoom: 1; padding: 2px 4px 3px; background: url(images/newdesign/btn_l.gif) no-repeat left;}

.gbutt input b, .gbutt button b, .gbutt1 input b, .gbutt1 button b {
	background: transparent;font-size:10px;
}
.gbutt input, .gbutt button {text-transform: uppercase;padding: 0 6 0 6;height: 23px;cursor:hand;}
.gbutt1 input, .gbutt1 button {text-transform: lowercase;padding: 0 0 0 0;height: 17px;cursor:hand;}

table.collapse {border-collapse:collapse;}
.b1gray {border: 1px solid #c9c9c9;}

.ginput, .ginput b, .ginput b b {font-size:10px;}
.ginput input b, .ginput button b {
	background: transparent;font-size:10px;
}

.ginput input, .ginput button {
	border: 0px solid;
	color: #004A71;
	font-size: 11px;
	font-weight: normal;
 	font-family: tahoma;
	text-decoration: none;
	background:transparent;
	position:relative;
	top:0px;
}

.ginput {background:url(images/newdesign/input_bg.gif);}
.ginput b {}
.ginput b b {background: url(images/newdesign/input_left.gif) repeat-y left;}
.ginput input, .ginput button {padding: 2 5 2 20; height: 19px; }


.btn_full_w .gbutt1 input {width: 100%;}
/**/


/*  user info*/
.user-info-l {background: url("images/user-info_01.jpg") no-repeat; width: 16px; height: 88px;}
	.ui-l-btn {display: block; background: url(images/ui-l-btn.png) no-repeat; background-position: 0 0; width: 16px; height: 35px;}
	.ui-l-btn.ui-l-btn-red {background-position: 0 -72px;}
	.ui-l-btn.ui-l-btn-red:hover {background-position: 0 -36px;}
.user-info-c {background: url("images/user-info_02.jpg") repeat-x; height: 88px; padding: 0 5px 0 10px; text-align: center;}
	.user-info-c .frame {background: url("images/frame.png") no-repeat; display: inline-block; width: 56px; height: 56px; text-align: center; line-height:56px; margin-right: 5px;}
	.user-info-c .frame img {margin-top: 11px;}
	.user-info-c .frame-brown {background-position: 0 0;}
	.user-info-c .frame-green {background-position: 0 -56px;}
	.user-info-c .frame-blue {background-position: 0 -112px;}
	.user-info-c .frame-violet {background-position: 0 -168px;}
	.user-info-c .frame-yellow {background-position: 0 -224px;}
	.user-info-c .frame-orange {background-position: 0 -280px;}
	.user-info-c .frame-red {background-position: 0 -336px;}
.user-info-r {background: url("images/user-info_03.jpg") no-repeat; width: 16px; height: 88px;}
	.ui-r-btn {display: block; background: url(images/ui-r-btn.png) no-repeat; background-position: 0 0; width: 16px; height: 35px;}
	.ui-r-btn.ui-r-btn-red {background-position: 0 -72px;}
	.ui-r-btn.ui-r-btn-red:hover {background-position: 0 -36px;}
	
	.b1gray.h1.gr {overflow:hidden; *zoom:1;}
	.left {float:left;}
	.bul_wrapper {float:right;}
	.bul_wrapper .bul_wrap {font-size: 10px;}
	/*.bul_wrapper .bul_wrap img {vertical-align:top;}*/
	.bul_wrapper .bul_wrap a {font-size: 10px; text-decoration: none;}

	.auction_new .h2 {background: none;}
	.auction_table {width: 100%; border-collapse: collapse;}
	.auction_table td {border: 1px solid #c7c9c9;}
	.auction_table .no_border td {border: none;}
	.auction_table.no_border td {border: none;}
	.auction_table .h2 {white-space: nowrap;}
	.auction_table .auction_buy {width: 212px; border-collapse: collapse;}
	.auction_table .auction_buy .auction_buy_b {width: 75px; padding: 0 8px; text-align: center;}
	.auction_table .auction_buy .auction_buy_s {width: 30px; padding: 0; text-align: center;}
	.auction_table .auction_buy input {text-align: center;}
	.auction_new .auction_pages {float: right;}
	.auction_new .auction_pages p {margin: 0;}
	.auction_new .auction_pages .rd {display: inline-block; *display: inline; *zoom: 1; padding:2px 3px; background: #ffffff; color: #4b5771; vertical-align: middle;}
	.auction_new .nowrap_tab td {white-space: nowrap;}
	.auction_new select {width: 160px;}
	.auction_new input.in_big {width: 160px;}
	.auction_new input.in_med {width: 68px;}
	.auction_new .auction_search {width: 68px;}
	.auction_new form {margin: 0;}
	.auction_new .auction_buy_b td {vertical-align: middle;}
	.auction_new .auction_new_create {display: inline-block; *display: inline; *zoom: 1; margin: 0 25px 20px 0; padding: 5px; border: 1px solid #c7c9c9; text-align: center;}
	.auction_new .auction_new_time {display: inline-block; *display: inline; *zoom: 1; margin: 0 3px 0 0; color: #4b5772; font-size: 12px;}
	
	.chat-arrows {display: inline-block; height: 23px; cursor: pointer; *display: inline; *zoom: 1;}
	.chat-arrows.up {width: 22px; background: url('images/arrows.png') 100% 0 no-repeat;}
	.chat-arrows.down {width: 21px; background: url('images/arrows.png') 0 0 no-repeat;}
	
	.vertical-line {
		display: inline-block; *display: inline; *zoom: 1;
		width: 2px;
		height: 60px;
		background: url('images/timer_images/vertical_line.gif') left top no-repeat;
		vertical-align: top;
	}
	.vertical-line.invisible {
		margin-right: 11px;
	}
	.invisible-timer {
		display: inline-block; *display: inline; *zoom: 1;
		width: 118px;
		height: 40px;
		margin-top: 6px;
		padding: 6px 13px 3px;
		background: url('images/timer_images/timer_bg.png') left top no-repeat;
		vertical-align: top;
	}
	.invisible-timer__head {
		height: 13px;
		color: #74959e;
		font-size: 10px;
	}
	.invisible-timer__body {
		height: 27px;
		background: url('images/timer_images/timer_signs.png') 33px bottom no-repeat;
	}
	.invisible-timer__body-innner {
		height: 27px;
		padding-left: 25px;
		background: url('images/timer_images/timer_clock.png') left top no-repeat;
		font-size: 0;
		white-space: nowrap;
	}

* {margin: 0; padding: 0; box-sizing: border-box;}

.header {
	display: flex;
	width: 925px;
	height: 60px;
	background-image: url('images/header-bg.png');
	background-repeat: no-repeat;
	background-size: cover;
}

.header__logo {
	width: 42px;
	height: 42px;
	display: inline-block;
	text-decoration: none;
	transform: translate(7px, 11px);
	transition: .26s opacity;
}

.header__logo:hover {
	opacity: .5;
}

.header__logo img {
	width: 100%;
	height: auto;
	vertical-align: top;
}

.header__stats {
	margin-left: 114px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	position: relative;
}

.header-stats__info {
	display: flex;
	align-items: center;
	margin: 4px 0 5px;
	position: relative;
}

.header-stats__icons {
	position: absolute;
	top: -1px;
	left: -4px;
	transform: translateX(-100%);
	display: flex;
	justify-content: flex-end;
}

.header-stats__icon {
	width: 16px;
	height: 16px;
	margin-left: 7px;
}

.header-stats__icon img {
	width: 100%;
	height: auto;
}

.header-stats__login {
	font-family: 'Tahoma', sans-serif;
    font-size: 11px;
    line-height: 1;
	color: #4b5771;
	display: inline-block;
	margin-right: 2px;
}

.header-stats__info-link {
	display: block;
	width: 15px;
	height: 15px;
	padding: 3px;
	cursor: pointer;
}

.header-stats__info-link img {
	width: 100%;
	height: auto;
	vertical-align: top;
}

.header-stats__bar {
	display: flex;
	position: relative;
	margin-bottom: 2.4px;
}

.header-stats__bar--red .header-bar__count {
	color: #d90000;
}

.header-stats__bar--red .header-progress__line {
	background-color: #d90000;
}

.header-stats__bar--blue .header-bar__count {
	color: #0088ca;
}

.header-stats__bar--blue .header-progress__line {
	background-color: #0088ca;
}

.header-stats__bar--green .header-bar__count {
	color: #8ca935;
}

.header-stats__bar--green .header-progress__line {
	background-color: #8ca935;
}

.header-bar__count {
	font-family: 'Tahoma', sans-serif;
    font-size: 11px;
    line-height: 1;
    font-weight: bold;
	color: #4b5771;
	text-align: right;
	transform: translateX(-100%);
	position: absolute;
	left: -4px;
	top: -1.5px;
}

.header-bar__progress {
	position: relative;
	width: 135px;
	height: 9.5px;
	box-shadow: inset 0px 0px 3px rgba(0,0,0,0.2);
}


.header-bar__progress:hover .header-progress__name {
	opacity: 1;
}

.header-progress__line {
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.header-progress__line--top {
	z-index: 2;
}

.header-progress__line--bottom {
	z-index: 1;
	opacity: .4;
}

.header-progress__name {
	position: absolute;
	white-space: nowrap;
	line-height: 1;
	font-size: 9px;
	font-family: 'Tahoma', sans-serif;
	text-transform: uppercase;
	color: #fff;
	display: inline-block;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: .26s opacity;
	opacity: 0;
	cursor: default;
	z-index: 3;
}

.header__actions {
	display: flex;
	justify-content: space-between;
	margin-bottom: 3px;
}

.header__action {
	display: inline-block;
	text-decoration: none;
}

.header-action__icon {
	width: 40px;
	height: 17px;
	position: relative;
	text-decoration: none;
}

.header-action__icon img {
	width: 100%;
	height: auto;
	vertical-align: top;
	position: absolute;
	left: 0;
	top: 0;
	transition: .26s opacity;
}

.header-action__icon img.default {
	z-index: 3;
}

.header-action__icon img.hover {
	z-index: 2;
}

.header-action__icon img.active {
	z-index: 1;
}

.header-action__icon:hover img.default {
	opacity: 0;
}

.header-action__icon:hover img.hover {
	opacity: 1;
}

.header-action__icon:active img.default,
.header-action__icon:active img.hover {
	opacity: 0;
}

.header-action__hint {
	width: 90px;
	text-align: center;
	font-size: 9px;
	font-family: 'Tahoma', sans-serif;
	text-transform: uppercase;
	color: #000;
	display: inline-block;
	background-color: rgba(255, 255, 255, 0.9);
	border: 1px solid rgba(0, 0, 0, 0.3);
	border-radius: 3px;
	position: absolute;
	z-index: 4;
	padding: 1px 0;
	transition: .26s opacity;
	opacity: 0;
	top: -500px;
	left: -500px;
}

.header__actions-and-inputs {
	margin: 6px 0 0 18px;
	display: flex;
	flex-direction: column;
}

.header__input {
	display: flex;
	margin-bottom: 3px;
}

.header-input__input {
	width: 116px;
	font-size: 10px;
	font-weight: 'Tahoma', sans-serif;
	color: #000;
	outline: none;
	border: none;
	padding: 0 6px;
	background-image: url('images/input-bg.png');
	background-repeat: no-repeat;
	background-size: cover;
	margin-right: 4px;
}

.header-input__input::placeholder {
	color: #000;
}

.header-input__button {
	width: 18px;
	height: 15px;
	border: none;
	outline: none;
	background-color: rgba(0,0,0,0);
	cursor: pointer;
	transition: .26s opacity;
}

.header-input__button:hover {
	opacity: 0.5;
}

.header__buttons {
	margin-left: 30px;
	margin-top: 12px;
	display: flex;
	position: relative;
}

.header__button,
.header-player__button,
.header-knowledge__button {
	width: 40px;
	height: 40px;
	position: relative;
	display: block;
	cursor: pointer;
	text-decoration: none;
	margin-right: 2px;
	transition: .26s transform;
}

.header__button.js-show-player-buttons::before,
.header__button.js-show-knowledge-buttons::before {
	content: '';
	width: 20px;
	height: 20px;
	display: inline-block;
	background-image: url('images/header-arrow.png');
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	z-index: 4;
	right: -5px;
	bottom: 5px;
	transition: .385s transform ease;
}

.header__button--active::before {
	transform: rotate(180deg) translate(150%, 0%);
}

.header__button--hidden {
	transform: translateY(-50%);
}

.header__button--hidden .header-button__icon {
	filter: brightness(50%);
}

.header__button--hidden:hover .header-button__icon {
	filter: brightness(100%);
}

.header-button__icon,
.header-player-button__icon,
.header-knowledge-button__icon {
	width: 40px;
	height: 40px;
	transition: .26s transform, .26s filter;
	cursor: pointer;
}

.header-button__icon img,
.header-player-button__icon img,
.header-knowledge-button__icon img {
	width: 100%;
	height: auto;
	vertical-align: top;
}

.header-button__name,
.header-player-button__name,
.header-knowledge-button__name {
	color: #d90000;
	text-transform: lowercase;
	font-size: 10px;
	line-height: 1;
	font-weight: bold;
	font-family: 'Tahoma', sans-serif;
	display: inline-block;
	position: absolute;
	bottom: -3px;
	left: 50%;
	z-index: 3;
	transform: translate(-50%, 5px);
	transition: .26s transform, .26s opacity;
	opacity: 0;
	cursor: pointer;
	white-space: nowrap;
	text-shadow: 
		-0   -1px 1px #FFFFFF,
		 0   -1px 1px #FFFFFF,
		-0    1px 1px #FFFFFF,
		 0    1px 1px #FFFFFF,
		-1px -0   1px #FFFFFF,
		 1px -0   1px #FFFFFF,
		-1px  0   1px #FFFFFF,
		 1px  0   1px #FFFFFF,
		-1px -1px 1px #FFFFFF,
		 1px -1px 1px #FFFFFF,
		-1px  1px 1px #FFFFFF,
		 1px  1px 1px #FFFFFF,
		-1px -1px 1px #FFFFFF,
		 1px -1px 1px #FFFFFF,
		-1px  1px 1px #FFFFFF,
		 1px  1px 1px #FFFFFF;
}

.header__button:hover .header-button__icon,
.header-player__button:hover .header-player-button__icon,
.header-knowledge__button:hover .header-knowledge-button__icon {
	transform: scale(1.08);
}

.header__button--hidden:hover {
	transform: scale(1.08) translateY(-50%);
}

.header__button:not(.header__button--hidden):hover .header-button__name {
	transform: translate(-50%, 0px);
	opacity: 1;
}

.header-player__buttons,
.header-knowledge__buttons {
	display: flex;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 3;
	transform: translate(-50%, -200%);
	transition: .26s transform;
}

.header-player__buttons--active,
.header-knowledge__buttons--active {
	transform: translate(-50%, -50%);
}