html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}

strong, b{ font-weight: bold; }
i, em{font-style: italic;}
a img{border:0;}
a{cursor:pointer;color:#003388; text-decoration: none;}
a:hover{color:#06f;}

.krit{color:#f00;}

#context_menu{position:absolute; top:0; left:0; z-index:999; display: none; box-shadow:1px 1px 2px #000; border:0 solid #ccc}
#context_menu a{display:block; line-height:20px; font-size:13px; background:#ddd; color:#567; padding:1px 4px;}
#context_menu a:hover{background:#abc; color:#fff;}

.reset_format font, .reset_format b, .reset_format i{color: #222 !important; font-weight: normal !important;}
body{ min-width:1000px; background:#e2e0e0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#222; line-height:1em; }
.hddn{display:none; background:#fff; font-size:10px; line-height:10px;padding:10px;}
#battle_container{position:relative; margin:5px;}
h1,h1 a{ font-size:16px; color:#8F0000; font-weight:bold; text-align: center; padding:5px 0 15px; margin: 0; text-decoration:none; }
.radio_zones{width:50%; float:left; margin-bottom:5px;}
.radio_zones h3{text-align: center; background:#f5f5f5; font-weight:bold; margin:0 3px 1px; line-height:1.5em;}
.radio_zones label{display:block; cursor: pointer; line-height:20px; height:20px; }
.radio_zones input[type=radio]{ height:17px; line-height:17px; margin:0 4px 0 0; }
.radio_column{float:left;}
.radio_zones .radio_column input[type=radio]{display:block; height:20px; line-height:20px;}
.battle_controls{background: #f5f5f5; clear:both; text-align: center; padding:1px 0; position:relative;}
.battle_controls input[type=button]{font-size:11px; line-height:1em; display: inline-block; vertical-align: top; height:20px; padding:0 5px; margin:1px 0;}
.scroll_list{margin-bottom:5px; width:480px; white-space:nowrap}
.scroll_list img{margin-left:2px;}
.scroll_list img:first-child{margin:0;}
#damage_cont{font-size:12px;}
#pl_tactics{text-align: center; margin:10px 0 5px;}
#pl_tactics div.tact{display:inline; padding:0 10px;}
#pl_tactics div.tact span{margin-left:1px;}
#priem_list{text-align:center; padding:0 25px;}
#priem_list>span, #priem_list a{display:inline-block; margin-bottom:2px; margin-left:3px;}
#priem_list > a { position: relative; }
#priem_list > a .deact-cnt{ position: absolute; top: 0; right: 2px; color: #ddd; font-size: 10px; font-weight: bold; cursor:default; }
#priem_list img{width:40px; height:25px;}
#priem_list a{cursor: pointer;}
#priem_list a.deact img, #select_priems_list a.deact img{
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  filter: gray; /* IE 6-9 */
  opacity:0.7;
  cursor: default;
}
svg{position:absolute; z-index:-1;}
#priem_list a.inactive{cursor: default;}
#priem_list a.inactive img{opacity:0.5;}

a.inf{color:#fff; background:#369; display:inline-block; width:12px; height:12px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; line-height:12px; font-size:11px; text-align: center; font-weight:bold; vertical-align: top; margin-top:5px; font-family: Georgia, "Times New Roman", serif;}
a.inf:hover{background:#59d;}
.dvur_s{opacity:0.3;}

.date{ font-family: "Courier New", Courier, monospace; color:#007000; font-size:10px; float:left; margin:2px 5px 0 0; }
.date.nfl, .date.nf{ float:none;}
.date.sys{color:#b00000;}

.centered{width:1000px; margin:0 auto;}

hr{background: #f5f5f5; height:1px; border:0; border-top:1px solid #aaa; padding:0; margin:3px 0; -moz-box-sizing:content-box; box-sizing:content-box;}
table tr, table td{vertical-align: top;}

.battle_controls .giveLead{ position:absolute; top:2px; left:27px; cursor:pointer; opacity:0.8; display: none; z-index:999; }
.battle_controls .killAlly{ position:absolute; top:2px; left:2px; cursor:pointer; opacity:0.8; display: none; z-index:999; }
.battle_controls .changeEnemy{ position:absolute; top:2px; right:27px; cursor:pointer; opacity:0.8; }
.battle_controls .refresh{ position:absolute; top:2px; right:2px; cursor:pointer; opacity:0.8; }
.battle_controls .refresh:hover, .battle_controls .changeEnemy:hover, .battle_controls .giveLead:hover, .battle_controls .killAlly:hover{opacity:0.6;}
.battle_controls .refresh:active, .battle_controls .changeEnemy:active, .battle_controls .giveLead:active, .battle_controls .killAlly:active{opacity:1;}

.central_controls{ position:relative; }
.wait_for_players, .wait_for_battle_end, .battle_end{display:none; position:absolute; top:0; right:0; left:0; bottom:-10px; width:100%; z-index:5; background:#e2e0e0;}
.wait_for_players_text, .wait_for_battle_end_text, .battle_end_text{text-align:center; margin-top:50px; line-height:2em;}
.wait_for_battle_end_text{margin-top:20px;}
.wait_for_battle_end_text .exit{margin-top:25px;}

.pers{ width:240px; border:1px outset #fff; padding:2px; background:url(/img/common/inventory-back.jpg) no-repeat 2px 2px #E2E0E0; }
.equipment{background:#E2E0E0; display:block; border:1px solid #999; border-color: #eee #999 #999 #eee; overflow:hidden; clear:both;}
.equipment.empty{background:transparent;}
.special_shadow .equipment, .special_shadow .animal{opacity:0.1;}
.special_shadow .right_col:hover .equipment, .special_shadow .left_col:hover .equipment, .special_shadow .bottom_slots:hover span { opacity: 0.4; }
.special_shadow .right_col:hover .equipment:hover,.special_shadow .left_col:hover .equipment:hover, .special_shadow .animal:hover{opacity:0.8;}
.equipment.shadow img{opacity:0.3;}
.equipment.shadow {background:#E2E0E0;}
.equipment.type1,.equipment.type2{height:18px;}
.equipment.type999, .equipment.type998{height:18px; width:38px; float:left; clear:none;}
.equipment.type999 img,.equipment.type998 img{width:40px; height:20px; margin:-1px 0 0 -1px;}
.equipment.type999.empty{background:url(../i/top_slot.gif) no-repeat center center #E2E0E1;}
.equipment.type998.empty{background:url(../i/bottom_slot.gif) no-repeat center center #E2E0E1;}
.magic-dress{cursor:pointer;}
.equipment.type5{height:20px; width:33.333%; float:left; clear:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.equipment.type8,.equipment.type3,.equipment.type10,.equipment.type29{height:58px;}
.equipment.type22, .equipment.type23, .equipment.type9, .equipment.type11{height:38px;}
.equipment.type4,.equipment.type27,.equipment.type28,.equipment.type24{height:78px;}
.equipment img{background:#E2E0E0; width:60px; margin-left:-1px; margin-top:-1px;}
.equipment.type5 img{width:20px;}
.pers .hp_line, .pers .mana_line{height:9px; box-shadow: 0 0 2px #000 inset; background:#aaa; margin-bottom:1px; position: relative;}
.pers .hp_line .numb, .pers .mana_line .numb{position: absolute; top:0; left:5px; height:9px; line-height:9px; color:#fff; font-size:9px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;}
.pers .hp_line .hp_fill{height:9px; background: #04ab17; box-shadow: 0 0 1px #000 inset;}
.pers .hp_line .hp_fill.hp_critical{background:#c00;}
.pers .hp_line .hp_fill.hp_warning{background:#B39C0B;}
.pers .mana_line .mana_fill{height:9px; background: #0054a2; box-shadow: 0 0 1px #000 inset;}
.pers .avatar{ width:120px; height: 220px; }
.pers.wide .avatar{ width:240px; }
.pers .left_col, .pers .right_col{width: 60px; float:left; line-height:0;}
.pers .middle_col{width: 120px; float:left; line-height:0; position: relative;}
.pers.wide .middle_col{width:240px; text-align:center;}
.pers .middle_col .effects{position: absolute; top: 21px; left: 0; width: 120px; z-index:5; }
.pers .middle_col .effects div{ position: relative; width: 40px; height: 25px; overflow: hidden; float: left; cursor: default; }
.pers .middle_col .effects div .mult{position:absolute; bottom:0; right:0; color:#fff; font-size:10px; font-weight:bold; line-height:11px; font-family: Verdana; right:1px; text-shadow:0 0 1px #000;}

.relative{position:relative;}

#hit_statistic{position: absolute; left:0; top:30px; font-size:11px;}

.circle{line-height:0; font-size:0; width:6px; height:6px; margin:1px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
.box{line-height:0; font-size:0; width:8px; height:8px;float:left; margin:3px 1px 0 0;}
.bl{background-image:url(/i/netBg.png);background-repeat: repeat;}
.bo1 { border: 1px solid #6666cc }
.bo2 { border: 1px solid #B06A00 }
.bo3 { border: 1px solid #269088 }
.bo4 { border: 1px solid #A0AF20 }
.bo5 { border: 1px solid #0F79D3 }
.bo6 { border: 1px solid #D85E23 }
.bo7 { border: 1px solid #5C832F }
.bo8 { border: 1px solid #842B61 }
.bo9 { border: 1px solid #8A5C2E }
.bo10 { border: 1px solid #8A2E8A }
.bo11 { border: 1px solid #2E2E8A }
.bo12 { border: 1px solid #CCCC66 }
.bo13 { border: 1px solid #669999 }
.bo14 { border: 1px solid #3333FF }
.bo15 { border: 1px solid #006633 }

.b1, .b1:hover { font-weight: bold; color: #6666cc }
.b2, .b2:hover { font-weight: bold; color: #b06a00 }
.b3, .b3:hover { font-weight: bold; color: #269088 }
.b4, .b4:hover { font-weight: bold; color: #a0af20 }
.b5, .b5:hover { font-weight: bold; color: #0f79d3 }
.b6, .b6:hover { font-weight: bold; color: #d85e23 }
.b7, .b7:hover { font-weight: bold; color: #5c832f }
.b8, .b8:hover { font-weight: bold; color: #842b61 }
.b9, .b9:hover { font-weight: bold; color: #8a5c2e }
.b10, .b10:hover { font-weight: bold; color: #8a2e8a }
.b11, .b11:hover { font-weight: bold; color: #2e2e8a }
.b12, .b12:hover { font-weight: bold; color: #cccc66 }
.b13, .b13:hover { font-weight: bold; color: #669999 }
.b14, .b14:hover { font-weight: bold; color: #3333ff }
.b15, .b15:hover { font-weight: bold; color: #006633 }

.bb1,.bo1.bl { background-color: #6666cc }
.bb2,.bo2.bl { background-color: #B06A00 }
.bb3,.bo3.bl { background-color: #269088 }
.bb4,.bo4.bl { background-color: #A0AF20 }
.bb5,.bo5.bl { background-color: #0F79D3 }
.bb6,.bo6.bl { background-color: #D85E23 }
.bb7,.bo7.bl { background-color: #5C832F }
.bb8,.bo8.bl { background-color: #842B61 }
.bb9,.bo9.bl { background-color: #8A5C2E }
.bb10,.bo10.bl { background-color: #8A2E8A }
.bb11,.bo11.bl { background-color: #2E2E8A }
.bb12,.bo12.bl { background-color: #CCCC66 }
.bb13,.bo13.bl { background-color: #669999 }
.bb14,.bo14.bl { background-color: #3333FF }
.bb15,.bo15.bl { background-color: #006633 }

#timeout_cont{float:right; text-align: right; font-size:12px;}
#timeout_cont a{font-weight:bold;}

#pers_list{text-align: center; line-height:16px; padding-bottom:2px;}

.pers_list_entry:before{ content:", "; }
.pers_list_entry:first-child:before, .pers_list_entry:first-of-type:before{ content:""; }
/* .pers_list_entry{padding-left:4px; border-left:1px solid #888; -webkit-box-shadow: -1px 0 0 #fff; -moz-box-shadow: -1px 0 0 #fff; box-shadow: -1px 0 0 #fff;}
.pers_list_entry:first-child{border:none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;} */

#log {padding-bottom:30px;}
#log > div {line-height:1.1em;}
#log > div.e{ margin:5px 0 0; padding:2px 0 0; border-top:1px solid #fff; -webkit-box-shadow:0 -1px 0 #aaa; -moz-box-shadow:0 -1px 0 #aaa; box-shadow:0 -1px 0 #aaa; }
#log > div.e:first-child, #log > div.e:first-of-type{padding:0; margin:0; border:0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }
#log.external > div.e, #log.external > div.e:first-child{ margin:0 0 4px; border:0; padding:0 0 7px; border-bottom:1px solid #aaa; -webkit-box-shadow:0 1px 0 #fff; -moz-box-shadow:0 1px 0 #fff; box-shadow:0 1px 0 #fff; }
#log > div > div{clear:both;}
#this_user_cont {position: absolute; top:0; left:0; z-index:3;}
#this_user_cont .pers_name{position:absolute; top:10px; left:255px; white-space: nowrap; color:#003388; font-weight: bold;}
#enemy_user_cont {position:absolute; top:0; right:0; z-index:3;}
#enemy_user_cont .pers_name{position:absolute; top:10px; right:255px; white-space: nowrap; color:#003388; font-weight: bold;}
#enemy_user_cont .pers_name.wide{right:370px;}
#user_actions_block {width:480px; min-height:260px; padding-top:35px; margin:0 auto;}

.pers_name.hs{text-decoration: underline;}
#pers_list .pers_list_entry .pers_name.timeout{text-decoration: underline; color:red;}

#message{position: absolute; display: none; position:absolute; left:0; right:0; top:0; z-index:999; width:100%;}
#message span{width:980px; margin:0 auto; background: #f2d979; border:5px solid #dac985; display:block; padding:10px;}

#sp_tooltip{display:none; position: absolute; top:200px; left:0; z-index:9999; border:1px solid #f1d031; max-width:250px; background:#ffffcc; font-size:11px; line-height:14px; color:#555;}
#sp_tooltip h3{ background:#FDF2B4; font-weight: bold; padding: 5px 10px; font-size:12px; margin: 0;}
#sp_tooltip p{padding:5px 10px; margin:0;}

#chooser{display:none; position:absolute; z-index:999; left: 50%; top:100px; width: 278px; height: 105px; background:#DDD5BF; border:3px solid #111; box-shadow: 0 0 3px #000; font-size:13px; margin-left: -139px;}
#chooser > div.text{padding:13px 0; text-align: center; padding-right: 40px; line-height:1.3em;}
#chooser > div.text small{font-size:10px; display:block;}
#chooser .x-close{position:absolute; right:0; top:0; width:20px; height:22px; display: block; overflow:hidden; text-indent:-100px; background:url(/img/close.png) 50% 50% no-repeat;}
#chooser h3{ background:#B1A993; padding: 2px 20px 2px 6px; font-weight:bold; font-size:13px; line-height:1.3em; }
#chooser form{margin:0;}
#chooser .chooser_buttons{position:absolute;right:4px; top:27px;}
#chooser .chooser_buttons a{display:block; margin-bottom:5px;}
.target{border:1px solid #b0b0b0; margin: 0 9px; font-size:10px; width:260px;}

.pers_name .lead{display: none;}
.pers_name .lead.lead1{display: inline-block; width:25px; height:15px; background:url(/i/images/lead1.gif) 0 0 no-repeat; vertical-align: middle;}
.pers_name .lead.lead2{display: inline-block; width:25px; height:15px; background:url(/i/images/lead2.gif) 0 0 no-repeat; vertical-align: middle;}

.cf{color:#B03000}
.cw{color:#0000FF}
.ce{color:#800000}
.ca{color:#008080}

.ht, .kr, .pr, .blk, .hp, .cntr{display: inline-block; width:17px; height:10px; line-height:10px; font-size:10px; padding-left:10px; background: url(/i/hit.gif) 0 2px no-repeat; }
.ht{ background-image: url(/i/hit.gif); }
.kr{ background-image: url(/i/krit.gif); }
.cntr{ background-image: url(/i/counter.gif); }
.pr{ background-image: url(/i/parry.gif); }
.blk{ background-image: url(/i/block.gif); }
.hp{ background-image: url(/i/hp.gif); }

#waiter{position:absolute; top:-32px; width:480px; height:279px; left:0px; background: url(/img/wait.gif) no-repeat 50% 50% rgba(226,224,224,0.6); z-index:8; display:none; opacity:0.4;}

.animal{position:absolute; top:158px; right:0; width:45px; height:82px; background:#ccc; z-index:4;}
.animal img{ width:45px; height:82px; }

.team{position:relative;}
.team .mass_priv{ cursor: pointer; display: inline-block; width:20px; height:15px; background:url(/i/lock.gif) no-repeat 0 0; text-indent: -200px; overflow:hidden; vertical-align:middle; }

.perss{display: inline;}

#pers_list .weak .pers_name{color:#888;}
.user_shadow{width:120px; height:220px;}
#status{position:absolute; top:0; left:50%; padding:5px; background:#fff; background:rgba(255,255,255,0.9); border:1px solid #aaa; z-index:50; font-size:9px; line-height:9px; width:160px; margin-left:-80px; opacity:0.5;}

.battle-back {position: absolute; right: 0px; z-index: -1; top: 4px;
  display: none; /* hide for now*/
}
.battle-back img {width: 240px;}

/* При маленьком экране — user_actions_block на вторую строку */
@media (max-width: 900px) {
  body {min-width: 600px !important;}

  #main_block {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    position: relative;
  }

  /* Краевые блоки */
  #this_user_cont,
  #enemy_user_cont {
    width: 25%;
    min-width: 250px;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    padding-top: 25px;
  }
  #this_user_cont .pers_name {
    top: 0; left: 0;
  }
  #enemy_user_cont .pers_name {
    top:  0; right: 0;
  }
  /* Центральный блок */
  #user_actions_block {
    order: 1;
    text-align: center;
    width: 100%;
    max-width: 480px;
    margin: 20px auto 0 auto;
  }
  .centered {
    width: 100%;
    min-width: 600px;
  }
}

.pers-toggle {
  display: none;
}