@font-face {font-family: 'Antikvar';src: url('fonts/Antikvar.woff') format('woff'), url('fonts/Antikvar.ttf') format('truetype'), url('fonts/Antikvar.svg') format('svg');font-weight: normal;font-style: normal;}
html {overflow:hidden;min-height:460px;}
body{ overflow:hidden;margin:0;background:#060f20;color:white;font:13px "Trebuchet MS",Tahoma;cursor:url("map_actions/map.cur"),auto; min-height:460px;}
ul {margin:0;padding:0;list-style:none;vertical-align:top; }
* {
 	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-focus-ring-color:  rgba(0, 0, 0, 0);
}
*:focus {outline: none;}

input:-webkit-autofill {color: #2a2a2a !important;}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
input[type='range']{
	height:9px;
	-webkit-appearance: none;
	background-color: black;
	height: 2px;
        padding:0;
	top:-5px;
	position:relative;
        cursor:url("map_actions/active.cur"),pointer;
}

input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	position: relative;
	top: 0px;
	z-index: 1;
	width: 18px;
	height: 17px;
	cursor: url("map_actions/active.cur"),pointer;
	background-image: url('modal/slider_button.png');
}

input[type="range"]:hover ~ #rangevalue,input[type="range"]:active ~ #rangevalue {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	top: -75px;
}

::-moz-range-track {
	background-color: black;
	height: 2px;
	border:0;
	border-bottom:1px solid rgba(0,0,0,0.2);
}
::-moz-range-thumb {
	top: 0px;
	z-index: 1;
	width: 18px;
	height: 17px;
	cursor: url("map_actions/active.cur"),pointer;
	border:0;
	background: url('modal/slider_button.png');
}

/* Scrolbar styling for webkit */
::-webkit-scrollbar{	width:10px;height:10px;}
::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,0.2);border-radius:10px;}
::-webkit-scrollbar-thumb{border-radius:10px;border-radius:10px;background:rgba(46,102,160,0.7);box-shadow:inset -2px -2px 5px rgba(0,0,0,0.05);}
/*::-webkit-scrollbar-thumb:window-inactive{background:rgba(255,0,0,0.4);}*/

scrollbar {
	-moz-appearance: none;
	position: relative;
	background-color: transparent;
	background-image: none;
	border: 0px solid transparent;
	z-index: 2147483647;
	-moz-box-align: start;
	padding: 2px;
}

scrollbar[orient="vertical"] {
	-moz-margin-start: -8px;
	min-width: 8px;
	max-width: 8px;
}

scrollbar[orient="horizontal"] {
	margin-top: -8px;
	min-height: 8px;
	max-height: 8px;
}
thumb {
	-moz-appearance: none !important;
	background-color: rgba(0,0,0,0.2);
	border-radius: 3px;
}

a{        outline: none; cursor:url("map_actions/active.cur"),auto !important;color:rgb(70, 161, 255);}
img {     border:0; -moz-user-select: none !important; -webkit-user-select: none; -khtml-user-select: none; user-select: none;}
table {   border-collapse:collapse; border-color:#d5d478;}
td {      padding:0; vertical-align:top;}
td > img {vertical-align:bottom;}
h1 {      text-shadow: 1px 1px 1px black,0px 0px 5px #555;color:white;font:27px/27px "Antikvar", Tahoma;}
select {  border:1px solid black; background:url('modal/target_bg.png') no-repeat #080c18; color:#0c80b1;
	-webkit-box-shadow:0 0 2px #313b3d,0 0 1px #313b3d;
		box-shadow:0 0 2px #313b3d,0 0 1px #313b3d;
}
#enemy_towns,#own_towns,.custom-select-container {width:270px;}
.custom-select-container {position:relative;display:inline-block;}
select.replaced{position:relative;z-index:10;width:100%;border:0;opacity:0;line-height:2;}
.custom-select{display:block;position:absolute;z-index:1;top:0;left:0;width:100%;
background:url('modal/target_bg.png') no-repeat #080c18;
}
.custom-select > span{display:block;padding:0 25px 0 6px;border-radius:0px;
box-shadow:0 0 2px rgba(0,0,0,0.2);
	-webkit-box-shadow:0 0 2px #313b3d,0 0 1px #313b3d;
		box-shadow:0 0 2px #313b3d,0 0 1px #313b3d;
background:url('select_arrows.png') 100% 0 no-repeat;
font-weight:bold;}
.custom-select span span{display:block;height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.custom-select.active > span{border-color:#666;box-shadow:0 0 2px #1ca0d8;}

#debug {  opacity:0.4;color:#46d;height:250px;overflow:hidden;}
#maintenance {position:absolute; color:red;z-index:100;padding:10px;background:rgba(0,0,0,0.6);border-radius: 0 0 10px 0;}

/* Карта */
/*img.mountain{z-index:4;margin-top:-12px;margin-left:0px;}*/
img.tile{              position:absolute;top:0;left:0;z-index:3;}
.borders{              position:absolute;top:0;left:0;z-index:5;width:106px;height:62px;}
img.town{              z-index:4;margin-top:-58px;margin-left:-3px;}
img.dark_castle{       z-index:40;margin-top:-124px;margin-left:-110px;}
img.troll_castle{      z-index:40;margin-top:-113px;margin-left:-107px;}
img.dragon_rock{       z-index:6;margin-top:-102px;margin-left:-51px;}
img.mountain2{         z-index:4;margin-top:-12px;margin-left:0px;}
img.river121        {  z-index:4;}
img.wonder_garden{     z-index:6;margin-top:-61px;margin-left:-52px;}
img.magic_tree{        z-index:7;margin-top:-40px;margin-left:0px;}
img.gold_pot{          z-index:7;margin-top:-4px;margin-left:0px;}
.tile_level{           position:absolute;top:0;left:0;z-index:6;width:12px;text-align:center;text-shadow:#040 0px 0px 2px;font:9px Verdana, sans-serif;}
.town_name {           position:absolute;top:0;left:0;z-index:7;width:130px;text-align:center;text-shadow:#040 1px 1px 1px, #040 -1px -1px 1px, #040 1px 1px 0px;font:10px Verdana, sans-serif; border-radius:4px; background:rgb(23,68,135); background:rgba(23,68,135,.0); color:#D3B461;}
.upgrade_tile{         position:absolute;top:0;left:0;z-index:6;text-align:center;font:8px/5px "Trebuchet MS",Tahoma;}
.upgrade_tile img{     margin:0;}

#map_canvas {position:absolute; z-index:12;/*left:73px;top:73px;*/}
#map_holder_wrapper {  position:absolute;overflow:hidden;}
#goto_town_top {position:absolute;top:4px;right:290px;background:url('ico/center.png');width:32px;height:32px;z-index:406;display:block;cursor:url("map_actions/active.cur"),pointer;}
#map_coord_form {		position:absolute;top:9px;right:150px;z-index:406;display:block;color:#413416;}
#map_coord_form{	right:190px;}
#map_coord_form input {width:23px;border:0;background:rgba(250,250,250,0.3);}
#map_coord_form input[type=text] {border-bottom:0px dotted #413416;}
#map_coord_form input[type=submit] {display:none;}

/* NY*/
#goto_town_top {right:auto;left:150px;}
#map_coord_form {right:auto;left:200px;}

#box_bonus_form {padding:20px;margin:0 auto;}
#box_bonus_form label {display:inline-block;padding:2px;margin:5px;border:1px solid transparent;}
#box_bonus_form input[type=radio] {display:none;}


#wrapper{              position:relative;will-change:top,left;}
#logo{                 position:absolute;left:120px;top:9px;background:url('logo_small.png') no-repeat;width:152px;height:130px;z-index:6;}
#map_holder{           position:fixed;z-index:10;display:none;overflow:hidden;margin-top:0px;margin-left:0px;width:600px;height:450px;background:green;
        -webkit-user-select: none;
           -moz-user-select: none;
             -o-user-select: none;
                user-select: none;
	left:73px;
	top:73px;
}
#ajaxload{             position:absolute;z-index:400;width:60%;height:60%;background:black;opacity:0.6;}
#ajaxload_img{         position:absolute;z-index:401;width:50px;height:50px;background:url('clock.png') no-repeat center center;}

#top_row,#bottom_row,
#left_row,#right_row{position:absolute;z-index:402;background:black;}
#top_row{            top:0px; width:100%;height:42px;}
#bottom_row{         bottom:0px;width:100%;height:43px;}
#left_row{           left:0px;width:42px;height:100%;}
#right_row{          right:0px;width:47px;height:100%;}

#top_row,#bottom_row,
#left_row,#right_row{background:transparent;}
#top_row{            background:url('card_holder/top_bg.png') repeat-x;}
#bottom_row{         background:url('card_holder/bottom_bg.png') repeat-x;}
#left_row{           background:url('card_holder/left_bg.png') 0 50% repeat-y;}
#right_row{          background:url('card_holder/right_bg.png') 0 50% repeat-y;}

.map_element,.town_element {display:none;}
/* края бекграунда */
#body_bg_t_l,
#body_bg_t,
#body_bg_l,
#body_bg_r,
#body_bg_b,
#body_bg_t_r,
#body_bg_b_l {position:absolute;z-index:3;}
#body_bg_t{  top:0;left:0;right:75px;height:80px;background:url('card_holder/body_bg_t.jpg') 100% 0;}
#body_bg_l{  top:0;left:0;bottom:80px;width:97px;background:url('card_holder/body_bg_l.jpg') 0 100%;}
#body_bg_b{  right:0;left:97px;bottom:0;height:58px;background:url('card_holder/body_bg_b.jpg');}
#body_bg_r{  top:97px;right:0;bottom:0;width:75px;background:url('card_holder/body_bg_r.jpg');}
#body_bg_t_l{  top:0;left:0;width:177px;height:328px;background:url('card_holder/body_bg_t_l.jpg');}
#body_bg_t_r{  top:0;right:0;width:75px;height:97px;background:url('card_holder/body_bg_t_r.jpg');}
#body_bg_b_l{  bottom:0;left:0;width:97px;height:80px;background:url('card_holder/body_bg_b_l.jpg');}

/* края карты */
#corner_t_l_1,#corner_t_l_2,
#corner_t_r_1,#corner_t_r_2,
#corner_b_l_1,#corner_b_l_2,
#corner_b_r_1,#corner_b_r_2 {position:absolute;z-index:45; display:none;}
#corner_t_l_1{               width:143px;height:58px;background:url('card_holder/t_l_01.png') no-repeat;}
#corner_t_l_2{               width:68px; height:91px;background:url('card_holder/t_l_02.png') no-repeat;}
#corner_t_r_1{               width:151px;height:58px;background:url('card_holder/t_r_01.png') no-repeat;}
#corner_t_r_2{               width:68px; height:100px;background:url('card_holder/t_r_02.png') no-repeat;}
#corner_b_l_1{               width:68px; height:79px;background:url('card_holder/b_l_01.png') no-repeat;}
#corner_b_l_2{               width:135px;height:61px;background:url('card_holder/b_l_02.png') no-repeat;}
#corner_b_r_1{               width:68px; height:79px;background:url('card_holder/b_r_01.png') no-repeat;}
#corner_b_r_2{               width:151px;height:61px;background:url('card_holder/b_r_02.png') no-repeat;}

#corner_t,#corner_r,#corner_b,#corner_l {position:absolute;z-index:45; display:none;}
#corner_t{                   width:185px;height:58px;background:url('card_holder/top.png') no-repeat;}
#corner_r{                   width:77px; height:157px;background:url('card_holder/right.png') no-repeat;}
#corner_b{                   width:218px;height:80px;background:url('card_holder/bottom.png') no-repeat;}
#corner_l{                   width:76px; height:175px;background:url('card_holder/left.png') no-repeat;}

#cell_cover{   position:absolute;top:90px;left:397px;z-index:60;border:0px solid green;color:#F8F1f8;font:9px "Trebuchet MS",Tahoma;}
#coord{        color:#F0E48C;margin:-9px 0 0 -6px;display:none;padding:38px 0 0 0px;width:118px;height:44px;border:0px solid blue;background:url('active_highlight.png');text-align:center;}
#cell_info{    z-index:3;display:none;width:102px;height:60px;border:0px solid red;text-align:center; font:16px Tahoma;}
#upgrade{      margin-top:10px;}
#cell_gain{    padding-top:30px;line-height:10px;font-size:10px;}
#event_res_snow {position:absolute;top:0px;width:50px;right:700px;z-index:10;background:url('ico/snow_menu_icon.png') 0 6px no-repeat;font-family:Calibri,Arial,Tahoma,sans-serif;
	padding-top:6px;
        padding-left:43px;
    text-align: left;
    margin-left: 40px;
    font: normal 13px/37px Verdana;
}

#ny_scale {
	background:url('ny/scale.png') no-repeat;font-family:Calibri,Arial,Tahoma,sans-serif;
        position:absolute;top:50px;right:50px;height:45px;width:564px;z-index:100;border:3px solid black;box-shadow:0 0 5px 5px black;
}
#ny_scale_open {position:absolute;right:10px;top:20px;text-shadow:-1px 0 #d05d06;width:138px;text-align:center;font-size:15px;cursor:pointer;}
#ny_scale_progress {position:absolute;width:314px;height:23px;top: 19px;left: 40px;background:url('ny/ny_progress.png') no-repeat;}
#resources{    width:560px;height:63px;color:#fff;vertical-align:middle;position:absolute;top:0px;right:0px;z-index:10;
padding-left:143px;
background:url('main_res_bg.jpg') no-repeat;font-family:Calibri,Arial,Tahoma,sans-serif;}
#resources img{vertical-align:bottom;}
#resources div,#shards{display:inline-block;width:71px;padding-left:0px;padding-top:6px;text-align:left;margin-left:40px;font:normal 13px/37px Verdana;}
#resources div b,#shards {font:normal 13px/37px Verdana;}
/*#resources #res_4 {width: 72px; padding-left: 27px;}*/
#resources sup {margin-left:-9px;color:#0c8ed8;font-size:10px;line-height: 12px;vertical-align: top;}
#resources sup.buff {color:#4AAE0E;}
#dialog_fight_holder .show_res sup {margin-left:2px;color:#0c8ed8;font-size:10px;line-height: 12px;vertical-align: top;}
#shards {position:absolute;top:0px;right:600px;z-index:11;border:0px solid red;text-align:center;}

.small {display:inline-block;margin-top:-3px;}
.small img {width:14px !important;height:14px !important;vertical-align:middle;line-height:10px;}
.small b {font-weight:normal;}
.show_res div {display:inline-block;}
.show_res img {vertical-align:middle;}

#menu{          position:absolute;bottom:0px;right:0px;z-index:50;background:#16317d;}
#menu li {	float:left;position:relative;width:64px;height:66px;background:url('main_menu_icons.jpg');}
#menu li b {	position:absolute;color:white;top:24px;left:0;right:0;text-align:center;text-shadow:1px 1px 2px black;font:bold 16px serif;}
#menu #menu_li_msg_count {right:5px;}
#menu #menu_li_log_count {left:5px;}
#menu li a{          position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;color:rgba(250,240,210,1);color:transparent;}
#menu li:hover a,
#menu li.active a {background:url('main_menu_glow.png');}
#menu li:hover a {animation:none !important;will-change:opacity;}
#menu input{             padding:2px; width:10px; border:0; }
#menu input[type=submit]{width:auto;}
#menu_li_map {display:none;}
#menu_li_msg,#menu_li_log {width:33px;}
#menu_li_town {      background-position:50% 0px !important;}
#menu_li_map {       background-position:50% -66px !important;}
#menu_li_fight {     background-position:50% -132px !important;}
#menu_li_armies {    background-position:50% -198px !important;}
#menu_li_log {       background-position:0px -264px !important;width:33px !important;}
#menu_li_msg {       background-position:33px -264px !important;width:33px !important;}
#menu_li_msg a {     background-position:33px 0px !important;}
#menu_li_friendlist {background-position:50% -330px !important;}
#menu_li_profile {   background-position:50% -396px !important;}
#menu_li_settings {  background-position:50% -462px !important;}
#menu_li_kingdom {   background-position:50% -66px !important;}
#menu_li_rating {    background-position:50% -528px !important;}
#menu_li_forum {     background-position:50% -594px !important;}
#menu_li_exit {      background-position:50% -660px !important;}
#menu_li_achivement {      background-position:50% -858px !important;}
#menu li.active a {  /*animation: 1.0s ease-in 0s alternate none infinite zoomInBounce;
-webkit-animation: 1.0s ease-in 0s alternate none infinite zoomInBounce;*/
}
@keyframes zoomInBounce {
	/*from {opacity:1;}
        25% {opacity:0.8;}
	to {opacity:0.1;}*/
}
@-webkit-keyframes zoomInBounce {
	/*from {opacity:1;}
        25% {opacity:0.8;}
	to {opacity:0.1;}*/
}

#active_town_holder {color:#fffbb0;font:13px/26px Tahoma; position:absolute;top:15px;left:260px;z-index:500; height:30px; background:rgb(0,19,61);cursor:pointer;padding:0px 4px; border-radius:5px;}

/* Список городов пользователя сверху */
#cities{                  display:none;position:absolute;top:50px;left:260px;z-index:500; background:rgb(0,19,61);}
#cities * {               -webkit-tap-highlight-color: rgba(0,0,0,0);}
#cities #ul_holder {      position:relative; display:inline-block;}
#cities li {           margin:0;vertical-align:top; font:13px/28px Tahoma; white-space: nowrap;}
#cities li a{          padding:0px 3px;color:#5681ad;text-decoration:none;font:13px/23px Tahoma; }
#cities li.active a {  color:#fffbb0;}
#cities .village,#active_town_holder .village {      height:30px;padding-left:35px; background:url('town_icons/village.png') top left no-repeat;}
#cities .town ,#active_town_holder .town {           height:30px;padding-left:35px; background:url('town_icons/town.png') top left no-repeat;}
#cities .stronghold,#active_town_holder .stronghold {height:30px;padding-left:35px; background:url('town_icons/stronghold.png') top left no-repeat;}

#ajax_result{             position:absolute;top:10px;right:40px;z-index:400;overflow:auto;border:1px solid red;color:red;font:10px Tahoma;}
#menu h3, #cities h3{     margin:3px;text-shadow:1px 1px 1px black;font:27px "Antikvar", Tahoma;}
#center{                  position:absolute;z-index:70;margin-top:-5px;margin-left:-5px;width:11px;height:11px;border:0px solid red;}
/*background:url('center.png');*/
#center{      background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHZJREFUeNpi+P//PwMyvn37NsP/LCcdMI0mx8IABXfu3GFAAgpAfAUmpqKiAqYZQTrQFGIFIA1MWCX60zdhE2cEuY1oAPIMEPtAPbYJSr9G4/uA1JFkMhPMp4TcDFJHemigmw402QddIQiwoAtAbXmAzRCAAAMAK3JawgH8F6QAAAAASUVORK5CYII=)}
.hint{        position:fixed;top:240px;left:32%;z-index:520;padding:15px;width:290px;border-radius:0px;background-color:#E2F7FF;background:url('modal/hint_bg.jpg');color:black;text-align:center;min-height:30px;background-size:100% 100%;font-size:14px;}
#cell_actions{position:absolute;top:100px;left:100px;z-index:70;padding:7px;width:150px;height:130px;border:3px double black;border-radius:4px;background-color:rgb(160,255,200);background-color:rgba(160,255,200,.9);
	background:url('modal/bg.jpg') #1b2f4a;
	color:#50a3c7;
}
#cell_actions a,#cell_actions_new,#cell_actions_new a {color:#9fef14;font-size:12px;}

#cell_actions_new {position:absolute;top:100px;left:100px;z-index:70;padding:0px;height:57px;min-width:60px;white-space:nowrap;}
/*Бекграунд должен быть не у родителя, потому что родитель сам формирует stacking content */
#cell_actions_new:before {content:"";position:absolute;top:0;left:0;right:0;height:57px;background:url('map_menu/map_menu_bg.png') 1px 0;}
#cell_actions_new .pix_activate {position:relative;display:inline-block;z-index:3;margin:3px 22px 6px -9px;width:47px;height:48px; background:url('map_menu/icon_activate.png');}
#cell_actions_new .pix_enter {position:relative;display:inline-block;z-index:3;margin:3px 22px 6px -9px;width:47px;height:48px; background:url('map_menu/icon_enter.png');}
#cell_actions_new .pix_letter {position:relative;display:inline-block;z-index:3;margin:3px 22px 6px -9px;width:47px;height:48px; background:url('map_menu/icon_letter.png');}
#cell_actions_new .pix_transfer {position:relative;display:inline-block;z-index:3;margin:3px 22px 6px -9px;width:47px;height:48px; background:url('map_menu/icon_transfer.png');}
#cell_actions_new .pix_defend {position:relative;display:inline-block;z-index:3;margin:3px 22px 6px -9px;width:47px;height:48px; background:url('map_menu/icon_defend.png');}
#cell_actions_new .pix_attack {position:relative;display:inline-block;z-index:3;margin:3px 22px 6px -9px;width:47px;height:48px; background:url('map_menu/icon_attack.png');}
#cell_actions_new .pix_build {position:relative;display:inline-block;z-index:3;margin:3px 22px 6px -9px;width:47px;height:48px; background:url('map_menu/icon_build.png');}
#cell_actions_new .pix_info {position:relative;display:inline-block;z-index:3;margin:3px 22px 6px -9px;width:47px;height:48px; background:url('map_menu/icon_info.png');}
#cell_actions_new .pix_upgrade {position:relative;display:inline-block;z-index:3;margin:3px 22px 6px -9px;width:47px;height:48px; background:url('map_menu/icon_upgrade.png');}
#cell_actions_new .pix_destroy {position:relative;display:inline-block;z-index:3;margin:3px 22px 6px -9px;width:47px;height:48px; background:url('map_menu/icon_destroy.png');}
#cell_actions_new .pix_center {position:relative;display:inline-block;z-index:3;margin:3px 22px 6px -9px;width:47px;height:48px; background:url('map_menu/icon_center.png');}
#left_cell_actions {position:absolute; z-index:2;top:0; left:-31px; width:41px; height:57px; background:url('map_menu/map_menu_left.png');}
#close_cell_actions {position:absolute;z-index:2; top:14px; right:-21px; width:30px; height:29px; background:url('map_menu/map_menu_close.png');}
#cell_actions_description {position:absolute;z-index:-1; top:54px; left:-7px; padding-left:20px;width:189px;background:url('map_menu/map_menu_fon.png') -210px 0 repeat-y;}
#cell_actions_description:after {content:"";position:absolute;z-index:-1;left:0;right:0;bottom:-29px;height:29px;background:url('map_menu/map_menu_fon.png') -420px -10px no-repeat;}
#cell_actions_description:before {content:"";position:absolute;z-index:-1;left:0;right:0;top:-20px;height:20px;background:url('map_menu/map_menu_fon.png') 0px 0px no-repeat;}

/* Город */
#town_holder {position:absolute;top:50px;z-index:100;width:600px;padding:0;display:none;margin:0px 0 30px 0px;height:500px;border:7px ridge #d5d478;
border-width:6px 5px;
border-image-slice: 6 5 6 5;
border-image-width: 6px 5px 6px 5px;
border-image-outset: 0px 0px 0px 0px;
border-image-repeat: repeat stretch;
border-image-source: url("//art.braveking.ru/modal/hint_bg.jpg");
        	background-color:rgb(10,27,47); background:rgba(10,27,47,.8) 0% 0% no-repeat;
        	/*text-shadow: 1px 1px 0px black,0px 0px 3px #555;
        	/*-webkit-user-select: none; -khtml-user-select: none;         -moz-user-select: none;         -o-user-select: none;        user-select: none;*/
        	color:black; overflow:show;
		/*overflow:hidden;*/
}
#town_holder h1 {text-shadow:none;color:black;}
#town_holder a { color:black;}

#town_buildings_castle:hover,#town_buildings_smith:hover,#town_buildings_builders_guild:hover,
#town_buildings_barracs:hover,#town_buildings_market:hover,#town_buildings_magic_tower:hover,
#town_buildings_alchemist:hover,#town_buildings_city_hall:hover,#town_buildings_embassy:hover,
#town_buildings_shipyard:hover,#town_buildings_tavern:hover,#town_buildings_stables:hover {

}

.town_building {position:absolute;display:none;}
.town_building img {width:100%;}
.town_building_glow {position:absolute;left:0;top:0;display:none;}
.town_building:hover .town_building_glow {display:block;}

/* Диалоги */
/*.dialog {position:fixed;width:450px; top:140px;left:32%;z-index:10; padding:15px;border-radius:54px 54px 5px 5px;display:none;
	color:white; background-color:rgb(15,30,60);background-color:rgba(15,30,60,.9);display:none;border:4px solid #d0b957;}
*/

.dialog{position:absolute;
	color:#b59b61;
	top:5%;
	left:5%;
	min-width:400px;
	min-height:250px;
	min-width:220px;
	padding:50px 60px 60px;
	cursor:url("map_actions/map.cur"),auto;
	display:none;
	z-index:510;
        user-select:auto;
}

.dialog::before,.dialog::after{content:'';    position:absolute;    z-index:-1;}
.dialog::before{               content:''; background:url('modal/bg.jpg') #1b2f4a;    top:12px;    left:10px;    right:10px;    bottom:14px;    border-radius:47px 47px 28px 28px;}
.dialog::after{                content:''; top:0;    left:0;    right:0;    bottom:0;
	border:solid #1b2f4a;
	border-width:257px 74px 98px 238px;
	-webkit-border-image:url('modal/border.png') 257 74 98 238 repeat repeat;
	   -moz-border-image:url('modal/border.png') 257 74 98 238 repeat repeat;
	     -o-border-image:url('modal/border.png') 257 74 98 238 repeat repeat;
		border-image:url('modal/border.png') 257 74 98 238 repeat repeat;
}

.dialog input[type=text],
.dialog input[type=number] {border:0; width:40px;margin:3px;background:#080c18;color:#1ca0d8;text-align:center;
	-webkit-box-shadow:0 0 2px #313b3d,0 0 1px #313b3d;
	     -o-box-shadow:0 0 2px #313b3d,0 0 1px #313b3d;
		box-shadow:0 0 2px #313b3d,0 0 1px #313b3d;
}
.dialog input[type=number] {width:50px;}
#dialog_market input[type=text] {width:60px;text-align:left;-moz-appearance:textfield;}

#send_message input[type=text],#send_message textarea,
#artefact_give_form textarea {background:#edd395;border:solid 1px #313b3d;color:black;}
#send_message input[type=text] {width:200px;}
#artefact_give_form textarea,
#send_message textarea {width:500px;}

.dialog_close {width:50px; height:40px; position:absolute;top:0px;right:-10px;cursor:pointer;border:0px solid red;}
.dialog_drag { height:33px;margin:0 50px 0 30px;}
.dialog h2, .dialog h1 {text-shadow:1px 1px 1px black;}
.dialog h2 {   margin:0px 7px; font:24px/27px Antikvar,Tahoma; color:#e0c278;text-shadow:1px 1px 1px black;text-align:center;}
.dialog h3 {   margin:0px 7px; font:16px/27px Tahoma; color:#b59b61;text-shadow:1px 1px 1px black;}
.dialog h3 img,.dialog h2 img {vertical-align:middle;margin:0;}

#dialog_fight {padding:5px; top:120px; left:10%; max-width:780px;min-width:700px;min-height:460px;}
#dialog_fight .holder {           overflow-y:auto;height:370px;margin:0 33px;}
#dialog_fight_info {              color:#173653;position:absolute; left:430px; top:72px; padding:3px;border-radius:5px;background:url('modal/fight_info_bg.png') top right no-repeat #080c18;min-width:200px;
	-webkit-box-shadow:0 0 2px #313b3d,0 0 1px #313b3d;
		box-shadow:0 0 2px #313b3d,0 0 1px #313b3d;
}
#dialog_fight_info td {           padding:0px 5px;}
#dialog_fight_info b {font-weight:normal;}
#dialog_fight_info b,
#dialog_castle b {            color:#1ca0d8;}
#dialog_fight a {                 color:#3e9ec7;}
#dialog_fight ul {                margin:-2px 0px -1px 3px;}
#dialog_fight ul#types li {       margin:0 5px 0 0; display:inline-block; line-height:46px; padding-left:46px; height:42px; background:url('modal/checkbox.png') no-repeat;}
#dialog_fight ul#types li.active {background-position:0 -42px;}
#fight_input_attack_all {width:50px;}

.dialog_submit { border:0;width:253px;height:47px;position:absolute;bottom:0;left:0;right:0;margin:0 auto;background:url('modal/submit.png');
	color:#9e8857;text-shadow:1px 1px 1px #000a19,1px -1px 1px #000a19,-1px 1px 1px #000a19,-1px -1px 1px #000a19;font:16px Tahoma;padding-top:3px;text-decoration: none;
}
.dialog_submit:disabled {color:#333;}

#town_holder .dialog a {color:#3e9ec7;}
#town_holder .dialog_drag {margin:-30px 0 0 0;}
#dialog_new_artefacts .dialog_drag {margin:-30px 0 0 0;}
#dialog_combine_artefact .dialog_drag {margin:-30px 0 0 0;}
#dialog_combine_artefact {width:500px;height:400px;padding: 40px 30px;}
#dialog_open_ny_gift .dialog_drag {margin:-30px 0 0 0;}
#dialog_open_ny_gift {width:700px;height:300px;padding: 40px 30px;}
#dialog_give_artefact .dialog_drag {margin:-30px 0 0 0;}
#dialog_give_artefact {width:500px;height:400px;padding: 40px 30px;}

#dialog_barracs {                   width:400px;}
#dialog_barracs input[type=number] {width:50px; text-align:right;}
#dialog_barracs form {              margin:2px;}
#dialog_magic_tower {                   width:400px;}
#dialog_magic_tower input[type=number] {width:50px; text-align:right;}
#dialog_magic_tower form {              margin:2px;}

#dialog_shop,#dialog_achivement,#dialog_alchemist,#dialog_smith {width:700px;height:400px;}
#dialog_shop {padding-top:0;height:450px;}
#dialog_shop_bg {width:583px;height:160px;padding:60px 0 0 60px;background: url('modal/rainbaw_buy_bg.jpg') no-repeat;position:relative;top:30px;}
#dialog_shop_bg.step2 {height:256px;}
#dialog_shop_submit {display:none;position: absolute;top: 236px;left: 383px;padding: 30px 0 0 63px;width: 155px;height: 34px;}
#dialog_shop_submit .shards_count,
#dialog_shop_submit .shards_price {position:static;}
#dialog_combine_artefact .good .shards_price {color:white;}

.shards_pricing {display:inline-block;width:89px;height:128px;
	margin:3px;padding:0px;font-size:8px;position:relative;
}

.shards_pricing.good {background: url('modal/buy_shards.png');}
.shards_pricing.active {background: url('modal/buy_shards_active.png');}
.shards_pricing.bad {background: url('modal/buy_shards_not_enough_money.png');}

.shards_count {font:14px Verdana;color:white;position:absolute;top:27px;left:47px;}
.shards_price {font:12px Verdana;color:#1381cd;position:absolute;top:64px;left:26px;}
.shards_pricing.bad .shards_count {color:#6c85a4;}
.shards_pricing.bad .shards_price {color:#124e77;}


.shards_pricing.good:hover {}

#dialog_castle {width:700px;height:400px;}
.building_frame .cost {position:absolute;right:11px;top:27px;font: 14px Verdana;color: #FFF;}
.building_frame {width:150px;height:90px; background:black; margin:10px;
	border:1px solid #bd9439;
	border-left:1px solid #efd67b;
	border-right:1px solid #efd67b;
	box-shadow:4px 4px 4px black;
	position:absolute;
}
.building_frame:hover {box-shadow:0px 0px 5px #f3b837,5px 5px 4px black;;}
.building_frame label {position:absolute;bottom:0;left:0;right:0;height:16px;border:1px solid red;text-align:center;color:#f3b837;text-shadow:1px 1px 0 black;}
.building_frame label.green {border:1px solid #004208;
	background: #73b57b; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzczYjU3YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzMxNmIzOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMDRhMTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#73b57b), color-stop(50%,#316b39), color-stop(100%,#104a18)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #73b57b 0%,#316b39 50%,#104a18 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #73b57b 0%,#316b39 50%,#104a18 100%); /* Opera 11.10+ */
	background: linear-gradient(to bottom, #73b57b 0%,#316b39 50%,#104a18 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73b57b', endColorstr='#104a18',GradientType=0 ); /* IE6-8 */
}
.building_frame label.gold {
	border:1px solid #4b2b00;
	background: #dcc074; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RjYzA3NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2I1OGUzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ZTUwMTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dcc074), color-stop(50%,#b58e33), color-stop(100%,#6e5012)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #dcc074 0%,#b58e33 50%,#6e5012 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #dcc074 0%,#b58e33 50%,#6e5012 100%); /* Opera 11.10+ */
	background: linear-gradient(to bottom, #dcc074 0%,#b58e33 50%,#6e5012 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcc074', endColorstr='#6e5012',GradientType=0 ); /* IE6-8 */
	color:#fff;
}
.building_frame label.red {
	border:1px solid #880000;
background: #c54757;
background: -moz-linear-gradient(top, #c54757 0%, #870c0c 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c54757), color-stop(100%,#870c0c));
background: -webkit-linear-gradient(top, #c54757 0%,#870c0c 100%);
background: -o-linear-gradient(top, #c54757 0%,#870c0c 100%);
background: -ms-linear-gradient(top, #c54757 0%,#870c0c 100%);
background: linear-gradient(to bottom, #c54757 0%,#870c0c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c54757', endColorstr='#870c0c',GradientType=0 );
	color:#fff;
}
.building_frame label.grey {
	border:1px solid #4b2b00;
background: #cedce7;
background: -moz-linear-gradient(top, #cedce7 0%, #596a72 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cedce7), color-stop(100%,#596a72));
background: -webkit-linear-gradient(top, #cedce7 0%,#596a72 100%);
background: -o-linear-gradient(top, #cedce7 0%,#596a72 100%);
background: -ms-linear-gradient(top, #cedce7 0%,#596a72 100%);
background: linear-gradient(to bottom, #cedce7 0%,#596a72 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#596a72',GradientType=0 );
	color:#fff;
}

#building_description_image,
#buff_description_image {position:absolute;	border:1px solid #bd9439;
	border-left:1px solid #efd67b;
	border-right:1px solid #efd67b;
 	width:150px;
	height:72px;
}
#building_description,#buff_description {display:none;}
#building_description h1 {color:white;text-shadow:none;text-align:left;margin-left:230px;}
#buff_description h1 {color:white;text-shadow:none;text-align:left;margin-left:230px;}
#building_description p,
#buff_description p { margin-left:200px;text-indent:30px;}
#building_description .dialog_submit,
#buff_description .dialog_submit {font-size:14px;}

#dialog_rename_town input[type=text] {width:150px; }
#dialog_rename_town form {            margin:2px;}

#dialog_invite_ally,
#dialog_new_artefacts {top:20%;width:380px;left:20%;}
#dialog_new_artefacts {width:auto;height:auto}
#dialog_new_chest .dialog_drag {margin:-30px 0 0 0;}
#dialog_new_chest {top:20%;width:350px;left:20%;padding: 50px 36px 56px;}


#town_units {position:absolute; bottom:1px; left:180px;}
.unit_border {margin-bottom:-100px;margin-left:-6px;margin-right:-2px;margin-top:-3px;
	/*width:88px;height:112px;*/
	border:1px solid;
	border-width: 54px 30px;
	   -moz-border-image: url('modal/fight_unit_border.png') 54 30 repeat;
	-webkit-border-image: url('modal/fight_unit_border.png') 54 30 repeat;
	     -o-border-image: url('modal/fight_unit_border.png') 54 30 repeat;
		border-image: url('modal/fight_unit_border.png') 54 30 repeat;
}
.print_army_extended {   color:#b59b61;border-collapse:separate; border-spacing:8px 9px; }
.print_army_extended td {width:80px;border:0px;
	font-family: Tahoma;
	background-position:40% 0px !important;
	text-align:center;
}
.print_army_extended th {color:black;}
.town_unit .checkbox_hero {
	vertical-align:bottom;
	display:inline-block;
	width:52px;
	height:31px;
	margin:-10px;
	background:url('modal/checkbox_hero.png');
}
.town_unit .checkbox_hero.active {
	background-position:52px 0;
}
.town_unit i {
	vertical-align:bottom;
	font: 12px/4px Tahoma; text-transform:none;
	display:inline-block;
	position:relative;
	z-index:100;
	padding:12px 23px 10px 20px;
	margin:-10px;
	text-align:center;
}
.town_unit i::before,.town_unit i::after{content:'';position:absolute;z-index:-1;}
.town_unit i::after{content:'';top:0;left:0;right:0;bottom:0;
	border:solid #1b2f4a;
	border-width:16px 28px 15px 22px;
	   -moz-border-image:url('modal/units_count_bg.png') 16 28 15 23 repeat repeat;
	-webkit-border-image:url('modal/units_count_bg.png') 16 28 15 23 repeat repeat;
	     -o-border-image:url('modal/units_count_bg.png') 16 28 15 23 repeat repeat;
		border-image:url('modal/units_count_bg.png') 16 28 15 23 fill repeat;
}
.town_unit i.input {height:9px;width:40px;}
.town_unit i.input input {margin:-10px -10px; }

.unit_empty i {opacity:0;}

.town_unit {
        height:95px; line-height:95px; text-align:center;
	position:relative; background-repeat:no-repeat !important;
}

#town_units_stats {   display:none;}
#town_units_stats td {font-size:10px; padding:2px; width:74px;}

#dialog_profile,#dialog_kb {top:12%; left:20%; width:900px;height:600px;background:url('modal/hero_profile_bg_left.jpg') #00202c no-repeat;position:absolute;z-index:510;display:none;color:#512f02;box-shadow:1px 1px 6px black;}
#dialog_kb {background:url('modal/kb_bg.jpg') #00202c no-repeat;}
#dialog_kb a {color: #512F02;}
.hero_profile_avatar_king {background:url('modal/hero_profile_bg_king.jpg') #00202c no-repeat;position:absolute;top:0;bottom:0;left:322px;width:256px;z-index:-2;}
.hero_profile_avatar_queen {background:url('modal/hero_profile_bg_queen.jpg') #00202c no-repeat;position:absolute;top:0;bottom:0;left:322px;width:256px;z-index:-2;}
#hero_profile_skill_bg {background:url('modal/hero_profile_bg_red.jpg?') #00202c no-repeat;position:absolute;top:0;bottom:0;right:0px;width:322px;z-index:-2;}
#hero_profile_skill_bg.hero_profile_skill_bg_warrior {}
#hero_profile_skill_bg.hero_profile_skill_bg_noble {background:url('modal/hero_profile_bg_green.jpg?') #00202c no-repeat;}
#hero_profile_skill_bg.hero_profile_skill_bg_mage {background:url('modal/hero_profile_bg_blue.jpg?') #00202c no-repeat;}
#hero_profile_name,#kb_title {position:absolute;background:url('modal/hero_profile_top.png');top:-28px;left:255px;height:38px;padding-top:13px;width:394px;text-align:center;z-index:-1;
	text-shadow:0 0 2px #927841;color:#1d1102;

}
#dialog_profile .holder {  height:370px;margin:0 33px;}
#dialog_kb .holder {  height:370px;margin:0 33px;}
#dialog_market {}

.kb_content_bg {position:absolute;left:200px;top:10px;bottom:10px;right:10px;border:rgba(0,0,0,0.1);background: rgba(255, 255, 255, 0.24);}
.kb_content {position:absolute;overflow:auto;overflow-x:none;left:10px;right:20px;top:40px;bottom:20px;color:#000;}
#dialog_kb .dialog_close {z-index:2;}
 #kb_title {z-index:1;}
#skill_types {position:absolute;top:128px;right:25px;width:260px;display:table;color:#d1cab1;}
#skill_types li {display:table-cell;text-align:center;}
#skill_types li:first-child {width:60px;padding-right:5px;}

.skills {position:absolute;top:169px;right:20px;width:220px;}
.skills li {font:14px/13px Calibri,sans-serif;
	height:50px;
	color: #f5d07e;text-decoration:none;cursor:url("/map_actions/active.cur"),pointer;
	padding:5px 7px;
	position:relative;
}
.skills dd,.skills dt {padding:0px;margin:2px;display:block;}
.skills dt {font-size:16px;}
.skills dt i {font-size:12px;}
.skills dd {font-size:12px;line-height:11px;}
.skills .perk_level_0 {color:#808080;}
.skills .perk_level_1 {color:#6BBDE0;}
.skills .perk_level_2 {color:#99C019;}
.skills .perk_level_3 {color:#d1cab1;}
.skills .arrow {position:absolute;top:5px;left:-30px;width:33px; height:33px;background:url('modal/hero_profile_arrows.png') 0% 0% no-repeat;}
.skills .cost {text-align:right;font-size:9px;}
#warrior_skills .arrow {background-position:0 -59px;}
#mage_skills .arrow {background-position:-40px -59px;}
#noble_skills .arrow {background-position:-80px -59px;}
#warrior_skills li:hover .arrow {background-position:0 0;}
#mage_skills li:hover .arrow {background-position:-40px 0;}
#noble_skills li:hover .arrow {background-position:-80px 0;}

#chat_content .ico_i {width:11px;height:11px;display:inline-block;cursor:pointer;background:url('chat/ami.png') -22px 0;vertical-align:middle;margin:0 3px;}
#chat_content .ico_a {width:11px;height:11px;display:inline-block;cursor:pointer;background:url('chat/ami.png') 0px 0;vertical-align:middle;margin:0 3px;}
#chat_content .ico_m {width:11px;height:11px;display:inline-block;cursor:pointer;background:url('chat/ami.png') -11px 0;vertical-align:middle;margin:0 3px;}

.valor_bg {position:absolute;top:0;width:54px;height:44px;background:url(modal/valor_bg.png) no-repeat;
padding-top: 10px;
text-shadow: 0 2px 4px rgba(0,0,0,0.7),0 0 1px rgba(0,0,0,0.5);
}

#stash {position:absolute;left:285px;height:66px;overflow:hidden;right:284px;bottom:12px;font-size:0;z-index:2;transition:height 1s ease;}
#stash.active {height:198px;transition:height 1s ease 0.14s;}
#stash_arrow_top,#stash_arrow_left,#stash_arrow_right {position:absolute;width:33px;height:59px;top:527px;left:247px;opacity:0;transition:opacity 1s;z-index:2;cursor:url("map_actions/active.cur"),auto !important;}
#stash_arrow_top {background:url('modal/chest_up_light.png') 50% 100% no-repeat;width:35px;height:28px;top:490px;left:432px;transition: all 1s ease;}
#stash_arrow_top.active {top:359px;transition: all 1s ease;}
#stash_arrow_left {background:url('modal/chest_light.png') no-repeat;}
#stash_arrow_right {background:url('modal/chest_light.png') 32px 0;left:620px;}
#stash_arrow_top:hover,#stash_arrow_left:hover,#stash_arrow_right:hover {opacity:1;transition:opacity 0s,top 1s ease;}



#dialog_kb .dialog_close:hover,
#dialog_profile .dialog_close:hover {background:url('modal/hero_profile_close_light.png') 10px 11px no-repeat;}
#stash_large_bg {visibility:hidden;background:url('modal/chest_large.png') no-repeat;position:absolute;width:427px;height:40px;top:491px;left:237px;z-index:1;transition:top 1s ease,height 1s ease -0.1s,visibility 1s;}
#stash_large_bg.active {visibility:visible;top:359px;height:241px;}

#mage_skills,#noble_skills {display:none;}

#chat_holder {position:absolute;z-index:100;bottom:66px;right:0;width:580px;height:622px;height:60%;padding:0 60px 0 20px;background:rgba(6,15,32,0.8);background:url('chat/chat_bg.png');}
#chat_top {position:absolute;top:-68px;left:0;height:68px;width:100%;background:url('chat/chat_bg_top.png');}
#chat_holder form {position:absolute;bottom:0;}
#chat_close_button {position:absolute;top:19px;right:25px;cursor:pointer;opacity:0.1;transition:opacity 1s;}
#chat_button_main {position:absolute;top:7px;left:37px;background:url('chat/chat_buttons.png');width:134px;height:38px;opacity:0.6;transition:opacity 1s;}
#chat_button_system {position:absolute;top:7px;left:169px;background:url('chat/chat_buttons.png') -134px top;width:200px;height:38px;opacity:0.6;transition:opacity 1s;}
#chat_button_private {position:absolute;top:7px;left:369px;background:url('chat/chat_buttons.png?') -336px top;width:134px;height:38px;opacity:0.6;transition:opacity 1s;}
#chat_button_main.active,#chat_button_system.active,#chat_button_private.active,
#chat_button_main:hover,#chat_button_system:hover,#chat_button_private:hover {opacity:1;}
#chat_close_button:hover {opacity:1;}
#chat_holder input {border:0;padding: 4px 5px;border-radius:2px;}
#chat_holder input[type=text] {border:0;width:450px;margin:10px;background:url('chat/chat_input.png') no-repeat;vertical-align:middle;}
#chat_holder input[type=submit] {border:0;background:url('chat/submit.png') no-repeat;padding:0;font-size:0;width:109px;height:32px;vertical-align:middle;}
#chat_holder h1 {color:#dab666;text-shadow:0 0 2px #332b01;font: 16px Arial,sans-serif;padding:20px;}
#chat_holder a {border-bottom:1px solid rgba(70, 161, 255,0.5);text-decoration:none;}
#chat_holder img {vertical-align:bottom;margin:-4px 0 -4px 0;}
#chat_content_system,#chat_content {position: absolute; bottom: 0px; padding:20px 14px 20px 20px;color:#f9f9f9;}
#chat_wrapper_system,#chat_wrapper {position: absolute; bottom: 20px; overflow: hidden; height: 537px;width:90%;height:100%;}
#chat_toggle {position:absolute;z-index:45;top:184px;right:19px;cursor:pointer;width:58px;height:142px;background:url('card_holder/chat_toggle.png');}
#chat_content b {color:#C9AC5A;}
#chat_content .date,#dialog_fight .date {color:#b59b61;font-size:80%;}
#chat_content .date {}
#chat_slider {position:absolute;top:5px;right:5px;background:rgba(46,102,160,0.7);border-radius:1px;width:12px;height:200px}

#smile_dialog {background:rgba(0,0,0,0.8);padding:15px;border:1px solid rgba(69,55,4,0.7);position:absolute;top:100px;right:20px;width:140px;height:140px;}
#smile_dialog img {margin:0;}
#smile_dialog span {display:inline-block;width:33px;text-align:center;}

.slider_bg {background:url('modal/slider_bg.png') no-repeat; width:50px;height:60px;margin:0 auto;margin-top:0px;position:relative;}
.slider {position:absolute;z-index:100;top:-13px;left:7px;background:url('modal/slider_button.png') center center no-repeat; width:32px;height:32px;}
.slider_all {position:absolute;left:0px;bottom:0;z-index:99;border:0px solid rgba(255,0,0,0.2);width:45px;height:20px;}
.slider,
.slider_all { cursor:url("map_actions/active.cur"),move;}

.print_army {               border-collapse:collapse;margin:5px;background:rgb(35,100,170);background:rgba(35,100,170,.9);}
.print_army td {            font:10px Arial; vertical-align:top;max-width:120px;min-width:60px;padding:4px;}
.print_army td:first-child {min-width:100px;}
.print_army b {             font-size:15px;}
.print_army .zero {         color:#184585;}
.print_army .minus {        color:#e51;}
.mobile_army_holder {position:relative;width:592px;margin-right:100px;}
#marmies_defend .mobile_army_holder {	color:#851a02;border: 1px solid #5c1201; margin:6px;border-radius: 2px;background:url("marmy_bg/defend.jpg");}
#marmies_spy .mobile_army_holder {	color:#416e23;border: 1px solid #324608; margin:6px;border-radius: 2px;background:url("marmy_bg/spy_attack.jpg");}
#marmies_attack .mobile_army_holder {	color:#0c527f;border: 1px solid #04316C; margin:6px;border-radius: 2px;background:url("marmy_bg/attack.jpg");}
#marmies_reinforce .mobile_army_holder {color:#006a61;border: 1px solid #013e4c; margin:6px;border-radius: 2px;background:url("marmy_bg/reinforce.jpg");}
#marmies_corovan .mobile_army_holder {	color:#7d3d05;border: 1px solid #623800; margin:6px;border-radius: 2px;background:url("marmy_bg/corovan.jpg");}
#marmies_defend a {	color:#851a02;}
#marmies_spy a {	color:#416e23;}
#marmies_attack a {	color:#0c527f;}
#marmies_reinforce a {color:#006a61;}
#marmies_corovan a {	color:#7d3d05;}

#marmies_defend .caption {	color:#851a02;position:relative;margin-left:36px;}
#marmies_spy .caption {		color:#416e23;position:relative;margin-left:36px;}
#marmies_attack .caption {	color:#0c527f;position:relative;margin-left:36px;}
#marmies_reinforce .caption {	color:#006a61;position:relative;margin-left:36px;}
#marmies_corovan .caption {	color:#7d3d05;position:relative;margin-left:36px;}

#marmies_defend .toggle_icon {	position:absolute;left:-30px;top:0;width:21px;height:21px;background:url('modal/army_toggle_icons.png') 0 -25px no-repeat;}
#marmies_spy .toggle_icon {	position:absolute;left:-30px;top:0;width:21px;height:21px;background:url('modal/army_toggle_icons.png') -113px -25px no-repeat;}
#marmies_attack .toggle_icon {	position:absolute;left:-30px;top:0;width:21px;height:21px;background:url('modal/army_toggle_icons.png') -59px -25px no-repeat;}
#marmies_reinforce .toggle_icon{position:absolute;left:-30px;top:0;width:21px;height:21px;background:url('modal/army_toggle_icons.png') -166px -25px no-repeat;}
#marmies_corovan .toggle_icon {	position:absolute;left:-30px;top:0;width:21px;height:21px;background:url('modal/army_toggle_icons.png') -222px -25px no-repeat;}

#marmies_defend,
#marmies_spy,
#marmies_attack,
#marmies_reinforce {width:680px;overflow-x:hidden;}
#dialog_fight {width:900px;}

#marmies_defend.hidden .print_army,
#marmies_spy.hidden .print_army,
#marmies_attack.hidden .print_army,
#marmies_reinforce.hidden .print_army,
#marmies_corovan.hidden .print_army {display:none;}

#marmies_defend.hidden .marmy_res,
#marmies_spy.hidden .marmy_res,
#marmies_attack.hidden .marmy_res,
#marmies_reinforce.hidden .marmy_res,
#marmies_corovan.hidden .marmy_res {display:none;}

#marmies_defend.hidden .marmy_actions,
#marmies_spy.hidden .marmy_actions,
#marmies_attack.hidden .marmy_actions,
#marmies_reinforce.hidden .marmy_actions,
#marmies_corovan.hidden .marmy_actions {display:none;}

#marmies_defend.hidden .toggle_icon {background-position:0 0px;}
#marmies_spy.hidden .toggle_icon {background-position:-113px 0px;}
#marmies_attack.hidden .toggle_icon {background-position:-59px 0px;}
#marmies_reinforce.hidden .toggle_icon {background-position:-166px 0px;}
#marmies_corovan.hidden .toggle_icon {background-position:-222px 0px;}

#mobile_armies .print_army td {text-align:center;border-left:1px solid #461d13;padding:0;width:90px;}
#mobile_armies .print_army td:first-child {border-left:0;}
#marmies_defend .print_army td {border-left:1px solid #461d13;}
#marmies_spy .print_army td {border-left:0;}
#marmies_attack .print_army td {border-left:1px solid #121c42;}
#marmies_reinforce .print_army td {border-left:1px solid #073236;}
#marmies_corovan .print_army td {border-left:1px solid #3d2812;}

#marmies_defend span b,#marmies_defend .marmy_actions a {color:#ac2102;}
#marmies_spy span b,#marmies_spy .marmy_actions a {color:#45960a;}
#marmies_attack span b,#marmies_attack .marmy_actions a {color:#0872b7;}
#marmies_reinforce span b,#marmies_reinforce .marmy_actions a {color:#008c82;}
#marmies_corovan span b,#marmies_corovan .marmy_actions a {color:#ad5a0f;}
#marmies_defend a {color:#ac2102;text-decoration:none;}
#marmies_spy a {color:#45960a;text-decoration:none;}
#marmies_attack a {color:#0872b7;text-decoration:none;}
#marmies_reinforce a {color:#008c82;text-decoration:none;}
#marmies_corovan a {color:#ad5a0f;text-decoration:none;}


#mobile_armies .print_army img {margin-top: 9px;}
#mobile_armies a:hover {text-decoration:underline !important;}
#mobile_armies .print_army {margin: 2px 0;background:none;color:#b59b61;}
#mobile_armies .print_army td {text-align:center;}
#mobile_armies .zero {color:#6d592b;}
.marmy_actions {position:absolute;left:102%;top:-3px;padding:0;font-size:12px;}
.marmy_res {color:#b59b61;background:rgba(0,0,0,0.3);margin-top:10px;padding-left:10px;}
.print_army td.hero_cell {width:54px !important;min-width:0 !important;text-align:center;vertival-align:middle;}

#dialog_fight_holder .caption {font: 18px "Lucida Console",Tahoma,Arial,sans-serif;}
.close {          float:right;margin:6px;}

#artefact_view {position:fixed;top:240px;left:32%;z-index:520;width:310px;border-radius:2px;
}
#artefact_view .wrapper {padding:12px;
background:url('modal/bg.jpg') #1b2f4a;color:white;
border:1px solid rgba(144, 113, 74, 1);box-shadow: 0px 0px 10px #000;
}
#artefact_view.common .wrapper {border:1px solid #666;}
#artefact_view.magic .wrapper{border:1px solid #0D7895;}
#artefact_view.rare .wrapper{border:1px solid #8AAA21;}
#artefact_view.epic .wrapper{border:1px solid #994e14;}
#artefact_view .artefact_img {margin:4px 6px;margin-right:13px;margin-bottom:5px;vertical-align:top;float:left;box-shadow: 0px 0px 10px rgba(0,0,0,0.4);}
#artefact_view .desc {display:block;color:#B59B61;font-style:italic;clear:left;padding:3px;}
#artefact_view .unit_desc {color:#B59B61;font-style:italic;clear:left;padding:3px;}
#artefact_view .lvl { text-align:right;color:#876D33;}
#artefact_view h2 {color:#999;font:21px Antikvar,serif;text-align:center;margin:0px;margin-bottom:4px;text-shadow: 1px 1px 9px #000;}
#artefact_view .type {color:#999;display:inline-block;padding:5px 0;}
#artefact_view .unit_perks {display:inline-block;padding:5px 0;color:#B59B61;font-size:12px;}
#artefact_view .params {margin-left:85px;color:#4587a1;}
#artefact_view li,
.arrow li {background:url('modal/list_decorator.png') 0px 5px no-repeat;padding-left:14px;padding-top:2px;}
.artefact {display:inline-block;width:66px;height:66px;position:relative;}
.artefact i {color:white;position:absolute;right:6px;bottom:4px;font:10px Arial,sans-serif;text-shadow:1px 1px 1px #000;}
#artefact_view .click {position:absolute; z-index:-1; bottom:-21px; left:18px;right:18px; height:15px; border:inherit; background:inherit;box-shadow:inherit;padding:4px;text-align:center;color:#999;}
#artefact_view .click img {vertical-align:middle;margin:0 2px;}

#artefact_view.magic h2,
#artefact_view.magic .type {color:#599fbd;}
#artefact_view.magic .params {color:#7699a8;}
#artefact_view.rare h2,
#artefact_view.rare .type {color:#8AAA21;}
#artefact_view.rare .params {color:#9ca874;}
#artefact_view.epic h2,
#artefact_view.epic .type {color:#a6571b;}
#artefact_view.epic .params {color:#96897e;}
#artefact_view.common .params {color:#7699a8;}
#artefact_view.unit h2 {color:#B59B61;}
#dialog_artefact {width:110px;position:fixed;top:240px;left:32%;z-index:520;}
#dialog_artefact li {height:15px;padding:4px 11px;background:beige;border:1px solid #111308;background:url('modal/hint_bg.jpg') beige -30px 50%;font:bold 14px Calibri,Tahoma,Arial,sans-serif;}


.hero_level {display:inline-block; width:120px;text-align:right;}
.exp_bar {display:inline-block; margin:0 10px; vertical-align:middle;position:relative;width:141px;padding:0 10px;height:25px;background:url("hero/exp_bg.png");color:#D1CAB1;;}
.exp_green {position:absolute;top:3px;left:10px;height:19px;background:url("hero/exp_green.png") top center;}
.exp_edges {position:absolute;top:0px;left:0px;width:141px;padding:0 10px;height:25px;background:url("hero/exp_edges.png");text-align:center;vertical-align:bottom;
text-shadow:1px 1px 1px #000a19,1px -1px 1px #000a19,-1px 1px 1px #000a19,-1px -1px 1px #000a19;font:12px/24px calibri,Tahoma,arial,sans-serif;
}
#hero_town_image {position:absolute; bottom:-10px; left:-10px;}

#mentor {background:url('mentor.png') left bottom no-repeat; width:226px;height:323px;position:absolute;bottom:60px;left:160px;color:#44230f;cursor:pointer;z-index:50;}
#quest_block_wrapper {position:absolute;left:12px;right:14px;bottom:5px;background:#dbc07f repeat-x;font:13px "Lucida Console",Calibri,sans-serif;
background-image:url(data:image/gif;base64,R0lGODlhBAAEAJEAAFRGMoZwRcGhUwAAACH5BAAAAAAALAAAAAAEAAQAAAIGhCGpGR0FADs=);padding-top:3px;
}
#mentor b {border-bottom:1px dotted black;font-weight:normal;}
#mentor td {padding:3px 2px;margin:0;}

#mentor_toggle {position:absolute;left:186px;bottom:22px;z-index:49;background:url('mentor_toggle.png') no-repeat;width:175px;height:64px;}
#rating_table {border-collapse:collapse;}
#rating_table th {padding:1px 5px;}
#rating_table td {padding:1px 5px;border-top:1px dotted #103050;}
#rating_table .active td {background:#60B43B;color:black;}
#rating_table .active a {color:black;}
#rating_table .cannot_be_attacked td {color:grey;}
#rating_table .cannot_be_attacked a {color:grey;}
#rating_table .enemy a {color: #B72B1A;}
#rating_table i {font-size:80%;}
#rating_table table {margin:0;border:0;}
#rating_table table td {border:0;}
@media screen and (max-width: 1100px) {
	.print_army_extended td {             width:40px; font-size:6px;}
	/*.dialog .print_army_extended td {width:80px; font-size:6px;}*/
	.town_unit_hero,.town_unit_empty,.town_unit_1,.town_unit_2,.town_unit_3,.town_unit_4,.town_unit_5,.town_unit_6,.town_unit_7,.town_unit_8,.town_unit_9,.town_unit_10 {
	        height:63px; line-height:50px; text-align:center;
	   	background-position:50% 20%;
		background-size:cover;
	}
	.print_army_extended i {
		font: 11px/4px Tahoma;
	}

	.unit_border {    margin-bottom:-60px;margin-left:-6px;margin-right:-2px;margin-top:-3px;
		border-width: 41px 30px;
		-webkit-border-image: url('modal/fight_unit_border.png') 34 30 stretch stretch;
		     -o-border-image: url('modal/fight_unit_border.png') 41 30 stretch stretch;
			border-image: url('modal/fight_unit_border.png') 41 30 stretch stretch;
	}
	#town_units {     left:110px;}
	#hero_town_image {width:93px;}
	#hero_town_image {width:120px;}
	.dialog {         left:0;top:0;}
	#dialog_fight {   left:0;top:0;min-height:400px;}
        #dialog_fight .holder {   height:320px;}
	.slider_bg {margin-left:2px;}
}
#debug {display:none;}
#help {display:none;position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.5);z-index:1000;}
#help img {position:absolute;}
#help_chat {top:200px;right:30px;}
#help_city {top:20px;left:250px;}
#help_map {bottom:50%;right:50%;}
#help_mentor {bottom:150px;left:200px;}
#help_menu {bottom:40px;right:0;}
#help_res {top:30px;right:200px;}
#help_toggle {color:white;position:absolute;top:20px;left:45%;font:17px calibri,Arial,sans-serif;z-index:1200;border-bottom:1px dotted #275c87;
text-shadow:-5px -5px 5px green, -5px 5px 5px magenta,5px -5px 5px cyan,5px 5px 5px yellow;
}

.market_res_holder img {border:1px solid transparent;}
.market_res_holder .market_active_res {border:1px solid #e2b743;}
.market_res_holder .market_disabled_res {border:1px solid grey;}
.msg_preview {font-size:80%;opacity:0.7;}


/* Some backgrounds routine. this declarations never gonna change */
.unit_empty {background-image:url('units/empty.jpg');}
.unit_hero {    background-image:url('//art.braveking.ru/units/hero.jpg');}
.unit_hero_male {    background-image:url('units/king.jpg');}
.unit_hero_female {    background-image:url('units/queen.jpg');}
.unit_hero_liliana {    background-image:url('units/liliana.jpg');}
.unit_hero_marauder {    background-image:url('units/marauder.jpg');}
.unit_hero_male_dead {    background-image:url('units/king_dead.jpg');}
.unit_hero_female_dead {    background-image:url('units/queen_dead.jpg');}
.unit_1 {    background-image:url('units/unit1.jpg');}
.unit_2 {    background-image:url('units/unit2.jpg');}
.unit_3 {    background-image:url('units/unit3.jpg');}
.unit_4 {    background-image:url('units/unit4.jpg');}
.unit_5 {    background-image:url('units/unit5.jpg');}
.unit_6 {    background-image:url('units/unit6.jpg');}
.unit_7 {    background-image:url('units/unit7.jpg');}
.unit_8 {    background-image:url('units/unit8.jpg');}
.unit_9 {    background-image:url('units/unit9.jpg');}
.unit_10{    background-image:url('units/unit10.jpg');}
.unit_11{    background-image:url('units/unit11.jpg');}
.unit_12{    background-image:url('units/unit12.jpg');}
.unit_13{    background-image:url('units/unit13.jpg');}
.unit_14{    background-image:url('units/unit14.jpg');}
.unit_15{    background-image:url('units/unit15.jpg');}
.unit_16{    background-image:url('units/unit16.jpg');}
.unit_17{    background-image:url('units/liliana.jpg');}
.unit_18{    background-image:url('units/marauder.jpg');}
.unit_19{    background-image:url('units/fortuneteller.jpg?');}
.unit_20{    background-image:url('units/illusionist.jpg');}
.unit_21{    background-image:url('units/gnome_pyrotechnics.jpg');}
.unit_22{    background-image:url('units/snowman.jpg');}
.unit_23{    background-image:url('units/yeti.jpg');}
.unit_24{    background-image:url('units/snow_gremlin.jpg');}
.green_11 {       background:url('border/green/all.png') 0px 0px;}
.green_12 {       background:url('border/green/all.png') 0px -62px;}
.green_13 {       background:url('border/green/all.png') 0px -124px;}
.green_14 {       background:url('border/green/all.png') 0px -186px;}
.green_21 {       background:url('border/green/all.png') -106px 0px;}
.green_22 {       background:url('border/green/all.png') -106px -62px;}
.green_23 {       background:url('border/green/all.png') -106px -124px;}
.green_24 {       background:url('border/green/all.png') -106px -186px;}
.green_31 {       background:url('border/green/all.png') -212px 0px;}
.green_32 {       background:url('border/green/all.png') -212px -62px;}
.green_33 {       background:url('border/green/all.png') -212px -124px;}
.green_34 {       background:url('border/green/all.png') -212px -186px;}
.blue_11 {        background:url('border/blue/all.png') 0px 0px;}
.blue_12 {        background:url('border/blue/all.png') 0px -62px;}
.blue_13 {        background:url('border/blue/all.png') 0px -124px;}
.blue_14 {        background:url('border/blue/all.png') 0px -186px;}
.blue_21 {        background:url('border/blue/all.png') -106px 0px;}
.blue_22 {        background:url('border/blue/all.png') -106px -62px;}
.blue_23 {        background:url('border/blue/all.png') -106px -124px;}
.blue_24 {        background:url('border/blue/all.png') -106px -186px;}
.blue_31 {        background:url('border/blue/all.png') -212px 0px;}
.blue_32 {        background:url('border/blue/all.png') -212px -62px;}
.blue_33 {        background:url('border/blue/all.png') -212px -124px;}
.blue_34 {        background:url('border/blue/all.png') -212px -186px;}
.red_11 {         background:url('border/red/all.png') 0px 0px;}
.red_12 {         background:url('border/red/all.png') 0px -62px;}
.red_13 {         background:url('border/red/all.png') 0px -124px;}
.red_14 {         background:url('border/red/all.png') 0px -186px;}
.red_21 {         background:url('border/red/all.png') -106px 0px;}
.red_22 {         background:url('border/red/all.png') -106px -62px;}
.red_23 {         background:url('border/red/all.png') -106px -124px;}
.red_24 {         background:url('border/red/all.png') -106px -186px;}
.red_31 {         background:url('border/red/all.png') -212px 0px;}
.red_32 {         background:url('border/red/all.png') -212px -62px;}
.red_33 {         background:url('border/red/all.png') -212px -124px;}
.red_34 {         background:url('border/red/all.png') -212px -186px;}
.grey_11 {         background:url('border/grey/all.png') 0px 0px;}
.grey_12 {         background:url('border/grey/all.png') 0px -62px;}
.grey_13 {         background:url('border/grey/all.png') 0px -124px;}
.grey_14 {         background:url('border/grey/all.png') 0px -186px;}
.grey_21 {         background:url('border/grey/all.png') -106px 0px;}
.grey_22 {         background:url('border/grey/all.png') -106px -62px;}
.grey_23 {         background:url('border/grey/all.png') -106px -124px;}
.grey_24 {         background:url('border/grey/all.png') -106px -186px;}
.grey_31 {         background:url('border/grey/all.png') -212px 0px;}
.grey_32 {         background:url('border/grey/all.png') -212px -62px;}
.grey_33 {         background:url('border/grey/all.png') -212px -124px;}
.grey_34 {         background:url('border/grey/all.png') -212px -186px;}