body,html {
    overscroll-behavior: none
}

input[type=checkbox],input[type=radio],input[type=tel],option {
    height: 20px;
    font-size: 17px
}

input[type=email],input[type=password],input[type=text] {
    height: 23px;
    min-width: 50px;
    font-size: 20px
}

body {
    text-align: right;
    direction: rtl;
    margin: 0;
    background-color: #fff
}

p.custDir {
    text-align: right;
    direction: rtl
}

img {
    border: 0
}

form,h1,h2,img,li,span {
    margin: 0;
    padding: 0
}

h1 {
    margin-bottom: 8px
}

p {
    margin: 14px 0;
    padding: 0
}

label {
    white-space: nowrap
}

#msfilter {
    width: 1px;
    height: 1px;
    position: absolute;
    z-index: 99
}

.hide {
    display: none
}

div#header {
    width: 100%;
    height: 67px
}

div#mid {
    float: right;
    width: 100%;
    margin-bottom: 15px
}

div#content {
    float: right;
    min-height: 450px;
    position: relative;
    overflow: hidden
}

div.universal {
    width: 522px;
    padding: 0 25px 0
}

div.login {
    width: 522px;
    padding: 0 25px 0
}

div.logout {
    width: 522px;
    padding: 0 25px 0
}

div.signup {
    width: 522px;
    padding: 0 25px 0
}

div.activate {
    width: 522px;
    padding: 0 25px 0
}

div.banned_cn {
    width: 522px;
    padding: 0 25px 0
}

div.player {
    width: 562px;
    padding: 43px 5px 0
}

div.alliance {
    width: 522px;
    padding: 43px 25px 0
}

div.forum {
    width: 522px;
    padding: 43px 25px 0
}

div.statistics {
    width: 567px;
    padding: 43px 2px 0
}

div.cropfinder {
    width: 522px;
    padding: 43px 25px 0
}

div.reports {
    width: 522px;
    padding: 43px 25px 0
}

div.messages {
    width: 562px;
    padding: 43px 5px 0
}

div.a2b {
    width: 551px;
    padding: 43px 10px 0
}

div.village3 {
    width: 567px;
    padding: 43px 2px 0
}

div.plus {
    width: 560px;
    padding: 43px 6px 0
}

div.warsim {
    width: auto;
    padding: 43px 25px 0
}

div.map {
    width: 572px;
    padding: 43px 0 0;
    overflow: visible!important
}

div.support {
    width: 522px;
    padding: 15px 25px 0;
    padding-top: 30px
}

div.village1 {
    width: 557px;
    padding-top: 43px;
    padding-left: 0;
    padding-bottom: 0;
    padding-right: 15px
}

div.village2 {
    width: 560px;
    padding: 43px 6px 0;
    min-height: 450px!important
}

div.build {
    width: 572px
}

div#build {
    width: 556px;
    padding: 43px 10px 0
}

div.error_site {
    width: 572px;
    padding: 0
}

p.btn {
    text-align: center
}

div#textmenu {
    margin: 14px 0
}

div.clear {
    clear: both;
    width: 0;
    height: 0
}

table {
    margin: 0
}

td.aligned_coords {
    padding-left: 10px;
    padding: 2px 0;
    white-space: nowrap
}

td.aligned_coords div {
    float: right
}

td.aligned_coords div.cox {
    text-align: left
}

td.aligned_coords div.pi {
    width: 8px;
    text-align: center
}

td.aligned_coords div.coy {
    text-align: right
}

span.dur {
    white-space: nowrap
}

div#sysmsg {
    width: 522px;
    margin: auto
}

div#ce {
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999
}

div.popup3 {
    display: inline;
    border: 0 solid #000;
    padding-top: 31px;
    padding-bottom: 0;
    padding-right: 20px;
    position: fixed;
    left: calc(50% - 225px);
    top: 59px;
    z-index: 99!important;
    height: 484px;
    width: 450px
}

div.popup3 div#drag {
    position: absolute;
    right: 11px;
    top: 11px;
    height: 20px;
    width: 408px;
    z-index: 2;
    cursor: move;
    background-color: #f3f3f3
}

img.popup4 {
    position: absolute;
    width: 30px;
    height: 30px;
    z-index: 81;
    border: 0 solid #000;
    left: 25px;
    top: 0
}

div#ltime {
    width: 220px;
    height: 15px;
    position: absolute;
    top: 42px;
    right: 5px;
    z-index: 3
}

.wepkit:after {
    content: '';
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
    pointer-events: none;
    z-index: 9999;
    box-shadow: inset 50px 0 50px -25px rgba(180,30,30,.15),inset -50px 0 50px -25px rgba(180,30,30,.15);
    animation: hurtglow 1.5s ease-in-out infinite
}

@keyframes hurtglow {
    0% {
        box-shadow: inset 60px 0 50px -25px rgba(180,30,30,.25),inset -60px 0 50px -25px rgba(180,30,30,.25)
    }

    100% {
        box-shadow: inset 50px 0 50px -25px rgba(180,30,30,.15),inset -50px 0 50px -25px rgba(180,30,30,.15)
    }
}

div#dynamic_header {
    width: 100%;
    height: 28px;
    background-color: #747273;
    overflow: hidden
}

.head_Rm,.head_Rm1 {
    display: block;
    height: 100px;
    position: absolute
}

.head_Rm {
    background: url(../../img/Rm0.png) center/100% no-repeat;
    top: 0;
    left: 30%;
    width: 224px
}

.head_Rm1 {
    background: url(../../img/Rm1.png) center/100% no-repeat;
    top: 10px;
    right: 0;
    width: 200px
}

body.mod1 div#dynamic_header {
    height: 70px
}

body.mod1 div#dynamic_header div.dyn1 {
    float: right;
    width: 780px;
    height: 70px
}

body.mod1 div#dynamic_header div.dyn2 {
    float: left;
    width: 151px;
    height: 70px
}

body.mod1 iframe#ad_iframe {
    position: absolute;
    right: 168px;
    width: 468px;
    height: 60px;
    z-index: 10
}

body.mod1 div#ltime {
    top: 83px
}

body.mod1 div#res {
    top: 137px
}

body.mod2 div#dynamic_header {
    height: 100px
}

body.mod2 div#dynamic_header div.dyn1 {
    width: 100%;
    height: 100px
}

body.mod2 iframe#ad_iframe {
    position: absolute;
    right: 82px;
    top: 0;
    width: 728px;
    height: 90px;
    z-index: 10
}

body.mod2 div#ltime {
    top: 113px
}

body.mod2 div#res {
    top: 167px
}

body.mod3 div#dynamic_header div.dyn1 {
    width: 127px;
    height: 604px;
    position: absolute;
    right: 692px;
    top: 6px;
    z-index: 5
}

body.mod3 iframe#ad_iframe {
    width: 120px;
    height: 600px;
    position: absolute;
    right: 696px;
    top: 10px;
    z-index: 10
}

body.mod3 div#mtop {
    width: 692px
}

body.mod3 div#plus_div {
    margin-right: 237px
}

body.mod3 div#content {
    min-height: 469px
}

body.mod3 div#side_info {
    margin-right: 132px
}

div#mtop {
    width: 630px;
    height: 67px;
    position: relative;
    right: 231px;
    top: -7px
}

div#mtop a#_n0,div#mtop a#_n1,div#mtop a#_n2,div#mtop a#_n3,div#mtop a#_n4,div#mtop a#n0,div#mtop a#n1,div#mtop a#n2,div#mtop a#n3,div#mtop a#n4,div#mtop div#n5 {
    float: right;
    padding: 0;
    margin: 0
}

div#mtop a#x1,div#mtop a#x2,div#mtop a#x3,div#mtop a#x4,div#mtop a#x5 {
    float: right;
    padding: 0;
    margin: 0
}

div#mtop div#n5 a {
    float: left
}

div#mtop a#plus {
    float: right;
    padding: 0;
    margin-right: 115px
}

div#side_navi {
    float: right;
    width: 130px;
    position: relative
}

div#side_navi p {
    margin: 0 0 28px;
    line-height: 20px
}

div#side_navi p a {
    padding-right: 12px;
    display: block
}

div#side_navi p.deltimer {
    width: 120px;
    margin-right: 5px
}

div#side_navi p.deltimer a {
    text-align: center;
    padding: 0
}

div#side_info {
    float: right;
    padding-right: 10px;
    padding-top: 5px;
    position: relative
}

div#side_info h5 {
    margin-right: 10px
}

div#side_info h6 {
    margin: 0;
    padding: 0
}

div#side_info div.news {
    margin-right: 10px;
    width: 186px;
    padding: 6px;
    border: dashed Silver 1px
}

div#side_info div.news ul {
    padding: 0;
    margin-right: 15px
}

div#side_info table#llist {
    margin-top: 25px
}

div#footer {
    width: 100%;
    clear: both
}

div#footer div#mfoot {
    width: 812px;
    padding-top: 15px;
    padding-bottom: 30px;
    text-align: center
}

div#footer div#mfoot div.copyright {
    direction: rtl
}

div#res {
    width: 552px;
    height: 20px;
    position: absolute;
    right: 130px;
    top: 100px;
    z-index: 3;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

div#res table {
    margin: auto
}

div.login h1 {
    text-align: center
}

div.login p {
    line-height: 17px;
    text-align: center
}

div.login p.error_box {
    padding: 6px;
    border: 1px dashed #ddd
}

div.logout img.roman {
    float: left
}

div.signup h1 {
    text-align: center
}

div.signup p {
    line-height: 17px
}

div.signup p.info {
    text-align: center
}

div.signup img.roman {
    float: left
}

div.signup table#sign_input {
    margin-bottom: 15px
}

div.signup div#activation {
    float: right;
    width: 40%;
    margin-top: 15px
}

div.signup div#not_yet {
    text-align: center
}

div.signup div#no_mail {
    float: left;
    width: 60%;
    margin-top: 15px
}

div.activate h1 {
    text-align: center
}

div.activate h6 {
    margin: 0
}

div.activate p {
    line-height: 17px
}

div.activate p.info {
    text-align: center
}

div.activate ul {
    margin: 14px 0 20px;
    padding-right: 20px
}

div.village1 h1 {
    position: relative;
    margin-right: 10px;
    height: 29px;
    position: relative
}

div.village1 h1 div {
    float: right
}

div.village1 h1 div#loyality {
    position: absolute;
    top: 30px
}

div.map h1 div#loyality {
    position: absolute;
    top: 80px;
    z-index: 10000
}

div.village1 div#village_map {
    float: right;
    width: 300px;
    height: 264px;
    position: relative;
    margin-bottom: 15px
}

div.village1 img#resfeld {
    width: 300px;
    height: 264px;
    position: absolute;
    z-index: 20;
    right: 0
}

div.village1 img.reslevel {
    position: absolute;
    z-index: 10;
    width: 17px;
    height: 12px
}

div.village1 b.rf1 {
    left: 91px;
    top: 22px
}

div.village2 div#village_map .lv {
    position: absolute;
    font-size: 14px;
    font-weight: bolder;
    border: solid 1px #000;
    border-radius: 45px;
    background: linear-gradient(to top,#fdfdfd91,#e5e5e5c2,#fdfdfd91);
    backdrop-filter: blur(5px);
    width: 20px;
    height: 20px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center
}

div.village1 b.lv {
    position: absolute;
    font-size: 14px;
    border-radius: 10px;
    background-color: #fbf6bf;
    width: 21px;
    height: 22px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all ease-in .2s
}

div.village1 b.rf2 {
    left: 154px;
    top: 21px
}

div.village1 b.rf3 {
    left: 214px;
    top: 36px
}

div.village1 b.rf4 {
    left: 36px;
    top: 54px
}

div.village1 b.rf5 {
    left: 128px;
    top: 62px
}

div.village1 b.rf6 {
    left: 193px;
    top: 82px
}

div.village1 b.rf7 {
    left: 251px;
    top: 76px
}

div.village1 b.rf8 {
    left: 21px;
    top: 106px
}

div.village1 b.rf9 {
    left: 72px;
    top: 99px
}

div.village1 b.rf10 {
    left: 203px;
    top: 131px
}

div.village1 b.rf11 {
    left: 258px;
    top: 134px
}

div.village1 b.rf12 {
    left: 31px;
    top: 160px
}

div.village1 b.rf13 {
    left: 82px;
    top: 153px
}

div.village1 b.rf14 {
    left: 149px;
    top: 173px
}

div.village1 b.rf15 {
    left: 228px;
    top: 187px
}

div.village1 b.rf16 {
    left: 77px;
    top: 206px
}

div.village1 div.f13 b.rf16 {
    left: 65px!important;
    top: 202px!important
}

div.village1 b.rf17 {
    left: 130px;
    top: 218px
}

div.village1 b.rf18 {
    left: 180px;
    top: 222px
}

div.village1 img.rf1 {
    left: 93px;
    top: 27px
}

div.village1 img.rf2 {
    left: 156px;
    top: 26px
}

div.village1 img.rf3 {
    left: 216px;
    top: 41px
}

div.village1 img.rf4 {
    left: 38px;
    top: 59px
}

div.village1 img.rf5 {
    left: 130px;
    top: 67px
}

div.village1 img.rf6 {
    left: 195px;
    top: 87px
}

div.village1 img.rf7 {
    left: 253px;
    top: 81px
}

div.village1 img.rf8 {
    left: 23px;
    top: 111px
}

div.village1 img.rf9 {
    left: 74px;
    top: 104px
}

div.village1 img.rf10 {
    left: 205px;
    top: 136px
}

div.village1 img.rf11 {
    left: 260px;
    top: 139px
}

div.village1 img.rf12 {
    left: 33px;
    top: 165px
}

div.village1 img.rf13 {
    left: 84px;
    top: 158px
}

div.village1 img.rf14 {
    left: 151px;
    top: 178px
}

div.village1 img.rf15 {
    left: 230px;
    top: 192px
}

div.village1 img.rf16 {
    left: 79px;
    top: 211px
}

div.village1 img.rf17 {
    left: 132px;
    top: 223px
}

div.village1 img.rf18 {
    left: 182px;
    top: 227px
}

div.village1 div#map_details {
    float: left;
    width: 229px;
    margin-top: -9px;
    margin-left: 1px
}

div.village1 div#map_details table {
    margin-bottom: 14px
}

div.build table#building_contract {
    clear: both
}

div.village1 table#building_contract {
    clear: both;
    margin: 0 25px
}

div.village2 h1 {
    position: absolute;
    margin-right: 25px;
    z-index: 30
}

div.village2 div#village_map {
    width: 540px;
    height: 448px;
    position: relative
}

div.village2 div#village_map img {
    position: absolute
}

div.village2 div#village_map img.ww {
    z-index: 20;
    left: 155px
}

div.village2 div#village_map div#levels {
    width: 494px;
    height: 370px;
    position: absolute;
    top: 60px;
    left: 23px;
    z-index: 97;
    visibility: hidden
}

div.village2 div#village_map div#levels div {
    width: 17px;
    height: 17px;
    position: absolute;
    text-align: center;
    line-height: 17px;
    visibility: hidden
}

div.village2 div#village_map div#levels.on {
    visibility: visible
}

div.village2 div#village_map div#levels.on div {
    visibility: visible
}

div.village2 img#lswitch {
    width: 18px;
    height: 17px;
    position: absolute;
    top: 443px;
    right: 500px;
    cursor: pointer;
    z-index: 500
}

div.village2 div#village_map .dx1 {
    z-index: 5;
    left: 316px;
    top: 161px
}

div.village2 div#village_map .d1 {
    z-index: 6;
    left: 115px;
    top: 52px
}

div.village2 div#village_map .d2 {
    z-index: 9;
    left: 198px;
    top: 27px
}

div.village2 div#village_map .d3 {
    z-index: 8;
    left: 258px;
    top: 17px
}

div.village2 div#village_map .d4 {
    z-index: 9;
    left: 332px;
    top: 32px
}

div.village2 div#village_map .d5 {
    z-index: 10;
    left: 388px;
    top: 81px
}

div.village2 div#village_map .d6 {
    z-index: 11;
    left: 80px;
    top: 91px
}

div.village2 div#village_map .d7 {
    z-index: 12;
    left: 161px;
    top: 98px
}

div.village2 div#village_map .d8 {
    z-index: 13;
    left: 247px;
    top: 81px
}

div.village2 div#village_map .d9 {
    z-index: 14;
    left: 395px;
    top: 122px
}

div.village2 div#village_map .d10 {
    z-index: 15;
    left: 66px;
    top: 150px
}

div.village2 div#village_map .d11 {
    z-index: 16;
    left: 192px;
    top: 126px
}

div.village2 div#village_map .d12 {
    z-index: 17;
    left: 155px;
    top: 152px
}

div.village2 div#village_map .d13 {
    z-index: 18;
    left: 402px;
    top: 180px
}

div.village2 div#village_map .d14 {
    z-index: 19;
    left: 84px;
    top: 200px
}

div.village2 div#village_map .d15 {
    z-index: 20;
    left: 227px;
    top: 196px
}

div.village2 div#village_map .d16 {
    z-index: 21;
    left: 354px;
    top: 213px
}

div.village2 div#village_map .d17 {
    z-index: 22;
    left: 158px;
    top: 236px
}

div.village2 div#village_map .d18 {
    z-index: 23;
    left: 286px;
    top: 247px
}

div.village2 div#village_map .d19 {
    z-index: 24;
    left: 144px;
    top: 267px
}

div.village2 div#village_map .d20 {
    z-index: 25;
    left: 262px;
    top: 276px
}

div.village2 div#village_map .g40 {
    top: 138px
}

div.village2 div#village_map .g40_1 {
    top: 125px
}

div.village2 div#village_map .g40_2 {
    top: 99px
}

div.village2 div#village_map .g40_3 {
    top: 62px
}

div.village2 div#village_map .g40_4 {
    top: 53px
}

div.village2 div#village_map .g40_5 {
    top: -10px
}

div.village2 div#village_map .l39 {
    left: 320px;
    top: 161px
}

div.village2 div#village_map .l40 {
    left: 240px;
    top: 338px
}

div.village2 img.map1 {
    width: 540px;
    height: 448px;
    z-index: 98
}

div.village2 img.map2 {
    width: 422px;
    height: 339px;
    right: 63px;
    top: 40px;
    z-index: 99
}

div.village2 div#village_map img.rocket {
    z-index: 20;
    width: 75px;
    height: 140px
}

div.village2 div#village_map img.tur {
    left: 161px;
    top: 168px
}

div.village2 div#village_map img.purp {
    left: 265px;
    top: 148px
}

div.village2 div#village_map img.yell {
    left: 200px;
    top: 248px
}

div.village2 div#village_map img.oran {
    left: 300px;
    top: 0
}

div.village2 div#village_map img.green {
    left: 110px;
    top: 230px
}

div.village2 div#village_map img.red {
    left: 328px;
    top: 210px
}

div.village2 table#building_contract {
    position: relative;
    z-index: 150;
    margin: -40px 19px 0
}

div.village3 table.vil_troops {
    margin-bottom: 10px
}

div#mbig {
    width: 622px;
    height: 572px;
    border: 1px #5a595a solid
}

div#mbig div#lightframe {
    width: 604px;
    height: 554px;
    position: relative;
    right: 7px;
    top: 7px;
    border: 2px #dedfde solid
}

div#mbig div#darkframe {
    width: 600px;
    height: 550px;
    border: 2px #9c9a9c solid
}

div#mbig a#map_popclose {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 30
}

div.map h1 {
    margin-right: 25px
}

div#mbig h1 {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10
}

div#map {
    position: relative
}

div.map div#map {
    width: 552px;
    height: 375px;
    top: -26px
}

div#mbig div#map {
    width: 975px;
    height: 550px;
    top: 0;
    right: 0
}

div#map div#map_content {
    position: relative
}

div.map div#map div#map_content {
    width: 540px;
    height: 316px;
    right: 5px;
    top: 33px
}

div#mbig div#map #map_content {
    width: 971px;
    height: 550px;
    top: 0;
    right: 0
}

div#map div#map_content div {
    width: 74px;
    height: 74px;
    position: absolute
}

div#map div.Move div {
    cursor: move!important
}

div#map div#map_content div span {
    display: block;
    position: absolute;
    top: 56px;
    right: 30px;
    z-index: 49
}

div#map div#map_content div span.m6 {
    top: 58px;
    right: 32px
}

div#map a#map_makelarge {
    position: absolute;
    right: 26px;
    top: 39px;
    z-index: 50
}

div#map img#map_links {
    position: absolute
}

div.map div#map img#map_links {
    width: 540px;
    height: 316px;
    right: 5px;
    top: 33px;
    z-index: 50
}

div#mbig div#map img#map_links {
    width: 971px;
    height: 550px;
    top: 0;
    right: 0;
    z-index: 20
}

div#map img#map_navibox {
    position: absolute;
    z-index: 50
}

div#mbig div#map img#map_navibox {
    bottom: 5px;
    left: 32px
}

div.map div#map img#map_navibox {
    left: 20px;
    bottom: 0
}

div#map div#map_rulers {
    position: absolute
}

div#map div#map_rulers div {
    width: 35px;
    height: 12px;
    text-align: center;
    position: absolute
}

div#map div#map_coords {
    width: 180px;
    height: 30px;
    position: absolute;
    line-height: 20px;
    z-index: 50;
    vertical-align: top
}

div.map div#map div#map_coords {
    bottom: 26px;
    right: 30px
}

div#mbig div#map div#map_coords {
    bottom: 5px;
    right: 10px
}

div#map div#map_coords input,div#map div#map_coords span {
    float: right;
    margin-left: 5px
}

div#map div#map_coords input.text {
    width: 28px;
    margin-left: 8px
}

div#map table#map_infobox {
    position: absolute;
    z-index: 50;
    top: -20px!important;
    scale: 1.1;
    text-align: center
}

div.map div#map table#map_infobox {
    top: 0;
    left: 20px
}

div#mbig div#map table#map_infobox {
    top: 10px;
    left: 50px
}

div.map div.cropfinder_icon {
    z-index: 100;
    position: absolute;
    right: 493px;
    top: 312px
}

div.map div#map div#map_content div#i_0_0 {
    z-index: 1;
    left: 16px;
    top: 104px
}

div.map div#map div#map_content div#i_0_1 {
    z-index: 2;
    left: 52px;
    top: 84px
}

div.map div#map div#map_content div#i_0_2 {
    z-index: 3;
    left: 88px;
    top: 64px
}

div.map div#map div#map_content div#i_0_3 {
    z-index: 4;
    left: 124px;
    top: 44px
}

div.map div#map div#map_content div#i_0_4 {
    z-index: 5;
    left: 160px;
    top: 24px
}

div.map div#map div#map_content div#i_0_5 {
    z-index: 6;
    left: 196px;
    top: 4px
}

div.map div#map div#map_content div#i_0_6 {
    z-index: 7;
    left: 232px;
    top: -16px
}

div.map div#map div#map_content div#i_1_0 {
    z-index: 2;
    left: 53px;
    top: 124px
}

div.map div#map div#map_content div#i_1_1 {
    z-index: 2;
    left: 89px;
    top: 104px
}

div.map div#map div#map_content div#i_1_2 {
    z-index: 3;
    left: 125px;
    top: 84px
}

div.map div#map div#map_content div#i_1_3 {
    z-index: 4;
    left: 161px;
    top: 64px
}

div.map div#map div#map_content div#i_1_4 {
    z-index: 5;
    left: 197px;
    top: 44px
}

div.map div#map div#map_content div#i_1_5 {
    z-index: 6;
    left: 233px;
    top: 24px
}

div.map div#map div#map_content div#i_1_6 {
    z-index: 7;
    left: 269px;
    top: 4px
}

div.map div#map div#map_content div#i_2_0 {
    z-index: 3;
    left: 90px;
    top: 144px
}

div.map div#map div#map_content div#i_2_1 {
    z-index: 3;
    left: 126px;
    top: 124px
}

div.map div#map div#map_content div#i_2_2 {
    z-index: 3;
    left: 162px;
    top: 104px
}

div.map div#map div#map_content div#i_2_3 {
    z-index: 4;
    left: 198px;
    top: 84px
}

div.map div#map div#map_content div#i_2_4 {
    z-index: 5;
    left: 234px;
    top: 64px
}

div.map div#map div#map_content div#i_2_5 {
    z-index: 6;
    left: 270px;
    top: 44px
}

div.map div#map div#map_content div#i_2_6 {
    z-index: 7;
    left: 306px;
    top: 24px
}

div.map div#map div#map_content div#i_3_0 {
    z-index: 4;
    left: 127px;
    top: 164px
}

div.map div#map div#map_content div#i_3_1 {
    z-index: 4;
    left: 163px;
    top: 144px
}

div.map div#map div#map_content div#i_3_2 {
    z-index: 4;
    left: 199px;
    top: 124px
}

div.map div#map div#map_content div#i_3_3 {
    z-index: 4;
    left: 235px;
    top: 104px
}

div.map div#map div#map_content div#i_3_4 {
    z-index: 5;
    left: 271px;
    top: 84px
}

div.map div#map div#map_content div#i_3_5 {
    z-index: 6;
    left: 307px;
    top: 64px
}

div.map div#map div#map_content div#i_3_6 {
    z-index: 7;
    left: 343px;
    top: 44px
}

div.map div#map div#map_content div#i_4_0 {
    z-index: 5;
    left: 164px;
    top: 184px
}

div.map div#map div#map_content div#i_4_1 {
    z-index: 5;
    left: 200px;
    top: 164px
}

div.map div#map div#map_content div#i_4_2 {
    z-index: 5;
    left: 236px;
    top: 144px
}

div.map div#map div#map_content div#i_4_3 {
    z-index: 5;
    left: 272px;
    top: 124px
}

div.map div#map div#map_content div#i_4_4 {
    z-index: 5;
    left: 308px;
    top: 104px
}

div.map div#map div#map_content div#i_4_5 {
    z-index: 6;
    left: 344px;
    top: 84px
}

div.map div#map div#map_content div#i_4_6 {
    z-index: 7;
    left: 380px;
    top: 64px
}

div.map div#map div#map_content div#i_5_0 {
    z-index: 6;
    left: 201px;
    top: 204px
}

div.map div#map div#map_content div#i_5_1 {
    z-index: 6;
    left: 237px;
    top: 184px
}

div.map div#map div#map_content div#i_5_2 {
    z-index: 6;
    left: 273px;
    top: 164px
}

div.map div#map div#map_content div#i_5_3 {
    z-index: 6;
    left: 309px;
    top: 144px
}

div.map div#map div#map_content div#i_5_4 {
    z-index: 6;
    left: 345px;
    top: 124px
}

div.map div#map div#map_content div#i_5_5 {
    z-index: 6;
    left: 381px;
    top: 104px
}

div.map div#map div#map_content div#i_5_6 {
    z-index: 7;
    left: 417px;
    top: 84px
}

div.map div#map div#map_content div#i_6_0 {
    z-index: 7;
    left: 238px;
    top: 224px
}

div.map div#map div#map_content div#i_6_1 {
    z-index: 7;
    left: 274px;
    top: 204px
}

div.map div#map div#map_content div#i_6_2 {
    z-index: 7;
    left: 310px;
    top: 184px
}

div.map div#map div#map_content div#i_6_3 {
    z-index: 7;
    left: 346px;
    top: 164px
}

div.map div#map div#map_content div#i_6_4 {
    z-index: 7;
    left: 382px;
    top: 144px
}

div.map div#map div#map_content div#i_6_5 {
    z-index: 7;
    left: 418px;
    top: 124px
}

div.map div#map div#map_content div#i_6_6 {
    z-index: 7;
    left: 454px;
    top: 104px
}

div#mbig div#map div#map_content div#i_0_0 {
    z-index: 1;
    left: 11px;
    top: 220px
}

div#mbig div#map div#map_content div#i_0_1 {
    z-index: 2;
    left: 47px;
    top: 200px
}

div#mbig div#map div#map_content div#i_0_2 {
    z-index: 3;
    left: 83px;
    top: 180px
}

div#mbig div#map div#map_content div#i_0_3 {
    z-index: 4;
    left: 119px;
    top: 160px
}

div#mbig div#map div#map_content div#i_0_4 {
    z-index: 5;
    left: 155px;
    top: 140px
}

div#mbig div#map div#map_content div#i_0_5 {
    z-index: 6;
    left: 191px;
    top: 120px
}

div#mbig div#map div#map_content div#i_0_6 {
    z-index: 7;
    left: 227px;
    top: 100px
}

div#mbig div#map div#map_content div#i_0_7 {
    z-index: 8;
    left: 263px;
    top: 80px
}

div#mbig div#map div#map_content div#i_0_8 {
    z-index: 9;
    left: 299px;
    top: 60px
}

div#mbig div#map div#map_content div#i_0_9 {
    z-index: 10;
    left: 335px;
    top: 40px
}

div#mbig div#map div#map_content div#i_0_10 {
    z-index: 11;
    left: 371px;
    top: 20px
}

div#mbig div#map div#map_content div#i_0_11 {
    z-index: 12;
    left: 407px;
    top: 0
}

div#mbig div#map div#map_content div#i_0_12 {
    z-index: 13;
    left: 443px;
    top: -20px
}

div#mbig div#map div#map_content div#i_1_0 {
    z-index: 2;
    left: 48px;
    top: 240px
}

div#mbig div#map div#map_content div#i_1_1 {
    z-index: 2;
    left: 84px;
    top: 220px
}

div#mbig div#map div#map_content div#i_1_2 {
    z-index: 3;
    left: 120px;
    top: 200px
}

div#mbig div#map div#map_content div#i_1_3 {
    z-index: 4;
    left: 156px;
    top: 180px
}

div#mbig div#map div#map_content div#i_1_4 {
    z-index: 5;
    left: 192px;
    top: 160px
}

div#mbig div#map div#map_content div#i_1_5 {
    z-index: 6;
    left: 228px;
    top: 140px
}

div#mbig div#map div#map_content div#i_1_6 {
    z-index: 7;
    left: 264px;
    top: 120px
}

div#mbig div#map div#map_content div#i_1_7 {
    z-index: 8;
    left: 300px;
    top: 100px
}

div#mbig div#map div#map_content div#i_1_8 {
    z-index: 9;
    left: 336px;
    top: 80px
}

div#mbig div#map div#map_content div#i_1_9 {
    z-index: 10;
    left: 372px;
    top: 60px
}

div#mbig div#map div#map_content div#i_1_10 {
    z-index: 11;
    left: 408px;
    top: 40px
}

div#mbig div#map div#map_content div#i_1_11 {
    z-index: 12;
    left: 444px;
    top: 20px
}

div#mbig div#map div#map_content div#i_1_12 {
    z-index: 13;
    left: 480px;
    top: 0
}

div#mbig div#map div#map_content div#i_2_0 {
    z-index: 3;
    left: 85px;
    top: 260px
}

div#mbig div#map div#map_content div#i_2_1 {
    z-index: 3;
    left: 121px;
    top: 240px
}

div#mbig div#map div#map_content div#i_2_2 {
    z-index: 3;
    left: 157px;
    top: 220px
}

div#mbig div#map div#map_content div#i_2_3 {
    z-index: 4;
    left: 193px;
    top: 200px
}

div#mbig div#map div#map_content div#i_2_4 {
    z-index: 5;
    left: 229px;
    top: 180px
}

div#mbig div#map div#map_content div#i_2_5 {
    z-index: 6;
    left: 265px;
    top: 160px
}

div#mbig div#map div#map_content div#i_2_6 {
    z-index: 7;
    left: 301px;
    top: 140px
}

div#mbig div#map div#map_content div#i_2_7 {
    z-index: 8;
    left: 337px;
    top: 120px
}

div#mbig div#map div#map_content div#i_2_8 {
    z-index: 9;
    left: 373px;
    top: 100px
}

div#mbig div#map div#map_content div#i_2_9 {
    z-index: 10;
    left: 409px;
    top: 80px
}

div#mbig div#map div#map_content div#i_2_10 {
    z-index: 11;
    left: 445px;
    top: 60px
}

div#mbig div#map div#map_content div#i_2_11 {
    z-index: 12;
    left: 481px;
    top: 40px
}

div#mbig div#map div#map_content div#i_2_12 {
    z-index: 13;
    left: 517px;
    top: 20px
}

div#mbig div#map div#map_content div#i_3_0 {
    z-index: 4;
    left: 122px;
    top: 280px
}

div#mbig div#map div#map_content div#i_3_1 {
    z-index: 4;
    left: 158px;
    top: 260px
}

div#mbig div#map div#map_content div#i_3_2 {
    z-index: 4;
    left: 194px;
    top: 240px
}

div#mbig div#map div#map_content div#i_3_3 {
    z-index: 4;
    left: 230px;
    top: 220px
}

div#mbig div#map div#map_content div#i_3_4 {
    z-index: 5;
    left: 266px;
    top: 200px
}

div#mbig div#map div#map_content div#i_3_5 {
    z-index: 6;
    left: 302px;
    top: 180px
}

div#mbig div#map div#map_content div#i_3_6 {
    z-index: 7;
    left: 338px;
    top: 160px
}

div#mbig div#map div#map_content div#i_3_7 {
    z-index: 8;
    left: 374px;
    top: 140px
}

div#mbig div#map div#map_content div#i_3_8 {
    z-index: 9;
    left: 410px;
    top: 120px
}

div#mbig div#map div#map_content div#i_3_9 {
    z-index: 10;
    left: 446px;
    top: 100px
}

div#mbig div#map div#map_content div#i_3_10 {
    z-index: 11;
    left: 482px;
    top: 80px
}

div#mbig div#map div#map_content div#i_3_11 {
    z-index: 12;
    left: 518px;
    top: 60px
}

div#mbig div#map div#map_content div#i_3_12 {
    z-index: 13;
    left: 554px;
    top: 40px
}

div#mbig div#map div#map_content div#i_4_0 {
    z-index: 5;
    left: 159px;
    top: 300px
}

div#mbig div#map div#map_content div#i_4_1 {
    z-index: 5;
    left: 195px;
    top: 280px
}

div#mbig div#map div#map_content div#i_4_2 {
    z-index: 5;
    left: 231px;
    top: 260px
}

div#mbig div#map div#map_content div#i_4_3 {
    z-index: 5;
    left: 267px;
    top: 240px
}

div#mbig div#map div#map_content div#i_4_4 {
    z-index: 5;
    left: 303px;
    top: 220px
}

div#mbig div#map div#map_content div#i_4_5 {
    z-index: 6;
    left: 339px;
    top: 200px
}

div#mbig div#map div#map_content div#i_4_6 {
    z-index: 7;
    left: 375px;
    top: 180px
}

div#mbig div#map div#map_content div#i_4_7 {
    z-index: 8;
    left: 411px;
    top: 160px
}

div#mbig div#map div#map_content div#i_4_8 {
    z-index: 9;
    left: 447px;
    top: 140px
}

div#mbig div#map div#map_content div#i_4_9 {
    z-index: 10;
    left: 483px;
    top: 120px
}

div#mbig div#map div#map_content div#i_4_10 {
    z-index: 11;
    left: 519px;
    top: 100px
}

div#mbig div#map div#map_content div#i_4_11 {
    z-index: 12;
    left: 555px;
    top: 80px
}

div#mbig div#map div#map_content div#i_4_12 {
    z-index: 13;
    left: 591px;
    top: 60px
}

div#mbig div#map div#map_content div#i_5_0 {
    z-index: 6;
    left: 196px;
    top: 320px
}

div#mbig div#map div#map_content div#i_5_1 {
    z-index: 6;
    left: 232px;
    top: 300px
}

div#mbig div#map div#map_content div#i_5_2 {
    z-index: 6;
    left: 268px;
    top: 280px
}

div#mbig div#map div#map_content div#i_5_3 {
    z-index: 6;
    left: 304px;
    top: 260px
}

div#mbig div#map div#map_content div#i_5_4 {
    z-index: 6;
    left: 340px;
    top: 240px
}

div#mbig div#map div#map_content div#i_5_5 {
    z-index: 6;
    left: 376px;
    top: 220px
}

div#mbig div#map div#map_content div#i_5_6 {
    z-index: 7;
    left: 412px;
    top: 200px
}

div#mbig div#map div#map_content div#i_5_7 {
    z-index: 8;
    left: 448px;
    top: 180px
}

div#mbig div#map div#map_content div#i_5_8 {
    z-index: 9;
    left: 484px;
    top: 160px
}

div#mbig div#map div#map_content div#i_5_9 {
    z-index: 10;
    left: 520px;
    top: 140px
}

div#mbig div#map div#map_content div#i_5_10 {
    z-index: 11;
    left: 556px;
    top: 120px
}

div#mbig div#map div#map_content div#i_5_11 {
    z-index: 12;
    left: 592px;
    top: 100px
}

div#mbig div#map div#map_content div#i_5_12 {
    z-index: 13;
    left: 628px;
    top: 80px
}

div#mbig div#map div#map_content div#i_6_0 {
    z-index: 7;
    left: 233px;
    top: 340px
}

div#mbig div#map div#map_content div#i_6_1 {
    z-index: 7;
    left: 269px;
    top: 320px
}

div#mbig div#map div#map_content div#i_6_2 {
    z-index: 7;
    left: 305px;
    top: 300px
}

div#mbig div#map div#map_content div#i_6_3 {
    z-index: 7;
    left: 341px;
    top: 280px
}

div#mbig div#map div#map_content div#i_6_4 {
    z-index: 7;
    left: 377px;
    top: 260px
}

div#mbig div#map div#map_content div#i_6_5 {
    z-index: 7;
    left: 413px;
    top: 240px
}

div#mbig div#map div#map_content div#i_6_6 {
    z-index: 7;
    left: 449px;
    top: 220px
}

div#mbig div#map div#map_content div#i_6_7 {
    z-index: 8;
    left: 485px;
    top: 200px
}

div#mbig div#map div#map_content div#i_6_8 {
    z-index: 9;
    left: 521px;
    top: 180px
}

div#mbig div#map div#map_content div#i_6_9 {
    z-index: 10;
    left: 557px;
    top: 160px
}

div#mbig div#map div#map_content div#i_6_10 {
    z-index: 11;
    left: 593px;
    top: 140px
}

div#mbig div#map div#map_content div#i_6_11 {
    z-index: 12;
    left: 629px;
    top: 120px
}

div#mbig div#map div#map_content div#i_6_12 {
    z-index: 13;
    left: 665px;
    top: 100px
}

div#mbig div#map div#map_content div#i_7_0 {
    z-index: 8;
    left: 270px;
    top: 360px
}

div#mbig div#map div#map_content div#i_7_1 {
    z-index: 8;
    left: 306px;
    top: 340px
}

div#mbig div#map div#map_content div#i_7_2 {
    z-index: 8;
    left: 342px;
    top: 320px
}

div#mbig div#map div#map_content div#i_7_3 {
    z-index: 8;
    left: 378px;
    top: 300px
}

div#mbig div#map div#map_content div#i_7_4 {
    z-index: 8;
    left: 414px;
    top: 280px
}

div#mbig div#map div#map_content div#i_7_5 {
    z-index: 8;
    left: 450px;
    top: 260px
}

div#mbig div#map div#map_content div#i_7_6 {
    z-index: 8;
    left: 486px;
    top: 240px
}

div#mbig div#map div#map_content div#i_7_7 {
    z-index: 8;
    left: 522px;
    top: 220px
}

div#mbig div#map div#map_content div#i_7_8 {
    z-index: 9;
    left: 558px;
    top: 200px
}

div#mbig div#map div#map_content div#i_7_9 {
    z-index: 10;
    left: 594px;
    top: 180px
}

div#mbig div#map div#map_content div#i_7_10 {
    z-index: 11;
    left: 630px;
    top: 160px
}

div#mbig div#map div#map_content div#i_7_11 {
    z-index: 12;
    left: 666px;
    top: 140px
}

div#mbig div#map div#map_content div#i_7_12 {
    z-index: 13;
    left: 702px;
    top: 120px
}

div#mbig div#map div#map_content div#i_8_0 {
    z-index: 9;
    left: 307px;
    top: 380px
}

div#mbig div#map div#map_content div#i_8_1 {
    z-index: 9;
    left: 343px;
    top: 360px
}

div#mbig div#map div#map_content div#i_8_2 {
    z-index: 9;
    left: 379px;
    top: 340px
}

div#mbig div#map div#map_content div#i_8_3 {
    z-index: 9;
    left: 415px;
    top: 320px
}

div#mbig div#map div#map_content div#i_8_4 {
    z-index: 9;
    left: 451px;
    top: 300px
}

div#mbig div#map div#map_content div#i_8_5 {
    z-index: 9;
    left: 487px;
    top: 280px
}

div#mbig div#map div#map_content div#i_8_6 {
    z-index: 9;
    left: 523px;
    top: 260px
}

div#mbig div#map div#map_content div#i_8_7 {
    z-index: 9;
    left: 559px;
    top: 240px
}

div#mbig div#map div#map_content div#i_8_8 {
    z-index: 9;
    left: 595px;
    top: 220px
}

div#mbig div#map div#map_content div#i_8_9 {
    z-index: 10;
    left: 631px;
    top: 200px
}

div#mbig div#map div#map_content div#i_8_10 {
    z-index: 11;
    left: 667px;
    top: 180px
}

div#mbig div#map div#map_content div#i_8_11 {
    z-index: 12;
    left: 703px;
    top: 160px
}

div#mbig div#map div#map_content div#i_8_12 {
    z-index: 13;
    left: 739px;
    top: 140px
}

div#mbig div#map div#map_content div#i_9_0 {
    z-index: 10;
    left: 344px;
    top: 400px
}

div#mbig div#map div#map_content div#i_9_1 {
    z-index: 10;
    left: 380px;
    top: 380px
}

div#mbig div#map div#map_content div#i_9_2 {
    z-index: 10;
    left: 416px;
    top: 360px
}

div#mbig div#map div#map_content div#i_9_3 {
    z-index: 10;
    left: 452px;
    top: 340px
}

div#mbig div#map div#map_content div#i_9_4 {
    z-index: 10;
    left: 488px;
    top: 320px
}

div#mbig div#map div#map_content div#i_9_5 {
    z-index: 10;
    left: 524px;
    top: 300px
}

div#mbig div#map div#map_content div#i_9_6 {
    z-index: 10;
    left: 560px;
    top: 280px
}

div#mbig div#map div#map_content div#i_9_7 {
    z-index: 10;
    left: 596px;
    top: 260px
}

div#mbig div#map div#map_content div#i_9_8 {
    z-index: 10;
    left: 632px;
    top: 240px
}

div#mbig div#map div#map_content div#i_9_9 {
    z-index: 10;
    left: 668px;
    top: 220px
}

div#mbig div#map div#map_content div#i_9_10 {
    z-index: 11;
    left: 704px;
    top: 200px
}

div#mbig div#map div#map_content div#i_9_11 {
    z-index: 12;
    left: 740px;
    top: 180px
}

div#mbig div#map div#map_content div#i_9_12 {
    z-index: 13;
    left: 776px;
    top: 160px
}

div#mbig div#map div#map_content div#i_10_0 {
    z-index: 11;
    left: 381px;
    top: 420px
}

div#mbig div#map div#map_content div#i_10_1 {
    z-index: 11;
    left: 417px;
    top: 400px
}

div#mbig div#map div#map_content div#i_10_2 {
    z-index: 11;
    left: 453px;
    top: 380px
}

div#mbig div#map div#map_content div#i_10_3 {
    z-index: 11;
    left: 489px;
    top: 360px
}

div#mbig div#map div#map_content div#i_10_4 {
    z-index: 11;
    left: 525px;
    top: 340px
}

div#mbig div#map div#map_content div#i_10_5 {
    z-index: 11;
    left: 561px;
    top: 320px
}

div#mbig div#map div#map_content div#i_10_6 {
    z-index: 11;
    left: 597px;
    top: 300px
}

div#mbig div#map div#map_content div#i_10_7 {
    z-index: 11;
    left: 633px;
    top: 280px
}

div#mbig div#map div#map_content div#i_10_8 {
    z-index: 11;
    left: 669px;
    top: 260px
}

div#mbig div#map div#map_content div#i_10_9 {
    z-index: 11;
    left: 705px;
    top: 240px
}

div#mbig div#map div#map_content div#i_10_10 {
    z-index: 11;
    left: 741px;
    top: 220px
}

div#mbig div#map div#map_content div#i_10_11 {
    z-index: 12;
    left: 777px;
    top: 200px
}

div#mbig div#map div#map_content div#i_10_12 {
    z-index: 13;
    left: 813px;
    top: 180px
}

div#mbig div#map div#map_content div#i_11_0 {
    z-index: 12;
    left: 418px;
    top: 440px
}

div#mbig div#map div#map_content div#i_11_1 {
    z-index: 12;
    left: 454px;
    top: 420px
}

div#mbig div#map div#map_content div#i_11_2 {
    z-index: 12;
    left: 490px;
    top: 400px
}

div#mbig div#map div#map_content div#i_11_3 {
    z-index: 12;
    left: 526px;
    top: 380px
}

div#mbig div#map div#map_content div#i_11_4 {
    z-index: 12;
    left: 562px;
    top: 360px
}

div#mbig div#map div#map_content div#i_11_5 {
    z-index: 12;
    left: 598px;
    top: 340px
}

div#mbig div#map div#map_content div#i_11_6 {
    z-index: 12;
    left: 634px;
    top: 320px
}

div#mbig div#map div#map_content div#i_11_7 {
    z-index: 12;
    left: 670px;
    top: 300px
}

div#mbig div#map div#map_content div#i_11_8 {
    z-index: 12;
    left: 706px;
    top: 280px
}

div#mbig div#map div#map_content div#i_11_9 {
    z-index: 12;
    left: 742px;
    top: 260px
}

div#mbig div#map div#map_content div#i_11_10 {
    z-index: 12;
    left: 778px;
    top: 240px
}

div#mbig div#map div#map_content div#i_11_11 {
    z-index: 12;
    left: 814px;
    top: 220px
}

div#mbig div#map div#map_content div#i_11_12 {
    z-index: 13;
    left: 850px;
    top: 200px
}

div#mbig div#map div#map_content div#i_12_0 {
    z-index: 13;
    left: 455px;
    top: 460px
}

div#mbig div#map div#map_content div#i_12_1 {
    z-index: 13;
    left: 491px;
    top: 440px
}

div#mbig div#map div#map_content div#i_12_2 {
    z-index: 13;
    left: 527px;
    top: 420px
}

div#mbig div#map div#map_content div#i_12_3 {
    z-index: 13;
    left: 563px;
    top: 400px
}

div#mbig div#map div#map_content div#i_12_4 {
    z-index: 13;
    left: 599px;
    top: 380px
}

div#mbig div#map div#map_content div#i_12_5 {
    z-index: 13;
    left: 635px;
    top: 360px
}

div#mbig div#map div#map_content div#i_12_6 {
    z-index: 13;
    left: 671px;
    top: 340px
}

div#mbig div#map div#map_content div#i_12_7 {
    z-index: 13;
    left: 707px;
    top: 320px
}

div#mbig div#map div#map_content div#i_12_8 {
    z-index: 13;
    left: 743px;
    top: 300px
}

div#mbig div#map div#map_content div#i_12_9 {
    z-index: 13;
    left: 779px;
    top: 280px
}

div#mbig div#map div#map_content div#i_12_10 {
    z-index: 13;
    left: 815px;
    top: 260px
}

div#mbig div#map div#map_content div#i_12_11 {
    z-index: 13;
    left: 851px;
    top: 240px
}

div#mbig div#map div#map_content div#i_12_12 {
    z-index: 13;
    left: 887px;
    top: 220px
}

div.map div#map div#map_rulers {
    width: 540px;
    height: 316px;
    right: 5px;
    top: 34px;
    z-index: 30
}

div.map div#map div#map_rulers #my6 {
    right: 9px;
    top: 172px
}

div.map div#map div#map_rulers #my5 {
    right: 45px;
    top: 192px
}

div.map div#map div#map_rulers #my4 {
    right: 81px;
    top: 212px
}

div.map div#map div#map_rulers #my3 {
    right: 117px;
    top: 232px;
    color: red
}

div.map div#map div#map_rulers #my2 {
    right: 153px;
    top: 252px
}

div.map div#map div#map_rulers #my1 {
    right: 189px;
    top: 272px
}

div.map div#map div#map_rulers #my0 {
    right: 225px;
    top: 292px
}

div.map div#map div#map_rulers #mx6 {
    right: 9px;
    top: 128px
}

div.map div#map div#map_rulers #mx5 {
    right: 45px;
    top: 108px
}

div.map div#map div#map_rulers #mx4 {
    right: 81px;
    top: 88px
}

div.map div#map div#map_rulers #mx3 {
    right: 117px;
    top: 68px;
    color: red
}

div.map div#map div#map_rulers #mx2 {
    right: 153px;
    top: 48px
}

div.map div#map div#map_rulers #mx1 {
    right: 189px;
    top: 28px
}

div.map div#map div#map_rulers #mx0 {
    right: 225px;
    top: 8px
}

div#mbig div#map div#map_rulers {
    width: 971px;
    height: 550px;
    top: 0;
    right: 0;
    z-index: 10
}

div#mbig div#map div#map_rulers div#my12 {
    right: 4px;
    top: 288px
}

div#mbig div#map div#map_rulers div#my11 {
    right: 40px;
    top: 308px
}

div#mbig div#map div#map_rulers div#my10 {
    right: 76px;
    top: 328px
}

div#mbig div#map div#map_rulers div#my9 {
    right: 112px;
    top: 348px
}

div#mbig div#map div#map_rulers div#my8 {
    right: 148px;
    top: 368px
}

div#mbig div#map div#map_rulers div#my7 {
    right: 184px;
    top: 388px
}

div#mbig div#map div#map_rulers div#my6 {
    right: 220px;
    top: 408px
}

div#mbig div#map div#map_rulers div#my5 {
    right: 256px;
    top: 428px
}

div#mbig div#map div#map_rulers div#my4 {
    right: 292px;
    top: 448px
}

div#mbig div#map div#map_rulers div#my3 {
    right: 328px;
    top: 469px
}

div#mbig div#map div#map_rulers div#my2 {
    right: 364px;
    top: 489px
}

div#mbig div#map div#map_rulers div#my1 {
    right: 400px;
    top: 509px
}

div#mbig div#map div#map_rulers div#my0 {
    right: 436px;
    top: 529px
}

div#mbig div#map div#map_rulers div#mx12 {
    right: 4px;
    top: 244px
}

div#mbig div#map div#map_rulers div#mx11 {
    right: 40px;
    top: 224px
}

div#mbig div#map div#map_rulers div#mx10 {
    right: 76px;
    top: 204px
}

div#mbig div#map div#map_rulers div#mx9 {
    right: 112px;
    top: 184px
}

div#mbig div#map div#map_rulers div#mx8 {
    right: 148px;
    top: 164px
}

div#mbig div#map div#map_rulers div#mx7 {
    right: 184px;
    top: 144px
}

div#mbig div#map div#map_rulers div#mx6 {
    right: 220px;
    top: 124px
}

div#mbig div#map div#map_rulers div#mx5 {
    right: 256px;
    top: 104px
}

div#mbig div#map div#map_rulers div#mx4 {
    right: 292px;
    top: 84px
}

div#mbig div#map div#map_rulers div#mx3 {
    right: 328px;
    top: 64px
}

div#mbig div#map div#map_rulers div#mx2 {
    right: 364px;
    top: 43px
}

div#mbig div#map div#map_rulers div#mx1 {
    right: 400px;
    top: 23px
}

div#mbig div#map div#map_rulers div#mx0 {
    right: 436px;
    top: 3px
}

div#mbig div#map div#map_rulers div#mapa {
    width: 960px;
    height: 548px
}

div.map h1 div {
    float: right
}

div.map div#dmain {
    position: relative;
    top: -7px;
    right: 25px;
    z-index: 100;
    margin-bottom: -16px
}

div.map img#detailed_map {
    float: right;
    position: relative;
    right: 15px;
    margin-bottom: 2px
}

div.map div#map_details {
    float: left;
    margin-left: 3px
}

div.map div#map_details table {
    margin-bottom: 15px
}

div.map table#options {
    margin: 0 25px
}

div.map table#raidFavs {
    margin: 0 auto
}

div.map table#raidDetails {
    margin: 25px auto 0
}

div.player table {
    margin-top: 25px
}

div.player table#profile {
    margin-top: 0
}

div.player table#edit {
    margin-top: 0
}

div.player table#links {
    margin-top: 0
}

div.player table#change_pass {
    margin-top: 0
}

div.player table#gpack {
    margin-top: 0
}

div.player div#gpack_popup {
    width: 442px;
    height: 290px;
    padding: 30px;
    position: absolute;
    z-index: 80;
    top: 80px;
    border: 0 solid #000
}

div.player div#gpack_popup img.logo {
    float: right;
    margin-left: 20px
}

div.player div#gpack_popup ul {
    margin-top: 20px;
    margin-right: 0;
    padding-right: 25px
}

div.player div#gpack_popup div.btn {
    position: absolute;
    bottom: 20px;
    width: 442px;
    text-align: center
}

div.player div#gpack_popup div#gpack_activate {
    display: none
}

div.player div#gpack_popup div#gpack_activate img#preview {
    margin: 10px 0
}

div.player p.ie_notice {
    padding: 6px;
    border: 1px dashed #ddd
}

div.alliance table#member {
    margin-top: 25px
}

div.alliance table#rights {
    margin-top: 10px
}

div.alliance table#medals {
    margin-top: 25px
}

div.alliance table#own {
    margin-top: 25px
}

div.alliance table#chat_input {
    background-color: #fff
}

div.alliance div#rooms img.del {
    position: relative;
    top: 3px
}

div.alliance span.roomselector {
    float: right;
    width: 140px;
    height: 17px;
    padding: 3px;
    border: 1px solid #ddd;
    background-color: #fff
}

div.alliance span.roomselectorActive {
    float: right;
    width: 140px;
    height: 17px;
    padding: 3px;
    border: 1px solid #71d000;
    background-color: #f0fff0
}

div.alliance div.chatHeader {
    border: 1px solid #ddd;
    width: 496px;
    padding: 2px;
    height: 16px;
    background-color: #fff;
    text-align: center
}

div.alliance div#box,div.alliance table.dipl {
    float: right
}

div.alliance table.infos {
    float: left
}

div.alliance table#own {
    margin-top: 25px
}

div.alliance table#foreign {
    margin-top: 10px
}

div.alliance table#existing {
    margin-top: 10px
}

div.alliance table#tip {
    margin-top: 25px
}

div#submenu {
    position: relative;
    float: left;
    z-index: 99
}

div#submenu2 {
    position: relative;
    float: right;
    z-index: 99
}

div.alliance div#submenu img {
    float: left;
    margin-right: 5px
}

div.forum a.mad {
    position: relative;
    right: -15px;
    top: 50px;
    margin-right: 50%
}

div.forum img.switch_admin {
    margin-right: 5px
}

div.forum h4 {
    margin-top: 0;
    margin-left: 0;
    margin-bottom: 15px;
    margin-right: 5px
}

div.forum table#alliance,div.forum table#closed,div.forum table#confederation,div.forum table#public {
    margin-top: 10px
}

div.forum table#ally_list,div.forum table#conf_list,div.forum table#non_conf_list,div.forum table#open_user,div.forum table#user_list {
    margin-top: 15px
}

div.statistics table {
    margin-top: 5px
}

div.statistics div#submenu {
    left: 5px
}

div.statistics div#submenu2 {
    right: 5px
}

div#submenu a,div#submenu2 a {
    display: inline;
    z-index: 100
}

div.statistics div#submenu img {
    float: left;
    margin-right: 1px
}

div.statistics div#submenu2 img {
    float: right;
    margin-left: 1px
}

div.statistics table.top10 {
    margin-top: 10px;
    margin-bottom: 5px
}

div.statistics div.graph {
    padding-top: 20px;
    padding-right: 60px;
    width: 430px;
    height: 220px
}

div.statistics div.legende {
    border: solid #000 1px;
    background-color: #ebebeb;
    padding: 3px 5px;
    float: right;
    line-height: 17px
}

div.statistics div.legende div.box {
    width: 9px;
    height: 9px;
    font-size: 0;
    border: solid 1px #000;
    float: right;
    margin: 4px 4px 0
}

div.reports td.report_content table {
    margin-bottom: 15px
}

div.messages div.msg_head {
    width: 440px;
    height: 41px
}

div.messages div.msg_content {
    width: 440px;
    padding-top: 3px;
    position: relative
}

div.messages div.msg_content img#label {
    float: right;
    margin-right: 12px
}

div.messages div.msg_content div#heading {
    float: right;
    padding-right: 4px;
    padding-left: 4px
}

div.messages div.msg_content div#heading * {
    padding: 0;
    margin: 0;
    height: 19px
}

div.messages div.msg_content div#line {
    width: 440px;
    height: 30px
}

div.messages div.msg_content p.btn {
    margin: 7px 0 0
}

div.messages div.msg_foot {
    width: 440px;
    height: 18px
}

div.messages div#read_content div#heading div {
    width: 250px
}

div.messages div#read_content div#time {
    float: left;
    padding-left: 12px;
    margin-top: 2px
}

div.messages div#read_content div#time div {
    padding: 0;
    margin: 0;
    height: 19px;
    text-align: left
}

div.messages div#read_content div#message {
    width: 412px;
    min-height: 256px;
    border: none;
    padding: 0 0 20px;
    margin-right: 12px;
    overflow-x: auto;
    overflow-y: hidden;
    line-height: 16px
}

div.messages #write_content div#heading input {
    border: none;
    width: 267px
}

div.messages #write_content div#heading a {
    border: none;
    width: -webkit-fill-available;
    display: table
}

div.messages #write_content a#adbook {
    width: 48px;
    height: 29px;
    float: left;
    display: block;
    margin: 7px 12px 0
}

div.messages #write_content textarea {
    width: 412px;
    height: 258px;
    border: none;
    padding: 0;
    margin-right: 12px;
    line-height: 16px
}

div.messages div#adressbook {
    width: 405px;
    height: 273px;
    position: absolute;
    right: 1px;
    bottom: -9px;
    z-index: 80;
    text-align: center;
    padding: 15px
}

div.messages div#adressbook img#close {
    position: absolute;
    width: 20px;
    height: 20px;
    z-index: 81;
    border: 0 solid #000;
    right: 404px;
    top: 9px
}

div.messages div#adressbook span.enough {
    text-align: center;
    margin-top: 6px
}

div.messages table#friendlist {
    margin-top: 5px
}

div.messages div#block {
    width: 430px;
    height: 419px;
    position: relative;
    margin: 0 auto
}

div.messages div#block textarea {
    width: 265px;
    height: 256px;
    position: absolute;
    top: 40px;
    right: 80px;
    border: none;
    padding: 0;
    line-height: 16px
}

div.messages div#block p.btn {
    position: relative;
    top: 305px
}

div#build p.switch {
    text-align: left
}

div#build h2 {
    margin: 15px 0 10px
}

div#build a.build_logo img {
    scale: 1.5;
    left: 25px;
    transform: none;
    margin-right: 5px;
    position: absolute;
    top: 35px
}

div#build p.build_desc {
    padding-left: 70px
}

div#build table.under_progress {
    margin-top: 15px
}

div#build.gid0 h1 {
    margin-bottom: 25px
}

div#build.gid0 h2 {
    margin-bottom: 15px
}

div#build.gid0 table.new_building {
    margin-bottom: 25px
}

div#build.gid15 h2 {
    margin-top: 25px
}

div#build.gid15 select.dropdown {
    width: 200px
}

div#build.gid15 input#btn_demolish {
    margin-right: 15px;
    position: relative;
    top: 5px
}

div#build a.build_logo img.g16 {
    top: 45px
}

div#build.gid16 div#textmenu {
    white-space: nowrap;
    position: relative
}

div#build.gid16 h4 {
    margin-top: 20px
}

div#build.gid16 table.troop_details {
    margin-bottom: 5px
}

div#build.gid16 table#raidList {
    margin-bottom: 10px
}

div#build.gid12 table.troop_prop td,div#build.gid12 table.troop_prop th {
    padding: 2px 4px
}

div#build.gid12 table.troop_prop tbody td {
    white-space: nowrap;
    text-align: center
}

div#build.gid13 table.troop_prop td,div#build.gid13 table.troop_prop th {
    padding: 2px 4px
}

div#build.gid13 table.troop_prop tbody td {
    white-space: nowrap;
    text-align: center
}

div#build.gid17 table.send_res {
    float: right
}

div#build.gid17 table.res_target {
    float: right;
    margin-right: 20px
}

div#build.gid17 table.buy_select {
    float: right
}

div#build.gid17 table#ratio_select {
    margin-right: 20px
}

div#build.gid17 table#bid_select {
    margin-right: 20px
}

div#build.gid17 table#range {
    margin-top: 20px
}

div#build.gid17 p#submitText {
    margin-top: 5px;
    display: block
}

div#build.gid17 p#submitButton {
    margin-top: 5px;
    display: none
}

div#build.gid17 table.traders {
    margin-bottom: 15px
}

div#build.gid17 p.info {
    margin-top: 5px
}

div#build.gid17 p.info img {
    margin-left: 2px
}

div#build.gid26 table#main {
    margin-top: 15px
}

div#build.gid27 table#near {
    margin-top: 20px
}

div#build.gid40 p.build_desc {
    padding-left: 200px
}

div#build.gid40 p.nam {
    text-align: center
}

body.manual img.troops {
    position: absolute;
    left: 10px;
    top: 80px
}

body.manual img.buildings {
    position: absolute;
    left: 10px;
    top: 170px
}

body.manual img.navi {
    position: absolute;
    z-index: 82;
    right: 145px;
    top: 420px
}

body.manual table#troop_info {
    margin-top: 6px;
    margin-left: 0;
    margin-bottom: 30px;
    margin-right: 2px
}

body.manual div#t_desc {
    margin-top: 30px
}

body.manual img#big_unit {
    position: absolute;
    right: 260px;
    top: 95px
}

body.manual div#prereqs {
    margin-top: 15px
}

body.manual img.building {
    float: left;
    margin-top: -40px;
    margin-left: 25px;
    margin-bottom: 10px;
    margin-right: 10px
}

body.manual img.g16 {
    margin-top: 0;
    margin-left: 25px;
    margin-bottom: 10px;
    margin-right: 10px
}

body.manual img.g40 {
    margin-top: -20px;
    margin-left: 15px;
    margin-bottom: 10px;
    margin-right: 10px
}

body.manual p.medals {
    text-align: center
}

body.manual ul.goldclub {
    padding-right: 25px;
    margin-top: 0
}

div#side_info div#anm {
    border: 1px #555 solid;
    position: absolute;
    z-index: 1000
}

div#side_info div#qge {
    padding: 4px
}

div#side_info div#qge img {
    display: block;
    cursor: pointer;
    position: relative
}

div.quest div#qstd {
    width: 415px;
    position: relative;
    z-index: 10
}

div.quest div#qstd span#qst_accept a.qri,div.quest div#qstd span#qst_accpt a.qle {
    display: block
}

div.quest div#qstd span#qst_accpt a.qle {
    float: right;
    text-align: right
}

div.quest div#qstd span#qst_accpt a.qri {
    float: left;
    text-align: left
}

div.quest div#qstd span.qcoords input {
    width: 60px
}

div.quest div.rew p.ta_aw {
    margin: 0 0 5px
}

div.quest div#qstd input.qb1 {
    float: left;
    margin: 0 12px
}

div.quest div#qstd input.qb2 {
    float: right;
    margin: 0 12px
}

div.a2b p.btn {
    text-align: right
}

div.a2b .slots {
    margin-top: 5px;
    margin-bottom: 10px
}

div.a2b table#troops {
    margin-top: 5px
}

div.a2b table#coords {
    margin-top: 25px;
    margin-left: 0;
    margin-bottom: 10px;
    margin-right: 5px
}

div.a2b table.troop_details {
    margin: 15px 0
}

div.cropfinder div.cropfinder_input {
    margin: 15px 0;
    padding: 5px
}

div.cropfinder div.cropfinder_input div.row {
    height: 19px;
    line-height: 19px;
    margin: 10px 0;
    vertical-align: middle
}

div.cropfinder div.cropfinder_input div.row span.cropfinder_head {
    width: 250px;
    display: block;
    float: right
}

div.cropfinder div.cropfinder_input div.row input.text {
    margin: 0 5px;
    width: 50px
}

div.cropfinder div.cropfinder_input div.row input.radio {
    position: relative;
    top: 1px;
    margin-left: 1px
}

body.presto div.cropfinder div.cropfinder_input div.row input.radio {
    top: 0
}

body.ie6 div.cropfinder div.cropfinder_input div.row input.radio,body.ie7 div.cropfinder div.cropfinder_input div.row input.radio {
    top: -2px
}

div.cropfinder div.cropfinder_input div.row input.check {
    position: relative;
    top: 2px
}

div.cropfinder div.cropfinder_input p.btn {
    margin-top: 20px;
    text-align: right
}

div.plus .none {
    text-align: center
}

div.plus p.btn {
    text-align: right
}

div.plus img.gold {
    margin-left: 2px
}

div.plus p#product_selection {
    text-align: left;
    margin: 2px 0
}

div.plus p#product_selection select.dropdown {
    padding: 2px 3px
}

div.plus p#orders_link {
    text-align: left;
    margin: 2px 0
}

div.plus div#products {
    width: 100%;
    margin-right: -6px;
    display: inline-flex;
    flex-wrap: wrap
}

div.plus div#products table.product {
    margin: 10px 6px 5px
}

div.plus div#products table.lang_ltr {
    float: left;
    direction: ltr
}

div.plus div#products table.lang_rtl {
    float: right;
    direction: rtl
}

div.plus p#plus_info {
    padding-top: 30px;
    text-align: center
}

div.plus table.rate_details {
    margin-top: 10px;
    margin-bottom: 25px
}

div.plus table#open_orders {
    margin-top: 10px
}

div.plus table#gold_features {
    margin-top: 25px
}

div.plus table.plusFunctions {
    margin-bottom: 25px
}

div.warsim table#select {
    margin-top: 10px
}

div.warsim table#attacker {
    float: right
}

div.warsim table#defender {
    float: left
}

div.warsim table.fill_in {
    margin-bottom: 15px
}

div.warsim table.results {
    margin-top: 15px
}

div.banned_cn table {
    margin-bottom: 15px;
    line-height: 16px
}

div.banned_cn table td,div.banned_cn table th {
    padding: 2px 3px
}

div.banned_cn table td {
    text-align: center
}

div.banned_cn table .ra {
    text-align: left;
    padding-left: 7px;
    width: 5%;
    white-space: nowrap
}

div.banned_cn table .pla {
    text-align: right;
    padding-right: 7px
}

div.banned_cn table .al,div.banned_cn table .dur,div.banned_cn table .rea {
    width: 25%
}

div.banned_cn .no_info {
    color: #ddd
}

.left {
    text-align: right
}

.right {
    text-align: left
}

.center {
    text-align: center
}

.middle {
    vertical-align: middle
}

.nbr {
    white-space: nowrap
}

input.disable {
    background-color: #eee;
    border-color: #aaa
}

.f16 {
    font-size: 16pt
}

.f135 {
    font-size: 13.5pt
}

.f10 {
    font-size: 10pt
}

.f9 {
    line-height: 140%;
    font-weight: 400;
    text-align: right;
    font-weight: 700
}

.f8 {
    font-size: 8pt
}

.f75 {
    font-size: 7.5pt
}

.f7 {
    font-size: 7pt
}

.f6 {
    font-size: 6pt
}

.b {
    font-weight: 700
}

.t {
    font-weight: 400
}

.e {
    color: #ff8000
}

.c {
    color: grey;
    line-height: 18px;
    text-align: center
}

.c0 {
    color: #000
}

.c1 {
    color: #71d000
}

.c2 {
    color: #ff8000
}

.c3 {
    color: #228b22
}

.c4 {
    color: #f2c700
}

.c5 {
    color: red
}

.c6 {
    color: #b500a3
}

.dashed {
    border: 1px dashed #ddd;
    border-collapse: separate
}

#lmid3 .nb {
    position: absolute;
    width: 200px;
    z-index: 5;
    right: 580px;
    top: 63px;
    background-color: #fff
}

#igm {
    border: 0;
    font-family: Verdana,Arial,Helvetica,sans-serif
}

input.std {
    font-weight: 700;
    font-size: 8pt;
    height: 14pt
}

.old_p1 {
    border-style: dashed;
    border-width: 1px;
    border-color: #ddd;
    padding: 6px
}

.p2 {
    border-style: dashed;
    border-width: 1px;
    border-color: #ddd;
    padding: 3px
}

.tbg {
    background-color: #ddd;
    width: 100%;
    text-align: center
}

table.tbg tr {
    background-color: #fff
}

.rbg {
    background-color: #fff;
    font-weight: 700;
    text-align: center;
    background-image: linear-gradient(#fff,#d7d7d7)
}

table.tbg tr.cbg1 td,td.cbg1 {
    background-color: #f5f5f5
}

td.cbg2 {
    background-color: #71d000
}

.dflags1 {
    position: relative;
    float: left;
    text-align: center;
    font-size: 6pt;
    color: #fff;
    padding-right: 1px;
    padding-left: 1px;
    padding-top: 1px
}

.dflags2 {
    padding-top: 1px
}

.ddb {
    float: right
}

input.text,select.dropdown,textarea {
    border: 1px solid #71d000;
    padding: 2px 3px;
    margin: 0;
    border-radius: 4px
}

select.dropdown,textarea {
    transition: all ease-in .2s
}

input.Error,select.Error,textarea.Error {
    border: 1px solid #8b0000!important;
    animation: shake .5s;
    animation-iteration-count: 2;
    transition: all ease-in .2s
}

body.gecko input.check,body.ie input.check,body.webkit input.check,body.wepkit input.check {
    margin: 0;
    padding: 0;
    min-width: 13px;
    min-height: 13px
}

table {
    border-collapse: separate;
    background-color: #ddd;
    line-height: 16px;
    width: 100%;
    empty-cells: show
}

table td,table th {
    vertical-align: middle;
    padding: 0
}

table tfoot th,table thead th {
    text-align: center;
    background-image: linear-gradient(#fff,#d7d7d7)
}

table tfoot td,table thead td {
    background-color: #f3f3f3;
    text-align: center
}

table tbody td,table tbody th {
    background-color: #fff
}

table tr.hl td,table tr.hl th {
    background-color: #f0fff0;
    border-top: 1px solid #71d000;
    border-bottom: 1px solid #71d000
}

table tr.hl td.fc,table tr.hl th.fc {
    border-right: 1px solid #71d000
}

table tr.hl td.lc,table tr.hl th.lc {
    border-left: 1px solid #71d000
}

table td.empty {
    height: 5px;
    padding: 0
}

div#side_info table {
    width: auto;
    background-color: #fff
}

div#side_info table td {
    padding: 0;
    line-height: 18px;
    text-align: right;
    white-space: nowrap
}

div#side_info table thead td {
    background-color: #fff;
    height: 22px
}

div#side_info td.dot {
    width: 10px;
    padding: 0 6px
}

div#side_info td.link {
    padding-left: 10px
}

div#res table {
    background-color: #fff;
    width: 100%;
    max-width: 500px
}

div#res table td {
    padding: 1px
}

div#res table img {
    margin-right: 1px
}

div.login table {
    border: 1px dashed #ddd;
    background-color: #fff
}

div.login table tr.top td,div.login table tr.top th {
    padding-top: 9px;
    padding-bottom: 2px
}

div.login table tr.btm td,div.login table tr.btm th {
    padding-top: 2px;
    padding-bottom: 9px
}

div.login table th {
    width: 38%;
    padding-right: 20px
}

div.login table td {
    width: 62%
}

div.login table td input.text {
    max-width: 200px
}

div.signup table {
    border: 1px dashed #ddd;
    background-color: #fff
}

div.signup table tr.top td,div.signup table tr.top th {
    padding-top: 9px;
    padding-bottom: 2px
}

div.signup table tr.btm td,div.signup table tr.btm th {
    padding-top: 2px;
    padding-bottom: 9px
}

div.signup table td,div.signup table th {
    padding-top: 2px;
    padding-bottom: 2px
}

div.signup input.text {
    max-width: 200px
}

div.signup input.radio {
    position: relative;
    top: 2px;
    margin-right: 5px;
    float: right
}

div.signup input.check {
    position: relative;
    top: 2px;
    margin-left: 5px;
    float: right
}

div.signup table#sign_input th {
    width: 38%;
    padding-right: 20px
}

div.signup table#sign_input td {
    width: 62%
}

div.checks,div.signup table#sign_select {
    line-height: 24px
}

.signup #sign_select td,div.signup table#sign_select th {
    padding-right: 10px
}

div.signup table#sign_select td.nat {
    width: 35%
}

div.signup table#sign_select td.pos1 {
    width: 20%
}

div.signup table#sign_select td.pos2 {
    width: 45%
}

div.activate table {
    border: 1px dashed #ddd;
    background-color: #fff
}

div.activate table tr.top td,div.activate table tr.top th {
    padding-top: 9px;
    padding-bottom: 2px
}

div.activate table tr.btm td,div.activate table tr.btm th {
    padding-top: 2px;
    padding-bottom: 9px
}

div.activate table th {
    width: 38%;
    padding-right: 20px
}

div.activate table td {
    width: 62%
}

div.build table#building_contract,div.village1 table {
    line-height: 19px;
    background-color: #fff
}

div.build table#building_contract thead th {
    background-image: none;
    background-color: #fff;
    text-align: right
}

div.village1 table thead th {
    background-image: none;
    background-color: #fff;
    text-align: right
}

div.village1 table tbody td {
    padding: 1px 0
}

div.village1 table td.ico {
    width: 18px;
    padding-right: 4px
}

div.village1 table td.num {
    text-align: left;
    white-space: nowrap
}

div.village1 table#movements td {
    padding: 1px 0
}

div.village1 table#movements td.empty {
    height: 38px
}

div.village1 table#movements td.typ {
    width: 32px;
    vertical-align: top
}

div.village1 table#movements td.typ img {
    float: right;
    position: relative;
    top: 3px;
    margin-top: 0;
    margin-left: 1px;
    margin-bottom: 0;
    margin-right: 4px
}

div.village1 table#movements div.mov {
    float: right
}

div.village1 table#movements div.dur_r {
    float: right;
    padding-right: 4px
}

div.village1 table#movements td.wrap {
    line-height: 10px
}

div.village1 table#movements div.dur_l {
    float: right;
    padding-bottom: 2px
}

div.village1 table#production td.res {
    width: 60%
}

div.village1 table#production td.per {
    width: 40%
}

div.village1 table#troops td.un {
    width: 80%
}

div.build table#building_contract {
    width: 100%
}

div.village1 table#building_contract {
    width: 502px
}

div.village2 table#building_contract {
    line-height: 19px;
    width: 502px;
    background: 0 0
}

div.village2 table#building_contract thead th {
    background: 0 0;
    text-align: right
}

div.village2 table#building_contract tbody td {
    background: 0 0;
    padding: 1px 2px
}

div.village2 table#building_contract td.ico {
    width: 18px;
    padding-right: 4px
}

div.village3 table td,div.village3 table th {
    padding: 2px 4px
}

div.village3 table tbody td {
    white-space: unset;
    text-align: center
}

div.village3 table tbody td.vil {
    white-space: unset;
    text-align: center
}

div.village3 table#overview td {
    white-space: normal
}

div.village3 table#overview td.att {
    width: 15%
}

div.village3 table#overview td.bui {
    width: 10%
}

div.village3 table#overview td.tro {
    width: 15%
}

div.village3 table#overview td.tra {
    width: 15%;
    white-space: nowrap
}

div.village3 table#ressources tbody td {
    text-align: left
}

div.village3 table#ressources td.vil {
    text-align: right
}

div.village3 table#ressources td.lum {
    width: 15%
}

div.village3 table#ressources td.clay {
    width: 15%
}

div.village3 table#ressources td.iron {
    width: 15%
}

div.village3 table#ressources td.crop {
    width: 15%
}

div.village3 table#ressources td.tra {
    width: 10%
}

div.village3 table#warehouse td,div.village3 table#warehouse th {
    padding: 2px
}

div.village3 table#warehouse td.vil {
    padding-right: 4px
}

div.village3 table#warehouse td.lum {
    width: 10%
}

div.village3 table#warehouse td.clay {
    width: 10%
}

div.village3 table#warehouse td.iron {
    width: 10%
}

div.village3 table#warehouse td.max123 {
    width: 15%
}

div.village3 table#warehouse td.crop {
    width: 10%
}

div.village3 table#warehouse td.max4 {
    width: 15%
}

div.village3 table#culture_points td.cps {
    width: 15%
}

div.village3 table#culture_points td.cel {
    width: 20%
}

div.village3 table#culture_points td.tro {
    width: 20%;
    white-space: normal
}

div.village3 table#culture_points td.slo {
    width: 10%
}

div.village3 table.vil_troops th {
    padding: 2px 2px
}

div.village3 table.vil_troops tbody th {
    width: 22%
}

div.village3 table.vil_troops tbody td {
    padding: 2px
}

div.village3 table.vil_troops tbody.upkeep td {
    text-align: right;
    padding-right: 7px
}

div.map table.tableNone {
    background-color: #fff
}

div.map table.tableNone thead th {
    text-align: right;
    background-image: none;
    background-color: #fff
}

div.map table.tableNone thead th div {
    float: right
}

div.map table.tableNone tbody td,div.map table.tableNone tbody th {
    padding: 1px 4px
}

div#map table#map_infobox {
    width: 170px;
    line-height: 19px
}

div#map table#map_infobox td,div#map table#map_infobox th {
    line-height: 15px;
    padding: 1px 5px
}

div#map table#map_infobox thead th {
    text-align: center
}

div#map table#map_infobox tbody th {
    width: 45%
}

div#map table.default,div#map table.empty,div#map table.oasis_empty {
    background-color: #f0f0f0
}

div#map table.oasis,div#map table.village {
    background-color: #ddd
}

div#map table.default thead th,div#map table.empty thead th,div#map table.oasis_empty thead th {
    background-image: none;
    background-color: #fff
}

div#map table.oasis thead th,div#map table.village thead th {
    text-align: center;
    background-image: linear-gradient(#fff,#d7d7d7)
}

div.map table#village_info {
    width: 227px
}

div.map table#village_info tbody th {
    width: 50%
}

div.map table#village_info tbody td {
    font-weight: 700
}

div.map table#troop_info {
    width: 227px
}

div.map table#troop_info .ico {
    width: 10%
}

div.map table#troop_info .val {
    width: 10%;
    text-align: left;
    padding-right: 10px
}

div.map table#troop_info .val {
    font-weight: 700
}

div.map table#troop_info ul {
    margin-top: 0;
    margin-left: 0;
    margin-bottom: 0;
    margin-right: 2px;
    padding-right: 12px
}

div.map table#troop_info.rep tbody {
    line-height: 16px
}

div.map table#troop_info.rep img {
    float: right;
    margin-left: 5px
}

div.map table#distribution {
    width: 227px
}

div.map table#distribution .ico {
    width: 10%
}

div.map table#distribution .val {
    width: 10%;
    text-align: left;
    padding-right: 10px
}

div.map table#distribution .val {
    font-weight: 700
}

div.map table#options {
    width: 50%
}

div.map table#options tbody td {
    padding-right: 4px
}

div.map table#raidFavs {
    width: 502px
}

div.map table#raidFavs thead td {
    white-space: nowrap
}

div.map table#raidFavs td,div.map table#raidFavs th {
    padding: 2px 2px;
    text-align: center
}

div.map table#raidFavs td.del {
    padding: 2px;
    width: 4%
}

div.map table#raidFavs td.vil {
    text-align: right
}

div.map table#raidFavs td.vil img {
    float: left
}

div.map table#raidFavs td.aligned_coords {
    width: 94px;
    padding: 2px 0
}

div.map table#raidFavs td.aligned_coords div.cox,div.map table#raidFavs td.aligned_coords div.coy {
    width: 42px
}

div.map table#raidFavs td.rep {
    text-align: right;
    width: 20%;
    white-space: nowrap
}

div.map table#raidFavs td.rep img {
    float: right;
    margin-left: 3px
}

div.map table#raidFavs td.goods {
    width: 10%
}

div.map table#raidFavs td.lost {
    width: 10%
}

div.map table#raidDetails {
    width: 502px
}

div.map table#raidDetails td,div.map table#raidDetails th {
    padding: 2px 2px;
    text-align: center
}

div.map table#raidDetails td.day {
    width: 25px;
    height: 100px
}

div.map table#raidDetails td.day div.booty,div.map table#raidDetails td.day div.lost {
    position: relative;
    width: 12px;
    height: 100px
}

div.map table#raidDetails td.day div.booty {
    float: right;
    background-color: #caffc9
}

div.map table#raidDetails td.day div.booty div.value {
    background-color: #00bc00
}

div.map table#raidDetails td.day div.lost {
    float: left;
    background-color: #ffd0b1
}

div.map table#raidDetails td.day div.lost div.value {
    background-color: #ff6f0f
}

div.map table#raidDetails td.day div.value {
    width: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 0;
    line-height: 0;
    font-size: 0
}

div.map table#raidDetails td.balance {
    text-align: right
}

div.map table#raidDetails td.balance hr {
    border-color: #ddd
}

div.map table#raidDetails td.day div.value.height100 {
    height: 100px
}

div.map table#raidDetails td.day div.value.height95 {
    height: 95px
}

div.map table#raidDetails td.day div.value.height90 {
    height: 90px
}

div.map table#raidDetails td.day div.value.height85 {
    height: 85px
}

div.map table#raidDetails td.day div.value.height80 {
    height: 80px
}

div.map table#raidDetails td.day div.value.height75 {
    height: 75px
}

div.map table#raidDetails td.day div.value.height70 {
    height: 70px
}

div.map table#raidDetails td.day div.value.height65 {
    height: 65px
}

div.map table#raidDetails td.day div.value.height60 {
    height: 60px
}

div.map table#raidDetails td.day div.value.height55 {
    height: 55px
}

div.map table#raidDetails td.day div.value.height50 {
    height: 50px
}

div.map table#raidDetails td.day div.value.height45 {
    height: 45px
}

div.map table#raidDetails td.day div.value.height40 {
    height: 40px
}

div.map table#raidDetails td.day div.value.height35 {
    height: 35px
}

div.map table#raidDetails td.day div.value.height30 {
    height: 30px
}

div.map table#raidDetails td.day div.value.height25 {
    height: 25px
}

div.map table#raidDetails td.day div.value.height20 {
    height: 20px
}

div.map table#raidDetails td.day div.value.height15 {
    height: 15px
}

div.map table#raidDetails td.day div.value.height10 {
    height: 10px
}

div.map table#raidDetails td.day div.value.height5 {
    height: 5px
}

div.map table#raidDetails td.day div.value.height0 {
    height: 1px
}

div.player table td,div.player table th {
    padding: 2px 2px
}

div.player tbody th {
    text-align: right
}

div.player td {
    text-align: center
}

div.player .none {
    text-align: center
}

div.player table#profile thead td {
    width: 50%
}

div.player table#profile td.details {
    width: 50%;
    height: 156px;
    padding: 0;
    vertical-align: top;
    border-bottom: none
}

div.player table#profile td.details table {
    margin-top: 0;
    background-color: #fff;
    border-collapse: collapse
}

div.player table#profile td.details table th {
    width: 50%;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd
}

div.player table#profile td.details table td {
    text-align: right;
    border-bottom: 1px solid #ddd
}

div.player table#profile td.desc1 {
    width: 50%;
    padding: 0 7px;
    vertical-align: middle
}

div.player table#profile td.details table td.desc2 {
    border-bottom: 0 solid transparent;
    vertical-align: middle;
    text-align: center;
    height: 100%
}

div.player table#villages td.nam {
    text-align: right
}

div.player table#villages td.hab {
    width: 20%
}

div.player table#edit thead td {
    width: 50%
}

div.player table#edit tbody th {
    width: unset;
    white-space: nowrap
}

div.player table#edit tbody td {
    width: 35%;
    line-height: 19px
}

div.player table#edit input.text {
    width: 94%
}

div.player table#edit td.birth input.day {
    float: right;
    width: 17px
}

div.player table#edit td.birth select.dropdown {
    float: right;
    width: 60px;
    margin: auto 5px;
    padding: 1px 2px
}

div.player table#edit td.birth input.year {
    float: right;
    width: 30px
}

div.player table#edit td.gend {
    text-align: center
}

div.player table#edit td.gend input.radio {
    position: relative;
    top: 1px;
    margin-left: 2px
}

body.presto div.player table#edit td.gend input.radio {
    top: 0
}

body.ie6 div.player table#edit td.gend input.radio,body.ie7 div.player table#edit td.gend input.radio {
    top: -2px
}

div.player table#edit td.desc1,div.player table#edit td.desc2 {
    padding: 0;
    width: 50%
}

div.player table#edit td.desc1 textarea,div.player table#edit td.desc2 textarea {
    overflow-x: hidden;
    overflow-y: scroll;
    text-align: center;
    padding: 0
}

div.player table#edit td.desc1 textarea {
    width: 249px;
    height: 264px
}

div.player table#edit td.desc2 textarea {
    width: 248px;
    height: 158px
}

div.player table#medals td.typ {
    text-align: right
}

div.player table#medals td.ra {
    width: 15%;
    white-space: nowrap
}

div.player table#medals td.we {
    width: 15%
}

div.player table#medals td.bb {
    width: 20%
}

div.player table.set td.sel {
    width: 5%;
    text-align: center
}

div.player table.set td {
    text-align: right
}

div.player table.set input.radio {
    position: relative;
    top: 1px
}

body.presto div.player table.set input.radio {
    top: 0
}

body.ie6 div.player table.set input.radio,body.ie7 div.player table.set input.radio {
    top: -2px
}

div.player table#links td.nr input.text {
    width: 25px
}

div.player table#links td.nam input.text {
    width: 150px
}

div.player table#links td.link input.text {
    width: 255px
}

div.player table#time tbody th {
    width: 25%
}

div.player table#time select.dropdown {
    width: 200px
}

div.player table#advertisement tbody th {
    width: 25%
}

div.player table#advertisement span.note {
    margin-right: 10px
}

div.player table.account tbody th {
    width: 50%
}

div.player table.account input.text {
    width: 94%
}

div.player table#change_pass td.note {
    text-align: right
}

div.player table.account table.sitter {
    background-color: transparent;
    margin: 0
}

div.player table#sitter input.text {
    width: 80%
}

div.player table#sitter span.count {
    margin-right: 5px
}

div.player table#sitter span.max {
    margin-right: 5px
}

div.player table#del_acc td.del_selection {
    text-align: right
}

div.player table#del_acc input.radio {
    position: relative;
    top: 1px
}

body.presto div.player table#del_acc input.radio {
    top: 0
}

body.ie6 div.player table#del_acc input.radio,body.ie7 div.player table#del_acc input.radio {
    top: -2px
}

div.player table#gpack td {
    text-align: right;
    height: 24px
}

div.player table#gpack td.info {
    text-align: center
}

div.player table#gpack td input.radio {
    position: relative;
    top: 1px;
    margin-right: 2px;
    margin-left: 2px
}

body.presto div.player table#gpack td input.radio {
    top: 0
}

body.ie6 div.player table#gpack td input.radio,body.ie7 div.player table#gpack td input.radio {
    top: -2px
}

div.player table#gpack td input.text {
    margin-right: 15px;
    width: 220px
}

div.player table#gpack td div.example {
    margin-right: 22px
}

div.player table#download thead td {
    white-space: nowrap
}

div.player table#download td.nam {
    text-align: right
}

div.player table#download td.size {
    width: 22%
}

div.player table#download td.act {
    width: 22%
}

div.player table#download td.down {
    width: 22%
}

div.alliance table td,div.alliance table th {
    padding: 2px 2px
}

div.alliance tbody th {
    text-align: right
}

div.alliance td {
    text-align: center
}

div.alliance .none {
    text-align: center
}

div.alliance td.abo {
    width: 5%
}

div.alliance table#profile thead td {
    width: 50%
}

div.alliance table#profile td.details {
    width: 50%;
    height: 156px;
    padding: 0;
    vertical-align: top;
    border-bottom: none
}

div.alliance table#profile td.details table {
    margin-top: 0;
    background-color: #fff;
    border-collapse: collapse
}

div.alliance table#profile td.details table th {
    width: 50%;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd
}

div.alliance table#profile td.details table td {
    text-align: right;
    border-bottom: 1px solid #ddd
}

div.alliance table#profile td.desc1 {
    width: 50%;
    padding: 0 7px;
    vertical-align: middle
}

div.alliance table#profile td.details table td.desc2 {
    border-bottom: 0 solid transparent;
    vertical-align: middle;
    text-align: center;
    height: 100%
}

div.alliance table#member td.ra {
    width: 5%;
    white-space: nowrap
}

div.alliance table#member td.pla {
    text-align: right
}

div.alliance table#member td.hab {
    width: 25%
}

div.alliance table#member td.vil {
    width: 20%
}

div.alliance table#member td.on {
    width: 5%
}

div.alliance table#offs td.sub {
    text-align: right
}

div.alliance table#offs td.sub img {
    float: right
}

div.alliance table#offs td.al {
    width: 20%;
    white-space: nowrap
}

div.alliance table#offs td.dat {
    width: 23%;
    white-space: nowrap
}

div.alliance table#events td.event {
    text-align: right
}

div.alliance table#events td.dat {
    width: 25%;
    white-space: nowrap
}

div.alliance table.small_option {
    width: 50%
}

div.alliance table.small_option input.text {
    width: 94%
}

div.alliance table.small_option tbody th {
    width: 30%
}

div.alliance td.sel {
    width: 15%
}

div.alliance table#options td.val {
    text-align: right
}

div.alliance table#name td {
    text-align: right
}

div.alliance table#name input.tag {
    width: 50%
}

div.alliance table#edit thead td {
    width: 50%
}

div.alliance table#edit tbody th {
    width: 30%
}

div.alliance table#edit tbody td {
    line-height: 19px;
    width: 50%;
    text-align: right
}

div.alliance table#edit input.text {
    width: 94%
}

div.alliance table#edit td.desc1,div.alliance table#edit td.desc2 {
    padding: 0
}

div.alliance table#edit td.desc1 textarea,div.alliance table#edit td.desc2 textarea {
    overflow-x: hidden;
    overflow-y: scroll;
    text-align: center;
    padding: 0
}

div.alliance table#edit td.desc1 textarea {
    width: 249px;
    height: 264px
}

div.alliance table#edit td.desc2 textarea {
    width: 248px;
    height: 140px
}

div.alliance table#medals td.typ {
    text-align: right
}

div.alliance table#medals td.ra {
    width: 15%;
    white-space: nowrap
}

div.alliance table#medals td.we {
    width: 15%
}

div.alliance table#medals td.bb {
    width: 20%
}

div.alliance table#invitations td {
    text-align: right
}

div.alliance table#invitations td.abo {
    text-align: center
}

div.alliance div#box,div.alliance table.dipl {
    width: 60%
}

div.alliance table.dipl td {
    text-align: right
}

div.alliance table.dipl td.wait {
    text-align: center
}

div.alliance table.infos {
    width: 37%
}

div.alliance table.infos td {
    padding: 2px
}

div.alliance table td.none {
    text-align: center
}

div.alliance table td.acc {
    width: 25%;
    text-align: center
}

div.alliance table#diplomacy input.text {
    width: 94%
}

div.alliance table#diplomacy input.radio {
    margin: 3px
}

div.alliance table#own td.wait {
    width: 25%
}

div.forum table {
    width: 502px
}

div.forum table td,div.forum table th {
    padding: 2px 2px
}

div.forum table td.ico {
    width: 32px;
    text-align: center;
    padding: 5px;
    white-space: nowrap
}

div.forum table td.ico a img {
    margin: 2px
}

div.forum table td.tit {
    padding: 5px
}

div.forum table td.cou {
    width: 62px;
    text-align: center
}

div.forum table td.last {
    width: 120px;
    text-align: left;
    padding-top: 2px;
    padding-left: 5px;
    padding-bottom: 2px;
    padding-right: 2px;
    white-space: nowrap
}

div.forum table td.none {
    text-align: center
}

div.forum table td.navi_btm,div.forum table td.navi_top {
    float: left;
    text-align: left;
    margin-left: 20px
}

div.forum table td.navi_btm {
    margin-top: 15px
}

div.forum h4 {
    margin-top: 0;
    margin-left: 0;
    margin-bottom: 15px;
    margin-right: 5px
}

div.forum table#alliance,div.forum table#closed,div.forum table#confederation,div.forum table#public {
    margin-top: 10px
}

div.forum table#posts td.poll {
    background-color: #fff;
    padding: 5px 2px
}

div.forum table#posts td.pinfo {
    width: 21%;
    vertical-align: top
}

div.forum table#posts td.pcontent {
    vertical-align: top;
    padding: 0
}

div.forum table#posts td.pcontent div {
    vertical-align: top
}

div.forum table#posts td.pcontent div.posted {
    float: right;
    padding: 2px 10px 0
}

div.forum table#posts td.pcontent div.admin {
    float: left;
    padding: 2px 10px 0
}

div.forum table#posts td.pcontent div.admin img {
    margin-right: 3px
}

div.forum table#posts td.pcontent div.dotted {
    height: 1px;
    width: 100%;
    border-bottom: 1px dotted #ddd;
    padding: 0
}

div.forum table#posts td.pcontent div.text {
    padding: 4px 10px 30px;
    width: 376px;
    min-height: 70px;
    overflow-x: auto
}

div.forum table#posts td.pcontent div.edited {
    border-top: 1px dotted #ddd;
    padding: 0 10px 2px
}

div.forum table#edit_forum tbody th,div.forum table#new_forum tbody th {
    width: 30%
}

div.forum table#new_forum input.text {
    width: 97%
}

div.forum table#conf_list td.ally,div.forum table#non_conf_list td.ally,div.forum table#user_list td.ally {
    width: 70%
}

div.forum table#conf_list td.sel,div.forum table#non_conf_list td.sel,div.forum table#open_user td.sel {
    width: 5%;
    text-align: center
}

div.forum table#conf_list td.tag,div.forum table#non_conf_list td.tag {
    width: 25%;
    text-align: center
}

div.forum table#ally_list input.text,div.forum table#user_list input.text {
    width: 95%
}

div.forum table#ally_list tag.ally,div.forum table#ally_list tag.tag,div.forum table#user_list tag.id,div.forum table#user_list tag.pla {
    width: 40%
}

div.forum table#ally_list td.ad,div.forum table#user_list td.ad {
    width: 20%;
    text-align: center
}

div.forum table#ally_list img.add,div.forum table#user_list img.add {
    cursor: pointer
}

div.forum table#edit_post tbody th,div.forum table#new_post tbody th,div.forum table#new_topic tbody th {
    width: 87px
}

div.forum table#edit_topic tbody th {
    width: 30%
}

div.forum table#edit_post td.input_icons,div.forum table#new_post td.input_icons,div.forum table#new_topic td.input_icons {
    width: 87px;
    text-align: center;
    vertical-align: top;
    padding: 10px 3px 0
}

div.forum table#edit_post td.input_icons img,div.forum table#new_post td.input_icons img,div.forum table#new_topic td.input_icons img {
    cursor: pointer
}

div.forum table#edit_post td.input_icons img.smiley,div.forum table#new_post td.input_icons img.smiley,div.forum table#new_topic td.input_icons img.smiley {
    margin: 3px 1px
}

div.forum table#edit_post textarea,div.forum table#new_post textarea,div.forum table#new_topic textarea {
    width: 381px;
    height: 250px;
    overflow: auto
}

div.forum table#new_topic td.sel {
    text-align: center
}

div.forum table#new_topic table#options td {
    padding-bottom: 0
}

div.forum table#new_topic table#options input.text {
    margin-bottom: 2px
}

div.forum table#new_topic select.dropdown {
    margin-left: 1px
}

div.forum table#edit_topic select.dropdown {
    width: 100%
}

div.forum table#poll {
    background-color: #fff;
    width: 496px
}

div.forum table#poll thead th {
    text-align: center;
    padding: 4px
}

div.forum table#poll td {
    text-align: center
}

div.forum table#poll td.sel {
    width: 30%;
    text-align: left;
    white-space: nowrap
}

div.forum table#poll td.stat {
    width: 280px;
    text-align: right
}

div.forum table#poll td.stat img {
    float: right
}

div.forum table#poll td.count {
    text-align: center
}

div.statistics table td,div.statistics table th {
    padding: 4px 2px;
    text-align: center
}

div.statistics td.ra {
    width: 5%;
    text-align: left;
    white-space: nowrap
}

div.statistics td.pop {
    width: 20%
}

div.statistics td.al {
    text-align: right
}

div.statistics td.vil {
    width: 10%
}

div.statistics td.po {
    width: 20%
}

div.statistics td.pla {
    width: 18%
}

div.statistics td.av {
    width: 18%
}

div.statistics td.po {
    width: 20%
}

div.statistics table#player td.pla {
    width: auto;
    text-align: right
}

div.statistics table#player td.al {
    text-align: center
}

div.statistics table#player_off td.pla {
    width: auto;
    text-align: right
}

div.statistics table#player_def td.pla {
    width: auto;
    text-align: right
}

div.statistics table#alliance td.al {
    width: auto
}

div.statistics table#alliance_off td.al {
    width: auto
}

div.statistics table#alliance_def td.al {
    width: auto
}

div.statistics table.top10 {
    width: 49.5%
}

div.statistics table.top10 td {
    padding: 2px
}

div.statistics table.top10 td.pla {
    width: auto;
    text-align: right
}

div.statistics table.top10 td.val {
    width: 10%
}

div.statistics table.top10 tr.none td {
    background-color: #efefef
}

div.statistics table.top10 tr.own.hl td.ra {
    text-align: center;
    white-space: nowrap
}

div.statistics table#top10_climbers,div.statistics table#top10_offs {
    float: right
}

div.statistics table#top10_defs,div.statistics table#top10_raiders {
    float: left
}

div.statistics table#villages td.vil {
    width: auto;
    text-align: right
}

div.statistics table#villages td.pla {
    width: 25%;
    text-align: right
}

div.statistics table#villages td.hab {
    width: 15%
}

div.statistics table#villages td.aligned_coords {
    padding: 2px 0
}

div.statistics table#heroes td.hero {
    text-align: right
}

div.statistics table#heroes td.hero img {
    position: relative;
    top: 1px;
    margin: -2px
}

div.statistics table#heroes td.pla {
    width: 30%;
    text-align: right
}

div.statistics table#heroes td.lev {
    width: 10%
}

div.statistics table#heroes td.xp {
    width: 15%
}

div.statistics table#world_misc,div.statistics table#world_tribes {
    margin-top: 15px
}

div.statistics table#world_player th {
    width: 60%
}

div.statistics table#world_misc td,div.statistics table#world_tribes td {
    width: 33%
}

div.statistics table#wonder td.nam {
    width: 35%
}

div.statistics table#wonder td.al {
    width: 15%
}

div.statistics table#wonder td.lev {
    width: 10%
}

div.statistics table#wonder td.at {
    width: 2%
}

div.statistics table#search_navi {
    margin-top: 15px;
    background-color: unset
}

div.statistics table#search_navi div {
    vertical-align: top
}

div.statistics table#search_navi div.search {
    float: right;
    text-align: right
}

div.statistics table#search_navi div.search span {
    white-space: nowrap
}

div.statistics table#search_navi div.search input {
    vertical-align: middle;
    margin-top: 2px;
    margin-bottom: 2px
}

div.statistics table#search_navi div.search input.ra {
    margin-right: 4px;
    width: 32px
}

div.statistics table#search_navi div.search input.name {
    margin-right: 4px;
    width: 100px
}

div.statistics table#search_navi div.search span.or {
    margin: auto 3px
}

div.statistics table#search_navi div.navi {
    float: left;
    text-align: left;
    line-height: 22px;
    white-space: nowrap
}

div.reports table td,div.reports table th {
    padding: 2px 2px
}

div.reports .none {
    text-align: center
}

div.reports table#overview td,div.reports table#overview th {
    padding: 5px 1px;
    line-height: 17px
}

div.reports table#overview tbody td {
    vertical-align: middle
}

div.reports table#overview td.sel {
    width: 5%;
    padding: 5px;
    text-align: center
}

div.reports table#overview td.sub img {
    float: right;
    margin-left: 3px
}

div.reports table#overview td.dat {
    width: 23%;
    text-align: center;
    white-space: nowrap;
    padding: 3px 2px
}

div.reports table#overview tfoot th.buttons {
    text-align: right
}

div.reports table#overview tfoot th.buttons input {
    vertical-align: middle
}

div.reports table#overview tfoot th.navi {
    text-align: left
}

div.reports table#report_surround thead td,div.reports table#report_surround thead th {
    text-align: right
}

div.reports table#report_surround thead td.sent {
    width: 25%
}

div.reports table#report_surround td.report_content {
    padding: 15px 2px 0
}

div.reports table#report_surround td.report_content table {
    margin-bottom: 15px
}

div.reports table#report_surround td.report_content table thead td {
    text-align: center;
    background-color: #f3f3f3
}

div.reports table#report_surround td.report_content table tbody th {
    text-align: center;
    width: 20%;
    text-align: right
}

div.reports table#report_surround td.report_content table tbody.units td {
    width: 7.2%;
    text-align: center;
    padding: .5px
}

div.reports table#report_surround td.report_content table tbody.goods td,div.reports table#report_surround td.report_content table tbody.goods th,div.reports table#report_surround td.report_content table tbody.infos td,div.reports table#report_surround td.report_content table tbody.infos th,div.reports table#report_surround td.report_content table tbody.regards td,div.reports table#report_surround td.report_content table tbody.regards th,div.reports table#report_surround td.report_content table tbody.res td,div.reports table#report_surround td.report_content table tbody.res th {
    background-color: #f3f3f3
}

div.reports table#report_surround td.report_content table tbody.infos td img {
    display: inline;
    margin-left: 2px
}

div.reports td.report_content table#attacker tbody.goods div.res {
    float: right
}

div.reports td.report_content table#attacker tbody.goods div.carry {
    float: left;
    margin-right: 20px
}

div.messages td.none {
    text-align: center
}

div.messages table#overview td,div.messages table#overview th {
    padding: 5px 3px;
    line-height: 17px;
    text-align: center
}

div.messages table#overview tr.sup td.sel {
    background-color: #71d000
}

div.messages table#overview tr.multi td.sel {
    background-color: #ff6f0f
}

div.messages table#overview td.sel {
    width: 5%
}

div.messages table#overview td.top {
    text-align: right
}

div.messages table#overview td.send {
    width: 25%
}

div.messages table#overview td.dat {
    width: 22%;
    white-space: nowrap
}

div.messages table#overview th.buttons {
    text-align: right
}

div.messages table#overview th.buttons input {
    vertical-align: middle
}

div.messages table#overview th.navi {
    text-align: left
}

div.messages table#friendlist td {
    padding: 2px;
    text-align: center;
    height: 20px
}

.webkit div.messages table#friendlist td,.wepkit div.messages table#friendlist td {
    height: 18px
}

div.messages table#friendlist td.end {
    width: 5%;
    padding: 0
}

div.messages table#friendlist td.pla {
    width: 40%;
    padding: 0
}

div.messages table#friendlist td.on {
    width: 5%;
    padding: 0
}

div.messages table#friendlist td.pla input.text {
    border: none
}

div.messages table#friendlist img.accept,div.messages table#friendlist img.del {
    cursor: pointer
}

div.messages table.rate_details td.pic div {
    font-size: 11px
}

div.messages table.rate_details td.desc span.alert {
    color: red;
    font-style: italic
}

div.messages table.rate_details td,div.messages table.rate_details th {
    padding: 3px 2px
}

div.messages table.rate_details thead th {
    text-align: right
}

div.messages table.rate_details td.pic {
    width: 120px;
    padding: 2px;
    text-align: center;
    vertical-align: top
}

div.messages table.rate_details td.pic img {
    margin: 10px 0
}

div.messages table.rate_details td.desc {
    text-align: center
}

div.messages table.rate_details {
    margin-top: 10px;
    margin-bottom: 25px
}

div#build table#build_value {
    width: auto;
    line-height: 19px;
    background-color: #fff
}

div#build table#build_value td,div#build table#build_value th {
    white-space: nowrap
}

div#build table#build_value th {
    padding-left: 35px
}

div#build table#build_value td {
    text-align: left
}

div#build table.build_details td {
    padding: 2px 2px
}

div#build table.build_details td.desc {
    line-height: 19px
}

div#build table.build_details td.desc div.tit img {
    margin: 0 5px;
    position: relative;
    top: 3px
}

div#build table.build_details td.desc div.details {
    padding-right: 5px
}

div#build table.build_details td.desc div.details span {
    white-space: nowrap
}

div#build table.build_details td.desc div.details span.none {
    white-space: normal
}

div#build table.build_details td.act {
    width: 29%;
    text-align: center
}

div#build table.build_details td.val {
    width: 12%;
    text-align: center
}

div#build table.build_details td.val input.text {
    width: 30px
}

div#build table.build_details td.max {
    width: 12%;
    text-align: center
}

div#build table.under_progress {
    margin-top: 15px
}

div#build table.under_progress td {
    padding: 2px 2px;
    text-align: center
}

div#build table.under_progress td.desc {
    text-align: right
}

div#build table.under_progress td.desc img {
    margin: 0 5px;
    position: relative;
    top: 3px
}

div#build table.under_progress div.val {
    padding-right: 5px;
    float: right;
    text-align: left
}

div#build table.under_progress td.dur {
    width: 20%
}

div#build table.under_progress td.fin {
    width: 20%
}

div#build table.under_progress tr.next td {
    background-color: #f5f5f5
}

div#build p#contract {
    line-height: 19px
}

div#build #expansion th,div#build table#expansion td {
    padding: 2px 2px
}

div#build table#expansion thead td {
    padding: 2px
}

div#build table#expansion td {
    text-align: center
}

div#build table#expansion td.ra {
    width: 2%;
    text-align: left;
    white-space: nowrap
}

div#build table#expansion td.vil {
    text-align: right
}

div#build table#expansion td.ha {
    width: 16%
}

div#build table#expansion td.dat {
    width: 14%;
    white-space: nowrap
}

div#build.gid0 h1 {
    margin-bottom: 25px
}

div#build.gid0 h2 {
    margin-bottom: 15px
}

div#build.gid0 div.hide {
    display: none
}

div#build.gid0 table.new_building {
    margin-bottom: 25px;
    background-color: #fff
}

div#build.gid0 table.new_building td.desc {
    padding-bottom: 15px
}

div#build.gid0 table.new_building td.bimg {
    padding-right: 15px;
    padding-left: 25px;
    vertical-align: top
}

div#build.gid0 table.new_building td.bimg img {
    scale: 1.5!important;
    transform: none
}

div#build.gid0 table.new_building td.res {
    padding-bottom: 3px
}

div#build.gid0 table.new_building td.requ {
    padding-bottom: 3px
}

div#build.gid15 table#demolish {
    background-color: #fff
}

div#build.gid16 table.troop_details td,div#build.gid16 table.troop_details th {
    padding: 2px 2px
}

div#build.gid16 table.troop_details th {
    width: 20%
}

div#build.gid16 table.troop_details tbody.units td {
    text-align: center;
    width: 7.2%;
    padding: 2px
}

div#build.gid16 table.troop_details tbody.infos td,div#build.gid16 table.troop_details tbody.infos th {
    background-color: #f3f3f3
}

div#build.gid16 table.troop_details div {
    width: 50%;
    float: right;
    text-align: center
}

div#build.gid16 table.troop_details div.small {
    width: 45%
}

div#build.gid16 table.troop_details div.abort {
    width: 5%;
    float: right;
    text-align: left
}

div#build.gid16 table.troop_details div.abort img {
    margin-top: 3px
}

div#build.gid16 table.troop_details div.sup {
    text-align: right
}

div#build.gid16 table.troop_details div.sback {
    text-align: left
}

div#build.gid16 table.troop_details div.free {
    text-align: left
}

div#build.gid16 table.troop_details div.gback {
    text-align: right
}

div#build.gid16 table.troop_details div.diss {
    text-align: left
}

div#build.gid16 table#raidList thead td {
    white-space: nowrap
}

div#build.gid16 table#raidList td,div#build.gid16 table#raidList th {
    padding: 2px 2px;
    text-align: center
}

div#build.gid16 table#raidList td.check {
    padding: 2px;
    width: 1%
}

div#build.gid16 table#raidList td.check img {
    float: right
}

div#build.gid16 table#raidList td.vil {
    text-align: right
}

div#build.gid16 table#raidList td.vil img {
    float: left
}

div#build.gid16 table#raidList td.raids {
    width: 10%
}

div#build.gid16 table#raidList td.goods {
    width: 10%
}

div#build.gid16 table#raidList td.lost {
    width: 10%
}

div#build.gid16 table#raidList td.rep {
    text-align: right;
    width: 20%;
    white-space: nowrap
}

div#build.gid16 table#raidList td.rep img {
    float: right;
    margin-left: 3px
}

div#build.gid16 table#raidTroops {
    border: 1px dashed #ddd;
    background-color: #fff
}

div#build.gid16 table#raidTroops td.column-first {
    padding-right: 8px
}

div#build.gid16 table#raidTroops td.column-last {
    padding-left: 8px
}

div#build.gid16 table#raidTroops td.line-first {
    padding-top: 8px
}

div#build.gid16 table#raidTroops td.line-last {
    padding-bottom: 8px
}

div#build.gid16 table#raidTroops td {
    width: 25%;
    padding: 1px
}

div#build.gid16 table#raidTroops img {
    vertical-align: bottom;
    position: relative;
    bottom: 3px;
    margin-left: 2px
}

div#build.gid16 table#raidTroops input.text {
    width: 60px
}

div#build.gid16 table#raidTroops input.disabled {
    background-color: #eee;
    border-color: #aaa
}

div#build.gid16 table#troopEscape thead td {
    white-space: nowrap
}

div#build.gid16 table#troopEscape td,div#build.gid16 table#troopEscape th {
    padding: 2px 2px;
    text-align: center
}

div#build.gid16 table#troopEscape td.sel {
    padding: 2px;
    width: 5%
}

div#build.gid16 table#troopEscape td.vil {
    text-align: right
}

div#build.gid16 table#troopEscape td.own {
    width: 25%
}

div#build.gid16 table#troopEscape td.rein {
    width: 25%
}

div#build.gid17 table.send_res {
    width: 40%;
    line-height: 32px;
    background-color: #fff
}

div#build.gid17 table.send_res td {
    vertical-align: top;
    padding-left: 4px
}

div#build.gid17 table.send_res td.ico {
    width: 5%
}

div#build.gid17 table.send_res td.ico img {
    position: relative;
    top: 4px
}

div#build.gid17 table.send_res td.nam {
    width: 16%
}

div#build.gid17 table.send_res td.val {
    width: 12%
}

div#build.gid17 table.send_res td.val input.text {
    width: 39px
}

div#build.gid17 table.send_res td.max {
    width: 20%
}

div#build.gid17 table.res_target {
    width: 40%;
    line-height: 21px;
    background-color: #fff
}

div#build.gid17 table.res_target td,div#build.gid17 table.res_target th {
    vertical-align: top
}

div#build.gid17 table.res_target th {
    width: 30%
}

div#build.gid17 table#target_select td.mer {
    padding-bottom: 9px
}

div#build.gid17 table#target_select td.coo *,div#build.gid17 table#target_select td.vil * {
    float: right
}

div#build.gid17 table#target_select td.vil input.text {
    width: 100px;
    margin-right: 10px
}

div#build.gid17 table#target_select td.coo input.text {
    width: 40px;
    margin: 0 10px
}

div#build.gid17 table#target_validate td.vil {
    padding-bottom: 11px
}

div#build.gid17 table.traders td,div#build.gid17 table.traders th {
    padding: 2px 2px
}

div#build.gid17 table.traders tr.res td,div#build.gid17 table.traders tr.res th {
    background-color: #f5f5f5
}

div#build.gid17 table.traders th {
    width: 20%
}

div#build.gid17 table.traders div.in {
    text-align: center;
    width: 45%;
    float: right
}

div#build.gid17 table.traders div.at {
    text-align: center;
    width: 45%;
    float: left
}

div#build.gid17 table.traders div.repeat {
    text-align: left;
    width: 20px;
    float: left
}

div#build.gid17 table.buy_select td {
    text-align: center;
    height: 21px
}

div#build.gid17 table.buy_select td.hl {
    background-color: #ffe4b5
}

div#build.gid17 table#search_select {
    width: 120px
}

div#build.gid17 table#ratio_select {
    width: 30px
}

div#build.gid17 table#bid_select {
    width: 120px
}

div#build.gid17 table#range td,div#build.gid17 table#range th {
    padding: 2px;
    text-align: center
}

div#build.gid17 table#range tfoot td {
    text-align: left;
    padding-left: 7px
}

div#build.gid17 table#range td.val {
    width: 16%;
    text-align: right;
    white-space: nowrap
}

div#build.gid17 table#range td.dur {
    width: 1%;
    white-space: nowrap
}

div#build.gid17 table#range td.act {
    width: 35%;
    word-break: break-all
}

div#build.gid17 table#summary td,div#build.gid17 table#summary th {
    padding: 2px 2px
}

div#build.gid17 table#summary td.desc {
    text-align: center;
    background-color: #f3f3f3
}

div#build.gid17 table#summary td.ico {
    width: 5%;
    padding-left: 2px
}

div#build.gid17 table#summary td.val {
    width: 16%;
    padding-right: 2px;
    white-space: nowrap
}

div#build.gid17 table#sell {
    background-color: #fff
}

div#build.gid17 table#sell td,div#build.gid17 table#sell th {
    padding: 2px
}

div#build.gid17 table#sell th {
    width: 10%
}

div#build.gid17 table#sell input.check {
    position: relative;
    top: 1px
}

div#build.gid17 table#sell select.dropdown {
    padding: 1px
}

div#build.gid17 table#sell td.val {
    width: 13%
}

div#build.gid17 table#sell td.val input.text {
    width: 92px;
    text-align: center
}

div#build.gid17 table#sell td.res {
    width: auto
}

div#build.gid17 table#sell td.res input.text {
    width: 75px
}

div#build.gid17 table#sell td.tra input.text {
    width: 20px
}

div#build.gid17 table#sell_overview td,div#build.gid17 table#sell_overview th {
    padding: 2px 2px;
    text-align: center
}

div#build.gid17 table#sell_overview td.abo {
    width: 5%
}

div#build.gid17 table#sell_overview td.val {
    width: 22%;
    text-align: right
}

div#build.gid17 table#npc td,div#build.gid17 table#npc th {
    padding: 2px 2px;
    text-align: center
}

div#build.gid17 table#npc td.all {
    width: 18%
}

div#build.gid17 table#npc td.sum {
    text-align: right
}

div#build.gid17 table#trading_routes th {
    padding: 4px 1px
}

div#build.gid17 table#trading_routes tfoot th {
    text-align: right;
    font-weight: 400
}

div#build.gid17 table#trading_routes td {
    padding: 2px 2px;
    text-align: center
}

div#build.gid17 table#trading_routes td.desc {
    text-align: right
}

div#build.gid17 table#trading_routes td.sel {
    width: 5%;
    padding: 5px;
    vertical-align: top
}

div#build.gid17 table#trading_routes td.start {
    width: 12%;
    white-space: nowrap
}

div#build.gid17 table#trading_routes td.trad {
    width: 15%
}

div#build.gid17 table#trading_routes td.dur {
    width: 20%
}

div#build.gid17 table#trading_edit td,div#build.gid17 table#trading_edit th {
    padding: 2px 2px
}

div#build.gid17 table#trading_edit tbody td,div#build.gid17 table#trading_edit tbody th {
    line-height: 20px
}

div#build.gid17 table#trading_edit tbody th {
    width: 25%
}

div#build.gid17 table#trading_edit select option {
    padding-left: 10px
}

div#build.gid17 table#trading_edit td.res {
    white-space: nowrap
}

div#build.gid17 table#trading_edit td.res input {
    margin-left: 5px
}

div#build.gid17 table#trading_edit td.res img {
    margin-left: 3px
}

div#build.gid18 table {
    width: 60%
}

div#build.gid18 table td,div#build.gid18 table th {
    padding: 2px 2px
}

div#build.gid18 table th {
    width: 30%
}

div#build.gid18 #join td,div#build.gid18 table#join th {
    text-align: center
}

div#build.gid18 table#join td.abo {
    width: 5%
}

div#build.gid18 table#join td.nam {
    width: 70%
}

div#build.gid18 table#found td.tag input.text {
    width: 80px
}

div#build.gid18 table#found td.nam input.text {
    width: 100px
}

div.build.gid22 table#researchFuture td.desc {
    vertical-align: top;
    white-space: nowrap;
    width: 40%
}

div.build.gid22 table#researchFuture td.cond {
    line-height: 19px
}

div#build.gid24 table.build_details td.desc div.details {
    padding-right: 0
}

div#build.gid26 table#main {
    margin-top: 15px
}

div#build.gid26 #main td,div#build.gid26 table#main th {
    padding: 2px 2px
}

div#build.gid26 table#main tbody th {
    width: 50%
}

div#build.gid26 table#main td.desc {
    text-align: center
}

div#build.gid26 table#main input.text {
    width: 94%
}

div#build.gid27 table#near {
    margin-top: 20px
}

div#build.gid27 table td,div#build.gid27 table th {
    padding: 1px 2px;
    text-align: center
}

div#build.gid27 table td.nam {
    text-align: right
}

div#build.gid27 table div.man {
    float: left;
    width: 15px
}

div#build.gid27 table td.pla {
    width: 20%
}

div#build.gid27 table#own td.vil {
    width: 20%
}

div#build.gid27 table#own td.cap {
    width: 25%
}

div#build.gid27 table#near td.dist {
    width: 20%
}

div#build.gid27 table#show_artefacts td.al {
    width: 20%
}

div#build.gid27 table#art_details tbody th {
    width: 35%
}

div#build.gid27 table.art_details {
    margin-top: 25px
}

div#build.gid35 table.build_details td.desc div.details {
    padding-right: 0
}

div#build.gid37 table td,div#build.gid37 table th {
    padding: 2px 2px
}

div#build.gid37 table td.nam {
    width: 30%;
    text-align: right
}

div#build.gid37 table#rename {
    width: 60%
}

div#build.gid37 table#rename tbody th {
    width: 40%
}

div#build.gid37 table#rename input.text {
    width: 94%
}

div#build.gid37 table#distribution tbody th {
    width: 26%
}

div#build.gid37 table#distribution td.xp {
    width: 205px
}

div#build.gid37 table#distribution td.up {
    width: 7%;
    text-align: center
}

div#build.gid37 table#distribution td.po {
    width: 7%;
    text-align: center
}

div#build.gid37 table#distribution td.rem {
    text-align: center
}

div#build.gid37 table#oases td {
    text-align: center
}

div#build.gid37 table#oases thead td {
    padding: 2px
}

div#build.gid37 table#oases td.nam img {
    position: relative;
    top: 1px
}

div#build.gid37 table#oases td.zp {
    width: 14%
}

div#build.gid37 table#leave thead td {
    padding: 2px
}

div#build.gid37 table#leave tbody td {
    text-align: center
}

div#build.gid40 table#rename {
    width: 50%
}

div#build.gid40 table#rename td,div#build.gid40 table#rename th {
    padding: 2px 2px
}

div#build.gid40 table#rename td {
    text-align: center
}

div#build.gid40 table#rename tbody th {
    width: 25%
}

div#build.gid40 table#rename input.text {
    width: 94%
}

body.manual table td,body.manual table th {
    padding: 2px
}

body.manual table#troop_info {
    width: 406px
}

body.manual table#troop_info td {
    width: 14.2%;
    text-align: center
}

body.manual table#troop_details {
    width: 60%;
    background-color: #fff
}

body.manual table#examples {
    width: 406px;
    margin-right: 2px
}

body.manual table#examples tbody th {
    width: 40%
}

div.quest div#qstd table.altquest td,div.quest div#qstd table.altquest th {
    padding: 2px
}

div.quest div#qstd table.altquest td {
    text-align: center
}

div.quest div#qstd table.altquest td.ra {
    width: 5%
}

div.quest div#qstd table.altquest td.desc {
    text-align: right
}

div.a2b table td,div.a2b table th {
    padding: 2px 5px
}

div.a2b table#troops {
    border: 1px dashed #ddd;
    background-color: #fff
}

div.a2b table#troops td.column-first {
    padding-right: 8px
}

div.a2b table#troops td.column-last {
    padding-left: 8px
}

div.a2b table#troops td.line-first {
    padding-top: 8px
}

div.a2b table#troops td.line-last {
    padding-bottom: 8px
}

div.a2b table#troops td {
    width: 25%;
    padding: 1px
}

div.a2b table#troops img {
    vertical-align: bottom;
    position: relative;
    bottom: 3px;
    margin-left: 2px
}

div.a2b table#troops input.text {
    width: 30px
}

div.a2b table#troops input.disabled {
    background-color: #eee;
    border-color: #aaa
}

div.a2b table#coords {
    line-height: 18px;
    background-color: #fff
}

div.a2b table#coords td {
    vertical-align: top;
    padding: 0
}

div.a2b table#coords td.sel {
    width: 35%;
    white-space: nowrap
}

div.a2b table#coords td.sel input.radio {
    position: relative;
    top: 1px
}

body.presto div.a2b table#coords td.sel input.radio {
    top: -1px
}

* html div.a2b table#coords td.sel input.radio {
    top: -2px
}

div.a2b table#coords td.target *,div.a2b table#coords td.vil * {
    float: right;
    margin-left: 10px
}

div.a2b table#coords td.vil input.text {
    width: 100px
}

div.a2b table#coords td.target input.text {
    width: 40px
}

div.a2b table#short_info {
    background-color: #fff
}

div.a2b table#short_info th {
    width: 15%;
    padding-right: 0
}

div.a2b table.troop_details tbody th {
    width: 20%
}

div.a2b table.troop_details tbody.units td {
    width: 7.2%;
    text-align: center;
    padding: .5px
}

div.a2b table.troop_details tbody.units input.text {
    width: 73%
}

div.a2b table.troop_details tbody.options input.radio {
    position: relative;
    top: 2px;
    margin-left: 2px
}

body.presto div.a2b table.troop_details tbody.options input.radio {
    top: 0
}

body.ie6 div.a2b table.troop_details tbody.options input.radio,body.ie7 div.a2b table.troop_details tbody.options input.radio {
    top: -2px
}

div.a2b table.troop_details tbody.cata select.dropdown {
    margin: 1px 0
}

div.a2b table.troop_details tbody.infos td,div.a2b table.troop_details tbody.infos th {
    background-color: #f5f5f5
}

div.a2b table.troop_details tbody.infos div {
    width: 49%;
    text-align: center
}

div.a2b table.troop_details tbody.infos div.in {
    float: right
}

div.a2b table.troop_details tbody.infos div.at {
    float: left
}

div.cropfinder table#croplist td,div.cropfinder table#croplist th {
    padding: 2px 2px
}

div.cropfinder table#croplist td.none {
    text-align: center
}

div.cropfinder table#croplist td.dist {
    width: 12%;
    white-space: nowrap
}

div.cropfinder table#croplist td.typ {
    width: 12%
}

div.cropfinder table#croplist td.oase {
    width: 18%
}

div.plus div#products table.product {
    width: 116px
}

div.plus div#products table.product td,div.plus div#products table.product th {
    padding: 2px 2px;
    text-align: center
}

div.plus div#products table.lang_ltr td {
    text-align: left
}

div.plus div#products table.lang_rtl td {
    text-align: right
}

div.plus div#products table.product td.pic {
    padding: 2px;
    text-align: center
}

table.product {
    width: 24%!important;
    margin: 10px .5px 5px!important
}

div.plus div#products table.product td.pic img {
    width: 100%!important;
    height: 100%!important
}

div.plus table.rate_details td,div.plus table.rate_details th {
    padding: 3px 2px
}

div.plus table.rate_details thead th {
    text-align: center
}

div.plus table.rate_details td.pic {
    width: 120px;
    padding: 2px;
    text-align: center;
    vertical-align: top
}

div.plus table.rate_details td.pic img {
    margin: 10px 0
}

div.plus table.rate_details td.desc {
    text-align: center
}

div.plus table#open_orders {
    background-color: #fff;
    border-collapse: collapse
}

div.plus table#open_orders td,div.plus table#open_orders th {
    padding: 2px 2px;
    text-align: center;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

div.plus table#open_orders tr.dark td {
    background-color: #efefef
}

div.plus table.features td,div.plus table.features th {
    padding: 2px 2px
}

div.plus table.features tbody th {
    background-color: #f5f5f5;
    text-align: center
}

div.plus table.features td.preview {
    text-align: center;
    width: 200px;
    padding: 0
}

div.plus table.features td.text {
    padding: 4px 7px
}

div.plus table.plusFunctions td,div.plus table.plusFunctions th {
    padding: 2px 2px;
    text-align: center
}

div.plus table.plusFunctions td.man {
    width: 4%;
    padding: 0
}

div.plus table.plusFunctions td.desc {
    text-align: right
}

div.plus table.plusFunctions td.dur {
    width: 15%
}

div.plus table.plusFunctions td.cost {
    width: 9%;
    white-space: nowrap
}

div.plus table.plusFunctions td.act {
    width: 20%
}

div.plus table#invite td,div.plus table#invite th {
    padding: 2px 2px
}

div.plus table#invite tbody.mails td {
    background-color: #f5f5f5
}

div.plus table#invite tbody.msg pre {
    margin: 10px 5px
}

div.plus table#invite tbody.msg th {
    background-color: #f5f5f5
}

div.plus table#invite tbody.msg textarea {
    width: 480px;
    height: 200px
}

div.plus #brought_in td,div.plus #brought_in th {
    padding: 2px 2px
}

div.warsim table#select {
    margin-top: 10px
}

div.warsim table#select thead td {
    padding: 2px 2px
}

div.warsim table#select tbody td {
    padding: 5px 7px;
    vertical-align: top;
    line-height: 20px;
    width: 33%
}

div.warsim table#select input.radio {
    position: relative;
    top: 1px
}

body.presto div.warsim table#select input.radio {
    top: 0
}

body.ie6 div.warsim table#select input.radio,body.ie7 div.warsim table#select input.radio {
    top: -2px
}

div.warsim table.fill_in {
    width: 49%
}

div.warsim table.fill_in th {
    padding: 2px
}

div.warsim table.fill_in td {
    padding: 1px
}

div.warsim table.fill_in tbody th {
    text-align: center;
    background-color: #f5f5f5
}

div.warsim table.fill_in td.details {
    padding: 0
}

div.warsim table.fill_in td.details table {
    background-color: #fff
}

div.warsim table.fill_in td.details table td.ico {
    width: 16px;
    padding-right: 4px;
    padding-left: 2px
}

div.warsim table.fill_in td.details table td.value {
    width: 95%
}

div.warsim table.fill_in td.details table td.value input.text {
    width: 95%!important
}

div.warsim table.fill_in td.details table td.research {
    width: 23px;
    padding-left: 4px
}

div.warsim table.fill_in td.details table td.research input.text {
    width: 20px;
    min-width: 20px
}

div.warsim table.results th {
    padding: 2px 2px
}

div.warsim table.results td {
    padding: 2px 1px
}

div.warsim table.results tbody th {
    width: 20%
}

div.warsim table.results tbody td {
    width: 8%;
    text-align: center
}

div.support table {
    line-height: 16px
}

div.support table td,div.support table th {
    padding: 4px 3px
}

div.support table td {
    padding-right: 7px
}

body {
    color: #000;
    font-size: 16px;
    font-family: Tahoma,Helvetica,Arial,Verdana,sans-serif;
    font-weight: 400
}

a {
    text-decoration: none;
    font-weight: 700;
    color: #71d000;
    transition: all ease-in .2s
}

a:visited {
    color: #71d000
}

a:active {
    color: #ff8000
}

a:hover:not(.No) {
    filter: brightness(87%)
}

div.village2 div#village_map img.hover {
    filter: saturate(1.5)
}

div.village1 b.hover {
    scale: 1.2
}

div.village2 b.hover {
    scale: 1.1
}

h1 {
    font-size: 25px
}

h2 {
    font-size: 19px
}

div#header {
    font-size: 0
}

table td,table th {
    font-weight: 400;
    font-size: 15px
}

table tfoot th,table thead th {
    font-weight: 700
}

input.text,select.dropdown,textarea {
    font-size: 17px;
    font-family: Tahoma,Helvetica,Arial,Verdana,sans-serif
}

div#textmenu {
    font-size: 15px;
    font-weight: 400
}

div#textmenu span {
    font-weight: 700;
    color: #ddd
}

div#textmenu a.selected {
    border-bottom: dashed 1px Silver;
    color: green
}

.none {
    color: grey;
    line-height: 18px
}

.error {
    color: #ff8000
}

span.plus_g {
    color: #71d000;
    font-weight: 700
}

span.plus_o {
    color: #ff6f0f;
    font-weight: 700
}

div#ltime {
    color: #666;
    font-size: 11px
}

div#mtop {
    font-size: 0
}

div#side_navi {
    font-size: 14px
}

div#side_navi p {
    font-size: 13px
}

div#side_navi p a {
    font-weight: 400;
    color: #000
}

div#side_navi p a:hover {
    color: #00c000
}

div#side_navi p.deltimer a {
    font-weight: 700
}

div#side_navi p.deltimer a span {
    color: #ff8000
}

div#side_info h6 {
    font-size: 14px;
    color: #ff8000;
    font-weight: 700
}

div#side_info table thead td a {
    font-weight: 700;
    color: #000
}

div#side_info table tbody td {
    font-size: 12px
}

div#side_info td.hl {
    color: #ff8000
}

div#side_info td.link {
    font-size: 14px
}

div#footer div#mfoot {
    font-size: 12px;
    color: #666
}

div#footer div#mfoot a {
    color: #666;
    text-decoration: none;
    font-weight: 400;
    font-size: small
}

div#footer div#mfoot a:active,div#footer div#mfoot a:visited {
    color: #666
}

div#footer div#mfoot a:hover {
    color: #00c000
}

div.login p {
    font-size: 16px
}

div.login table td,div.login table th {
    font-size: 16px
}

.signup table td,div.signup table th {
    font-size: 12px
}

div.signup p {
    font-size: 13px
}

div.signup p.info {
    color: #ff8000
}

div.signup p.error2 {
    color: #ff8000
}

div.signup p#timer1 {
    font-weight: 700;
    font-size: 21px
}

div.signup span.error {
    font-size: 10px
}

div.signup span.unavailable {
    font-size: 25px
}

div.signup .important {
    color: #ff8000;
    font-weight: 700
}

div.activate h6 {
    font-size: 13px;
    color: #ff8000;
    font-weight: 700
}

div.activate table td,div.activate table th {
    font-size: 12px
}

div.activate td.name {
    color: #ff8000;
    font-weight: 700
}

div.activate p {
    font-size: 13px
}

div.activate p.info {
    font-size: 25px;
    color: #ddd
}

div.activate p.info2 {
    color: #ff8000;
    font-weight: 700
}

div.village1 h1 div#loyality {
    font-weight: 700;
    font-size: 10px
}

div.map h1 div#loyality {
    font-weight: 700;
    font-size: 10px
}

div.village1 h1 div.re {
    color: #ff4500
}

div.village1 h1 div.gr {
    color: #228b22
}

div.map h1 div.re {
    color: #ff4500
}

div.map h1 div.gr {
    color: #228b22
}

div.village1 table td.num {
    font-weight: 700
}

div.village1 table#movements div.mov,div.village1 table#movements td.typ {
    font-weight: 700
}

div.village1 table#movements .a1 {
    color: red
}

div.village1 table#movements .d1 {
    color: #228b22
}

div.village1 table#movements .a2,div.village1 table#movements .d2 {
    color: #f2c700
}

div.village1 table#movements .a3,div.village1 table#movements .d3 {
    color: #b500a3
}

div.village2 div#village_map div#levels div {
    font-family: Arial,Helvetica;
    font-size: 10px
}

div.village3 table tbody th {
    font-weight: 700
}

div.village3 table#ressources td.tra a {
    color: #000;
    font-weight: 400
}

div.village3 table#warehouse .crit {
    color: red
}

div.village3 table#culture_points span.dot {
    color: #ddd;
    font-weight: 700
}

div.village3 div.village3 table#troops tr.small td,div.village3 table#troops tr.small th {
    font-size: 12px
}

div.village3 table.vil_troops tbody th {
    font-weight: 400
}

div#map div#map_rulers div {
    font-size: 13px;
    font-weight: 900!important
}

div#map div#map_coords {
    font-weight: 700
}

div#map table#map_infobox td,div#map table#map_infobox th {
    font-size: 12px
}

div#map table.empty thead th,div#map table.oasis thead th,div#map table.oasis_empty thead th {
    font-weight: 400;
    font-style: italic
}

div#map table.default td,div#map table.default th,div#map table.empty td,div#map table.empty th,div#map table.oasis_empty td,div#map table.oasis_empty th {
    color: gray
}

div.map table#raidFavs td.none a {
    font-weight: 400;
    color: #ddd
}

div.map table#raidDetails td.balance div.booty {
    color: #00bc00
}

div.map div#dmain {
    color: #ddd
}

div.map table#raidDetails td.balance div.booty {
    color: #00bc00
}

div.map table#raidDetails td.balance div.lost {
    color: #ff6f0f
}

div.map table#raidDetails td.balance div.sum {
    font-weight: 700
}

div.player span.none2 {
    font-weight: 700;
    color: #ddd
}

div.player span.none3 {
    color: gray
}

div.player div#textmenu a.none {
    color: #ddd
}

div.player table#edit td.desc1 textarea,div.player table#edit td.desc2 textarea {
    font-size: 16px
}

div.player #advertisement span.note {
    font-size: 11px
}

div.player td.note {
    font-size: 12px
}

div.player table#change_pass td.note {
    font-size: 11px
}

div.player table#change_pass td.generate span {
    font-size: 10px;
    color: #ddd
}

div.player table#change_mail th.process {
    color: red
}

div.player table#sitter span.count {
    font-size: 11px;
    color: #ddd
}

div.player table#sitter span.max {
    font-size: 11px;
    color: red
}

div.player table#del_acc td.note {
    text-align: center
}

div.player table#del_acc td.count {
    font-weight: 700
}

div.player table#del_acc td.count span {
    color: #ff8000
}

div.player table#gpack td span.alert {
    color: red;
    font-weight: 700
}

div.player table#gpack td.info {
    font-size: 12px
}

div.player table#gpack td div.example {
    font-size: 12px
}

div.player table#gpack td div.example span.path {
    color: #ff8000
}

div.player div#gpack_popup span.error {
    font-weight: 700
}

div.player div#gpack_popup span.info {
    color: #228b22;
    font-weight: 700
}

div.player div#gpack_popup span.path {
    color: #ff8000
}

div.player div#gpack_popup ul {
    font-size: 12px
}

div.alliance .error2,div.alliance .error3 {
    color: #ff8000
}

div.alliance .error {
    font-weight: 700
}

div.alliance .error2 {
    font-size: 10px
}

div.alliance table#hint td,div.alliance table#tip td {
    font-size: 13px
}

div.alliance table#own td.wait {
    color: #ddd
}

div.alliance div.chatHeader {
    font-weight: 700
}

div.alliance span.chatTime {
    font-weight: 400;
    font-size: 11px
}

div.forum p.error {
    font-weight: 700
}

div.forum h4 {
    font-size: 12px;
    font-weight: 400
}

div.forum table td.tit {
    font-size: 12px
}

div.forum table td.cou {
    font-size: 11px
}

div.forum table td.last {
    font-size: 11px
}

div.forum table td.navi_btm,div.forum table td.navi_top {
    font-size: 12px
}

div.forum table#posts td.pinfo {
    font-size: 11px
}

div.forum table#posts td.pinfo .name {
    font-size: 12px;
    font-weight: 700
}

div.forum table#posts td.pinfo span.name {
    color: #888
}

div.forum table#posts td.pcontent div.posted {
    font-size: 11px;
    color: #888
}

div.forum table#posts td.pcontent div.text {
    font-size: 12px
}

div.forum table#posts td.pcontent div.edited {
    font-size: 11px;
    color: #888
}

div.forum table#edit_post tbody th,div.forum table#new_post tbody th,div.forum table#new_topic tbody th {
    font-weight: 700;
    font-size: 12px
}

div.forum table#edit_topic tbody th {
    width: 30%;
    font-weight: 700;
    font-size: 12px
}

div.forum table#poll thead th {
    font-size: 13px;
    font-weight: 400
}

div.forum table#poll td {
    font-size: 12px
}

div.statistics p.error {
    font-size: 10px
}

div.statistics h4 {
    font-size: 14px;
    font-weight: 700;
    color: #ff8000
}

div.statistics table#wonder td.at {
    color: #ddd
}

div.statistics table#search_navi div.search span.or {
    font-style: italic
}

div.statistics table#search_navi div.navi {
    color: #ddd;
    font-weight: 700
}

div.reports .none2 {
    color: #ddd;
    font-weight: 700
}

div.reports table#overview thead th.sent {
    font-weight: 700
}

div.reports table#overview thead th.sent a {
    color: #000
}

div.reports table#overview tfoot th.navi {
    color: #ddd;
    font-weight: 700
}

div.reports table#report_surround thead td.sent {
    font-weight: 700
}

div.reports td.report_content thead td.role {
    font-weight: 700
}

div.reports td.report_content table#reinforcement td.role {
    color: #71d000
}

div.reports td.report_content table#attacker td.role {
    color: #ff8000
}

div.reports td.report_content table.defender td.role {
    color: #71d000
}

div.messages p.warning {
    color: red
}

div.messages table#overview th.sent a {
    font-weight: 700;
    color: #000
}

div.messages table#overview td.dat {
    white-space: nowrap
}

div.messages table#overview th.navi {
    color: #ddd;
    font-weight: 700
}

div.messages div#read_content div#time div {
    font-size: 13px
}

div.messages div#read_content div#message {
    font-size: 13px
}

div.messages div#write_content span,div.messages div#write_content textarea {
    font-size: 13px;
    cursor: text;
    white-space: pre-wrap;
    height: 220px;
    margin: 10px;
    overflow: auto;
    border: none;
    resize: none;
    outline: 0;
    line-height: 18px;
    display: block;
    font-family: Arial;
    position: relative;
    font-size: 16px;
    min-height: 300px;
    min-width: 97%;
    word-break: break-word
}

div.messages div#adressbook span.enough {
    font-size: 14px;
    font-weight: 700;
    color: red
}

div.messages div#block textarea {
    font-size: 13px
}

div#build table.build_details td.desc span.info {
    font-size: 12px
}

div#build table.build_details td.max {
    font-size: 11px
}

div#build table.under_progress td.desc span.info {
    font-size: 12px;
    color: #ddd
}

div#build.gid0 table.new_building td.requ {
    font-weight: 700
}

div#build.gid15 input.btn {
    font-size: 12px
}

div#build.gid16 h4 {
    font-size: 14px;
    font-weight: 700
}

div#build.gid16 p.info a {
    font-weight: 700;
    font-size: 22px;
    color: #000
}

div#build.gid16 table.troop_details thead a {
    color: #000
}

div#build.gid16 table#raidList thead a {
    font-weight: 400;
    color: #000
}

div.map table#raidFavs thead a {
    font-weight: 400;
    color: #000
}

div#build.gid17 div.error,div#build.gid17 p.error {
    font-weight: 700
}

div#build.gid17 p.error2 {
    color: #ff8000
}

div#build.gid17 p.note {
    font-weight: 700;
    color: #228b22
}

div#build.gid17 table.send_res td.max {
    font-size: 14px
}

div#build.gid17 table#send_validate,div#build.gid17 table#target_select {
    text-align: center
}

div#build.gid17 table#send_validate td.max {
    font-weight: 700;
    color: #ddd
}

div#build.gid17 table#target_select td.coo,div#build.gid17 table#target_select td.vil {
    font-size: 19px;
    font-weight: 700
}

div#build.gid17 table#target_select td.or {
    font-style: italic
}

div#build.gid17 table#target_validate td.vil {
    font-size: 19px
}

div#build.gid17 table.traders thead td a {
    color: #000
}

div#build.gid17 span.corr {
    color: #ff4000
}

div#build.gid17 p.info {
    font-size: 12px
}

div#build.gid18 table#found span.error {
    font-size: 12px
}

div#build.gid26 table#main td.desc {
    font-size: 12px
}

div#build.gid27 table span.bon {
    font-size: 11px
}

div#build.gid27 table div.info {
    font-size: 12px
}

div#build.gid27 table#own td.inactive,div#build.gid27 table#own td.inactive a {
    color: #ddd
}

div#build.gid27 table#art_details td.desc {
    font-size: 12px
}

div#build.gid27 table#art_details td.desc span.detail {
    font-style: italic;
    font-size: x-large;
    line-height: 30px
}

div#build.gid37 table#distribution thead th a {
    color: #000
}

div#build.gid37 table#distribution thead th span.info {
    font-weight: 400
}

div#build.gid37 table#distribution td.rem {
    color: #228b22;
    font-weight: 700
}

div#build.gid40 p.info {
    font-size: 12px;
    color: #ddd
}

div#build.gid40 p.nam {
    font-size: 28px
}

body.manual h1 span.tribe {
    font-size: 13px;
    color: #ddd;
    font-weight: 400
}

body.manual li span.info {
    font-size: 12px;
    color: #ddd
}

div.quest div#qstd span.qcoords {
    font-size: 25px;
    font-weight: 700
}

div.quest div#qstd span.qcoords input {
    font-size: 25px;
    font-weight: 700
}

div.quest div.rew p.ta_aw {
    font-weight: 700
}

div.quest div#qstd span.org {
    font-style: normal
}

div.a2b p.error {
    font-weight: 700
}

div.a2b span.info {
    font-size: 12px
}

div.a2b table#troops td {
    font-size: 12px
}

div.a2b table#troops span.none {
    font-weight: 700
}

div.a2b table#coords td.or {
    font-style: italic
}

div.a2b table#coords td.target,div.a2b table#coords td.vil {
    font-size: 19px;
    font-weight: 700
}

div.a2b table.troop_details thead td {
    font-weight: 700
}

div.a2b table.troop_details thead td a {
    color: #000
}

div.plus p#product_selection {
    font-size: 11px
}

div.plus p#product_selection label {
    font-weight: 700
}

div.plus p#product_selection select.dropdown {
    font-size: 11px
}

div.plus p#orders_link {
    font-size: 11px
}

div.plus div#products table td,div.plus div#products table th {
    font-size: 13px;
    font-family: Verdana,Arial,Helvetica,sans-serif
}

div.plus div#products table.lang_ar td,div.plus div#products table.lang_ar th {
    text-align: center;
    font-size: 15px;
    font-family: Tahoma,Helvetica,Arial,Verdana,sans-serif
}

div.plus table.rate_details td.pic div {
    font-size: 11px
}

div.plus table.rate_details td.desc span.alert {
    color: red;
    font-style: italic
}

div.plus table#open_orders td,div.plus table#open_orders th {
    font-size: 10px
}

div.plus table.features tbody th {
    font-weight: 700
}

div.plus table.plusFunctions td.cost {
    font-weight: 700
}

div.plus table.plusFunctions span.none {
    font-weight: 400
}

div.plus table.plusFunctions span.run {
    font-size: 12px
}

div.plus span.link,div.plus span.mail {
    font-family: Courier New
}

div.plus span.notice {
    font-size: 12px;
    color: #ddd
}

div.plus p.report {
    color: #71d000;
    font-size: 22px
}

div.plus #invite tbody.msg td,div.plus #invite tbody.msg th {
    font-size: 12px
}

div.plus #brought_in tr.more td {
    color: #ddd
}

div.warsim table.attacker td.role {
    color: #ff8000;
    font-weight: 700
}

div.warsim table.defender td.role {
    color: #71d000;
    font-weight: 700
}

a,div,img {
    background-repeat: no-repeat;
    background-position: top right
}

img.dynamic_img,input.dynamic_img {
    background-position: top;
    height: 20px
}

img.over,input.over {
    background-position: bottom
}

img.clicked,input.clicked {
    background-position: center
}

img.help {
    width: 15px;
    height: 12px;
    background-image: url(../../img/a/help.gif)
}

img.del {
    content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><defs><linearGradient id='g1' x1='0%' y1='0%' x2='100%' y2='100%'><stop offset='0%' stop-color='%23ff5a5a'/><stop offset='100%' stop-color='%238b0000'/></linearGradient><linearGradient id='g2' x1='100%' y1='0%' x2='0%' y2='100%'><stop offset='0%' stop-color='%23ff4a4a'/><stop offset='100%' stop-color='%23a30000'/></linearGradient></defs><path d='M2 2 L14 14' stroke='url(%23g1)' stroke-width='3' stroke-linecap='round' fill='none'/><path d='M14 2 L2 14' stroke='url(%23g2)' stroke-width='2' stroke-linecap='round' fill='none'/></svg>");
    height: 16px;
    width: 16px
}

x.del {
    width: 12px;
    height: 12px
}

x.del::after {
    content: "❌";
    font-size: 17px;
    font-weight: bolder;
    color: red
}

img.clock {
    background: url(../../img/a/time.png?1);
    background-size: cover;
    height: 16px;
    width: 16px
}

img.npc {
    width: 18px;
    height: 12px;
    background-image: url(../../img/a/npc.gif);
    background-position: top
}

img.npc_inactive {
    width: 18px;
    height: 12px;
    background-image: url(../../img/a/npc.gif);
    background-position: bottom
}

img.gold {
    width: 12px;
    height: 12px;
    background-image: url(../../img/a/gold.gif)
}

img.gold_g {
    width: 12px;
    height: 12px;
    background-image: url(../../img/a/gold_g.gif)
}

img.silver,img.silver_g {
    width: 10px;
    height: 9px;
    background-image: url(../../img/a/silver-rtl.gif)
}

img.silver {
    background-position: 4px 3px
}

img.silver_g {
    background-position: 0 -19px
}

img.vip {
    width: 1px;
    height: 1px
}

img.granary,img.r1,img.r2,img.r3,img.r4,img.r5,img.warehouse {
    background-image: url(data:image/gif;base64,R0lGODlhEgC5APcAAGOOQHWlTXmqUIi+W4e8WpPMY6vrdMHMXv/rD//rEv/sHPXmPP/vQv/wSP/wTv/wT//zaf/jAP/vbv/0nf7ZAf/SAP/YIP/MAP/NA//PDvjKD//TJP/UJ//aR//dVvbVU//ibP/ibvfba//le/jffP/rmf/wsqumkfXFFPvrrfbDFdqpFdytH9yuItyvJWtoXtijFtuqGfK6HdytINqpJefIdOrPhe7Xme7YnfLhsr64psfBsXl2btSaAN+0QtatSIBsOe3UktDKu/WrAPSqAPSrA/StCfWyGPa2I/e5K/a5LPa7Mva9OffCR/fFUb+YP//QavzrxOKeGPKwL7qKJqeCNaeCNp1mA4FYDbJ7F4tfE2RIF7aYX751AMSBFopeE4FaG8qPMHhXI9SkVtapYLRoGtt/Jb++vfGpb3lDJ9edfn0qDn8tEoAvFIEwFYc6IIg8I4tBKKROPbFWRMRpWIBFPWY2MOQAAKBZWGZlZZKRkYOCgv///+7u7t/f39XV1dLS0s3NzbS0tKysrHFxcUFBQTk5OSsrK////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAIgALAAAAAASALkAAAj+ABEJHEiwoMGDCBMqXLgwjUOGAtOYMTOlTBqGacpMnFLxYkKHZTRSdOixIMmMGtNAWVky4kaLGVWyNCmSI8yVUEgOBFnzpMycO1Ga+ekQZ0tEIIkSPVh0ps6PDyFKnUq1qtWrWLNq3cq165w5dBjS+Up2jpyEcuSQTcsWoR07ZtnKqVPn61mCb+2kpYsHTZ20YQfSyVsHjWHDf+fWEZh2ztvCh/3S9SvwrVk7kOlCRlz57d7JmzkjIhzZL2K6eDGX1uw2M+qFrLvKnk27tu3buHMXJMS7N0NCZ4Kf4eMbIXDhfPwoJ3SQ96DnevQoX777zx9CgwBFT65cEHOBhPT+9AlESHt0Pdz96BkYXg/5Pee3K18PPrqf9/H56BdEv/19QnvAdx4fgnhXn3SBkAfgeYAU+F17CCrI2x4NGgheb7wRhOF3unXo4YcgHnTBVB8INOJCI/ZQIgImJnQBiz1c8CIiIyJwokARRIAIAggQEaONL96IiA8+9PAjAj8GWVCJHxgZZBc9BnlBiQON2OSLUFaAwApCEnRBF0SEeQERKxChEBFg9rBGmQqt0UMXaq6wwhoLrWHnnQwZ6eYKPTA05hpEbMliQkNcsMYFSUSpUBILJIFoEjEuEOKklFZqW5cG3XGHQCVqupCnPWg6KKYDaaqpjCzWKGSOiGjqo5T+NhJEZKimJhkrQZ3eEaOmUBIhJZWtbnqlqFpyidCXYfpKppkJoenjmswi5Caca85Z55125qlmD3z6SQSggipU6KGJ+rpoo49Gaum67LabUCHwSlWIBhRQEK9Chaigggb02lsIQoXIILC+/NZ770ABC6wwwf3+i7AWCke8rwZiWOGwQIVcEfHCKljxww8XZ3yFxhuL8fHHDos8MskCe/yEGFWkPPIPWKwsg8k/iKGzGP9m/PEhW6wMxg9W7HxFz1f8DPTKP1zxhRhJI630IUwzDXIhAiT9wyFcV30FFUBcDQAAU3sNNsiIwPvDCS+8QPXMI58d8gl0v2B22BenXcjy2ADM3DcVBxiQN8Z78y2AAAUI/i7WAgxQQAGDHwTv5O5WbrnlBzNUiBQoRG4QvFJIQUHnnmMcuhQy1Du655uHLrDqqxfUuusKq9657HnQ/joFeUReyAl55BFx8EL4TjfwweeRRRZcGH+8DjrssIMQyw/++/M68GCIENTnXYjO2BuyffEEfb+zGCdAbwgP3Id8/vnRT09+2u/vDL307dNfP9TQ80D1/BkzxCF09gMqXEEHAnybzASoNQMisGtHw9gVGPgxByZwZAukWgUPeMEIpo1vDeTgIQzQt5CNTWuBM4AKBWe9ABBghSzMXPkmJ8OBBAQAOw==);
    height: 16px;
    width: 16px;
    transform: scale(1.1)
}

img.br1,img.br2,img.br3,img.br4,img.br5,img.bti {
    background-image: url(../../img/a/res2@1.5x.png);
    height: 18px;
    width: 30px
}

img.br1 {
    background-position: right 0
}

img.br2 {
    background-position: right -30px
}

img.br3 {
    background-position: right -60px
}

img.br4 {
    background-position: right -90px
}

img.br5 {
    background-position: right -120px
}

img.r1 {
    background-position: right 0
}

img.r2 {
    background-position: right -26px
}

img.r3 {
    background-position: right -52px
}

img.r4 {
    background-position: right -78px
}

img.r5 {
    background-position: right -104px
}

img.warehouse {
    height: 21px;
    width: 18px;
    background-position: 0 -130px
}

img.granary {
    height: 24px;
    width: 18px;
    background-position: 0 -161px
}

img.unit {
    width: 16px;
    height: 16px
}

img.u1 {
    background-image: url('../../img/u/__roman_small.png?3212');
    background-position: 0 0
}

img.bu1 {
    background-image: url('../../img/u/__roman_medium.png?321');
    background-position: 0 0;
    width: 26px;
    height: 26px
}

img.u2 {
    background-image: url('../../img/u/__roman_small.png?3212');
    background-position: 0 -16px
}

img.bu2 {
    background-image: url('../../img/u/__roman_medium.png?321');
    background-position: 0 -26px;
    width: 26px;
    height: 26px
}

img.u3 {
    background-image: url('../../img/u/__roman_small.png?3212');
    background-position: 0 -32px
}

img.bu3 {
    background-image: url('../../img/u/__roman_medium.png?321');
    background-position: 0 -52px;
    width: 26px;
    height: 26px
}

img.u4 {
    background-image: url('../../img/u/__roman_small.png?3212');
    background-position: 0 -48px
}

img.bu4 {
    background-image: url('../../img/u/__roman_medium.png?321');
    background-position: 0 -78px;
    width: 26px;
    height: 26px
}

img.u5 {
    background-image: url('../../img/u/__roman_small.png?3212');
    background-position: 0 -64px
}

img.bu5 {
    background-image: url('../../img/u/__roman_medium.png?321');
    background-position: 0 -104px;
    width: 26px;
    height: 26px
}

img.u6 {
    background-image: url('../../img/u/__roman_small.png?3212');
    background-position: 0 -80px
}

img.bu6 {
    background-image: url('../../img/u/__roman_medium.png?321');
    background-position: 0 -130px;
    width: 26px;
    height: 26px
}

img.u7 {
    background-image: url('../../img/u/__roman_small.png?3212');
    background-position: 0 -96px
}

img.bu7 {
    background-image: url('../../img/u/__roman_medium.png?321');
    background-position: 0 -156px;
    width: 26px;
    height: 26px
}

img.u8 {
    background-image: url('../../img/u/__roman_small.png?3212');
    background-position: 0 -112px
}

img.bu8 {
    background-image: url('../../img/u/__roman_medium.png?321');
    background-position: 0 -182px;
    width: 26px;
    height: 26px
}

img.u9 {
    background-image: url('../../img/u/__roman_small.png?3212');
    background-position: 0 -128px
}

img.bu9 {
    background-image: url('../../img/u/__roman_medium.png?321');
    background-position: 0 -208px;
    width: 26px;
    height: 26px
}

img.u10 {
    background-image: url('../../img/u/__roman_small.png?3212');
    background-position: 0 -144px
}

img.bu10 {
    background-image: url('../../img/u/__roman_medium.png?321');
    background-position: 0 -234px;
    width: 26px;
    height: 26px
}

img.u71 {
    background-image: url('../../img/u/viking_small.png?3212');
    background-position: 0 0
}

img.bu71 {
    background-image: url('../../img/u/viking_medium.png?321');
    background-position: 0 0;
    width: 26px;
    height: 26px
}

img.u72 {
    background-image: url('../../img/u/viking_small.png?3212');
    background-position: 0 -16px
}

img.bu72 {
    background-image: url('../../img/u/viking_medium.png?321');
    background-position: 0 -26px;
    width: 26px;
    height: 26px
}

img.u73 {
    background-image: url('../../img/u/viking_small.png?3212');
    background-position: 0 -32px
}

img.bu73 {
    background-image: url('../../img/u/viking_medium.png?321');
    background-position: 0 -52px;
    width: 26px;
    height: 26px
}

img.u74 {
    background-image: url('../../img/u/viking_small.png?3212');
    background-position: 0 -48px
}

img.bu74 {
    background-image: url('../../img/u/viking_medium.png?321');
    background-position: 0 -78px;
    width: 26px;
    height: 26px
}

img.u75 {
    background-image: url('../../img/u/viking_small.png?3212');
    background-position: 0 -64px
}

img.bu75 {
    background-image: url('../../img/u/viking_medium.png?321');
    background-position: 0 -104px;
    width: 26px;
    height: 26px
}

img.u76 {
    background-image: url('../../img/u/viking_small.png?3212');
    background-position: 0 -80px
}

img.bu76 {
    background-image: url('../../img/u/viking_medium.png?321');
    background-position: 0 -130px;
    width: 26px;
    height: 26px
}

img.u77 {
    background-image: url('../../img/u/viking_small.png?3212');
    background-position: 0 -96px
}

img.bu77 {
    background-image: url('../../img/u/viking_medium.png?321');
    background-position: 0 -156px;
    width: 26px;
    height: 26px
}

img.u78 {
    background-image: url('../../img/u/viking_small.png?3212');
    background-position: 0 -112px
}

img.bu78 {
    background-image: url('../../img/u/viking_medium.png?321');
    background-position: 0 -182px;
    width: 26px;
    height: 26px
}

img.u79 {
    background-image: url('../../img/u/viking_small.png?3212');
    background-position: 0 -128px
}

img.bu79 {
    background-image: url('../../img/u/viking_medium.png?321');
    background-position: 0 -208px;
    width: 26px;
    height: 26px
}

img.u80 {
    background-image: url('../../img/u/viking_small.png?3212');
    background-position: 0 -144px
}

img.bu80 {
    background-image: url('../../img/u/viking_medium.png?321');
    background-position: 0 -234px;
    width: 26px;
    height: 26px
}

img.u11 {
    background-image: url('../../img/u/___teuton_small.png?00123');
    background-position: 0 0
}

img.bu11 {
    background-image: url('../../img/u/__teuton_medium.png?00123');
    background-position: 0 0;
    width: 26px;
    height: 26px
}

img.u12 {
    background-image: url('../../img/u/___teuton_small.png?00123');
    background-position: 0 -16px
}

img.bu12 {
    background-image: url('../../img/u/__teuton_medium.png?00123');
    background-position: 0 -26px;
    width: 26px;
    height: 26px
}

img.u13 {
    background-image: url('../../img/u/___teuton_small.png?00123');
    background-position: 0 -32px
}

img.bu13 {
    background-image: url('../../img/u/__teuton_medium.png?00123');
    background-position: 0 -52px;
    width: 26px;
    height: 26px
}

img.u14 {
    background-image: url('../../img/u/___teuton_small.png?00123');
    background-position: 0 -48px
}

img.bu14 {
    background-image: url('../../img/u/__teuton_medium.png?00123');
    background-position: 0 -78px;
    width: 26px;
    height: 26px
}

img.u15 {
    background-image: url('../../img/u/___teuton_small.png?00123');
    background-position: 0 -64px
}

img.bu15 {
    background-image: url('../../img/u/__teuton_medium.png?00123');
    background-position: 0 -104px;
    width: 26px;
    height: 26px
}

img.u16 {
    background-image: url('../../img/u/___teuton_small.png?00123');
    background-position: 0 -80px
}

img.bu16 {
    background-image: url('../../img/u/__teuton_medium.png?00123');
    background-position: 0 -130px;
    width: 26px;
    height: 26px
}

img.u17 {
    background-image: url('../../img/u/___teuton_small.png?00123');
    background-position: 0 -96px
}

img.bu17 {
    background-image: url('../../img/u/__teuton_medium.png?00123');
    background-position: 0 -156px;
    width: 26px;
    height: 26px
}

img.u18 {
    background-image: url('../../img/u/___teuton_small.png?00123');
    background-position: 0 -112px
}

img.bu18 {
    background-image: url('../../img/u/__teuton_medium.png?00123');
    background-position: 0 -182px;
    width: 26px;
    height: 26px
}

img.u19 {
    background-image: url('../../img/u/___teuton_small.png?00123');
    background-position: 0 -128px
}

img.bu19 {
    background-image: url('../../img/u/__teuton_medium.png?00123');
    background-position: 0 -208px;
    width: 26px;
    height: 26px
}

img.u20 {
    background-image: url('../../img/u/___teuton_small.png?00123');
    background-position: 0 -144px
}

img.bu20 {
    background-image: url('../../img/u/__teuton_medium.png?00123');
    background-position: 0 -234px;
    width: 26px;
    height: 26px
}

img.u21 {
    background-image: url('../../img/u/gauls.png?012');
    background-position: 0 0
}

img.bu21 {
    background-image: url('../../img/u/gauls@1.5x.png?012');
    background-position: 0 0;
    width: 26px;
    height: 26px
}

img.u22 {
    background-image: url('../../img/u/gauls.png?012');
    background-position: -20px 0
}

img.bu22 {
    background-image: url('../../img/u/gauls@1.5x.png?012');
    background-position: -30px 0;
    width: 26px;
    height: 26px
}

img.u23 {
    background-image: url('../../img/u/gauls.png?012');
    background-position: -40px 0
}

img.bu23 {
    background-image: url('../../img/u/gauls@1.5x.png?012');
    background-position: -60px 0;
    width: 26px;
    height: 26px
}

img.u24 {
    background-image: url('../../img/u/gauls.png?012');
    background-position: -60px 0
}

img.bu24 {
    background-image: url('../../img/u/gauls@1.5x.png?012');
    background-position: -90px 0;
    width: 26px;
    height: 26px
}

img.u25 {
    background-image: url('../../img/u/gauls.png?012');
    background-position: -80px 0
}

img.bu25 {
    background-image: url('../../img/u/gauls@1.5x.png?012');
    background-position: -120px 0;
    width: 26px;
    height: 26px
}

img.u26 {
    background-image: url('../../img/u/gauls.png?012');
    background-position: -100px 0
}

img.bu26 {
    background-image: url('../../img/u/gauls@1.5x.png?012');
    background-position: -150px 0;
    width: 26px;
    height: 26px
}

img.u27 {
    background-image: url('../../img/u/gauls.png?012');
    background-position: -120px 0
}

img.bu27 {
    background-image: url('../../img/u/gauls@1.5x.png?012');
    background-position: -180px 0;
    width: 26px;
    height: 26px
}

img.u28 {
    background-image: url('../../img/u/gauls.png?012');
    background-position: -140px 0
}

img.bu28 {
    background-image: url('../../img/u/gauls@1.5x.png?012');
    background-position: -210px 0;
    width: 26px;
    height: 26px
}

img.u29 {
    background-image: url('../../img/u/gauls.png?012');
    background-position: -160px 0
}

img.bu29 {
    background-image: url('../../img/u/gauls@1.5x.png?012');
    background-position: -240px 0;
    width: 26px;
    height: 26px
}

img.u30 {
    background-image: url('../../img/u/gauls.png?012');
    background-position: -180px 0
}

img.bu30 {
    background-image: url('../../img/u/gauls@1.5x.png?012');
    background-position: -270px 0;
    width: 26px;
    height: 26px
}

img.u31 {
    background-image: url('../../img/u/_nature_small.png?0101');
    background-position: 0 0
}

img.bu31 {
    background-image: url('../../img/u/_nature_medium.png?0101');
    background-position: 0 0;
    width: 26px;
    height: 26px
}

img.u32 {
    background-image: url('../../img/u/_nature_small.png?0101');
    background-position: 0 -16px
}

img.bu32 {
    background-image: url('../../img/u/_nature_medium.png?0101');
    background-position: 0 -26px;
    width: 26px;
    height: 26px
}

img.u33 {
    background-image: url('../../img/u/_nature_small.png?0101');
    background-position: 0 -32px
}

img.bu33 {
    background-image: url('../../img/u/_nature_medium.png?0101');
    background-position: 0 -52px;
    width: 26px;
    height: 26px
}

img.u34 {
    background-image: url('../../img/u/_nature_small.png?0101');
    background-position: 0 -48px
}

img.bu34 {
    background-image: url('../../img/u/_nature_medium.png?0101');
    background-position: 0 -78px;
    width: 26px;
    height: 26px
}

img.u35 {
    background-image: url('../../img/u/_nature_small.png?0101');
    background-position: 0 -64px
}

img.bu35 {
    background-image: url('../../img/u/_nature_medium.png?0101');
    background-position: 0 -104px;
    width: 26px;
    height: 26px
}

img.u36 {
    background-image: url('../../img/u/_nature_small.png?0101');
    background-position: 0 -80px
}

img.bu36 {
    background-image: url('../../img/u/_nature_medium.png?0101');
    background-position: 0 -130px;
    width: 26px;
    height: 26px
}

img.u37 {
    background-image: url('../../img/u/_nature_small.png?0101');
    background-position: 0 -96px
}

img.bu37 {
    background-image: url('../../img/u/_nature_medium.png?0101');
    background-position: 0 -156px;
    width: 26px;
    height: 26px
}

img.u38 {
    background-image: url('../../img/u/_nature_small.png?0101');
    background-position: 0 -112px
}

img.bu38 {
    background-image: url('../../img/u/_nature_medium.png?0101');
    background-position: 0 -182px;
    width: 26px;
    height: 26px
}

img.u39 {
    background-image: url('../../img/u/_nature_small.png?0101');
    background-position: 0 -128px
}

img.bu39 {
    background-image: url('../../img/u/_nature_medium.png?0101');
    background-position: 0 -208px;
    width: 26px;
    height: 26px
}

img.u40 {
    background-image: url('../../img/u/_nature_small.png?0101');
    background-position: 0 -144px
}

img.bu40 {
    background-image: url('../../img/u/_nature_medium.png?0101');
    background-position: 0 -234px;
    width: 26px;
    height: 26px
}

img.u41 {
    background-image: url('../../img/u/natars.png');
    background-position: 0 0
}

img.bu41 {
    background-image: url('../../img/u/natars@1.5x.png?00');
    background-position: 0 0;
    width: 26px;
    height: 26px
}

img.u42 {
    background-image: url('../../img/u/natars.png');
    background-position: -20px 0
}

img.bu42 {
    background-image: url('../../img/u/natars@1.5x.png?00');
    background-position: -30px 0;
    width: 26px;
    height: 26px
}

img.u43 {
    background-image: url('../../img/u/natars.png');
    background-position: -40px 0
}

img.bu43 {
    background-image: url('../../img/u/natars@1.5x.png?00');
    background-position: -60px 0;
    width: 26px;
    height: 26px
}

img.u44 {
    background-image: url('../../img/u/natars.png');
    background-position: -60px 0
}

img.bu44 {
    background-image: url('../../img/u/natars@1.5x.png?00');
    background-position: -90px 0;
    width: 26px;
    height: 26px
}

img.u45 {
    background-image: url('../../img/u/natars.png');
    background-position: -80px 0
}

img.bu45 {
    background-image: url('../../img/u/natars@1.5x.png?00');
    background-position: -120px 0;
    width: 26px;
    height: 26px
}

img.u46 {
    background-image: url('../../img/u/natars.png');
    background-position: -100px 0
}

img.bu46 {
    background-image: url('../../img/u/natars@1.5x.png?00');
    background-position: -150px 0;
    width: 26px;
    height: 26px
}

img.u47 {
    background-image: url('../../img/u/natars.png');
    background-position: -120px 0
}

img.bu47 {
    background-image: url('../../img/u/natars@1.5x.png?00');
    background-position: -180px 0;
    width: 26px;
    height: 26px
}

img.u48 {
    background-image: url('../../img/u/natars.png');
    background-position: -140px 0
}

img.bu48 {
    background-image: url('../../img/u/natars@1.5x.png?00');
    background-position: -210px 0;
    width: 26px;
    height: 26px
}

img.u49 {
    background-image: url('../../img/u/natars.png');
    background-position: -160px 0
}

img.bu49 {
    background-image: url('../../img/u/natars@1.5x.png?00');
    background-position: -240px 0;
    width: 26px;
    height: 26px
}

img.u50 {
    background-image: url('../../img/u/natars.png');
    background-position: -180px 0
}

img.bu50 {
    background-image: url('../../img/u/natars@1.5x.png?00');
    background-position: -270px 0;
    width: 26px;
    height: 26px
}

img.u51 {
    background-image: url('../../img/u/egyptians.png?12304');
    background-position: 0 0
}

img.bu51 {
    background-image: url('../../img/u/egyptians@1.5x.png?012305');
    background-position: 0 0;
    width: 26px;
    height: 26px
}

img.u52 {
    background-image: url('../../img/u/egyptians.png?12304');
    background-position: -20px 0
}

img.bu52 {
    background-image: url('../../img/u/egyptians@1.5x.png?012305');
    background-position: -30px 0;
    width: 26px;
    height: 26px
}

img.u53 {
    background-image: url('../../img/u/egyptians.png?12304');
    background-position: -40px 0
}

img.bu53 {
    background-image: url('../../img/u/egyptians@1.5x.png?012305');
    background-position: -60px 0;
    width: 26px;
    height: 26px
}

img.u54 {
    background-image: url('../../img/u/egyptians.png?12304');
    background-position: -60px 0
}

img.bu54 {
    background-image: url('../../img/u/egyptians@1.5x.png?012305');
    background-position: -90px 0;
    width: 26px;
    height: 26px
}

img.u55 {
    background-image: url('../../img/u/egyptians.png?12304');
    background-position: -80px 0
}

img.bu55 {
    background-image: url('../../img/u/egyptians@1.5x.png?012305');
    background-position: -120px 0;
    width: 26px;
    height: 26px
}

img.u56 {
    background-image: url('../../img/u/egyptians.png?12304');
    background-position: -100px 0
}

img.bu56 {
    background-image: url('../../img/u/egyptians@1.5x.png?012305');
    background-position: -150px 0;
    width: 26px;
    height: 26px
}

img.u57 {
    background-image: url('../../img/u/egyptians.png?12304');
    background-position: -120px 0
}

img.bu57 {
    background-image: url('../../img/u/egyptians@1.5x.png?012305');
    background-position: -180px 0;
    width: 26px;
    height: 26px
}

img.u58 {
    background-image: url('../../img/u/egyptians.png?12304');
    background-position: -140px 0
}

img.bu58 {
    background-image: url('../../img/u/egyptians@1.5x.png?012305');
    background-position: -210px 0;
    width: 26px;
    height: 26px
}

img.u59 {
    background-image: url('../../img/u/egyptians.png?12304');
    background-position: -160px 0
}

img.bu59 {
    background-image: url('../../img/u/egyptians@1.5x.png?012305');
    background-position: -240px 0;
    width: 26px;
    height: 26px
}

img.u60 {
    background-image: url('../../img/u/egyptians.png?12304');
    background-position: -180px 0
}

img.bu60 {
    background-image: url('../../img/u/egyptians@1.5x.png?012305');
    background-position: -270px 0;
    width: 26px;
    height: 26px
}

img.u61,img.u62,img.u63,img.u64,img.u65,img.u66,img.u67,img.u68,img.u69,img.u70 {
    background-image: url(../../img/u/Sparta.png?77)
}

img.u61 {
    background-position: 0 0
}

img.bu61 {
    background-image: url('../../img/u/spartan_medium.png');
    background-position: 0 0;
    width: 26px;
    height: 26px
}

img.u62 {
    background-position: -19px 0
}

img.bu62 {
    background-image: url('../../img/u/spartan_medium.png');
    background-position: 0 -26px;
    width: 26px;
    height: 26px
}

img.u63 {
    background-position: -38px 0
}

img.bu63 {
    background-image: url('../../img/u/spartan_medium.png');
    background-position: 0 -52px;
    width: 26px;
    height: 26px
}

img.u64 {
    background-position: -57px 0
}

img.bu64 {
    background-image: url('../../img/u/spartan_medium.png');
    background-position: 0 -78px;
    width: 26px;
    height: 26px
}

img.u65 {
    background-position: -76px 0
}

img.bu65 {
    background-image: url('../../img/u/spartan_medium.png');
    background-position: 0 -104px;
    width: 26px;
    height: 26px
}

img.u66 {
    background-position: -95px 0
}

img.bu66 {
    background-image: url('../../img/u/spartan_medium.png');
    background-position: 0 -130px;
    width: 26px;
    height: 26px
}

img.u67 {
    background-position: -114px 0
}

img.bu67 {
    background-image: url('../../img/u/spartan_medium.png');
    background-position: 0 -156px;
    width: 26px;
    height: 26px
}

img.u68 {
    background-position: -133px 0
}

img.bu68 {
    background-image: url('../../img/u/spartan_medium.png');
    background-position: 0 -182px;
    width: 26px;
    height: 26px
}

img.u69 {
    background-position: -152px 0
}

img.bu69 {
    background-image: url('../../img/u/spartan_medium.png');
    background-position: 0 -208px;
    width: 26px;
    height: 26px
}

img.u70 {
    background-position: -171px 0
}

img.bu70 {
    background-image: url('../../img/u/spartan_medium.png');
    background-position: 0 -234px;
    width: 26px;
    height: 26px
}

img.u100 {
    background-image: url('../../img/u/huns.png?123');
    background-position: 0 0
}

img.bu100 {
    background-image: url('../../img/u/huns@1.5x.png?1234');
    background-position: 0 0;
    width: 26px;
    height: 26px
}

img.u101 {
    background-image: url('../../img/u/huns.png?123');
    background-position: -20px 0
}

img.bu101 {
    background-image: url('../../img/u/huns@1.5x.png?1234');
    background-position: -30px 0;
    width: 26px;
    height: 26px
}

img.u102 {
    background-image: url('../../img/u/huns.png?123');
    background-position: -40px 0
}

img.bu102 {
    background-image: url('../../img/u/huns@1.5x.png?1234');
    background-position: -60px 0;
    width: 26px;
    height: 26px
}

img.u103 {
    background-image: url('../../img/u/huns.png?123');
    background-position: -60px 0
}

img.bu103 {
    background-image: url('../../img/u/huns@1.5x.png?1234');
    background-position: -90px 0;
    width: 26px;
    height: 26px
}

img.u104 {
    background-image: url('../../img/u/huns.png?123');
    background-position: -80px 0
}

img.bu104 {
    background-image: url('../../img/u/huns@1.5x.png?1234');
    background-position: -120px 0;
    width: 26px;
    height: 26px
}

img.u105 {
    background-image: url('../../img/u/huns.png?123');
    background-position: -100px 0
}

img.bu105 {
    background-image: url('../../img/u/huns@1.5x.png?1234');
    background-position: -150px 0;
    width: 26px;
    height: 26px
}

img.u106 {
    background-image: url('../../img/u/huns.png?123');
    background-position: -120px 0
}

img.bu106 {
    background-image: url('../../img/u/huns@1.5x.png?1234');
    background-position: -180px 0;
    width: 26px;
    height: 26px
}

img.u107 {
    background-image: url('../../img/u/huns.png?123');
    background-position: -140px 0
}

img.bu107 {
    background-image: url('../../img/u/huns@1.5x.png?1234');
    background-position: -210px 0;
    width: 26px;
    height: 26px
}

img.u108 {
    background-image: url('../../img/u/huns.png?123');
    background-position: -160px 0
}

img.bu108 {
    background-image: url('../../img/u/huns@1.5x.png?1234');
    background-position: -240px 0;
    width: 26px;
    height: 26px
}

img.u109 {
    background-image: url('../../img/u/huns.png?123');
    background-position: -180px 0
}

img.bu109 {
    background-image: url('../../img/u/huns@1.5x.png?1234');
    background-position: -270px 0;
    width: 26px;
    height: 26px
}

img.ubarr,img.ucata,img.ugeb,img.uhab,img.uhero,img.upal,img.ustock,img.uunits,img.uwall {
    background-image: url(../../img/u/specials.gif)
}

img.uhab {
    background-position: 0 0
}

img.ucata {
    background-position: -19px 0
}

img.ustock {
    background-position: -38px 0
}

img.uwall {
    background-position: -57px 0
}

img.ubarr {
    background-position: -76px 0
}

img.upal {
    background-position: -95px 0
}

img.ugeb {
    background-position: -114px 0
}

img.uhero {
    background-position: -133px 0
}

img.buhero {
    background-position: 0 0;
    width: 27px;
    height: 26px;
    background-image: url(../../img/u/Hero@2x.png)
}

img.uunits {
    background-position: -152px 0
}

img.u98 {
    background-image: url(../../img/u/98.gif)
}

img.u99 {
    background-image: url(../../img/u/99.gif)
}

span.tribe {
    height: 16px;
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 20px
}

span.tribe1 {
    background-image: url(../../../V/tid9.gif)
}

span.tribe2 {
    background-image: url(../../img/u/19.gif)
}

span.tribe3 {
    background-image: url(../../img/u/29.gif)
}

span.tribe6 {
    background-image: url(../../img/u/69.jpeg)
}

span.tribe5 {
    background-image: url(../../img/u/49.gif)
}

span.tribe7 {
    background-image: url(../../img/u/108.png)
}

span.tribe8 {
    background-image: url(../../img/u/69.png?1)
}

span.tribe9 {
    background-image: url(../../img/u/79.png?11)
}

img.att_all {
    width: 16px;
    height: 16px;
    background-image: url(../../img/a/att_all.gif)
}

img.att1 {
    width: 16px;
    height: 16px;
    background-image: url(../../img/a/_att1.gif)
}

img.att2 {
    width: 16px;
    height: 16px;
    background-image: url(../../img/a/_att2.gif)
}

img.att3 {
    width: 16px;
    height: 16px;
    background-image: url(../../img/a/_att3.gif)
}

img.def1 {
    width: 16px;
    height: 16px;
    background-image: url(../../img/a/_def1.gif)
}

img.def2 {
    width: 16px;
    height: 16px;
    background-image: url(../../img/a/_def2.gif)
}

img.def3 {
    width: 16px;
    height: 16px;
    background-image: url(../../img/a/_def3.gif)
}

img.def_c {
    width: 16px;
    height: 16px;
    background-image: url(../../img/a/def_c.gif)
}

img.def_i {
    width: 16px;
    height: 16px;
    background-image: url(../../img/a/def_i.gif)
}

div#map div#map_content div span {
    width: 18px;
    height: 16px
}

div#map div#map_content div span.m3 {
    background-image: url(../../img/m/matt.gif)
}

div#map div#map_content div span.m4 {
    background-image: url(../../img/a/att2.gif)
}

div#map div#map_content div span.m5 {
    background-image: url(../../img/m/msup.gif)
}

div#map div#map_content div span.m6 {
    background-image: url(../../img/m/mspy.gif)
}

div#map div#map_content div span.m9 {
    background-image: url(../../img/m/mret.gif)
}

img.iReport {
    background-image: url(../../img/a/report_icons.gif);
    width: 19px;
    height: 17px
}

img.iReport0 {
    background-position: 0 -3px
}

img.iReport1 {
    background-position: 0 -53px
}

img.iReport2 {
    background-position: 0 -103px
}

img.iReport3 {
    background-position: 0 -153px
}

img.iReport4 {
    background-position: 0 -203px
}

img.iReport5 {
    background-position: 0 -253px
}

img.iReport6 {
    background-position: 0 -303px
}

img.iReport7 {
    background-position: 0 -353px
}

img.iReport8 {
    background-position: 0 -403px
}

img.iReport9 {
    background-position: 0 -453px
}

img.iReport10 {
    background-position: 0 -703px
}

img.iReport11 {
    background-position: 0 -503px
}

img.iReport12 {
    background-position: 0 -553px
}

img.iReport13 {
    background-position: 0 -603px
}

img.iReport14 {
    background-position: 0 -653px
}

div#map a#map_makelarge img {
    width: 33px;
    height: 25px;
    background-image: url(../../img/m/max.gif)
}

div#mbig a#map_popclose img {
    width: 22px;
    height: 22px;
    background-image: url(../../img/a/close.gif)
}

img.online1,img.online2,img.online3,img.online4,img.online5 {
    width: 12px;
    height: 12px;
    cursor: pointer;
    border-radius: 50%
}

img.online1 {
    background: linear-gradient(135deg,#0053f8,#4f8aff,#0053f8)
}

img.online2 {
    background: linear-gradient(135deg,#2bab27,#04c500,#2bab27)
}

img.online3 {
    background: linear-gradient(135deg,orange,#ffcb6c,orange)
}

img.online4 {
    background: linear-gradient(135deg,#8b0000,#ff6363,#8b0000)
}

img.online5 {
    background: linear-gradient(135deg,gray,silver,gray)
}

h1 img.point {
    width: 16px;
    height: 16px;
    background-image: url(../../img/u/point.gif)
}

body.manual img.external,div#side_info table#llist img.external {
    width: 10px;
    height: 10px;
    background-image: url(../../img/a/external.gif)
}

img.cary {
    height: 12px;
    width: 13px;
    background-image: url(../../img/a/carry.png)
}

img.cary.h {
    background-position: 0 -15px
}

img.cary.e {
    background-position: 0 -30px
}

img.cary.i {
    background-position: 0 -45px
}

#build.gid16 div.carry img.car,div.reports div.carry img.car {
    height: 12px;
    width: 18px;
    background: url(../../img/a/car.gif) no-repeat
}

div.village3 table#overview td.bui img.bau {
    width: 10px;
    height: 16px;
    background-image: url(../../img/a/bau.gif)
}

div.player img.tn,div.player img.tnd {
    width: 65px;
    height: 45px
}

div.player img.tn {
    background-image: url(../../img/t/tn.gif)
}

div.player img.tnd {
    background-image: url(../../img/t/tnd.gif)
}

body.manual img.medal,div.alliance img.medal,div.player img.medal {
    width: 44px;
    height: 61px;
    background-size: 100%
}

body.manual img.t1_1,div.player img.t1_1 {
    background-image: url(../../img/medal/t1.png);
    background-size: 100%
}

body.manual img.t1_2,div.player img.t1_2 {
    background-image: url(../../img/medal/t2.png)
}

body.manual img.t1_3,div.player img.t1_3 {
    background-image: url(../../img/medal/t3.png)
}

body.manual img.t1_4,div.player img.t1_4 {
    background-image: url(../../img/medal/t4.png)
}

div.player img.t1_5 {
    background-image: url(../../img/medal/t5.png)
}

div.player img.t1_6 {
    background-image: url(../../img/medal/t6.png)
}

div.player img.t1_7 {
    background-image: url(../../img/medal/t7.png)
}

div.player img.t1_8 {
    background-image: url(../../img/medal/t8.png)
}

div.player img.t1_9 {
    background-image: url(../../img/medal/t9.png)
}

div.player img.t1_10 {
    background-image: url(../../img/medal/t10.png)
}

div.player img.t100_1 {
    background-image: url(../../img/medal/tt3.png)
}

div.player img.t100_2 {
    background-image: url(../../img/medal/tt2.png)
}

div.player img.t100_3 {
    background-image: url(../../img/medal/tt1.png)
}

div.player img.t101_1 {
    background-image: url(../../img/t/t101_1.jpg)
}

div.player img.t102_1 {
    background-image: url(../../img/t/t102_1.jpg)
}

div.player img.t110_1 {
    background-image: url(../../img/t/t110_1.jpg)
}

div.player img.t111_1 {
    background-image: url(../../img/t/t111_1.jpg)
}

div.player img.t120_1 {
    background-image: url(../../img/medal/aa3.png)
}

div.player img.t120_2 {
    background-image: url(../../img/medal/aa2.png)
}

div.player img.t120_3 {
    background-image: url(../../img/medal/aa1.png)
}

div.player img.t121_1 {
    background-image: url(../../img/t/t121_1.jpg)
}

div.player img.t122_1 {
    background-image: url(../../img/t/t122_1.jpg)
}

div.player img.t130_1 {
    background-image: url(../../img/t/t130_1.jpg)
}

div.player img.t131_1 {
    background-image: url(../../img/t/t131_1.jpg)
}

div.player img.t140_1 {
    background-image: url(../../img/medal/dd3.png)
}

div.player img.t140_2 {
    background-image: url(../../img/medal/dd2.png)
}

div.player img.t140_3 {
    background-image: url(../../img/medal/dd1.png)
}

div.player img.t141_1 {
    background-image: url(../../img/t/t141_1.jpg)
}

div.player img.t142_1 {
    background-image: url(../../img/t/t142_1.jpg)
}

div.player img.t150_1 {
    background-image: url(../../img/t/t142_1.jpg)
}

div.player img.t151_1 {
    background-image: url(../../img/t/t151_1.jpg)
}

div.player img.t152_1 {
    background-image: url(../../img/t/t152_1.jpg)
}

div.player img.t160_1 {
    background-image: url(../../img/medal/rr3.png)
}

div.player img.t160_2 {
    background-image: url(../../img/medal/rr2.png)
}

div.player img.t160_3 {
    background-image: url(../../img/medal/rr1.png)
}

div.player img.t161_1 {
    background-image: url(../../img/t/t161_1.jpg)
}

div.player img.t162_1 {
    background-image: url(../../img/t/t162_1.jpg)
}

div.player img.t170_1 {
    background-image: url(../../img/t/t170_1.jpg)
}

div.player img.t171_1 {
    background-image: url(../../img/t/t171_1.jpg)
}

div.player img.t172_1 {
    background-image: url(../../img/t/t172_1.jpg)
}

div.player img.t180_1 {
    background-image: url(../../img/t/t180_1.jpg)
}

div.player img.t181_1 {
    background-image: url(../../img/t/t181_1.jpg)
}

div.player img.t182_1 {
    background-image: url(../../img/t/t182_1.jpg)
}

div.player img.t190_1 {
    background-image: url(../../img/t/t190_1.jpg)
}

div.player img.t191_1 {
    background-image: url(../../img/t/t191_1.jpg)
}

div.player img.t192_1 {
    background-image: url(../../img/t/t192_1.jpg)
}

div.player img.t2_1 {
    background-image: url(../../img/medal/a1.png)
}

div.player img.t2_10 {
    background-image: url(../../img/medal/a10.png)
}

div.player img.t2_2 {
    background-image: url(../../img/medal/a2.png)
}

div.player img.t2_3 {
    background-image: url(../../img/medal/a3.png)
}

div.player img.t2_4 {
    background-image: url(../../img/medal/a4.png)
}

div.player img.t2_5 {
    background-image: url(../../img/medal/a5.png)
}

div.player img.t2_6 {
    background-image: url(../../img/medal/a6.png)
}

div.player img.t2_7 {
    background-image: url(../../img/medal/a7.png)
}

div.player img.t2_8 {
    background-image: url(../../img/medal/a8.png)
}

div.player img.t2_9 {
    background-image: url(../../img/medal/a9.png)
}

div.player img.t200_1 {
    background-image: url(../../img/t/t200_1.jpg)
}

div.player img.t201_1 {
    background-image: url(../../img/t/t201_1.jpg)
}

div.player img.t202_1 {
    background-image: url(../../img/t/t202_1.jpg)
}

div.player img.t210_1 {
    background-image: url(../../img/t/t210_1.jpg)
}

div.player img.t211_1 {
    background-image: url(../../img/t/t211_1.jpg)
}

div.player img.t212_1 {
    background-image: url(../../img/t/t212_1.jpg)
}

div.player img.t220_1 {
    background-image: url(../../img/t/t220_1.jpg)
}

div.player img.t221_1 {
    background-image: url(../../img/t/t221_1.jpg)
}

div.player img.t3_1 {
    background-image: url(../../img/medal/d1.png)
}

div.player img.t3_10 {
    background-image: url(../../img/medal/d10.png)
}

div.player img.t3_2 {
    background-image: url(../../img/medal/d2.png)
}

div.player img.t3_3 {
    background-image: url(../../img/medal/d3.png)
}

div.player img.t3_4 {
    background-image: url(../../img/medal/d4.png)
}

div.player img.t3_5 {
    background-image: url(../../img/medal/d5.png)
}

div.player img.t3_6 {
    background-image: url(../../img/medal/d6.png)
}

div.player img.t3_7 {
    background-image: url(../../img/medal/d7.png)
}

div.player img.t3_8 {
    background-image: url(../../img/medal/d8.png)
}

div.player img.t3_9 {
    background-image: url(../../img/medal/d9.png)
}

div.player img.t4_1 {
    background-image: url(../../img/medal/r1.png)
}

div.player img.t4_10 {
    background-image: url(../../img/medal/r10.png)
}

div.player img.t4_2 {
    background-image: url(../../img/medal/r2.png)
}

div.player img.t4_3 {
    background-image: url(../../img/medal/r3.png)
}

div.player img.t4_4 {
    background-image: url(../../img/medal/r4.png)
}

div.player img.t4_5 {
    background-image: url(../../img/medal/r5.png)
}

div.player img.t4_6 {
    background-image: url(../../img/medal/r6.png)
}

div.player img.t4_7 {
    background-image: url(../../img/medal/r7.png)
}

div.player img.t4_8 {
    background-image: url(../../img/medal/r8.png)
}

div.player img.t4_9 {
    background-image: url(../../img/medal/r9.png)
}

div.player img.t5_1 {
    background-image: url(../../img/t/t5_1.jpg)
}

div.player img.t5_10 {
    background-image: url(../../img/t/t5_10.jpg)
}

div.player img.t5_2 {
    background-image: url(../../img/t/t5_2.jpg)
}

div.player img.t5_3 {
    background-image: url(../../img/t/t5_3.jpg)
}

div.player img.t5_4 {
    background-image: url(../../img/t/t5_4.jpg)
}

div.player img.t5_5 {
    background-image: url(../../img/t/t5_5.jpg)
}

div.player img.t5_6 {
    background-image: url(../../img/t/t5_6.jpg)
}

div.player img.t5_7 {
    background-image: url(../../img/t/t5_7.jpg)
}

div.player img.t5_8 {
    background-image: url(../../img/t/t5_8.jpg)
}

div.player img.t5_9 {
    background-image: url(../../img/t/t5_9.jpg)
}

div.player img.t6_1 {
    background-image: url(../../img/t/t6_1.jpg)
}

div.player img.t6_10 {
    background-image: url(../../img/t/t6_10.jpg)
}

div.player img.t6_2 {
    background-image: url(../../img/t/t6_2.jpg)
}

div.player img.t6_3 {
    background-image: url(../../img/t/t6_3.jpg)
}

div.player img.t6_4 {
    background-image: url(../../img/t/t6_4.jpg)
}

div.player img.t6_5 {
    background-image: url(../../img/t/t6_5.jpg)
}

div.player img.t6_6 {
    background-image: url(../../img/t/t6_6.jpg)
}

div.player img.t6_7 {
    background-image: url(../../img/t/t6_7.jpg)
}

div.player img.t6_8 {
    background-image: url(../../img/t/t6_8.jpg)
}

div.player img.t6_9 {
    background-image: url(../../img/t/t6_9.jpg)
}

div.player img.t10_1 {
    background-image: url(../../img/t/t10_1.jpg)
}

div.player img.t10_2 {
    width: 247px;
    height: 195px;
    background-image: url(../../img/t/t10_2.jpg)
}

body.manual img.a1_1,div.alliance img.a1_1 {
    background-image: url(../../img/medal/t1.png);
    background-size: 100%
}

body.manual img.a1_2,div.alliance img.a1_2 {
    background-image: url(../../img/medal/t2.png);
    background-size: 100%
}

body.manual img.a1_3,div.alliance img.a1_3 {
    background-image: url(../../img/medal/t3.png);
    background-size: 100%
}

body.manual img.a1_4,div.alliance img.a1_4 {
    background-image: url(../../img/medal/t4.png);
    background-size: 100%
}

div.alliance img.a1_5 {
    background-image: url(../../img/medal/t5.png);
    background-size: 100%
}

div.alliance img.a1_6 {
    background-image: url(../../img/medal/t6.png);
    background-size: 100%
}

div.alliance img.a1_7 {
    background-image: url(../../img/medal/t7.png);
    background-size: 100%
}

div.alliance img.a1_8 {
    background-image: url(../../img/medal/t8.png);
    background-size: 100%
}

div.alliance img.a1_9 {
    background-image: url(../../img/medal/t9.png);
    background-size: 100%
}

div.alliance img.a1_10 {
    background-image: url(../../img/medal/t10.png);
    background-size: 100%
}

div.alliance img.a2_1 {
    background-image: url(../../img/medal/a1.png);
    background-size: 100%
}

div.alliance img.a2_2 {
    background-image: url(../../img/medal/a2.png);
    background-size: 100%
}

div.alliance img.a2_3 {
    background-image: url(../../img/medal/a3.png);
    background-size: 100%
}

div.alliance img.a2_4 {
    background-image: url(../../img/medal/a4.png);
    background-size: 100%
}

div.alliance img.a2_5 {
    background-image: url(../../img/medal/a5.png);
    background-size: 100%
}

div.alliance img.a2_6 {
    background-image: url(../../img/medal/a6.png);
    background-size: 100%
}

div.alliance img.a2_7 {
    background-image: url(../../img/medal/a7.png);
    background-size: 100%
}

div.alliance img.a2_8 {
    background-image: url(../../img/medal/a8.png);
    background-size: 100%
}

div.alliance img.a2_9 {
    background-image: url(../../img/medal/a9.png);
    background-size: 100%
}

div.alliance img.a2_10 {
    background-image: url(../../img/medal/a10.png);
    background-size: 100%
}

div.alliance img.a3_1 {
    background-image: url(../../img/medal/d1.png);
    background-size: 100%
}

div.alliance img.a3_2 {
    background-image: url(../../img/medal/d2.png);
    background-size: 100%
}

div.alliance img.a3_3 {
    background-image: url(../../img/medal/d3.png);
    background-size: 100%
}

div.alliance img.a3_4 {
    background-image: url(../../img/medal/d4.png);
    background-size: 100%
}

div.alliance img.a3_5 {
    background-image: url(../../img/medal/d5.png);
    background-size: 100%
}

div.alliance img.a3_6 {
    background-image: url(../../img/medal/d6.png);
    background-size: 100%
}

div.alliance img.a3_7 {
    background-image: url(../../img/medal/d7.png);
    background-size: 100%
}

div.alliance img.a3_8 {
    background-image: url(../../img/medal/d8.png);
    background-size: 100%
}

div.alliance img.a3_9 {
    background-image: url(../../img/medal/d9.png);
    background-size: 100%
}

div.alliance img.a3_10 {
    background-image: url(../../img/medal/d10.png);
    background-size: 100%
}

div.alliance img.a4_1 {
    background-image: url(../../img/medal/r1.png);
    background-size: 100%
}

div.alliance img.a4_2 {
    background-image: url(../../img/medal/r2.png);
    background-size: 100%
}

div.alliance img.a4_3 {
    background-image: url(../../img/medal/r3.png);
    background-size: 100%
}

div.alliance img.a4_4 {
    background-image: url(../../img/medal/r4.png);
    background-size: 100%
}

div.alliance img.a4_5 {
    background-image: url(../../img/medal/r5.png);
    background-size: 100%
}

div.alliance img.a4_6 {
    background-image: url(../../img/medal/r6.png);
    background-size: 100%
}

div.alliance img.a4_7 {
    background-image: url(../../img/medal/r7.png);
    background-size: 100%
}

div.alliance img.a4_8 {
    background-image: url(../../img/medal/r8.png);
    background-size: 100%
}

div.alliance img.a4_9 {
    background-image: url(../../img/medal/r9.png);
    background-size: 100%
}

div.alliance img.a4_10 {
    background-image: url(../../img/medal/r10.png);
    background-size: 100%
}

div.messages table#overview td.send img.acp {
    width: 10px;
    height: 10px;
    background-image: url(../../img/a/external.gif)
}

div.messages table#friendlist img.accept {
    width: 12px;
    height: 12px;
    background-image: url(../../img/a/acc.gif)
}

div.reports td.report_content img.easter {
    width: 44px;
    height: 18px;
    background-image: url(../../img/r/easter.gif)
}

div.reports td.report_content img.xmas {
    width: 21px;
    height: 24px;
    background-image: url(../../img/r/xmas.gif)
}

div.reports td.report_content img.newy {
    width: 28px;
    height: 24px;
    background-image: url(../../img/r/newy.gif)
}

div.forum img.add {
    width: 16px;
    height: 16px;
    background-image: url(../../img/f/plus.gif)
}

div.forum a.mad img {
    width: 31px;
    height: 29px;
    background-image: url(../../img/f/mad.gif)
}

div.forum table td.ico img {
    width: 26px;
    height: 25px
}

div.forum table td.ico a img,div.forum table td.pcontent div.admin a img {
    width: 12px;
    height: 12px
}

div.forum table td.ico a.edit img,div.forum table td.pcontent div.admin a.edit img {
    background-image: url(../../img/f/edit.gif)
}

div.forum table td.ico a.fdel img,div.forum table td.pcontent div.admin a.fdel img {
    background-image: url(../../img/f/del.gif)
}

div.forum table td.ico a.down_arr img {
    background-image: url(../../img/f/down_arr.gif)
}

div.forum table td.ico a.up_arr img {
    background-image: url(../../img/f/up_arr.gif)
}

div.forum table td.ico a.unlock img {
    background-image: url(../../img/f/unlock.gif)
}

div.forum table td.ico a.lock img {
    background-image: url(../../img/f/lock.gif)
}

div.forum table td.ico a.pin img {
    background-image: url(../../img/f/pin.gif)
}

div.forum table td.ico a.unpin img {
    background-image: url(../../img/f/unpin.gif)
}

div.forum table td.ico img.folder {
    background-image: url(../../img/f/folder.gif)
}

div.forum table td.ico img.folder_lock {
    background-image: url(../../img/f/folder_lock.gif)
}

div.forum table td.ico img.folder_new {
    background-image: url(../../img/f/folder_new.gif)
}

div.forum table td.ico img.folder_new_lock {
    background-image: url(../../img/f/folder_new_lock.gif)
}

div.forum table td.ico img.folder_sticky {
    background-image: url(../../img/f/folder_sticky.gif)
}

div.forum table td.ico img.folder_sticky_lock {
    background-image: url(../../img/f/folder_sticky_lock.gif)
}

div.forum table td.ico img.folder_new_sticky {
    background-image: url(../../img/f/folder_new_sticky.gif)
}

div.forum table td.ico img.folder_new_sticky_lock {
    background-image: url(../../img/f/folder_new_sticky_lock.gif)
}

div.forum table td.ico img.v_folder {
    background-image: url(../../img/f/v_folder.gif)
}

div.forum table td.ico img.v_folder_lock {
    background-image: url(../../img/f/v_folder_lock.gif)
}

div.forum table td.ico img.v_folder_new {
    background-image: url(../../img/f/v_folder_new.gif)
}

div.forum table td.ico img.v_folder_new_lock {
    background-image: url(../../img/f/v_folder_new_lock.gif)
}

div.forum table td.ico img.v_folder_sticky {
    background-image: url(../../img/f/v_folder_sticky.gif)
}

div.forum table td.ico img.v_folder_sticky_lock {
    background-image: url(../../img/f/v_folder_sticky_lock.gif)
}

div.forum table td.ico img.v_folder_new_sticky {
    background-image: url(../../img/f/v_folder_new_sticky.gif)
}

div.forum table td.ico img.v_folder_new_sticky_lock {
    background-image: url(../../img/f/v_folder_new_sticky_lock.gif)
}

div.forum table#topics td.last img.latest_reply {
    width: 18px;
    height: 9px;
    background-image: url(../../img/f/icon_latest_reply.gif)
}

div#build.gid27 table td.icon img {
    width: 28px;
    height: 28px;
    background-image: url(../../img/misc/artefactIcons.png);
    scale: 1.1
}

div#build.gid27 table td.icon img.artefact_icon_ww {
    background-position: 0 0
}

div#build.gid27 table td.icon img.artefact_icon_1 {
    background-position: 0 -196px
}

div#build.gid27 table td.icon img.artefact_icon_2 {
    background-position: 0 -56px
}

div#build.gid27 table td.icon img.artefact_icon_3 {
    background-position: 0 -84px
}

div#build.gid27 table td.icon img.artefact_icon_4 {
    background-position: 0 -112px
}

div#build.gid27 table td.icon img.artefact_icon_5 {
    background-position: 0 -140px
}

div#build.gid27 table td.icon img.artefact_icon_6 {
    background-position: 0 -168px
}

div#build.gid27 table td.icon img.artefact_icon_7 {
    background-position: 0 -196px
}

div#build.gid27 table td.icon img.artefact_icon_8 {
    background-position: 0 -224px
}

div#build.gid27 table td.icon img.artefact_icon_9 {
    background-position: 0 -252px
}

img.cropfinder_icon {
    width: 20px;
    height: 20px;
    background-image: url(../../img/misc/cropfinder.gif)
}

div#build.gid27 div.artefact {
    background-position: center bottom;
    background-repeat: no-repeat
}

img.smiley {
    width: 19px;
    height: 16px;
    background-image: url(../../img/f/smileys.gif)
}

div.forum table td.input_icons img.aha,div.forum table#posts td.pcontent div.text img.aha {
    background-position: 0 0
}

img.angry {
    background-position: -22px 0
}

img.happy {
    background-position: -220px 0
}

div.forum table td.input_icons img.cool,div.forum table#posts td.pcontent div.text img.cool {
    background-position: -44px 0
}

div.forum table td.input_icons img.cry,div.forum table#posts td.pcontent div.text img.cry {
    background-position: -66px 0
}

div.forum table td.input_icons img.cute,div.forum table#posts td.pcontent div.text img.cute {
    background-position: -88px 0
}

div.forum table td.input_icons img.depressed,div.forum table#posts td.pcontent div.text img.depressed {
    background-position: -110px 0
}

div.forum table td.input_icons img.eek,div.forum table#posts td.pcontent div.text img.eek {
    background-position: -132px 0
}

div.forum table td.input_icons img.ehem,div.forum table#posts td.pcontent div.text img.ehem {
    background-position: -154px 0
}

div.forum table td.input_icons img.emotional,div.forum table#posts td.pcontent div.text img.emotional {
    background-position: -176px 0
}

div.forum table td.input_icons img.grin,div.forum table#posts td.pcontent div.text img.grin {
    background-position: -198px 0
}

div.forum table td.input_icons img.hit,div.forum table#posts td.pcontent div.text img.hit {
    background-position: -242px 0
}

div.forum table td.input_icons img.hmm,div.forum table#posts td.pcontent div.text img.hmm {
    background-position: -264px 0
}

div.forum table td.input_icons img.hmpf,div.forum table#posts td.pcontent div.text img.hmpf {
    background-position: -286px 0
}

div.forum table td.input_icons img.hrhr,div.forum table#posts td.pcontent div.text img.hrhr {
    background-position: -308px 0
}

div.forum table td.input_icons img.huh,div.forum table#posts td.pcontent div.text img.huh {
    background-position: -330px 0
}

div.forum table td.input_icons img.lazy,div.forum table#posts td.pcontent div.text img.lazy {
    background-position: -352px 0
}

div.forum table td.input_icons img.love,div.forum table#posts td.pcontent div.text img.love {
    background-position: -374px 0
}

div.forum table td.input_icons img.nocomment,div.forum table#posts td.pcontent div.text img.nocomment {
    background-position: -396px 0
}

div.forum table td.input_icons img.noemotion,div.forum table#posts td.pcontent div.text img.noemotion {
    background-position: -418px 0
}

div.forum table td.input_icons img.notamused,div.forum table#posts td.pcontent div.text img.notamused {
    background-position: -440px 0
}

div.forum table td.input_icons img.pout,div.forum table#posts td.pcontent div.text img.pout {
    background-position: -462px 0
}

div.forum table td.input_icons img.redface,div.forum table#posts td.pcontent div.text img.redface {
    background-position: -484px 0
}

div.forum table td.input_icons img.rolleyes,div.forum table#posts td.pcontent div.text img.rolleyes {
    background-position: -506px 0
}

div.forum table td.input_icons img.sad,div.forum table#posts td.pcontent div.text img.sad {
    background-position: -528px 0
}

div.forum table td.input_icons img.shy,div.forum table#posts td.pcontent div.text img.shy {
    background-position: -550px 0
}

div.forum table td.input_icons img.smile,div.forum table#posts td.pcontent div.text img.smile {
    background-position: -572px 0
}

div.forum table td.input_icons img.tongue,div.forum table#posts td.pcontent div.text img.tongue {
    background-position: -594px 0
}

div.forum table td.input_icons img.veryangry,div.forum table#posts td.pcontent div.text img.veryangry {
    background-position: -616px 0
}

div.forum table td.input_icons img.veryhappy,div.forum table#posts td.pcontent div.text img.veryhappy {
    background-position: -638px 0
}

div.forum table td.input_icons img.wink,div.forum table#posts td.pcontent div.text img.wink {
    background-position: -660px 0
}

div#side_info table thead td img.tSwitch {
    width: 13px;
    height: 13px
}

table#llist img.closed,table#vlist img.closed {
    background-image: url(../../img/a/closed.gif)
}

table#llist img.opened,table#vlist img.opened {
    background-image: url(../../img/a/opened.gif)
}

div.village2 img#lswitch {
    background: url(../../img/g/s/glvlp.gif)
}

div.village2 img#lswitch.on {
    background: url(../../img/g/s/glvlm.gif)
}

img.plus {
    width: 13px;
    height: 13px;
    background-image: url(../../img/a/plus.gif)
}

img.minus {
    width: 13px;
    height: 13px;
    background-image: url(../../img/a/minus.gif)
}

div.alliance div#submenu img,div.statistics div#submenu img {
    background-position: 0 top;
    width: 30px;
    height: 30px
}

div.alliance div#submenu img.active,div.statistics div#submenu img.active {
    background-position: 0 bottom
}

div.alliance div#submenu img.btn_def,div.statistics div#submenu img.btn_def {
    background-image: url(../../img/s/def.gif)
}

div.alliance div#submenu img.Import,div.statistics div#submenu img.Import {
    background-image: url(../../img/s/Import.png)
}

div.alliance div#submenu img.btn_off,div.statistics div#submenu img.btn_off {
    background-image: url(../../img/s/off.gif)
}

div.statistics div#submenu img.btn_top10 {
    background-image: url(../../img/s/top10.gif)
}

div.statistics div#submenu2 img {
    background-position: 0 top;
    width: 30px;
    height: 30px
}

div.statistics div#submenu2 img.active {
    background-position: 0 bottom
}

div.statistics div#submenu2 img.btn_v1 {
    background-image: url(../../img/s/v1.gif)
}

div.statistics div#submenu2 img.btn_v5 {
    background-image: url(../../img/s/v5.gif)
}

div.statistics div#submenu2 img.btn_v2 {
    background-image: url(../../img/s/v2.gif)
}

div.statistics div#submenu2 img.btn_v3 {
    background-image: url(../../img/s/v3.gif)
}

div.statistics div#submenu2 img.btn_v6 {
    background-image: url(../../img/s/v6.gif)
}

div.statistics div#submenu2 img.btn_v7 {
    background-image: url(../../img/s/v7.gif)
}

div.statistics div#submenu2 img.btn_v8 {
    background-image: url(../../img/s/v8.png?3)
}

div.statistics div#submenu2 img.btn_v9 {
    background-image: url(../../img/s/v9.png?33)
}

div.forum img.switch_admin {
    background-image: url(../../img/f/switch_admin.gif);
    width: 47px;
    height: 20px
}

div#mid {
    background-image: url(../../img/a/rand.gif);
    background-repeat: repeat-y;
    background-position: right 0
}

div#footer {
    background-image: url(../../img/a/btm.gif);
    background-repeat: repeat-x
}

div#side_navi p.deltimer a:hover {
    background: 0 0
}

div#side_navi a:hover {
    background-image: url(../../img/a/n_rtl.gif)
}

div#side_navi a#logo:hover {
    background: 0 0
}

div.map div#map div#map_content {
    background-image: url(../../img/m/map.png);
    background-position: 2px 0
}

div#mbig {
    background-color: #fff
}

div#mbig div#map {
    background-image: url(../../img/m/mapl.gif)
}

div.messages div#read_head {
    background-image: url(../../img/msg/block_bg21.png);
    background-position: top right
}

div.messages div#read_content {
    background-image: url(../../img/msg/block_bg22.png);
    background-repeat: repeat-y;
    background-position: top right
}

div.messages div#read_content #heading div {
    background-image: url(../../img/msg/underline.gif);
    background-repeat: repeat-x;
    background-position: right -2px
}

div.messages div#read_content #line {
    background-image: url(../../img/msg/block_bg25.png);
    background-position: bottom right
}

div.messages div#read_content #message {
    background-image: url(../../img/msg/underline.gif);
    background-repeat: repeat
}

div.messages div#read_foot {
    background-image: url(../../img/msg/block_bg23.png);
    background-position: bottom right
}

div.messages div#write_head {
    background-image: url(../../img/msg/block_bg21.png);
    background-position: top right
}

div.messages div#write_content {
    background-image: url(../../img/msg/block_bg22.png);
    background-repeat: repeat-y;
    background-position: top right
}

div.messages div#write_content #line {
    background-image: url(../../img/msg/block_bg25.png);
    background-position: bottom right
}

div.messages div#write_content #heading a,div.messages div#write_content #heading input {
    background-image: url(../../img/msg/underline.gif);
    background-repeat: repeat-x;
    background-position: right -2px
}

div.messages div#write_content span,div.messages div#write_content textarea {
    background-image: url(../../img/msg/underline.gif);
    background-repeat: repeat
}

div#write_content,div#write_foot,div#write_head {
    margin: auto
}

div.messages div#write_foot {
    background-image: url(../../img/msg/block_bg23.png);
    background-position: bottom right
}

div.messages div#adressbook {
    background-image: url(../../img/a/adr_rtl.gif)
}

div.messages div#block {
    background-image: url(../../img/msg/block_bg.gif)
}

div.messages div#block textarea {
    background-image: url(../../img/msg/underline.gif);
    background-repeat: repeat
}

div#build.gid37 table#distribution td.xp img.bar {
    height: 10px;
    background-image: url(../../img/a/c3.gif);
    background-repeat: repeat-x
}

div#dynamic_header {
    background-image: url(../../img/l/dyn_bg1.jpg);
    background-position: 50% 0
}

body.mod1 div#dynamic_header,body.mod2 div#dynamic_header {
    background-image: none
}

body.mod1 div#dynamic_header div.dyn1 {
    background-image: url(../../img/l/ad1.jpg);
    background-position: -20px 0
}

body.mod1 div#dynamic_header div.dyn2 {
    background-image: url(../../img/l/ad2.jpg)
}

body.mod2 div#dynamic_header div.dyn1 {
    background-image: url(../../img/l/bigsize_bg.jpg);
    background-position: -100px 0
}

body.mod3 div#dynamic_header div.dyn1 {
    background-image: url(../../img/l/skyscraper_bg.gif)
}

div.forum table#poll thead th {
    background-image: url(../../img/f/c4.gif);
    background-repeat: repeat
}

div.alliance div.chatHeader {
    text-align: center;
    background-image: linear-gradient(#fff,#d7d7d7)
}

div.popup3 {
    background-image: url(../../img/a/anl_rtl.gif)
}

div.popup3 img.xlo {
    width: 32px;
    height: 32px;
    background-image: url(../../img/misc/xlo.gif)
}

div.player div#gpack_popup {
    background-image: url(../../img/a/gp.gif)
}

div#side_info div#qge img#qgei {
    height: 220px
}

div#side_info div#qge img.q_l1 {
    width: 125px;
    background-image: url(../../img/q/l1.jpg)
}

div#side_info div#qge img.q_l1g {
    width: 125px;
    background-image: url(../../img/q/l1g.jpg)
}

div#side_info div#qge img.q_l5 {
    width: 125px;
    background-image: url(../../img/q/l5.jpg)
}

div#side_info div#qge img.q_l5g {
    width: 125px;
    background-image: url(../../img/q/l5g.jpg)
}

div#side_info div#qge img.q_l2 {
    width: 164px;
    background-image: url(../../img/q/l2.jpg)
}

div#side_info div#qge img.q_l2g {
    width: 164px;
    background-image: url(../../img/q/l2g.jpg)
}

div#side_info div#qge img.q_l3 {
    width: 146px;
    background-image: url(../../img/q/l3.jpg)
}

div#side_info div#qge img.q_l3g {
    width: 146px;
    background-image: url(../../img/q/l3g.jpg)
}

div#side_info div#qge img.q_l6 {
    width: 146px;
    background-image: url(../../img/q/l6.jpg)
}

div#side_info div#qge img.q_l6g {
    width: 146px;
    background-image: url(../../img/q/l6g.jpg)
}

div#side_info div#qge img.q_l7 {
    width: 190px;
    background-image: url(../../img/q/l7.jpg)
}

div#side_info div#qge img.q_l7g {
    width: 190px;
    background-image: url(../../img/q/l7g.jpg)
}

div#side_info div#qge img.q_l8 {
    width: 146px;
    background-image: url(../../img/q/l8.jpg)
}

div#side_info div#qge img.q_l8g {
    width: 146px;
    background-image: url(../../img/q/l8g.jpg)
}

div#side_info div#qge img.q_l9 {
    width: 146px;
    background-image: url(../../img/q/l9.jpg)
}

div#side_info div#qge img.q_l9g {
    width: 146px;
    background-image: url(../../img/q/l9g.jpg)
}

div.quest div#qstbg {
    height: 398px;
    width: 428px;
    position: absolute;
    right: 11px;
    top: 75px;
    z-index: 1;
    background-position: bottom;
    background-color: #fff
}

div.quest div.allres {
    height: 160px;
    background-image: url(../../img/q/allres.jpg)
}

div.quest div.army {
    height: 169px;
    background-image: url(../../img/q/army.jpg)
}

div.quest div.barracks {
    height: 180px;
    background-image: url(../../img/q/barracks.jpg)
}

div.quest div.clay_iron {
    height: 199px;
    background-image: url(../../img/q/clay_iron.jpg)
}

div.quest div.cost {
    height: 242px;
    background-image: url(../../img/q/cost.jpg)
}

div.quest div.farm {
    height: 181px;
    background-image: url(../../img/q/farm.jpg)
}

div.quest div.granary_rally {
    height: 163px;
    background-image: url(../../img/q/granary_rally.jpg)
}

div.quest div.hide {
    height: 179px;
    background-image: url(../../img/q/hide.jpg);
    display: block
}

div.quest div.intro {
    height: 165px;
    background-image: url(../../img/q/intro.jpg)
}

div.quest div.main {
    height: 234px;
    background-image: url(../../img/q/main.jpg)
}

div.quest div.market {
    height: 165px;
    background-image: url(../../img/q/market.jpg)
}

div.quest div.medal {
    height: 214px;
    background-image: url(../../img/q/medal.jpg)
}

div.quest div.msg {
    height: 167px;
    background-image: url(../../img/q/msg.jpg)
}

div.quest div.neighbour {
    height: 160px;
    background-image: url(../../img/q/neighbour.jpg)
}

div.quest div.new_village {
    height: 208px;
    background-image: url(../../img/q/new_village.jpg)
}

div.quest div.rank {
    height: 238px;
    background-image: url(../../img/q/rank.jpg)
}

div.quest div.units {
    height: 166px;
    background-image: url(../../img/q/units.jpg)
}

div.quest div.village_name {
    height: 160px;
    background-image: url(../../img/q/village_name.jpg)
}

div.quest div.warehouse {
    height: 179px;
    background-image: url(../../img/q/warehouse.jpg)
}

div.quest div.wood {
    height: 237px;
    background-image: url(../../img/q/wood.jpg)
}

a#_n0 img,a#_n1 img,a#_n2 img,a#_n3 img,a#_n4 img,a#n0 img,a#n1 img,a#n2 img,a#n3 img,a#n4 img,div#n5 {
    background-position: 0 -21px;
    background-repeat: no-repeat;
    height: 67px;
    width: 70px
}

a#x1 img,a#x2 img,a#x3 img,a#x4 img,a#x5 img {
    background-position: 0 -21px;
    background-repeat: no-repeat;
    height: 67px;
    width: 70px
}

body.v35 a#_n1 img,body.v35 a#n1 img {
    background-image: url(../../img/l/n1.gif)
}

body.v35 a#_n2 img,body.v35 a#n2 img {
    background-image: url(../../img/l/n2.gif)
}

body.v35 a#_n3 img,body.v35 a#n3 img {
    background-image: url(../../img/l/n3.gif)
}

body.v35 a#_n4 img,body.v35 a#n4 img {
    background-image: url(../../img/l/n4.gif)
}

body.v3 a#n1 img {
    background-image: url(../../img/l/n1_30.gif)
}

body.v3 a#n2 img {
    background-image: url(../../img/l/n2_30.gif)
}

body.v3 a#n3 img {
    background-image: url(../../img/l/n3_30.gif)
}

body.v3 a#n4 img {
    background-image: url(../../img/l/n4_30.gif)
}

a#n0:hover img,a#n1:hover img,a#n2:hover img,a#n3:hover img,a#n4:hover img {
    background-position: 0 -121px
}

a#_n0 img,a#_n1 img,a#_n2 img,a#_n3 img,a#_n4 img {
    background-position: 0 -121px
}

a#x1:hover img,a#x2:hover img,a#x3:hover img,a#x4:hover img,a#x5:hover img {
    background-position: 0 -121px
}

div#n5 img {
    height: 67px;
    width: 35px
}

body.v35 div.i1 {
    background-image: url(../../img/l/m1.gif)
}

body.v35 div.i2 {
    background-image: url(../../img/l/m2.gif)
}

body.v35 div.i3 {
    background-image: url(../../img/l/m3.gif)
}

body.v35 div.i4 {
    background-image: url(../../img/l/m4.gif)
}

body.v3 div.i1 {
    background-image: url(../../img/l/m1_30.gif)
}

body.v3 div.i2 {
    background-image: url(../../img/l/m2_30.gif)
}

body.v3 div.i3 {
    background-image: url(../../img/l/m3_30.gif)
}

body.v3 div.i4 {
    background-image: url(../../img/l/m4_30.gif)
}

img.building {
    width: 75px;
    height: 100px
}

img.dx1,img.g16,img.g16b,img.g16n {
    width: 69px;
    height: 120px
}

img.g40,img.ww {
    width: 214px
}

img.g1 {
    background-image: url(../../img/g/gid1.png);
    background-size: 100%;
    background-position: bottom;
    transform: scale(1.2)
}

img.g2 {
    background-image: url(../../img/g/gid2.png);
    background-size: 100%;
    background-position: bottom;
    transform: scale(1.2)
}

img.g3 {
    background-image: url(../../img/g/gid3.png);
    background-size: 100%;
    background-position: bottom;
    transform: scale(1.2)
}

img.g4 {
    background-image: url(../../img/g/gid4.png);
    background-size: 100%;
    background-position: bottom;
    transform: scale(1.2)
}

img.g5 {
    background-image: url(../../img/g/g5.png?2);
    background-size: 100%;
    background-position: bottom
}

img.g5b {
    background-image: url(../../img/g/g5b.gif)
}

img.g6 {
    background-image: url(../../img/g/gid6.png?4);
    background-size: 100%;
    background-position: bottom
}

img.g6b {
    background-image: url(../../img/g/g6b.gif)
}

img.g7 {
    background-image: url(../../img/g/gid7.png?4);
    background-size: 100%;
    background-position: bottom
}

img.g7b {
    background-image: url(../../img/g/g7b.gif)
}

img.g8 {
    background-image: url(../../img/g/g8.png?2);
    background-size: 100%;
    background-position: bottom;
    transform: scale(.95)
}

img.g8b {
    background-image: url(../../img/g/g8b.gif)
}

img.g9 {
    background-image: url(../../img/g/gid9.png);
    background-size: 100%;
    background-position: bottom
}

img.g9b {
    background-image: url(../../img/g/g9b.gif)
}

img.g10 {
    background-image: url(../../img/g/g10.png?2);
    background-size: 100%;
    background-position: bottom;
    transform: scale(1.1)
}

img.g10b {
    background-image: url(../../img/g/g10b.gif)
}

img.g11 {
    background-image: url(../../img/g/g11.png?2);
    background-size: 100%;
    background-position: bottom;
    transform: scale(1.1)
}

img.g11b {
    background-image: url(../../img/g/g11b.gif)
}

img.g12 {
    background-image: url(../../img/g/g12.gif)
}

img.g12b {
    background-image: url(../../img/g/g12b.gif)
}

img.g13 {
    background-image: url(../../img/g/_g13.png?2);
    background-size: 100%;
    background-position: bottom;
    transform: scale(1.1)
}

img.g13b {
    background-image: url(../../img/g/g12b.gif)
}

img.g14 {
    background-image: url(../../img/g/g14.png?3);
    background-size: 111%;
    background-position: bottom;
    transform: scale(1.1)
}

img.g14b {
    background-image: url(../../img/g/g14b.gif)
}

img.g15 {
    background-image: url(../../img/g/g15.png?2);
    background-size: 100%;
    background-position: bottom;
    transform: scale(1.1)
}

img.g15b {
    background-image: url(../../img/g/g15b.gif)
}

img.g44 {
    background-image: url(../../img/g/g444.png);
    background-size: 100%;
    background-position: bottom;
    scale: 1.1
}

img.g44b {
    background-image: url(../../img/g/g44b.png)
}

img.g16 {
    background-image: url(../../img/g/g16.gif)
}

img.g16b {
    background-image: url(../../img/g/g16b.gif)
}

img.g0e,img.g16e {
    background-image: url(../../img/g/g16e.gif)
}

img.g17 {
    background-image: url(../../img/g/g17.png?2);
    background-size: 100%;
    background-position: bottom;
    transform: scale(1.1)
}

img.g17b {
    background-image: url(../../img/g/g17b.gif)
}

img.g18 {
    background-image: url(../../img/g/g18.png?2);
    background-size: 100%;
    background-position: bottom;
    transform: scale(1.05)
}

img.g18b {
    background-image: url(../../img/g/g18b.gif)
}

img.g19 {
    background-image: url(../../img/g/g19.png?2);
    background-size: 100%;
    background-position: bottom;
    transform: scale(1.1)
}

img.g19b {
    background-image: url(../../img/g/g19b.gif)
}

img.g20 {
    background-image: url(../../img/g/g20.png?2);
    background-size: 100%;
    background-position: bottom;
    transform: scale(1.2)
}

img.g20b {
    background-image: url(../../img/g/g20b.gif)
}

img.g21 {
    background-image: url(../../img/g/g21.png?2);
    background-size: 100%;
    background-position: bottom;
    transform: scale(1.1)
}

img.g21b {
    background-image: url(../../img/g/g21b.gif)
}

img.g22 {
    background-image: url(../../img/g/g22.png?2);
    background-size: 100%;
    background-position: bottom;
    scale: 1.1
}

img.g22b {
    background-image: url(../../img/g/g22b.gif)
}

img.g23 {
    background-image: url(../../img/g/g23.png?2);
    background-size: 100%;
    background-position: bottom
}

img.g23b {
    background-image: url(../../img/g/g23b.gif)
}

img.g24 {
    background-image: url(../../img/g/gid24.png);
    background-size: 100%;
    background-position: bottom
}

img.g24b {
    background-image: url(../../img/g/g24b.gif)
}

img.g25 {
    background-image: url(../../img/g/g25.png?2);
    background-size: 100%;
    background-position: bottom;
    transform: scale(1.1)
}

img.g25b {
    background-image: url(../../img/g/g25b.gif)
}

img.g26 {
    background-image: url(../../img/g/g26.png?2);
    background-size: 100%;
    background-position: bottom
}

img.g26b {
    background-image: url(../../img/g/g26b.gif)
}

img.g27 {
    background-image: url(../../img/g/g27.png?2);
    background-size: 90%;
    background-position: bottom;
    transform: scale(1.2)
}

img.g27b {
    background-image: url(../../img/g/g27b.gif)
}

img.g28 {
    background-image: url(../../img/g/g28.png);
    background-position: bottom;
    background-size: 100%;
}

img.g28b {
    background-image: url(../../img/g/g28b.gif)
}

img.g29 {
    background-image: url(../../img/g/gid29.png?4);
    background-size: 100%;
    background-position: bottom
}

img.g29b {
    background-image: url(../../img/g/g29b.gif)
}

img.g30 {
    background-image: url(../../img/g/gid30.png?4);
    background-size: 100%;
    background-position: bottom;
    transform: scale(1.2)
}

img.g30b {
    background-image: url(../../img/g/g30b.gif)
}

img.g34 {
    background-image: url(../../img/g/_g34.png?2);
    background-size: 100%;
    background-position: bottom;
    transform: scale(1.05)
}

img.g34b {
    background-image: url(../../img/g/g34b.gif)
}

img.g606 {
    background-image: url(../../img/g/g606.png?2);
    background-size: 100%;
    background-position: bottom;
    transform: scale(1.05)
}

img.g606b {
    background-image: url(../../img/g/g606b.png)
}

img.g36 {
    background-image: url(../../img/g/g36.png?2);
    background-size: 100%;
    background-position: bottom;
    transform: scale(1.1)
}

img.g36b {
    background-image: url(../../img/g/g36b.gif)
}

img.g37 {
    background-image: url(../../img/g/_g37.png?2);
    background-size: 100%;
    background-position: bottom;
    transform: scale(1.1)
}

img.g37b {
    background-image: url(../../img/g/g37b.gif)
}

img.g38 {
    background-image: url(../../img/g/gid38.gif);
    background-size: 100%;
    transform: scale(1.055);
    background-position: bottom
}

img.g38b {
    background-image: url(../../img/g/g38b.gif)
}

img.g39 {
    background-image: url(../../img/g/gid39.gif);
    background-size: 100%;
    scale: 1.1;
    background-position: bottom
}

img.g39b {
    background-image: url(../../img/g/g39b.gif)
}

img.g40 {
    background-image: url(../../img/g/g40.gif);
    height: 154px
}

img.g40_1 {
    background-image: url(../../img/g/g40_1.gif);
    height: 167px
}

img.g40_2 {
    background-image: url(../../img/g/g40_2.gif);
    height: 193px
}

img.g40_3 {
    background-image: url(../../img/g/g40_3.gif);
    height: 230px
}

img.g40_4 {
    background-image: url(../../img/g/g40_4.gif);
    height: 239px
}

img.g40_5 {
    background-image: url(../../img/g/g40_5.gif);
    height: 302px
}

img.g41 {
    background-image: url(../../img/g/gid41.png);
    background-position: bottom;
    background-size: 100%;
    transform: scale(1.2)
}

img.g41b {
    background-image: url(../../img/g/g41b.gif)
}

img.g42 {
    background-image: url(../../img/g/g42.png?11);
    background-size: 100%;
    background-position: bottom;
    transform: scale(1.1)
}

img.g42b {
    background-image: url(../../img/g/g42b.gif?1)
}

img.g43 {
    background-image: url(../../img/g/g43.png);
    background-size: 100%;
    background-position: bottom;
    transform: scale(1.3)
}

img.g43b {
    background-image: url(../../img/g/g43b.gif)
}

img.g45 {
    background-image: url(../../img/g/_Hos.png?12);
    background-size: 100%;
    background-position: bottom;
    transform: scale(1.18)
}

img.g45b {
    background-image: url(../../img/g/g29b.gif)
}

div.map img.f1,div.village1 div.f1 {
    background-image: url(../../img/g/f1.png)
}

div.map img.f2,div.village1 div.f2 {
    background-image: url(../../img/g/f2.png)
}

div.map img.f3,div.village1 div.f3 {
    background-image: url(../../img/g/f3.png)
}

div.map img.f13,div.village1 div.f13 {
    background-image: url(../../img/g/f13.png?1)
}

div.map img.f4,div.village1 div.f4 {
    background-image: url(../../img/g/f4.png)
}

div.map img.f5,div.village1 div.f5 {
    background-image: url(../../img/g/f5.png)
}

div.map img.f6,div.village1 div.f6 {
    background-image: url(../../img/g/f6.png)
}

div.map img.f7,div.village1 div.f7 {
    background-image: url(../../img/g/f7.png)
}

div.map img.f8,div.village1 div.f8 {
    background-image: url(../../img/g/f8.png)
}

div.map img.f9,div.village1 div.f9 {
    background-image: url(../../img/g/f9.png)
}

div.map img.f10,div.village1 div.f10 {
    background-image: url(../../img/g/f10.png)
}

div.map img.f11,div.village1 div.f11 {
    background-image: url(../../img/g/f11.png)
}

div.map img.f12,div.village1 div.f12 {
    background-image: url(../../img/g/f12.png)
}

div.map img.f99,div.village1 div.f99 {
    background-image: url(../../img/g/f99.jpg)
}

div.village1 div#village_map img.level1,div.village1 div#village_map img.level10,div.village1 div#village_map img.level2,div.village1 div#village_map img.level3,div.village1 div#village_map img.level4,div.village1 div#village_map img.level5,div.village1 div#village_map img.level6,div.village1 div#village_map img.level7,div.village1 div#village_map img.level8,div.village1 div#village_map img.level9 {
    background-image: url(../../img/g/s/lvl1_10.gif)
}

div.village1 div#village_map img.level10_active,div.village1 div#village_map img.level1_active,div.village1 div#village_map img.level2_active,div.village1 div#village_map img.level3_active,div.village1 div#village_map img.level4_active,div.village1 div#village_map img.level5_active,div.village1 div#village_map img.level6_active,div.village1 div#village_map img.level7_active,div.village1 div#village_map img.level8_active,div.village1 div#village_map img.level9_active {
    background-image: url(../../img/g/s/lvl1_10_active.gif)
}

div.village1 div#village_map img.level11,div.village1 div#village_map img.level12,div.village1 div#village_map img.level13,div.village1 div#village_map img.level14,div.village1 div#village_map img.level15,div.village1 div#village_map img.level16,div.village1 div#village_map img.level17,div.village1 div#village_map img.level18,div.village1 div#village_map img.level19,div.village1 div#village_map img.level20 {
    background-image: url(../../img/g/s/lvl11_20.gif)
}

div.village1 div#village_map img.level11_active,div.village1 div#village_map img.level12_active,div.village1 div#village_map img.level13_active,div.village1 div#village_map img.level14_active,div.village1 div#village_map img.level15_active,div.village1 div#village_map img.level16_active,div.village1 div#village_map img.level17_active,div.village1 div#village_map img.level18_active,div.village1 div#village_map img.level19_active,div.village1 div#village_map img.level20_active {
    background-image: url(../../img/g/s/lvl11_20_active.gif)
}

div.village1 div#village_map img.level21,div.village1 div#village_map img.level22,div.village1 div#village_map img.level23,div.village1 div#village_map img.level24,div.village1 div#village_map img.level25 {
    background-image: url(../../img/g/s/lvl21_30.gif)
}

div#village_map img.level1_active,div.village1 div#village_map img.level1,div.village1 div#village_map img.level11,div.village1 div#village_map img.level11_active,div.village1 div#village_map img.level21,div.village1 div#village_map img.level21_active {
    background-position: 0 0
}

div.village1 div#village_map img.level12,div.village1 div#village_map img.level12_active,div.village1 div#village_map img.level2,div.village1 div#village_map img.level22,div.village1 div#village_map img.level22_active,div.village1 div#village_map img.level2_active {
    background-position: -17px 0
}

div.village1 div#village_map img.level13,div.village1 div#village_map img.level13_active,div.village1 div#village_map img.level23,div.village1 div#village_map img.level23_active,div.village1 div#village_map img.level3,div.village1 div#village_map img.level3_active {
    background-position: -34px 0
}

div.village1 div#village_map img.level14,div.village1 div#village_map img.level14_active,div.village1 div#village_map img.level24,div.village1 div#village_map img.level24_active,div.village1 div#village_map img.level4,div.village1 div#village_map img.level4_active {
    background-position: -51px 0
}

div.village1 div#village_map img.level15,div.village1 div#village_map img.level15_active,div.village1 div#village_map img.level25,div.village1 div#village_map img.level25_active,div.village1 div#village_map img.level5,div.village1 div#village_map img.level5_active {
    background-position: -68px 0
}

div.village1 div#village_map img.level16,div.village1 div#village_map img.level16_active,div.village1 div#village_map img.level6,div.village1 div#village_map img.level6_active {
    background-position: -85px 0
}

div.village1 div#village_map img.level17,div.village1 div#village_map img.level17_active,div.village1 div#village_map img.level7,div.village1 div#village_map img.level7_active {
    background-position: -102px 0
}

div.village1 div#village_map img.level18,div.village1 div#village_map img.level18_active,div.village1 div#village_map img.level8,div.village1 div#village_map img.level8_active {
    background-position: -119px 0
}

div.village1 div#village_map img.level19,div.village1 div#village_map img.level19_active,div.village1 div#village_map img.level9,div.village1 div#village_map img.level9_active {
    background-position: -136px 0
}

div.village1 div#village_map img.level10,div.village1 div#village_map img.level10_active,div.village1 div#village_map img.level20,div.village1 div#village_map img.level20_active {
    background-position: -153px 0
}

div.map img#detailed_map {
    width: 300px;
    max-height: 264px
}

div.map img.w1 {
    background-image: url(../../img/m/w1.png)
}

div.map img.w2 {
    background-image: url(../../img/m/w2.png)
}

div.map img.w3 {
    background-image: url(../../img/m/w3.png)
}

div.map img.w4 {
    background-image: url(../../img/m/w4.png)
}

div.map img.w5 {
    background-image: url(../../img/m/w5.png)
}

div.map img.w6 {
    background-image: url(../../img/m/w6.png)
}

div.map img.w7 {
    background-image: url(../../img/m/w7.png)
}

div.map img.w8 {
    background-image: url(../../img/m/w8.png)
}

div.map img.w9 {
    background-image: url(../../img/m/w9.png)
}

div.map img.w10 {
    background-image: url(../../img/m/w10.png)
}

div.map img.w11 {
    background-image: url(../../img/m/w11.png)
}

div.map img.w12 {
    background-image: url(../../img/m/w12.png)
}

div.village2 div.d2_0 {
    background-image: url(../../img/g/bg0.png)
}

div.village2 div.d2_1 {
    background-image: url(../../img/g/bg1.png)
}

div.village2 div.d2_11 {
    background-image: url(../../img/g/bg11.png)
}

div.village2 div.d2_12 {
    background-image: url(../../img/g/bg12.png)
}

div.build img.g31 {
    background-image: url(../../img/g/bg11.png);
    background-size: 100%;
    background-position: bottom
}

div.build img.g32 {
    background-image: url(../../img/g/bg12.png);
    background-size: 100%;
    background-position: bottom
}

div.build img.g33 {
    background-image: url(../../img/g/bg1.png);
    background-size: 100%;
    background-position: bottom
}

div.village2 div#village_map img.iso {
    background-image: url(../../img/g/iso.gif)
}

div.village2 div#village_map img.isoo {
    background-image: url(../../img/g/iso1.png)
}

div.village2 div#levels div {
    background: url(../../img/g/s/glvl.gif)
}

div#map div#map_content div.b00 {
    background-image: url(../../img/m/d00.gif)
}

div#map div#map_content div.b01 {
    background-image: url(../../img/m/d01.gif)
}

div#map div#map_content div.b02 {
    background-image: url(../../img/m/d02.png?23456)
}

div#map div#map_content div.b03 {
    background-image: url(../../img/m/d03.gif)
}

div#map div#map_content div.b04 {
    background-image: url(../../img/m/d04.gif)
}

div#map div#map_content div.b05 {
    background-image: url(../../img/m/d05.gif)
}

div#map div#map_content div.b06 {
    background-image: url(../../img/m/d06.gif)
}

div#map div#map_content div.b08 {
    background-image: url(../../img/m/d08.gif)
}

div#map div#map_content div.b09 {
    background-image: url(../../img/m/d09.gif)
}

div#map div#map_content div.b10 {
    background-image: url(../../img/m/d10.gif)
}

div#map div#map_content div.b11 {
    background-image: url(../../img/m/d11.gif)
}

div#map div#map_content div.b12 {
    background-image: url(../../img/m/d12.gif)
}

div#map div#map_content div.b13 {
    background-image: url(../../img/m/d13.gif)
}

div#map div#map_content div.b14 {
    background-image: url(../../img/m/d14.gif)
}

div#map div#map_content div.b15 {
    background-image: url(../../img/m/d15.gif)
}

div#map div#map_content div.b16 {
    background-image: url(../../img/m/d16.gif)
}

div#map div#map_content div.b17 {
    background-image: url(../../img/m/d17.gif)
}

div#map div#map_content div.b18 {
    background-image: url(../../img/m/d18.gif)
}

div#map div#map_content div.b20 {
    background-image: url(../../img/m/d20.gif)
}

div#map div#map_content div.b21 {
    background-image: url(../../img/m/d21.gif)
}

div#map div#map_content div.b22 {
    background-image: url(../../img/m/d22.png?1234565)
}

div#map div#map_content div.b23 {
    background-image: url(../../img/m/d23.gif)
}

div#map div#map_content div.b24 {
    background-image: url(../../img/m/d24.gif)
}

div#map div#map_content div.b25 {
    background-image: url(../../img/m/d25.gif)
}

div#map div#map_content div.b26 {
    background-image: url(../../img/m/d26.gif)
}

div#map div#map_content div.b27 {
    background-image: url(../../img/m/d27.gif)
}

div#map div#map_content div.b29 {
    background-image: url(../../img/m/d29.gif)
}

div#map div#map_content div.b30 {
    background-image: url(../../img/m/d30.gif)
}

div#map div#map_content div.b31 {
    background-image: url(../../img/m/d31.gif)
}

div#map div#map_content div.b32 {
    background-image: url(../../img/m/d32.png?12345)
}

div#map div#map_content div.b33 {
    background-image: url(../../img/m/d33.gif)
}

div#map div#map_content div.b34 {
    background-image: url(../../img/m/d34.gif)
}

div#map div#map_content div.b35 {
    background-image: url(../../img/m/d35.gif)
}

div#map div#map_content div.o0 {
    background-image: url(../../img/m/o0.gif)
}

div#map div#map_content div.o1 {
    background-image: url(../../img/m/o1.gif)
}

div#map div#map_content div.o2 {
    background-image: url(../../img/m/o2.gif)
}

div#map div#map_content div.o3 {
    background-image: url(../../img/m/o3.gif)
}

div#map div#map_content div.o4 {
    background-image: url(../../img/m/o4.gif)
}

div#map div#map_content div.o5 {
    background-image: url(../../img/m/o5.gif)
}

div#map div#map_content div.o6 {
    background-image: url(../../img/m/o6.gif)
}

div#map div#map_content div.o7 {
    background-image: url(../../img/m/o7.gif)
}

div#map div#map_content div.o8 {
    background-image: url(../../img/m/o8.gif)
}

div#map div#map_content div.o9 {
    background-image: url(../../img/m/o9.gif)
}

div#map div#map_content div.o10 {
    background-image: url(../../img/m/o10.gif)
}

div#map div#map_content div.o11 {
    background-image: url(../../img/m/o11.gif)
}

div#map div#map_content div.o12 {
    background-image: url(../../img/m/o12.gif)
}

div#map div#map_content div.o99 {
    background-image: url(../../img/m/o99.gif)
}

div#map div#map_content div.t0 {
    background-image: url(../../img/m/t0.gif)
}

div#map div#map_content div.t1 {
    background-image: url(../../img/m/t1.gif)
}

div#map div#map_content div.t2 {
    background-image: url(../../img/m/t2.gif)
}

div#map div#map_content div.t3 {
    background-image: url(../../img/m/t3.gif)
}

div#map div#map_content div.t4 {
    background-image: url(../../img/m/t4.gif)
}

div#map div#map_content div.t5 {
    background-image: url(../../img/m/t5.gif)
}

div#map div#map_content div.t13,div#map div#map_content div.t6 {
    background-image: url(../../img/m/t6.gif)
}

div#map div#map_content div.t7 {
    background-image: url(../../img/m/t7.gif)
}

div#map div#map_content div.t8 {
    background-image: url(../../img/m/t8.gif)
}

div#map div#map_content div.t9 {
    background-image: url(../../img/m/t9.gif)
}

div#map img#map_navibox {
    width: 100px;
    height: 60px;
    background-image: url(../../img/m/dir.gif)
}

div.forum table#poll td.stat img {
    height: 12px
}

div.forum table#poll td.stat img.stats-start {
    width: 5px;
    background-image: url(../../img/f/stats_right.gif)
}

div.forum table#poll td.stat img.stats-middle {
    background-image: url(../../img/f/stats_middle.gif);
    background-repeat: repeat-x
}

div.forum table#poll td.stat img.stats-end {
    width: 5px;
    background-image: url(../../img/f/stats_left.gif)
}

div.messages div#write_content a#adbook img {
    width: 48px;
    height: 29px;
    background-image: url(../../img/a/friends.gif)
}

div.player div#gpack_popup img.logo {
    width: 40px;
    height: 40px
}

div.player div#gpack_popup img.firefox {
    background-image: url(../../img/a/firefox.gif)
}

div.player div#gpack_popup img.opera {
    background-image: url(../../img/a/opera.gif)
}

div.player div#gpack_popup img.ie {
    background-image: url(../../img/a/ie.gif)
}

div.player div#gpack_popup img.unknown {
    background-image: url(../../img/a/unknown.gif)
}

div.player div#gpack_popup div#gpack_activate img#preview {
    width: 0;
    height: 0;
    background-image: none
}

body.manual img.troops {
    width: 140px;
    height: 89px;
    background-image: url(../../img/a/troops.gif)
}

body.manual img.buildings {
    width: 140px;
    height: 89px;
    background-image: url(../../img/a/buildings.gif)
}

body.manual img.navi {
    width: 116px;
    height: 18px;
    background-image: url(../../img/a/navi.gif)
}

body.manual img#big_unit {
    width: 150px;
    height: 120px
}

body.manual img.big_u1 {
    background-image: url(../../img/u2rtl/u1.gif)
}

body.manual img.big_u2 {
    background-image: url(../../img/u2rtl/u2.gif)
}

body.manual img.big_u3 {
    background-image: url(../../img/u2rtl/u3.gif)
}

body.manual img.big_u4 {
    background-image: url(../../img/u2rtl/u4.gif)
}

body.manual img.big_u5 {
    background-image: url(../../img/u2rtl/u5.gif)
}

body.manual img.big_u6 {
    background-image: url(../../img/u2rtl/u6.gif)
}

body.manual img.big_u7 {
    background-image: url(../../img/u2rtl/u7.gif)
}

body.manual img.big_u8 {
    background-image: url(../../img/u2rtl/u8.gif)
}

body.manual img.big_u9 {
    background-image: url(../../img/u2rtl/u9.gif)
}

body.manual img.big_u10 {
    background-image: url(../../img/u2rtl/u10.gif)
}

img.big_u41 {
    background-image: url(../../img/u2/u41.gif)
}

img.big_u42 {
    background-image: url(../../img/u2/u42.gif)
}

img.big_u43 {
    background-image: url(../../img/u2/u43.gif)
}

img.big_u44 {
    background-image: url(../../img/u2/u44.gif)
}

img.big_u45 {
    background-image: url(../../img/u2/u45.gif)
}

img.big_u46 {
    background-image: url(../../img/u2/u46.gif)
}

img.big_u47 {
    background-image: url(../../img/u2/u47.gif)
}

img.big_u48 {
    background-image: url(../../img/u2/u48.gif)
}

img.big_u49 {
    background-image: url(../../img/u2/u49.gif)
}

img.big_u50 {
    background-image: url(../../img/u2/u50.gif)
}

body.manual img.big_u11 {
    background-image: url(../../img/u2rtl/u11.gif)
}

body.manual img.big_u12 {
    background-image: url(../../img/u2rtl/u12.gif)
}

body.manual img.big_u13 {
    background-image: url(../../img/u2rtl/u13.gif)
}

body.manual img.big_u14 {
    background-image: url(../../img/u2rtl/u14.gif)
}

body.manual img.big_u15 {
    background-image: url(../../img/u2rtl/u15.gif)
}

body.manual img.big_u16 {
    background-image: url(../../img/u2rtl/u16.gif)
}

body.manual img.big_u17 {
    background-image: url(../../img/u2rtl/u17.gif)
}

body.manual img.big_u18 {
    background-image: url(../../img/u2rtl/u18.gif)
}

body.manual img.big_u19 {
    background-image: url(../../img/u2rtl/u19.gif)
}

body.manual img.big_u20 {
    background-image: url(../../img/u2rtl/u20.gif)
}

body.manual img.big_u21 {
    background-image: url(../../img/u2rtl/u21.gif)
}

body.manual img.big_u22 {
    background-image: url(../../img/u2rtl/u22.gif)
}

body.manual img.big_u23 {
    background-image: url(../../img/u2rtl/u23.gif)
}

body.manual img.big_u24 {
    background-image: url(../../img/u2rtl/u24.gif)
}

body.manual img.big_u25 {
    background-image: url(../../img/u2rtl/u25.gif)
}

body.manual img.big_u26 {
    background-image: url(../../img/u2rtl/u26.gif)
}

body.manual img.big_u27 {
    background-image: url(../../img/u2rtl/u27.gif)
}

body.manual img.big_u28 {
    background-image: url(../../img/u2rtl/u28.gif)
}

body.manual img.big_u29 {
    background-image: url(../../img/u2rtl/u29.gif)
}

body.manual img.big_u30 {
    background-image: url(../../img/u2rtl/u30.gif)
}

body.manual img.big_u51 {
    background-image: url(../../img/u2/u51.gif)
}

body.manual img.big_u52 {
    background-image: url(../../img/u2/u52.gif)
}

body.manual img.big_u53 {
    background-image: url(../../img/u2/u53.gif)
}

body.manual img.big_u54 {
    background-image: url(../../img/u2/u54.gif)
}

body.manual img.big_u55 {
    background-image: url(../../img/u2/u55.gif)
}

body.manual img.big_u56 {
    background-image: url(../../img/u2/u56.gif)
}

body.manual img.big_u57 {
    background-image: url(../../img/u2/u57.gif)
}

body.manual img.big_u58 {
    background-image: url(../../img/u2/u58.gif)
}

body.manual img.big_u59 {
    background-image: url(../../img/u2/u59.gif)
}

body.manual img.big_u60 {
    background-image: url(../../img/u2/u60.gif)
}

body.manual img.big_u61 {
    background-image: url(../../img/u2rtl/u61.gif)
}

body.manual img.big_u62 {
    background-image: url(../../img/u2rtl/u62.gif)
}

body.manual img.big_u63 {
    background-image: url(../../img/u2rtl/u63.gif)
}

body.manual img.big_u64 {
    background-image: url(../../img/u2rtl/u64.gif)
}

body.manual img.big_u65 {
    background-image: url(../../img/u2rtl/u65.gif)
}

body.manual img.big_u66 {
    background-image: url(../../img/u2rtl/u66.gif)
}

body.manual img.big_u67 {
    background-image: url(../../img/u2rtl/u67.gif)
}

body.manual img.big_u68 {
    background-image: url(../../img/u2rtl/u68.gif)
}

body.manual img.big_u69 {
    background-image: url(../../img/u2rtl/u69.gif)
}

body.manual img.big_u70 {
    background-image: url(../../img/u2rtl/u70.gif)
}

body.manual img.big_u70 {
    background-image: url(../../img/u2/u70.png);
    background-size: cover
}

body.manual img.big_u71 {
    background-image: url(../../img/u2/u71.png)
}

body.manual img.big_u72 {
    background-image: url(../../img/u2/u72.png)
}

body.manual img.big_u73 {
    background-image: url(../../img/u2/u73.png)
}

body.manual img.big_u74 {
    background-image: url(../../img/u2/u74.png)
}

body.manual img.big_u75 {
    background-image: url(../../img/u2/u75.png)
}

body.manual img.big_u76 {
    background-image: url(../../img/u2/u76.png)
}

body.manual img.big_u77 {
    background-image: url(../../img/u2/u77.png)
}

body.manual img.big_u78 {
    background-image: url(../../img/u2/u78.png)
}

body.manual img.big_u79 {
    background-image: url(../../img/u2/u79.png)
}

body.manual img.big_u80 {
    background-image: url(../../img/u2/u80.png)
}

body.manual img.big_u100 {
    background-image: url(../../img/u2/u100.gif)
}

body.manual img.big_u101 {
    background-image: url(../../img/u2/u101.gif)
}

body.manual img.big_u102 {
    background-image: url(../../img/u2/u102.gif)
}

body.manual img.big_u103 {
    background-image: url(../../img/u2/u103.gif)
}

body.manual img.big_u104 {
    background-image: url(../../img/u2/u104.gif)
}

body.manual img.big_u105 {
    background-image: url(../../img/u2/u105.gif)
}

body.manual img.big_u106 {
    background-image: url(../../img/u2/u106.gif)
}

body.manual img.big_u107 {
    background-image: url(../../img/u2/u107.gif)
}

body.manual img.big_u108 {
    background-image: url(../../img/u2/u108.gif)
}

body.manual img.big_u109 {
    background-image: url(../../img/u2/u109.gif)
}

div.plus table#gold_features td.preview img {
    width: 150px;
    height: 150px
}

div.plus table#gold_features td.preview img.p1_25 {
    background-image: url(../../img/p/p1_25.jpg)
}

div.plus table#gold_features td.preview img.p2_25 {
    background-image: url(../../img/p/p2_25.jpg)
}

div.plus table#gold_features td.preview img.p3_25 {
    background-image: url(../../img/p/p3_25.jpg)
}

div.plus table#gold_features td.preview img.p4_25 {
    background-image: url(../../img/p/p4_25.jpg)
}

div.plus table#gold_features td.preview img.off10 {
    background-image: url(../../img/p/off10.jpg)
}

div.plus table#gold_features td.preview img.def10 {
    background-image: url(../../img/p/def10.jpg)
}

div.plus table#gold_features td.preview img.bau0 {
    background-image: url(../../img/p/bau0.jpg)
}

div.plus table#gold_features td.preview img.npc {
    background-image: url(../../img/p/npc.jpg)
}

div.plus table#gold_features td.preview img.gid19 {
    background-image: url(../../img/p/gid19.gif)
}

div.logout img.roman,div.signup img.roman {
    width: 156px;
    height: 156px;
    background-image: url(roemer.png)
}

div.error_site img.e403 {
    width: 165px;
    height: 211px;
    background-image: url(../../img/misc/403.gif)
}

div.error_site img.e404 {
    width: 190px;
    height: 155px;
    background-image: url(../../img/misc/404.gif)
}

div.error_site img.e500 {
    width: 254px;
    height: 207px;
    background-image: url(../../img/misc/500.gif)
}

div.peace {
    font-size: 18pt;
    left: 110px;
    position: absolute;
    top: -5px;
    z-index: 999
}

div.peace.active {
    color: #ff8000
}

div.peace.comming {
    color: #ddd
}

img.day {
    width: 18px;
    height: 18px;
    position: absolute;
    right: 104px;
    top: -5px;
    background-image: url(../../img/l/day.gif)
}

img.night {
    width: 18px;
    height: 18px;
    position: absolute;
    right: 104px;
    top: -5px;
    background-image: url(../../img/l/night.gif)
}

img.g35 {
    background-image: url(../../img/g/gid35.png);
    background-size: 110%;
    background-position: bottom
}

img.g35b {
    background-image: url(../../img/g/g35b.gif)
}

div.plus div#payment table td {
    border: none
}

div.plus div#payment table table tr.rbg td {
    font-weight: 700;
    text-align: center;
    background-image: linear-gradient(#fff,#d7d7d7)
}

div.plus div#payment table {
    border-collapse: separate
}

div.plus div#payment table td {
    padding: 2px;
    text-align: center
}

div.plus div#payment table tr.s7 td {
    text-align: right
}

div.plus div#payment table table td.th_bg {
    text-align: center;
    background-image: linear-gradient(#fff,#d7d7d7)
}

body {
    overflow-y: scroll
}

body.manual {
    overflow-y: hidden
}

body.ie6 {
    overflow-y: hidden
}

body.ie7 {
    overflow-y: hidden
}

body,html {
    height: 100%
}

.wrapper {
    height: auto!important;
    height: 100%;
    min-height: 100%;
    position: relative
}

.wrapper {
    background: transparent url(../../img/vip/header-line.png) repeat-x right top
}

.ie6 .wrapper {
    text-align: center
}

.ie6 .wrapper * {
    text-align: right
}

table.row_table_data tr.hlight td {
    background-color: #fffaf0
}

table.row_table_data tr.marked td {
    background-color: #fff8dc
}

body {
    background-color: #fff
}

body.manual {
    background-image: none
}

body.mod1 div#dynamic_header div.dyn1,body.mod1 div#dynamic_header div.dyn2,body.mod1 iframe#ad_iframe,body.mod2 div#dynamic_header div.dyn1,body.mod2 div#dynamic_header div.dyn2,body.mod3 div#dynamic_header div.dyn1,body.mod3 div#dynamic_header div.dyn2 {
    display: none
}

body.mod1 div#dynamic_header,body.mod2 div#dynamic_header,body.mod3 div#dynamic_header,div#dynamic_header {
    background: transparent var(--Hdr) center top no-repeat;
    height: 100px
}

div#header {
    background: #efefef;
    background-image: linear-gradient(#fff,#d7d7d7);
    border-top: 1px solid silver;
    box-shadow: 0 4px 4px 0 #b9b9b9;
    margin-bottom: 40px;
    height: 45px
}

body.mod1 div#mtop,body.mod2 div#mtop,body.mod3 div#mtop,div#mtop {
    height: 72px;
    right: 50%;
    margin-right: -241px;
    z-index: 2
}

a#_n0 img,a#_n1 img,a#_n2 img,a#_n3 img,a#_n4 img,a#n0 img,a#n1 img,a#n2 img,a#n3 img,a#n4 img,div#_n5,div#n5 {
    height: 72px
}

a#x1 img,a#x2 img,a#x3 img,a#x4 img,a#x5 img {
    height: 72px
}

div#mtop div#n5 .reports {
    float: left
}

div#mtop div#n5 .messages {
    float: right
}

body.v35 a#_n0 img,body.v35 a#n0 img {
    background-image: url(../../img/vip/n0-rtl.png)
}

body.v35 a#_n1 img,body.v35 a#n1 img {
    background-image: url(../../img/vip/n1-rtl.png)
}

body.v35 a#_n2 img,body.v35 a#n2 img {
    background-image: url(../../img/vip/n2-rtl.png)
}

body.v35 a#_n3 img,body.v35 a#n3 img {
    background-image: url(../../img/vip/n3-rtl.png)
}

body.v35 a#_n4 img,body.v35 a#n4 img {
    background-image: url(../../img/vip/n4-rtl.png)
}

body.v35 a#x1 img {
    background-image: url(../../img/vip/serv1.png)
}

body.v35 a#x2 img {
    background-image: url(../../img/vip/serv2.png)
}

body.v35 a#x3 img {
    background-image: url(../../img/vip/serv3.png)
}

body.v35 a#x4 img {
    background-image: url(../../img/vip/serv4.png)
}

body.v35 a#x5 img {
    background-image: url(../../img/vip/serv5.png)
}

body.v35 div.i1 {
    background-image: url(../../img/vip/m1-rtl.png)
}

body.v35 div.i2 {
    background-image: url(../../img/vip/m2-rtl.png)
}

body.v35 div.i3 {
    background-image: url(../../img/vip/m3-rtl.png)
}

body.v35 div.i4 {
    background-image: url(../../img/vip/m4-rtl.png)
}

div#mtop a#plus {
    background: transparent url(../../img/vip/plus-rtl.png) no-repeat 0 -21px;
    display: block;
    font-size: 13px;
    height: 40px;
    padding-right: 12px;
    padding-top: 21px;
    position: relative;
    width: 79px
}

img#btn_plus {
    background-color: transparent;
    background-position: right top;
    background-repeat: no-repeat;
    height: 21px;
    right: 62px;
    position: absolute;
    top: 19px;
    width: 21px
}

img#btn_plus.active {
    background-image: url(../../img/vip/plus-active.png)
}

img#btn_plus.inactive {
    background-image: url(../../img/vip/plus-inactive.png)
}

img.day,img.night {
    right: 5px;
    top: -57px
}

div.peace {
    left: 5px;
    top: -65px
}

div#stime {
    display: inline;
    height: 0;
    right: 0;
    top: 0;
    width: 0
}

body.mod1 div#ltime,body.mod2 div#ltime,body.mod3 div#ltime,div#ltime {
    right: 0;
    top: 111px;
    width: 100%;
    z-index: 1
}

div#ltime div#ltimeWrap {
    margin: 0 auto 0 auto;
    width: 910px
}

body.mod1 div#res,body.mod2 div#res,body.mod3 div#res,div#res {
    right: 0;
    top: 170px;
    width: 100%;
    z-index: 2
}

div#resWrap {
    right: 50%;
    margin-right: -345px;
    position: relative;
    width: 572px
}

div#res table {
    background-color: transparent
}

div#res table td.res {
    width: 78px;
    font-weight: 700;
    color: #fff;
    background-color: #54c571;
    border-radius: 5px;
    text-align: center
}

div#mid {
    background-image: none;
    float: none;
    height: auto;
    margin: 0 auto;
    width: 1000px
}

body.mod1 div#content,body.mod2 div#content,body.mod3 div#content,div#content {
    height: auto!important;
    height: 450px;
    min-height: 450px
}

div#side_navi {
    background: transparent url(../../img/vip/shadow-a-rtl.png) no-repeat left top;
    height: 100%!important;
    height: 453px;
    min-height: 453px;
    width: 155px
}

div#side_navi a#logo {
    visibility: hidden
}

div#side_navi a#logo img {
    height: 28px
}

div#side_navi a:hover {
    background: transparent url(../../img/vip/menu-bg-rtl.gif) no-repeat right top
}

body.mod1 div#side_info,body.mod2 div#side_info,body.mod3 div#side_info,div#side_info {
    background: transparent url(../../img/vip/shadow-b-rtl.png) no-repeat right top;
    height: 100%!important;
    height: 453px;
    margin-right: 0;
    min-height: 453px;
    padding-right: 16px;
    width: 257px;
    z-index: 3
}

.footer-stopper {
    float: right;
    margin-bottom: 100px
}

.ie6 .footer-stopper,.ie7 .footer-stopper {
    height: 100px
}

div#footer {
    background: #f1f1f1 url(../../img/vip/footer-line.png) repeat-x center top;
    bottom: 0;
    height: 50px;
    right: 0;
    min-width: 980px;
    position: absolute;
    left: 0
}

div#footer div#mfoot {
    margin: 0 auto;
    width: 905px
}

div#footer div.footer-menu {
    color: #797979;
    color: #797979;
    font-size: .8em
}

div#footer div#mfoot a,div#footer div#mfoot a:active,div#footer div#mfoot a:visited {
    color: #797979
}

div#footer div#mfoot div.copyright {
    text-align: left
}

div#footer ul.menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 70%
}

div#footer ul.menu.menu2 {
    right: 210px
}

div#footer ul.menu li {
    float: right;
    margin: 0 5px
}

div#footer ul.menu li a {
    color: #797979;
    margin: 0 3px
}

div#footer ul.menu li.copyright {
    direction: ltr
}

div#build.gid27 table#show_artefacts td.al {
    width: 20%
}

div#build.gid27 table#art_details tbody th {
    width: 35%
}

div#build.gid27 table.art_details {
    margin-top: 25px
}

img.cropfinder_icon {
    width: 20px;
    height: 20px;
    background-image: url(../../img/misc/cropfinder.gif)
}

div#build.gid27 div.artefact {
    background-position: center bottom;
    background-repeat: no-repeat
}

div#build.gid27 div.artefact.image-ww {
    padding-bottom: 223px;
    background-image: url(../../img/artefact/type-ww.gif)
}

div#build.gid27 div.artefact.image-1 {
    padding-bottom: 223px;
    background-image: url(../../img/artefact/type-1.gif)
}

div#build.gid27 div.artefact.image-2 {
    padding-bottom: 200px;
    background-image: url(../../img/artefact/type-2.gif)
}

div#build.gid27 div.artefact.image-3 {
    padding-bottom: 157px;
    background-image: url(../../img/artefact/type-3.gif)
}

div#build.gid27 div.artefact.image-4 {
    padding-bottom: 170px;
    background-image: url(../../img/artefact/type-4.gif)
}

div#build.gid27 div.artefact.image-5 {
    padding-bottom: 160px;
    background-image: url(../../img/artefact/type-5.gif)
}

div#build.gid27 div.artefact.image-6 {
    padding-bottom: 198px;
    background-image: url(../../img/artefact/type-6.gif)
}

div#build.gid27 div.artefact.image-7 {
    padding-bottom: 161px;
    background-image: url(../../img/artefact/type-7.gif)
}

div#build.gid27 div.artefact.image-fool {
    padding-bottom: 252px;
    background-image: url(../../img/artefact/type-fool.gif)
}

div.player img.t200_1 {
    background-image: url(../../img/t/t200_1.jpg)
}

div.player img.t201_1 {
    background-image: url(../../img/t/t201_1.jpg)
}

div.player img.t202_1 {
    background-image: url(../../img/t/t202_1.jpg)
}

div.player img.t210_1 {
    background-image: url(../../img/t/t210_1.jpg)
}

div.player img.t211_1 {
    background-image: url(../../img/t/t211_1.jpg)
}

div.player img.t212_1 {
    background-image: url(../../img/t/t212_1.jpg)
}

div.player img.t220_1 {
    background-image: url(../../img/t/t220_1.jpg)
}

div.player img.t221_1 {
    background-image: url(../../img/t/t221_1.jpg)
}

div.player img.t221_1 {
    background-image: url(../../img/t/t221_1.jpg)
}

div.player img.t222_1 {
    background-image: url(../../img/medal/ad1.png)
}

div.player img.t223_1 {
    background-image: url(../../img/medal/ad2.png)
}

div.player img.t224_1 {
    background-image: url(../../img/medal/ad3.png)
}

div.player img.t200_1 {
    background-image: url(../../img/t/t200_1.jpg)
}

div.player img.t201_1 {
    background-image: url(../../img/t/t201_1.jpg)
}

div.player img.t202_1 {
    background-image: url(../../img/t/t202_1.jpg)
}

div.player img.t210_1 {
    background-image: url(../../img/t/t210_1.jpg)
}

div.player img.t211_1 {
    background-image: url(../../img/t/t211_1.jpg)
}

div.player img.t212_1 {
    background-image: url(../../img/t/t212_1.jpg)
}

div.player img.t220_1 {
    background-image: url(../../img/t/t220_1.jpg)
}

div.player img.t221_1 {
    background-image: url(../../img/t/t221_1.jpg)
}

div.player img.t130_1 {
    background-image: url(../../img/t/t122_1.jpg)
}

div.player img.t170_1 {
    background-image: url(../../img/t/t162_1.jpg)
}

div.player img.t110_1 {
    background-image: url(../../img/t/t102_1.jpg)
}

div.questWrapper div.achievement div.nextReset {
    color: #7b624c;
    text-align: center;
    margin-bottom: 3px;
    font-size: 10px
}

div.questWrapper div.achievement div.nextReset {
    font-size: 11px
}

div.content div.birthdayRibbonContainer div.headline {
    color: #911d1d;
    font-family: Tahoma,Helvetica,Arial,Verdana,sans-serif;
    text-shadow: 1px 0 1px rgba(251,236,201,.4),1px 1px 1px rgba(251,236,201,.4),0 1px 1px rgba(251,236,201,.4),-1px 1px 1px rgba(251,236,201,.4),-1px 0 1px rgba(251,236,201,.4),-1px -1px 1px rgba(251,236,201,.4),0 -1px 1px rgba(251,236,201,.4),1px -1px 1px rgba(251,236,201,.4);
    font-size: 22px;
    line-height: 3em;
    letter-spacing: .2em;
    display: none
}

div.content div.birthdayRibbonContainer div.headline {
    font-family: IRANSans,Arial,Helvetica,Verdana,sans-serif
}

div.content div.birthdayRibbonContainer div.headline {
    font-size: 23px
}

div.content div.pointsAndAchievements {
    margin-top: 10px
}

div.content div.achievementPoints {
    background-image: url('../../img/qu/kranz.png');
    height: 109px;
    padding: 1px;
    text-align: center;
    width: 122px;
    float: right
}

div.content div.achievementPoints div.points {
    font-size: 25px;
    margin-top: 25px;
    padding-left: 5px
}

div.content div.achievementPoints div.points {
    font-size: 26px
}

div.content div.achievementPoints div.pointstext {
    font-size: 14px;
    padding-left: 5px;
    padding-top: 16px
}

div.content div.achievementPoints div.pointstext {
    font-size: 15px
}

div.content #achievementRewardList div.achievement {
    float: right;
    position: relative
}

div.content #achievementRewardList div.achievement div.hook.points_25 img {
    left: 57px;
    top: -2px
}

div.content #achievementRewardList div.achievement div.hook.points_50 img {
    left: 49px;
    top: -2px
}

div.content #achievementRewardList div.achievement div.hook.points_75 img {
    left: 45px;
    top: -2px
}

div.content #achievementRewardList div.achievement div.hook.points_100 img {
    left: 45px;
    top: -2px
}

div#achievementRewardList div.achievement div.pointAmount {
    z-index: 9;
    color: #000;
    font-weight: 400
}

div.achievement img.inactive {
    filter: grayscale(1)
}

div#achievementRewardList div.achievement div.pointAmount.points_25 {
    font-size: 21px;
    left: 42px;
    position: absolute;
    top: 20px
}

div#achievementRewardList div.achievement div.pointAmount.points_25 {
    font-size: 22px
}

div#achievementRewardList div.achievement div.pointAmount.points_50 {
    font-size: 21px;
    left: 32px;
    position: absolute;
    top: 20px
}

div#achievementRewardList div.achievement div.pointAmount.points_50 {
    font-size: 22px
}

div#achievementRewardList div.achievement div.pointAmount.points_75 {
    font-size: 21px;
    left: 30px;
    position: absolute;
    top: 20px
}

div#achievementRewardList div.achievement div.pointAmount.points_75 {
    font-size: 22px
}

div#achievementRewardList div.achievement div.pointAmount.points_100 {
    font-size: 21px;
    left: 24px;
    position: absolute;
    top: 20px
}

div#achievementRewardList div.achievement div.pointAmount.points_100 {
    font-size: 22px
}

div.content #achievementRewardList div.achievement .bigSpeechBubble {
    position: absolute;
    right: -12px;
    top: 76px
}

div.bigSpeechBubble {
    background: url(../../img/qu/speechBalloonLarge-rtl.png);
    width: 55px;
    height: 44px
}

div.content #achievementRewardList div.achievement .bigSpeechBubble.rewardReady img {
    background-image: url('../../img/qu/exclamationMark-rtl.png')
}

div.content #achievementRewardList div.achievement .bigSpeechBubble {
    position: absolute;
    right: -12px;
    top: 76px
}

div.content #achievementRewardList div.achievementArrow {
    background: url('../../img/qu/pfeil-rtl.png') no-repeat center center;
    float: right;
    width: 9px;
    height: 112px;
    margin-right: 5px;
    margin-left: 3px
}

div.content #achievementRewardList div.verticalLine {
    background-color: #ddd9ce;
    float: right;
    width: 1px;
    height: 112px;
    margin-right: 10px;
    margin-left: 3px
}

div.content #achievementRewardList img.points_25 {
    width: 89px;
    height: 112px;
    background: url('../../img/qu/btn_brown_25.png') -18px center
}

div.content #achievementRewardList img.points_50 {
    width: 89px;
    height: 112px;
    background: url('../../img/qu/btn_brown_50.png') -25px center
}

div.content #achievementRewardList img.points_75 {
    width: 89px;
    height: 112px;
    background: url('../../img/qu/btn_brown_75.png') -28px center
}

div.content #achievementRewardList img.points_100 {
    width: 89px;
    height: 112px;
    background: url('../../img/qu/btn_brown_100.png') -28px center
}

div.content #achievementRewardList img.points_25.active {
    background: url('../../img/qu/btn_green_25.png') -4px center
}

div.content #achievementRewardList img.points_50.active {
    background: url('../../img/qu/btn_green_50.png') -25px center
}

div.content #achievementRewardList img.points_75.active {
    background: url('../../img/qu/btn_green_75.png') -28px center
}

div.content #achievementRewardList img.points_100.active {
    background: url('../../img/qu/btn_green_100.png') -28px center
}

div.content #achievementQuestList {
    margin-top: 10px;
    background-color: #f2f2f2;
    border-collapse: collapse
}

div.content #achievementQuestList tr {
    height: 32px
}

div.content #achievementQuestList td {
    background-color: transparent;
    border-bottom: 2px solid #fff
}

div.content #achievementQuestList tr.zebra td {
    background-color: #efecdb
}

div.content #achievementQuestList img.hook {
    width: 30px;
    height: 30px
}

div.content #achievementQuestList img.hook.working {
    background-image: url('../../img/qu/haken_weiss.png')
}

div.content #achievementQuestList img.hook.done {
    background-image: url('../../img/qu/haken_gruen.png')
}

div.content #achievementQuestList tr {
    height: 41px
}

div.content #achievementQuestList tr:nth-child(2n) {
    background-color: #fcfaef
}

div.content #achievementQuestList tr:nth-child(odd) {
    background-color: #f4f4f4
}

div.content #achievementQuestList td.hook {
    width: 35px
}

div.content #achievementQuestList td.steps {
    width: 35px
}

div.content #achievementQuestList td.points {
    width: 70px;
    color: #99c01a;
    font-weight: 700
}

div.content span.questList {
    color: #7b624c;
    text-align: center
}

div.content span {
    font-size: 19px
}

.bigSpeechBubble img {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 6px;
    top: 6px
}

div.popup_map {
    border: 0 solid #000;
    display: inline;
    padding-right: 80px;
    padding-left: 80px;
    padding-top: 31px;
    position: relative;
    top: 0;
    z-index: 80
}

div.popup_map div#drag2 {
    cursor: pointer;
    height: 20px;
    width: 20px;
    z-index: 2
}

#Frame {
    top: 0;
    z-index: 1000
}

div#mbig {
    background-color: #fff
}

div#mbig {
    border: 1px solid #5a595a;
    height: 572px;
    width: 622px
}

div#mbig div#lightframe {
    border: 2px solid #dedfde;
    height: 554px;
    right: 7px;
    position: relative;
    top: 7px;
    width: 604px
}

div#mbig div#darkframe {
    border: 2px solid #9c9a9c;
    height: 550px;
    width: 600px
}

div#mbig a#map_popclose {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 30
}

div#mbig a#map_popclose img {
    background-image: url(../../img/a/close.gif);
    cursor: pointer;
    height: 22px;
    width: 22px
}

.questWrapper .questImage {
    float: left;
    width: 130px;
    margin-right: 10px;
    margin-bottom: 10px
}

.questWrapper .questText {
    margin-top: 20px
}

.questWrapper .questButtons {
    position: relative;
    margin-top: 10px;
    height: 25px
}

.questWrapper.achievements .difficulty.moderate {
    color: #006400
}

.questWrapper.achievements .difficulty.challenging {
    color: #ff8c00
}

.questWrapper.achievements .difficulty.hard {
    color: #8b0000
}

#presentation {
    min-height: 110px
}

#presentation #tribeSelectors {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    margin-top: 10px
}

#presentation #tribeSelectors input {
    display: none
}

#presentation #tribeSelectors input+.selector {
    flex: 1;
    min-width: 75px;
    max-width: 75px;
    height: 75px;
    border: solid 1px silver;
    border-radius: 10px;
    margin-left: 7px;
    background-color: #fff;
    box-shadow: 2px 2px 30px #e3e3e3 inset,-2px -2px 30px #e3e3e3 inset;
    position: relative;
    cursor: pointer;
    display: block;
    transition-duration: 150ms
}

#presentation #tribeSelectors input+.selector[data-text]:before {
    content: attr(data-text);
    position: absolute;
    bottom: -24px;
    left: 17px;
    z-index: 2;
    line-height: 150%;
    font-weight: 700
}

#presentation #tribeSelectors input+.selector:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background-position: 0 80px
}

#presentation #tribeSelectors input+.selector:hover:after {
    background-position: 0 0
}

#presentation #tribeSelectors input:not(:checked):active+.selector {
    box-shadow: none
}

#presentation #tribeSelectors input:checked+.selector {
    border: solid 1px #71d002;
    box-shadow: 2px 2px 30px #71d002 inset,-2px -2px 30px #fff inset;
    cursor: default
}

#presentation #tribeSelectors input:checked+.selector:after {
    background-position: 0 0
}

#presentation #tribeSelectors input[value="1"]+.selector:after {
    background-image: url('../images/tribe1.png')
}

#presentation #tribeSelectors input[value="2"]+.selector:after {
    background-image: url('../images/tribe2.png')
}

#presentation #tribeSelectors input[value="3"]+.selector:after {
    background-image: url('../images/tribe3.png');
    background-position-x: -8px
}

#presentation #tribeSelectors input[value="6"]+.selector:after {
    background-image: url('../images/tribe6.png')
}

#presentation #tribeSelectors input[value="7"]+.selector:after {
    background-image: url('../images/tribe7.png')
}

a.button.icon,button.icon {
    width: 24px;
    height: 24px;
    background-image: url('../images/buttonSmall-rtl.png');
    padding: 0;
    border: none
}

a.button.icon:hover,button.icon:hover {
    background-position: right -34px
}

a.button.icon.disabled:hover,button.icon.disabled:hover {
    background-position: right top
}

a.button.icon.iconActive,a.button.icon.iconActive.disabled,button.icon.iconActive,button.icon.iconActive.disabled {
    background-position: right -68px
}

a.button.icon.gold,button.icon.gold {
    background-position: right -140px
}

button.icon img {
    position: relative
}

.Tit {
    z-index: 10;
    position: relative;
    display: inline-block;
    padding-left: 7px
}

.Tit .Text {
    visibility: hidden;
    width: max-content;
    background-color: #fffca8;
    border: solid 1px #93ef73;
    color: #000;
    text-align: center;
    border-radius: 6px;
    padding: 5px 5px;
    position: absolute;
    z-index: 10;
    bottom: 125%;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity .3s
}

.Tit .Text::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -3px;
    border-width: 6px;
    border-style: solid;
    border-color: #93ef73 transparent transparent transparent
}

.Tit:hover .Text {
    visibility: visible;
    opacity: 1
}

.autocomplete {
    position: relative;
    display: inline-block;
    box-sizing: border-box
}

.autocomplete-items {
    box-sizing: border-box;
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    top: 100%;
    left: 0;
    right: 0
}

.autocomplete-items div {
    padding: 10px;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #d4d4d4
}

.autocomplete-items div:hover {
    background-color: #e9e9e9
}

.autocomplete-active {
    background-color: #1e90ff!important;
    color: #fff
}

.Pulse {
    animation: Pulse .8s infinite;
    -moz-animation: Pulse .8s infinite;
    -webkit-animation: Pulse .8s infinite
}

@keyframes Pulse {
    0% {
        opacity: .4
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: .4
    }
}

input:not([type]):not(.exchangeValue):not(.aBidInput):hover,input[type=email]:not(.exchangeValue):not(.aBidInput):hover,input[type=password]:not(.exchangeValue):not(.aBidInput):hover,input[type=text]:not(.exchangeValue):not(.aBidInput):hover {
    box-shadow: 0 0 8px #71d000
}

div#map div#map_content div.Dark {
    filter: saturate(.2)
}

a.Gold {
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
    padding: 3px 3px;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgba(255,255,255,var(--tw-text-opacity));
    position: relative;
    border-radius: .375rem;
    top: 19px;
    font-weight: 600;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
    transition-timing-function: linear;
    right: 10px
}

a.Gold div.Gold1 {
    font-weight: 700;
    align-items: center;
    display: flex
}

a.Gold div.Gold2 {
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    --tw-shadow: 0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);
    padding: .25rem;
    --tw-bg-opacity: 0.75;
    --tw-bg-opacity: 1;
    background-color: rgba(255,255,255,var(--tw-bg-opacity));
    border-radius: 9999px;
    margin-left: .25rem;
    width: 12px;
    height: 12px
}

div.barWrapper {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    border: 1px solid transparent;
    border-radius: 5px;
    text-align: center;
    height: 25px;
    width: 100%
}

div.barWrapper b {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    line-height: 1.8em;
    padding-right: 10px;
    font-size: 14px
}

div#Res {
    width: 16px;
    position: relative;
    z-index: 11;
    top: -1px;
    border: none;
    border-radius: 0;
    background: #0000;
    line-height: 1.8em
}

div#res table td {
    padding: 0!important
}

div.bares {
    background: var(--linear);
    height: 25px;
    border-radius: 4px;
    margin-top: -1px
}

div#res table td.res {
    color: #fff;
    background-color: var(--Back);
    height: 20px!important;
    border: 1px solid var(--Bar);
    border-radius: 5px;
    width: 25%
}

div#res table img {
    margin-top: 4px
}

@keyframes shake {
    0% {
        transform: translate(1px,1px) rotate(0)
    }

    10% {
        transform: translate(-1px,-2px) rotate(-1deg)
    }

    20% {
        transform: translate(-3px,0) rotate(1deg)
    }

    30% {
        transform: translate(3px,2px) rotate(0)
    }

    40% {
        transform: translate(1px,-1px) rotate(1deg)
    }

    50% {
        transform: translate(-1px,2px) rotate(-1deg)
    }

    60% {
        transform: translate(-3px,1px) rotate(0)
    }

    70% {
        transform: translate(3px,1px) rotate(-1deg)
    }

    80% {
        transform: translate(-1px,-1px) rotate(1deg)
    }

    90% {
        transform: translate(1px,2px) rotate(0)
    }

    100% {
        transform: translate(1px,-2px) rotate(-1deg)
    }
}

#UBar {
    display: none;
    direction: rtl;
    position: fixed;
    will-change: transform;
    margin: 0!important;
    padding: 8px 0 5px 0;
    max-width: 100%;
    width: 100%;
    top: 0;
    text-align: right;
    z-index: 10000;
    background-image: linear-gradient(to top,#fdfdfde6,#e5e5e5,#fdfdfde6);
    border-radius: 0;
    border: unset;
    border-bottom: 1px solid silver;
    font-weight: 800;
    font-size: 17px;
    height: 25px;
    right: 0
}

a[href] {
    min-width: 10px;
    display: inline-block
}

input[type=checkbox],input[type=radio] {
    width: 20px!important
}

option,select {
    height: 26px!important;
    font-size: 17px;
    max-width: 140px
}

table tr.hl td:first-child,table tr.hl th:first-child {
    border-right: 1px solid orange
}

table tr.hl td:last-child,table tr.hl th:last-child {
    border-left: 1px solid orange
}

table tr.hl td,table tr.hl th {
    background-color: #fff8d0;
    border-top: 1px solid orange;
    border-bottom: 1px solid orange
}

table tr.hl td,table tr.hl th {
    background-color: #fff8d0;
    border-top: 1px solid orange;
    border-bottom: 1px solid orange
}

table.row_table_data tr.hlight td {
    background-color: #efefef
}

table.row_table_data tr.marked td {
    background-color: #e7e7e7
}

body.mod1 div#content,body.mod2 div#content,body.mod3 div#content,div#content {
    height: auto!important;
    height: 550px;
    min-height: 650px
}

.InBar.xPh {
    top: 110px;
    left: 0
}

.diC {
    display: table;
    margin: 0 auto
}

.InBar {
    width: 480px;
    height: 30px;
    top: 80px;
    left: 120px
}

.InBar a:first-child {
    color: #a20327
}

.InBar a {
    margin: 0 35px;
    color: #333;
    height: 10px;
    border-radius: 10px;
    border: 1px solid transparent;
    text-shadow: 1px 1px 1px #fff;
    padding: 3px 10px;
    top: 5px;
    left: 10px
}

#CoC_0,#CoC_1,[data-medals],[data-set],[n-href],[n]:not([n=RR0]):not([n=RR1]):not([n=RR2]):not([n=RR3]):not([n=RR4]),[onclick] {
    cursor: pointer;
    color: #82d000
}

[bottom] {
    cursor: pointer
}

.InBar a:hover {
    border: 1px solid #e6e6e6
}

c#EyePwd_Eye {
    color: silver;
    font-weight: 200!important;
    right: 20px;
    position: relative
}

.NoSelect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

div#dynamic_header span {
    display: none!important
}

.Avtar {
    width: 270px;
    height: 185px;
    max-height: 185px;
    max-width: 270px
}

#plse {
    animation: plse 1s infinite;
    transition: all ease-in .2s
}

@keyframes plse {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.1)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes ahov {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(.95)
    }

    100% {
        transform: scale(1)
    }
}

@media screen and (max-width: 768px) {
    div.Note {
        width:100%!important
    }

    div#side_info td.dot {
        padding: 3px 6px
    }

    div.village1 table#building_contract,div.village2 table#building_contract {
        width: 100%!important
    }

    div.alliance table#edit textarea,div.player table#edit td.desc1 textarea,div.player table#edit td.desc2 textarea {
        width: 97%!important
    }

    div.player table#edit input.text:not(input.year,input.day) {
        width: 100px!important
    }

    a.Comp {
        display: none!important
    }

    #Nw {
        display: block!important
    }

    #UBar {
        display: flex!important;
        align-items: flex-end!important;
        justify-content: space-around
    }

    div#side_info {
        width: auto!important;
        background: #ffffffe6!important;
        top: 0
    }

    div#side_info table {
        width: 100%;
        background-color: #fff0
    }

    div#side_info table tfoot td,div#side_info table thead td {
        background-color: #f3f3f300!important
    }

    div#side_info table tbody td,div#side_info table tbody th {
        background-color: #fff0
    }

    div#side_info td.link {
        font-size: 17px
    }

    div.village2 div#village_map {
        position: absolute!important;
        left: 50%!important;
        transform: translate(-50%,0)!important
    }

    div.village1 div#village_map {
        float: unset!important;
        margin: 15px auto
    }

    div.village1 div#map_details {
        float: unset;
        display: flex;
        justify-content: space-between
    }

    div.map div#map {
        top: 34px;
        position: absolute!important;
        left: 50%!important;
        transform: translate(-50%,0)!important
    }

    div.map div#map img#map_navibox {
        left: 90px
    }

    div#dynamic_header span {
        display: flex!important
    }

    div.map div#map div#map_coords {
        bottom: 0;
        right: 91px
    }

    div.map div#map table#map_infobox {
        top: 0;
        left: 79px
    }

    div#map table#map_infobox {
        width: 130px
    }

    div.bares {
        background: var(--From)
    }

    @-webkit-keyframes pulse {
        50% {
            opacity: .5
        }
    }

    @keyframes pulse {
        50% {
            opacity: .5
        }
    }

    div#res table td.res {
        background-color: #fff
    }

    div#res table td.res,div.bares {
        border-radius: 7px
    }

    div#res table img {
        margin-top: 3px
    }

    div#Res {
        width: 26px;
        height: 26px;
        border: 0 solid;
        border-radius: 60px;
        top: -2px;
        right: -3px
    }

    div#res table td.res,div.barWrapper,div.bares {
        height: 21.5px
    }

    div.barWrapper b {
        position: absolute;
        top: 1px;
        bottom: 0;
        line-height: unset;
        color: #000;
        font-size: 14px
    }

    #side_info {
        font-size: 15px!important;
        background: linear-gradient(270deg,#fff,#ffffff8c)!important;
        left: 0;
        transition: .1s;
        width: 50%!important;
        padding: 10px;
        box-shadow: 0 0 20px #000
    }

    body,div#mid,html {
        min-height: 1000px
    }

    .leftBar {
        background-color: #0000003b;
        border-radius: 15px;
        float: left;
        margin: 5px;
        position: relative;
        padding: 5px;
        display: block!important
    }

    .wrapper {
        top: 28px
    }

    div#mtop {
        max-width: 100%;
        right: 1px!important
    }

    #footer,#ltime,.time_of_day {
        display: none
    }

    div#res {
        right: unset;
        top: 195px
    }

    #dynamic_header,.wrapper,body,html {
        width: auto
    }

    body {
        direction: inherit!important
    }

    div#content,div#dynamic_header,div#footer,div#footer div#mfoot,div#header,div#ltime,div#ltime div#ltimeWrap,div#mid,div#res {
        width: 100%;
        direction: rtl
    }

    div#content {
        padding-top: 30px;
        width: 99%!important;
        min-width: 95%!important;
        padding-right: 2px!important;
        padding-left: 0!important;
        padding-bottom: 50px;
        margin-bottom: 100px
    }

    div#content {
        overflow-x: scroll;
        scrollbar-width: none;
        -ms-overflow-style: none
    }

    div#content::-webkit-scrollbar {
        display: none
    }

    div#dynamic_header {
        background-position-x: center;
        display: grid;
        justify-content: end;
        justify-items: center
    }

    div#side_navi div.ServerChange {
        display: none!important
    }

    div.ServerChange {
        position: absolute;
        top: 16px;
        align-items: center;
        gap: 10px;
        font-size: 11px;
        color: #666;
        right: 3px;
        display: flex!important;
        font-weight: 700
    }

    div#ltime div#ltimeWrap {
        margin-right: 10px
    }

    .hammenu {
        display: none;
        position: fixed;
        bottom: 40px;
        left: 50%;
        transform: translateX(-50%);
        will-change: transform;
        z-index: 1000;
        align-items: center;
        gap: 4px
    }

    .hammenu ._leftham,.hammenu .leftham {
        box-sizing: border-box;
        width: 42px!important;
        height: 42px!important;
        margin: 0!important;
        padding: 6px;
        float: none;
        zoom:1;object-fit: contain;
        border: 1px solid #a8a8a8;
        border-radius: 50%;
        background: linear-gradient(180deg,#fafafa,#cfcfcf);
        box-shadow: 0 2px 3px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.9);
        cursor: pointer;
        transition: transform .12s ease,box-shadow .12s ease,background .15s ease
    }

    .hammenu a {
        line-height: 0;
        display: inline-flex
    }

    .hammenu ._leftham:hover,.hammenu .leftham:hover {
        transform: translateY(-2px);
        background: linear-gradient(180deg,#fff,#dcdcdc);
        box-shadow: 0 4px 9px rgba(0,0,0,.3),inset 0 1px 0 #fff
    }

    .hammenu ._leftham:active,.hammenu .leftham:active {
        transform: translateY(0);
        box-shadow: inset 0 2px 4px rgba(0,0,0,.3)
    }

    div.village2 table#building_contract {
        position: absolute;
        bottom: 10px;
        right: 0
    }

    body.mod1 div#ltime,body.mod2 div#ltime,body.mod3 div#ltime,div#ltime {
        right: 5px;
        top: 100px
    }

    img#btn_plus {
        top: 9px;
        background-size: 15px
    }

    div#mtop a#plus b {
        margin-right: 13px
    }

    div#mtop {
        width: 100%;
        position: relative;
        margin-right: unset!important;
        right: unset!important;
        display: flex;
        justify-content: center;
        margin-right: unset;
        top: 10px
    }

    div#mtop a#plus {
        float: left;
        position: absolute;
        width: 71px;
        left: 55px;
        top: -78px;
        font-size: 12px;
        height: 34px;
        background-size: 65px;
        padding-top: 7px;
        padding-right: 12px;
        font-size: 10px
    }

    div#mtop a#n1,div#mtop a#n2,div#mtop a#n3,div#mtop a#n4,div#mtop a#n6,div#mtop a#n7,div#mtop div#_n0,div#mtop div#_n1,div#mtop div#_n2,div#mtop div#_n3,div#mtop div#_n4,div#mtop div#_n5,div#mtop div#n5 {
        float: right
    }

    div#resWrap {
        width: 100%;
        right: unset;
        margin-right: unset
    }

    div#side_info,div#side_navi {
        display: none
    }

    .blackShadow {
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 501;
        background: #000;
        opacity: .3;
        cursor: pointer;
        -webkit-animation: pulse 2s cubic-bezier(.4,0,.6,1) infinite;
        animation: pulse 2s cubic-bezier(.4,0,.6,1) infinite
    }

    div#side_navi p.Lnk:hover {
        background: 0 0!important;
        border-top: 1px solid #000;
        border-bottom: 1px solid #000
    }

    #side_navi {
        position: fixed!important;
        font-size: 15px!important;
        z-index: 10001;
        background: hsla(0,0%,100%,.9)!important;
        transition: .1s;
        right: 0;
        top: 0;
        width: 30%!important;
        padding: 10px;
        box-shadow: 0 0 20px #000;
        overflow-y: scroll;
        height: 100%!important
    }

    #side_info {
        position: fixed!important;
        height: 100%!important;
        top: 0!important;
        z-index: 10001!important;
        overflow-y: scroll;
        font-size: 15px!important;
        background: #fff!important;
        left: 0;
        transition: .1s;
        width: min-content!important;
        padding: 10px;
        box-shadow: 0 0 20px #000
    }

    #side_navi a {
        line-height: 28px;
        font-weight: 700;
        font-size: 15px
    }

    div.village1 {
        padding-top: 90px;
        padding-left: 0;
        padding-right: 0
    }

    div.village1 div#map_details {
        width: 75%!important;
        margin: 0 auto!important
    }

    div.map div#map_details {
        width: 37%!important;
        margin: 0 auto!important
    }

    a#n7 img {
        background-position: 0 -97px!important
    }

    div#res table img {
        margin-right: 0
    }

    div#footer ul.menu.menu2 {
        right: 10px;
        width: 100%
    }

    div#anm {
        right: 0!important
    }

    div#build {
        width: 100%!important
    }

    div.gid16 {
        overflow-x: auto;
        padding-left: 0!important;
        padding-right: 0!important
    }

    div.gid17 {
        padding-left: 0!important;
        padding-right: 0!important
    }

    div.gid17 form#_fm1 {
        overflow-x: auto
    }

    div#build {
        padding: 0!important
    }

    div#build div#textmenu {
        width: 100%!important
    }

    div#build h1 {
        width: 100%!important
    }

    div#build p.switch {
        width: 100%!important
    }

    div#ce div.popup3 iframe#Frame {
        width: 90%!important
    }

    body.manual img#big_unit {
        right: 185px!important
    }

    div#ce div.popup3 {
        top: 20px!important;
        right: 10px!important
    }

    div.quest div#qstd {
        margin: 0 auto
    }

    div#n5 img {
        width: 26px!important
    }

    div.messages div#write_content,div.messages div#write_foot,div.messages div#write_head {
        width: 95%!important;
        background-size: 100%!important
    }

    div.messages div#write_content span,div.messages div#write_content textarea {
        width: 90%!important
    }

    div.messages div#write_content #line {
        width: 100%!important
    }

    div.cropfinder div.cropfinder_input div.row span.cropfinder_head {
        width: fit-content!important;
        padding-left: 10px!important
    }

    table.product {
        width: 24%!important;
        margin: 10px .5px 5px!important
    }

    div.plus div#products table.product td.pic img {
        width: 100%!important;
        height: 100%!important
    }

    div.village2 div#village_map {
        margin: 0 auto
    }

    div.map div#map {
        margin: 0 auto
    }

    div.plus div#products {
        width: 100%!important;
        padding-right: 0!important
    }

    div.forum center img {
        width: 100%!important;
        height: auto!important
    }

    div.map img#detailed_map {
        background-size: contain;
        width: 63%
    }

    body {
        direction: inherit!important
    }

    div.login,div.signup {
        padding: 0!important
    }

    img.unitSection {
        transform: translate(30%,0)!important
    }

    div#build div.bigUnitSection {
        width: 30%!important
    }

    #lmid1,#lmid2 div.wholebox {
        width: 99%!important;
        padding-right: 2px!important
    }

    body.manual table#troop_info {
        width: 100%!important
    }

    body.manual table#troop_details {
        float: right
    }

    body.manual div#t_desc {
        clear: both
    }

    div.messages div.msg_head {
        height: 30px
    }

    div.messages div.msg_foot {
        height: 14px
    }

    div.messages #write_content div#heading input {
        width: auto
    }

    div.right table td.vname input {
        max-width: 100px!important
    }

    div.right table td.target input {
        min-width: 36px!important
    }

    div#build.gid17 table#target_select td.coo input.text {
        margin: 0 2px!important
    }

    div#build.gid17 table.res_target {
        width: 40%!important;
        margin-right: 5px!important
    }

    div#build div.action {
        padding: 4px 2px!important
    }

    img.logo {
        display: none
    }

    .Avtar {
        width: 100%!important;
        height: 185px!important;
        max-height: 185px!important;
        max-width: 270px!important
    }

    div.player table#edit td.desc1 textarea {
        width: 100%!important
    }

    div#side_navi p.Lnk:hover {
        background: 0 0!important;
        border-top: 1px solid #000;
        border-bottom: 1px solid #000
    }

    div.popup_map {
        zoom:90%}

    a#map_popclose {
        right: 569px!important;
        width: 100%
    }

    iframe {
        right: 2px!important;
        width: -webkit-fill-available!important
    }

    div#mtop {
        top: -6px
    }

    div.village2 h1 {
        margin-right: 12px!important
    }

    div.map img#detailed_map {
        right: 1px!important
    }

    div.map h1 {
        margin-right: 10px!important
    }

    div.map table#village_info {
        width: auto!important
    }

    div.map table#distribution {
        width: auto!important
    }

    div.map table#troop_info {
        width: auto!important
    }

    div.map div#map_details {
        position: absolute;
        left: 0
    }

    #textmenu {
        width: auto;
        min-width: max-content;
        overflow: visible
    }

    div.reports #textmenu,div.statistics #textmenu {
        display: flex;
        justify-content: space-evenly
    }

    div.plus table.rate_details td.desc img {
        max-width: 100%!important
    }

    div.village3 table.Village4 {
        word-break: inherit!important
    }

    a[href] {
        min-width: 10px;
        display: inline-block
    }

    input[type=checkbox],input[type=radio] {
        width: 20px!important
    }

    option,select {
        height: 26px!important;
        font-size: 17px;
        max-width: 140px
    }

    a#logo,div.village1 table#production td.res,div.village1 table#troops td.un,p.MoHi,p.deltimer {
        display: none
    }

    div#cropfinder_form {
        bottom: 100px;
        position: fixed
    }
}

p.Lnk {
    display: flex;
    align-items: center;
    margin: 0!important
}

div#side_navi p.Lnk a:hover {
    background: unset
}

div#side_navi p.Lnk:hover {
    background: transparent url(../../img/vip/menu-bg-rtl.gif) no-repeat right top
}

div.village1 table td.num {
    text-align: right!important
}

.gray {
    filter: opacity(.6) grayscale(.4)
}

a.plusNedded,p.plusNedded {
    color: gray;
    font-weight: 700;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    text-align: center
}

a#offers {
    position: relative
}

a#offers::after {
    content: attr(off);
    position: absolute;
    top: -7px;
    left: -3px;
    font-size: 11px;
    color: red
}

input.text:not(#receiver,#subject,#usermsg) {
    text-align: center
}

@-webkit-keyframes wiggle {
    0% {
        -webkit-transform: translate(2px,0)
    }

    5% {
        -webkit-transform: translate(-2px,0)
    }

    10% {
        -webkit-transform: translate(2px,0)
    }

    15% {
        -webkit-transform: translate(-2px,0)
    }

    20% {
        -webkit-transform: translate(2px,0)
    }

    25% {
        -webkit-transform: translate(0,0)
    }
}

.wiggle-anim {
    -webkit-animation-name: wiggle;
    -webkit-animation-duration: 1s;
    animation-iteration-count: infinite;
    -webkit-transform-origin: 50% 50%
}

a,img,label {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

a:active:not(.build_logo) {
    animation: ahov .1s 1;
    transition: all ease-in .2s
}

.Anmi {
    animation: ahov .1s 1;
    transition: all ease-in .2s
}

button:hover {
    transform: scale(1.05)
}

button,textarea {
    transition: all ease-in .1s
}

div#build a.build_logo img.g40 {
    background-image: url(../../img/g/g40_5.gif);
    background-size: contain;
    width: 150px;
    height: 163px
}

body.v35 a#_n1 img,body.v35 a#n1 img {
    background-image: url(../../img/vip/villageMap.jpg);
    background-size: cover;
    filter: grayscale(1);
    background-position: unset
}

body.v35 a#_n1 img,body.v35 a#n1 img:hover {
    filter: unset
}

body.v35 a#_n2 img,body.v35 a#n2 img {
    background-image: url(../../img/vip/villageCenter.jpg);
    background-size: cover;
    filter: grayscale(1);
    background-position: unset
}

body.v35 a#_n2 img,body.v35 a#n2 img:hover {
    filter: unset
}

body.v35 a#_n3 img,body.v35 a#n3 img {
    background-image: url(../../img/vip/kap.jpg);
    background-size: cover;
    filter: grayscale(1);
    background-position: unset
}

body.v35 a#_n3 img,body.v35 a#n3 img:hover {
    filter: unset
}

body.v35 a#_n4 img,body.v35 a#n4 img {
    background-image: url(../../img/vip/stats.jpg);
    background-size: cover;
    filter: grayscale(1);
    background-position: unset
}

body.v35 a#_n4 img,body.v35 a#n4 img:hover {
    filter: unset
}

body.v35 div.i4 {
    background-image: url(../../img/vip/inbox0.jpg);
    background-size: cover;
    background-position: unset
}

body.v35 div.i3 {
    background-image: url(../../img/vip/inbox2.jpg);
    background-size: cover;
    background-position: unset
}

body.v35 div.i2 {
    background-image: url(../../img/vip/inbox1.jpg);
    background-size: cover;
    background-position: unset
}

body.v35 div.i1 {
    background-image: url(../../img/vip/inbox3.jpg);
    background-size: cover;
    background-position: unset
}

div#n5 {
    background-position: unset
}

div#mtop {
    top: -10px!important;
    overflow-x: clip;
    overflow-y: visible
}

div.login h1 {
    color: gray;
    font-family: sans-serif;
    font-weight: 700;
    font-size: 2.5rem;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

div.login div.info {
    display: flex;
    justify-content: space-around;
    align-items: center
}

div.login div.Stat {
    display: flex;
    flex-direction: column;
    width: 30%;
    padding: 6px;
    border: dashed Silver 1px
}

div.login b.Val {
    float: left;
    margin-left: 10px
}

div.login div.info div:first-child {
    width: 60%
}

div.login div.info a {
    color: orange;
    padding-top: 10px
}

div.login div.Ban {
    background-image: url(/assets/banner.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
    cursor: default;
    margin-top: 15px;
    max-height: 450px;
    max-width: 600px;
    padding: 10px;
    height: 120px;
    box-shadow: inset 0 0 10px 10px #fff
}

div.login div.Ban a:first-child {
    border-radius: 5px;
    border: 1px solid #71d000;
    background-image: linear-gradient(to bottom,#cffd74,#84d02a);
    cursor: pointer;
    color: #6faf24;
    text-shadow: 0 0 3px #fff,0 0 2px #fff,0 0 2px #fff;
    text-align: center;
    font-weight: 700;
    width: 125px;
    height: 30px;
    font-family: sans-serif;
    float: right;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 80px;
    font-size: 1.5rem
}

div.login div.Ban a:nth-child(2) {
    border-radius: 5px;
    border: 1px solid #71d000;
    background-image: linear-gradient(to bottom,#cffd74,#84d02a);
    cursor: pointer;
    color: #6faf24;
    text-shadow: 0 0 3px #fff,0 0 2px #fff,0 0 2px #fff;
    text-align: center;
    font-weight: 700;
    width: 125px;
    font-family: sans-serif;
    height: 30px;
    float: left;
    display: flex;
    align-items: center;
    font-size: 1.5rem;
    justify-content: space-around;
    margin-top: 80px
}

div.login div.Ban a:first-child:hover,div.login div.Ban a:nth-child(2):hover {
    filter: opacity(.7)
}

div.login div.Ti div:first-child:not(div.Sub),div.login div.Ti div:nth-child(2):not(div.Sub) {
    width: 50%
}

div.login div.Ti {
    padding-top: 20px;
    display: flex;
    justify-content: space-around;
    align-items: center
}

div.login div.Ti div.Sub {
    color: #69c521;
    cursor: default;
    font-family: sans-serif;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    float: right
}

@media screen and (min-width: 961px) {
    #si,#sn,.navi-drawer,.side-drawer {
        display:none!important
    }
}

@media screen and (max-width: 960px) {
    #si,#sn {
        background-color:#fff;
        background: #fff;
        height: 100%;
        overflow-x: hidden;
        position: absolute;
        transition: .5s ease-in-out;
        width: 1px;
        z-index: 51
    }

    #sn {
        box-shadow: -2px 2px 5px 0 silver;
        right: 0
    }

    #si {
        box-shadow: 2px 2px 5px 0 silver;
        left: 0
    }

    div#sn a {
        font-weight: 400;
        font-size: 13px;
        color: #000;
        padding-right: 12px;
        display: block;
        line-height: 20px
    }

    div#sn a:hover {
        color: #00c000;
        background: transparent url(../../img/vip/menu-bg-rtl.gif) no-repeat right top
    }

    div#si div.news {
        margin-right: 2px;
        width: 186px;
        padding: 6px;
        border: dashed Silver 1px
    }

    .navi-drawer,.side-drawer {
        align-items: center;
        background-color: #739936;
        border: 1px solid silver;
        color: #fff;
        cursor: pointer;
        direction: ltr;
        display: flex;
        font-weight: 700;
        height: 36px;
        transition: .5s ease-in-out;
        justify-content: center;
        padding: 0 5px;
        position: absolute;
        width: 16px;
        z-index: 52;
        position: fixed
    }

    .navi-drawer {
        border-radius: 5px 0 0 5px;
        border-right-width: 0;
        right: 0
    }

    .side-drawer {
        border-left-width: 0;
        border-radius: 0 5px 5px 0;
        left: 0
    }
}

.GreenWord {
    color: #69c521;
    font-family: sans-serif;
    font-weight: 400;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

div#build div.buildActionOverview {
    border: 1px solid #d3d3d3
}

div#build div.action.first {
    border: 0
}

div#build div.action {
    border-top: 1px dotted #d3d3d3;
    padding: 4px 8px;
    overflow: hidden
}

div#build div.bigUnitSection {
    float: right;
    width: 30%;
    height: 120px;
    cursor: pointer;
    position: relative
}

div#build div.action div.details {
    float: right;
    line-height: 19px;
    padding-top: 5px;
    width: 70%
}

div#build div.action div.details div.tit span.furtherInfo {
    font-size: 12px
}

div#build div.action div.details div.showCosts {
    margin: 5px 0 5px
}

.showCosts {
    line-height: 24px
}

div#build div.action div.details span.value {
    font-weight: 700
}

div#build div.action div.details input.text {
    width: 85px;
    margin-right: 5px
}

div#build div.action div.details span.value {
    font-weight: 700
}

div#build .contractWrapper .contractCosts .showCosts .resources {
    margin-bottom: 0;
    float: none
}

.showCosts .resources {
    margin-bottom: 5px
}

.showCosts .clocks,.showCosts .npcs,.showCosts .resources {
    margin-left: 3px;
    margin-right: 3px;
    white-space: nowrap;
    display: inline-block;
    float: right
}

#TDa {
    top: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    max-width: 300px;
    position: absolute;
    z-index: 9999;
    border: solid 1px #93ef73;
    padding: 1px 1px;
    border-radius: 4px;
    box-sizing: border-box;
    color: #333;
    font-size: 17px;
    line-height: 1.1;
    text-align: right;
    overflow: hidden;
    transition: transform .2s ease-out,opacity .15s ease-out;
    will-change: transform,opacity;
    pointer-events: none
}

#TDa table {
    background: 0 0
}

#TDa table td,#TDa table th {
    background: 0 0
}

#TDa table th {
    width: 50px;
    padding-left: 10px
}

x.close {
    opacity: .5;
    cursor: pointer;
    width: 25px;
    height: 25px;
    position: absolute;
    left: 12.5px
}

x.close:before {
    transform: rotate(45deg)
}

x.close:after {
    transform: rotate(-45deg)
}

x.close:after,x.close:before {
    position: absolute;
    content: ' ';
    height: 28px;
    width: 2px;
    background-color: #333
}

div.map div#map div#map_content div,div.map div#map div#map_rulers div {
    transition: all ease-in .1s
}

div.statistics table#search_navi div.navi a,div.statistics table#search_navi div.navi b {
    margin: 0 3px;
    font-size: large
}

input[type=checkbox],input[type=radio] {
    accent-color: rgb(79,112,79)
}

input:-webkit-autofill,input:focus:-webkit-autofill,input:hover:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 100px #faffbd inset
}

::selection {
    background: #559d00;
    color: #fff
}

::-moz-selection {
    background: #559d00;
    color: #fff
}

::-o-selection {
    background: #559d00;
    color: #fff
}

::-ms-selection {
    background: #559d00;
    color: #fff
}

::-webkit-selection {
    background: #559d00;
    color: #fff
}

input[type=file]::file-selector-button {
    border: 2px solid #6c5ce7;
    padding: .2em .4em;
    border-radius: .2em;
    background-color: #a29bfe;
    transition: 1s
}

input[type=file]::-ms-browse:hover {
    background-color: #81ecec;
    border: 2px solid #00cec9
}

input[type=file]::-webkit-file-upload-button:hover {
    background-color: #81ecec;
    border: 2px solid #00cec9
}

input[type=file]::file-selector-button:hover {
    background-color: #81ecec;
    border: 2px solid #00cec9
}

#bottom-menu {
    bottom: -100%;
    left: 0;
    box-shadow: 0 -4px 10px rgba(0,0,0,.1);
    transition: bottom .4s ease-in-out;
    z-index: 1003;
    max-height: 75%;
    border-radius: 15px 15px 0 0;
    height: 75%;
    position: fixed;
    width: 100%;
    max-width: 700px;
    padding: 0 0;
    background-color: #fff;
    overflow-y: scroll;
    left: 50%!important;
    transform: translate(-50%,0)!important
}

#bottom-menu.active {
    bottom: 0
}

#bottom-menu .close {
    font-weight: 700;
    position: absolute;
    left: 25px;
    top: 0;
    min-width: 26px;
    min-height: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    background-color: transparent;
    z-index: 99999;
    cursor: pointer
}

h3#BottomTitle {
    margin: 4px 0 20px 0;
    text-align: center
}

div#Bottom-content {
    margin: 5px
}

div.map div#map div#map_content,div.map div#map div#map_rulers,div.map div#map img#map_links,div.map div#map img#map_navibox,div.map img#detailed_map {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@font-face {
    font-family: Qtatar;
    src: url(fonts/ExpoArabic-Bold.otf)
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

.animate-spin {
    animation: spin 1s linear infinite
}

.hideNote {
    transform: translate(-50%,-150%)!important;
    opacity: 0!important
}

div.Note {
    opacity: 1;
    color: #000;
    text-align: center;
    padding: 10px 0;
    background-image: linear-gradient(90deg,rgb(255 252 168 / 25%),rgb(255 252 168 / 80%),rgb(255 252 168 / 90%),#fffca8,rgb(255 252 168 / 90%),rgb(255 252 168 / 80%),rgb(255 252 168 / 25%));
    position: fixed;
    width: 60%;
    top: 28%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 10000;
    transition: transform 1s ease-in-out,opacity .5s ease-in-out
}

div.Note::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg,#93ef733b,#93ef73b8,#93ef73,#93ef73b8,#93ef733b)
}

div.Note::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg,#93ef733b,#93ef73b8,#93ef73,#93ef73b8,#93ef733b)
}

b[speed] {
    display: inline-block;
    transition: all .3s ease-in-out
}

div.left table input.disabled {
    background-color: #eee;
    border-color: #aaa
}

div.left table td,div.left table th,div.right table td,div.right table th {
    font-size: 16px;
    font-weight: 700;
    color: #000
}

div.right {
    float: right;
    width: 30%
}

div.right table {
    text-align: right;
    margin-bottom: 20px;
    width: 100%
}

div.left table,div.right table {
    border-spacing: 1px
}

div.right table td.target {
    font-size: 19px;
    font-weight: 700;
    margin-left: 10px
}

div.left table input {
    max-width: 95px
}

div.right table td.target input {
    max-width: 10px
}

div.right table td.vname input {
    max-width: 140px
}

div.left {
    float: left;
    width: 68%;
    margin-bottom: 20px;
    text-align: center;
    font-size: 16px;
    font-weight: 700
}

div.Down {
    width: 100%;
    clear: both;
    text-align: center
}

table.Ty {
    cursor: pointer
}

table.Ty td {
    display: flex;
    align-items: center
}

table.Ty td input {
    margin-left: 10px!important
}

.blogtitle {
    text-align: center;
    font-size: 24px;
    margin-bottom: 20px
}

.blogbox {
    background: #fff;
    border: 1px solid #e1e4e8;
    border-radius: 12px;
    padding: 16px 18px;
    margin-bottom: 12px;
    box-shadow: 0 1px 2px rgba(0,0,0,.05);
    position: relative
}

.blogtext p {
    margin: 0;
    line-height: 1.8;
    font-size: 15px;
    direction: rtl;
    text-align: justify;
    text-justify: inter-word;
    color: #333
}

.blogfoot {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 12px
}

.blogDate {
    font-size: 13px;
    color: #999
}

.blogaction {
    display: flex;
    gap: 6px;
    align-items: center
}

.blogicon {
    display: flex;
    align-items: center;
    gap: 3px;
    background: 0 0;
    border: none;
    color: #444;
    text-decoration: none;
    font-size: 11px;
    padding: 0
}

.blogicon img {
    display: inline-block;
    vertical-align: middle
}

.blogicon small {
    font-size: 10px;
    margin-top: 1px;
    color: #000
}

.IsU {
    cursor: default;
    opacity: .5
}

.blogpage {
    text-align: center;
    margin-top: 20px;
    font-size: 14px;
    color: #555
}

.v-field {
    position: relative;
    margin-top: 10px
}

.v-field input {
    font-size: 16px;
    border: 1px solid #71d000;
    border-radius: 4px;
    outline: 0;
    transition: all .3s ease;
    text-align: right!important
}

.v-field input:focus {
    border-color: #5bc000
}

.v-field label {
    position: absolute;
    right: 14px;
    top: 5px;
    color: #777;
    font-size: 16px;
    pointer-events: none;
    transition: .3s ease
}

.v-field input:focus+label,.v-field input:not(:placeholder-shown)+label {
    top: -8px;
    right: 12px;
    font-size: 13px;
    color: #5bc000;
    background: #fff;
    padding: 0 6px
}

.heroCustomizer {
    width: 100%;
    margin: 0 auto;
    padding: 8px;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    color: #2a2a2a;
    font-family: Tahoma,Arial,sans-serif;
    min-height: 650px
}

.heroCustomizer *,.heroCustomizer :after,.heroCustomizer :before {
    box-sizing: border-box
}

.heroCustomizer .tabs {
    display: flex;
    gap: 6px;
    justify-content: center;
    direction: ltr;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 2px 0 8px;
    margin: 0 0 10px;
    white-space: nowrap;
    scrollbar-width: none;
    border-bottom: 1px solid silver
}

.heroCustomizer .tabs::-webkit-scrollbar {
    display: none
}

.heroCustomizer .tab {
    flex: 0 0 auto;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid #888;
    background: #d4d4d4;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
    overflow: hidden;
    transition: background .15s ease,border-color .15s ease
}

.heroCustomizer .tab:hover {
    background: #c8c8c8;
    border-color: #555
}

.heroCustomizer .tab img {
    width: 32px;
    height: 32px;
    object-fit: contain;
    display: block
}

.heroCustomizer .tab.active {
    background: #fff;
    border-color: #555;
    box-shadow: inset 0 0 0 2px #fff,0 0 0 1px #555
}

.heroCustomizer .layout {
    display: grid;
    grid-template-columns: 230px 1fr;
    gap: 10px;
    align-items: start;
    width: 100%;
    overflow: hidden;
    direction: rtl
}

.heroCustomizer .previewSide {
    width: 230px;
    min-width: 230px
}

.heroCustomizer .previewBox {
    width: 230px;
    height: 320px;
    border: 1px solid #888;
    background: #f5f5f5;
    position: relative;
    overflow: hidden;
    border-radius: 3px
}

.heroCustomizer .previewBox canvas {
    width: 100%;
    height: 100%;
    display: block
}

.heroCustomizer .previewActions {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    display: flex;
    gap: 8px;
    justify-content: center;
    pointer-events: none
}

.heroCustomizer .smallBtn {
    width: 38px;
    height: 38px;
    border: 1px solid #888;
    background: rgba(245,245,245,.92);
    color: #2a2a2a;
    font-size: 18px;
    cursor: pointer;
    pointer-events: auto;
    line-height: 1;
    padding: 0;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0,0,0,.25);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background .15s ease,transform .12s ease,box-shadow .15s ease
}

.heroCustomizer .smallBtn:hover {
    background: #fff;
    box-shadow: 0 3px 6px rgba(0,0,0,.3)
}

.heroCustomizer .smallBtn:active {
    transform: scale(.95);
    box-shadow: 0 1px 2px rgba(0,0,0,.2)
}

.heroCustomizer .title {
    font-weight: 700;
    text-align: right;
    font-size: 14px;
    margin: 8px 0 6px;
    color: #2a2a2a;
    line-height: 1.2;
    padding-bottom: 4px;
    border-bottom: 1px solid silver
}

.heroCustomizer .colors {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 5px;
    width: 100%
}

.heroCustomizer .color {
    aspect-ratio: 1.6/1;
    min-height: 34px;
    border: 1px solid #888;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    background: var(--c1,#777);
    border-radius: 3px;
    transition: border-color .15s ease,transform .12s ease
}

.heroCustomizer .color:hover {
    border-color: #555
}

.heroCustomizer .color.dual {
    background: 0 0
}

.heroCustomizer .color.dual::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to right bottom,var(--c1) 30%,var(--c2) 70%)
}

.heroCustomizer .color.active,.heroCustomizer .item.active {
    border-color: #555
}

.heroCustomizer .color.active:after,.heroCustomizer .item.active:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    border-top: 22px solid #6b9a2a;
    border-left: 22px solid transparent;
    z-index: 3
}

.heroCustomizer .grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 6px;
    max-height: 650px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0;
    margin: 0;
    direction: ltr
}

.heroCustomizer .grid::-webkit-scrollbar {
    width: 6px
}

.heroCustomizer .grid::-webkit-scrollbar-track {
    background: #d4d4d4
}

.heroCustomizer .grid::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 3px
}

.heroCustomizer .grid::-webkit-scrollbar-thumb:hover {
    background: #555
}

.heroCustomizer .item {
    width: 100%;
    aspect-ratio: 1.15/1;
    border: 1px solid #888;
    background: #d4d4d4;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    border-radius: 3px;
    transition: border-color .15s ease
}

.heroCustomizer .item:hover {
    border-color: #555
}

.heroCustomizer .item canvas {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    image-rendering: auto
}

.heroCustomizer .bottom {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 12px;
    padding-top: 10px;
    border-top: 1px solid silver
}

.heroCustomizer .save {
    width: 100%;
    height: 40px;
    min-width: 0;
    border: 1px solid #4f7a1f;
    background: #6b9a2a;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer;
    border-radius: 4px;
    transition: background .15s ease
}

.heroCustomizer .save:hover {
    background: #7ba83a
}

.heroCustomizer .save.disabled,.heroCustomizer .save:disabled {
    opacity: .5;
    cursor: not-allowed;
    pointer-events: none;
    filter: grayscale(1)
}

.heroCustomizer .status {
    min-height: 24px;
    color: #4f7a1f;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    margin-top: 8px
}

.heroCustomizer .hidden {
    display: none!important
}

@media(max-width: 700px) {
    .heroCustomizer {
        width:100%;
        max-width: 100%;
        padding: 5px
    }

    .heroCustomizer .tabs {
        gap: 4px;
        justify-content: center;
        padding-bottom: 6px;
        margin-bottom: 6px
    }

    .heroCustomizer .tab {
        width: 38px;
        height: 38px;
        min-width: 38px
    }

    .heroCustomizer .tab img {
        width: 28px;
        height: 28px
    }

    .heroCustomizer .layout {
        grid-template-columns: 38% 62%;
        gap: 5px;
        direction: rtl;
        align-items: start
    }

    .heroCustomizer .previewSide {
        width: 100%;
        min-width: 0;
        grid-column: 1
    }

    .heroCustomizer .layout>div:last-child {
        grid-column: 2;
        min-width: 0
    }

    .heroCustomizer .previewBox {
        width: 100%;
        height: auto;
        aspect-ratio: 254/354
    }

    .heroCustomizer .previewActions {
        bottom: 5px;
        gap: 5px
    }

    .heroCustomizer .smallBtn {
        width: 28px;
        height: 28px;
        font-size: 14px
    }

    .heroCustomizer .grid {
        grid-template-columns: repeat(3,1fr);
        gap: 4px;
        max-height: none;
        overflow: visible;
        padding: 0
    }

    .heroCustomizer .item {
        aspect-ratio: 1/1;
        min-height: 0;
        max-height: none
    }

    .heroCustomizer .title {
        font-size: 13px;
        margin: 6px 0 4px
    }

    .heroCustomizer .colors {
        grid-template-columns: repeat(4,1fr);
        gap: 3px
    }

    .heroCustomizer .color {
        min-height: 24px
    }

    .heroCustomizer .bottom {
        margin-top: 8px;
        padding-top: 8px
    }

    .heroCustomizer .save {
        height: 34px;
        font-size: 13px
    }
}

.heroCustomizer .smallBtn svg {
    transition: opacity .2s ease;
    width: 18px;
    height: 18px;
    fill: #2a2a2a
}

.heroAmountOverlay {
    position: fixed;
    inset: 0;
    z-index: 999999;
    background: rgba(0,0,0,.5);
    direction: rtl
}

.heroAmountBox {
    width: 360px;
    max-width: calc(100% - 20px);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: #e8e8e8;
    border: 1px solid #888;
    border-radius: 6px;
    color: #2a2a2a;
    font-family: tahoma,arial;
    overflow: hidden;
    padding: 3px
}

.heroAmountBox:after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-style: solid;
    border-width: 10px;
    border-image-source: url(/assets/hero/b/plainPopupFrame.png);
    filter: grayscale(1);
    border-image-slice: 10;
    border-image-width: 10px;
    border-image-repeat: repeat
}

.heroAmountHead {
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 12px
}

.heroAmountTitle {
    color: #2a2a2a;
    font-size: 13px;
    font-weight: 700
}

.heroAmountClose {
    width: 22px;
    height: 22px;
    border: 1px solid #888;
    background: #e0e0e0;
    color: #2a2a2a;
    border-radius: 3px;
    cursor: pointer;
    font-size: 14px;
    line-height: 14px;
    padding: 0
}

.heroAmountClose:hover {
    background: #c8c8c8
}

.heroAmountItem {
    display: flex;
    gap: 12px;
    padding: 5px 12px;
    border-bottom: 1px solid silver
}

.heroAmountIcon {
    width: 72px;
    height: 72px;
    flex: 0 0 72px;
    border: 1px solid #888;
    background: #d4d4d4;
    display: flex;
    align-items: center;
    justify-content: center
}

.heroAmountIcon img {
    width: 64px;
    height: 64px;
    object-fit: contain
}

.heroAmountBox .heroAmountIcon {
    position: relative;
    overflow: hidden
}

.heroAmountBox .heroAmountIcon img {
    position: relative;
    z-index: 3
}

.heroAmountBox.tier-1 .heroAmountIcon {
    background: linear-gradient(135deg,#3d3f38,grey);
    background-size: 200% 200%;
    border-color: rgba(200,200,200,.85);
    animation: heroTierFlow 8s ease-in-out infinite
}

.heroAmountBox.tier-2 .heroAmountIcon {
    background: linear-gradient(135deg,#193c2c,#4e7a60);
    background-size: 200% 200%;
    border-color: rgba(126,224,130,.85);
    animation: heroTierFlow 8s ease-in-out infinite
}

.heroAmountBox.tier-3 .heroAmountIcon {
    background: linear-gradient(135deg,#1e315f,#6b85b8);
    background-size: 200% 200%;
    border-color: rgba(126,182,240,.85);
    animation: heroTierFlow 8s ease-in-out infinite
}

.heroAmountBox.tier-4 .heroAmountIcon {
    background: linear-gradient(135deg,#422257,#a05fa0);
    background-size: 200% 200%;
    border-color: rgba(217,156,240,.85);
    animation: heroTierFlow 8s ease-in-out infinite
}

@keyframes heroTierFlow {
    0%,100% {
        background-position: 0 0
    }

    50% {
        background-position: 100% 100%
    }
}

.heroAmountInfo {
    flex: 1;
    min-width: 0
}

.heroAmountName {
    color: #2a2a2a;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 5px
}

.heroAmountText {
    color: #2a2a2a;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 6px
}

.heroAmountLine {
    color: #2a2a2a;
    font-size: 12px;
    line-height: 18px
}

.heroAmountLine strong {
    color: #1a1a1a
}

.heroAmountBody {
    padding: 2px 12px 12px 12px
}

.heroAmountDesc {
    color: #2a2a2a;
    font-size: 12px;
    margin-bottom: 10px;
    line-height: 18px
}

.heroAmountControl {
    display: flex;
    align-items: center;
    gap: 6px
}

.heroAmountBtn {
    width: 36px;
    height: 36px;
    border: 1px solid #888;
    background: #e0e0e0;
    color: #2a2a2a;
    border-radius: 4px;
    font-size: 18px;
    cursor: pointer;
    padding: 0
}

.heroAmountBtn:hover {
    background: #c8c8c8
}

.heroAmountInput {
    flex: 1;
    height: 36px;
    border: 1px solid #888;
    background: #fff;
    color: #1a1a1a;
    border-radius: 4px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    outline: 0;
    padding: 0
}

.heroAmountInput:focus {
    border-color: #555
}

.heroAmountActions {
    display: flex;
    gap: 6px;
    margin-top: 12px
}

.heroAmountMax,.heroAmountSubmit {
    flex: 1;
    height: 32px;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 700;
    font-size: 12px;
    padding: 0
}

.heroAmountMax {
    border: 1px solid #888;
    background: #e0e0e0;
    color: #2a2a2a
}

.heroAmountMax:hover {
    background: #c8c8c8
}

.heroAmountSubmit {
    border: 1px solid #4f7a1f;
    background: #6b9a2a;
    color: #fff
}

.heroAmountSubmit:hover {
    background: #7ba83a
}

.heroPage {
    background: #2a2a2a;
    border: 1px solid rgba(180,180,180,.75);
    direction: rtl;
    color: #fff;
    font-family: tahoma,arial;
    user-select: none
}

.heroCanvasBox.isDead {
    background-image: url(../../../items/heroDead.png);
    background-position: right 30px;
    width: 100%
}

.heroTop {
    height: 500px;
    position: relative;
    background: url(../../../items/bg.jpg) center/cover no-repeat;
    overflow: hidden
}

.heroCanvasBox {
    position: relative;
    width: 278px;
    height: 500px;
    float: left
}

.heroCanvasBox:before {
    content: "";
    position: absolute;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: contain
}

.heroCanvasBox.horse103:before {
    background-image: url(../../../items/horse/item103.png);
    width: 162px;
    height: 340px;
    top: 25px;
    right: -115px
}

.heroCanvasBox.horse104:before {
    background-image: url(../../../items/horse/item104.png);
    width: 162px;
    height: 340px;
    top: 25px;
    right: -115px
}

.heroCanvasBox.horse105:before {
    background-image: url(../../../items/horse/item105.png);
    width: 162px;
    height: 340px;
    top: 25px;
    right: -115px
}

#heroCanvasTemp {
    position: relative;
    z-index: 2;
    width: 405px;
    height: 728px;
    float: left;
    left: 0
}

.heroUseSlots {
    position: absolute;
    right: 2px;
    top: 2px;
    width: 72px
}

.heroSlot {
    width: 70px;
    height: 70px;
    border: 1px solid rgba(180,180,180,.7);
    margin-bottom: 1px;
    background: rgba(55,55,55,.78);
    position: relative;
    cursor: pointer;
    box-sizing: border-box;
    display: grid;
    align-items: center;
    justify-items: center;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.45),inset 0 9px 14px rgba(255,255,255,.04),0 2px 4px rgba(0,0,0,.35);
    transition: transform .12s ease,box-shadow .12s ease,border-color .12s ease
}

.heroSlot img {
    width: 64px;
    height: 64px;
    object-fit: contain;
    margin: 3px
}

.heroSlot.busy>:not(.itemTip) {
    opacity: .5;
    transition-duration: 150ms;
    cursor: not-allowed
}

.heroSlot.empty {
    opacity: .5
}

.heroSlot.empty img {
    width: 22px;
    height: 26px
}

.heroSlotName {
    position: absolute;
    bottom: 2px;
    font-size: 11px;
    color: #d8d8d8;
    text-shadow: 1px 1px 2px #000;
    display: none
}

.heroBag {
    --bag-cols: 7;
    display: grid;
    grid-template-columns: repeat(var(--bag-cols),1fr);
    grid-auto-rows: 1fr;
    gap: 3px;
    padding: 4px;
    background: linear-gradient(180deg,#252525,#161616);
    border-top: 1px solid rgba(180,180,180,.75);
    box-shadow: inset 0 8px 18px rgba(0,0,0,.35);
    direction: rtl;
    overflow: visible
}

.bagItem {
    width: auto;
    height: auto;
    aspect-ratio: 1/1;
    border: 1px solid rgba(180,180,180,.7);
    background: #363636;
    position: relative;
    cursor: pointer;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.45),inset 0 9px 14px rgba(255,255,255,.04),0 2px 4px rgba(0,0,0,.35);
    transition: transform .12s ease,box-shadow .12s ease,border-color .12s ease
}

.bagItem.empty {
    cursor: default;
    background: #363636
}

.bagItem img {
    width: 90%;
    height: 90%;
    object-fit: contain;
    margin: 3px
}

.bagItem,.heroSlot {
    --itemBorder: rgba(200,200,200,.85)
}

.bagItem.tier-1,.heroSlot.tier-1 {
    background: linear-gradient(180deg,grey,#3d3f38);
    --itemBorder: rgba(200,200,200,.85)
}

.bagItem.tier-2,.heroSlot.tier-2 {
    background: linear-gradient(180deg,#416650,#193c2c);
    --itemBorder: rgba(126,224,130,.85)
}

.bagItem.tier-3,.heroSlot.tier-3 {
    background: linear-gradient(180deg,#566e9e,#1e315f);
    --itemBorder: rgba(126,182,240,.85)
}

.bagItem.tier-4,.heroSlot.tier-4 {
    background: linear-gradient(180deg,#834f82,#422257);
    --itemBorder: rgba(217,156,240,.85)
}

.bagItem:not(.empty):hover,.heroSlot:hover {
    border-color: #d8d8d8;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.45),0 0 0 1px rgba(200,200,200,.3),0 0 14px rgba(200,200,200,.28)
}

.bagItem:not(.empty):hover img,.heroSlot:hover img {
    filter: brightness(1.15)
}

.heroSlot:active>:not(.itemTip) {
    transform: scale(.98)
}

.bagItem:not(.empty):active {
    animation: bagPulse .3s ease-out
}

@keyframes bagPulse {
    0% {
        transform: scale(1)
    }

    40% {
        transform: scale(.9)
    }

    70% {
        transform: scale(1.03)
    }

    100% {
        transform: scale(1)
    }
}

.bagItem:not(.empty):hover::before,.heroSlot:hover::before {
    content: "";
    position: absolute;
    inset: 0px;
    pointer-events: none;
    z-index: 5;
    background-color: var(--itemBorder);
    transition: opacity 250ms ease;
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><polygon points='4,8 0,0 8,0'/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><polygon points='4,0 0,8 8,8'/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><polygon points='8,4 0,0 0,8'/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><polygon points='0,4 8,0 8,8'/></svg>");
    mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><polygon points='4,8 0,0 8,0'/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><polygon points='4,0 0,8 8,8'/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><polygon points='8,4 0,0 0,8'/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><polygon points='0,4 8,0 8,8'/></svg>");
    -webkit-mask-position: top center,bottom center,left center,right center;
    mask-position: top center,bottom center,left center,right center;
    -webkit-mask-size: 5px 5px;
    mask-size: 5px 5px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.itemAmount {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 18px;
    padding: 1px 1px;
    font-size: 11px;
    font-weight: 700;
    color: #fff;
    background: rgba(67,57,41,.5);
    border-radius: 3px;
    text-shadow: 1px 1px 2px rgba(0,0,0,.9);
    line-height: 14px;
    text-align: center;
    letter-spacing: .3px;
    font-family: Tahoma,Arial,sans-serif;
    pointer-events: none;
    z-index: 3
}

.heroSlot .itemTip {
    right: 74px;
    top: 0
}

.heroSlot:nth-child(7n+5) .itemTip,.heroSlot:nth-child(7n+6) .itemTip,.heroSlot:nth-child(7n+7) .itemTip {
    top: auto;
    bottom: 0
}

.bagItem .itemTip {
    right: 0;
    left: auto;
    bottom: 74px
}

.heroBag .bagItem:nth-child(7n+5) .itemTip,.heroBag .bagItem:nth-child(7n+6) .itemTip,.heroBag .bagItem:nth-child(7n+7) .itemTip {
    right: auto;
    left: 0;
    bottom: 74px
}

.bagItem:hover .itemTip,.heroSlot:hover .itemTip {
    display: block
}

.itemTip {
    display: none;
    position: absolute;
    min-width: 200px;
    max-width: min(340px,calc(100vw - 20px));
    width: max-content;
    padding: 10px 12px;
    z-index: 99999;
    color: #fff;
    text-align: right;
    direction: rtl;
    line-height: 1.6;
    font-family: Tahoma,Arial,sans-serif;
    font-size: 13px;
    pointer-events: none;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    border-radius: 3px;
    box-shadow: 0 0 0 1px rgba(0,0,0,.5),0 4px 14px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.1)
}

.itemTip .tipTitle {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0,0,0,.9);
    margin-bottom: 6px;
    padding-bottom: 5px;
    border-bottom: 1px solid rgba(255,255,255,.18)
}

.itemTip .tipDesc {
    font-size: 13px;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,.7);
    display: flex;
    align-items: center;
    gap: 6px
}

.itemTip .tipDesc::before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
    flex-shrink: 0;
    box-shadow: 0 0 4px rgba(255,255,255,.4)
}

.itemTip.tier-1 {
    background: linear-gradient(180deg,rgba(172,172,172,.9) 0,rgba(110,110,110,.9) 50%,rgba(56,53,48,.9) 100%);
    border: 1px solid rgba(192,200,208,.7)
}

.itemTip.tier-1 .tipDesc::before {
    background: #e8ecef
}

.itemTip.tier-2 {
    background: linear-gradient(180deg,rgba(37,139,69,.9) 0,rgba(42,119,67,.9) 50%,rgba(18,39,27,.9) 100%);
    border: 1px solid rgba(76,175,80,.7)
}

.itemTip.tier-2 .tipDesc::before {
    background: #7ee082
}

.itemTip.tier-3 {
    background: linear-gradient(180deg,rgba(46,89,147,.9) 0,rgba(49,81,129,.9) 50%,rgba(21,26,41,.9) 100%);
    border: 1px solid rgba(74,144,226,.7)
}

.itemTip.tier-3 .tipDesc::before {
    background: #7eb6f0
}

.itemTip.tier-3 .tipTitle {
    color: #c1e2ff
}

.itemTip.tier-4 .tipTitle {
    color: #f8b7fd
}

.itemTip.tier-2 .tipTitle {
    color: #98ffb0
}

.itemTip.tier-1 .tipTitle {
    color: #e6e6e6
}

.heroAmountSliderWrap {
    margin-top: 12px;
    height: 28px;
    position: relative
}

.heroAmountSlider {
    width: 100%;
    direction: ltr;
    appearance: none;
    -webkit-appearance: none;
    height: 12px;
    border-radius: 10px;
    background: linear-gradient(180deg,#b8b8b8,#d7d7d7);
    border: 1px solid #8a8a8a;
    box-shadow: inset 0 2px 4px rgba(0,0,0,.25),0 1px 0 rgba(255,255,255,.6);
    outline: 0
}

.heroAmountSlider::-webkit-slider-thumb {
    appearance: none;
    -webkit-appearance: none;
    width: 28px;
    height: 28px;
    border-radius: 8px;
    background: linear-gradient(180deg,#f0f0f0,#bcbcbc);
    border: 2px solid #7a7a7a;
    box-shadow: 0 2px 5px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.7);
    cursor: pointer
}

.heroAmountSlider::-moz-range-thumb {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    background: linear-gradient(180deg,#f0f0f0,#bcbcbc);
    border: 2px solid #7a7a7a;
    box-shadow: 0 2px 5px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.7);
    cursor: pointer
}

.heroAmountSlider {
    direction: rtl
}

.itemTip.tier-4 {
    background: linear-gradient(180deg,rgba(134,72,145,.9) 0,rgba(107,66,137,.9) 50%,rgba(36,28,46,.9) 100%);
    border: 1px solid rgba(185,106,217,.7)
}

.itemTip.tier-4 .tipDesc::before {
    background: #d99cf0
}

.heroMsg {
    display: none;
    position: fixed;
    left: 50%;
    bottom: 18px;
    transform: translateX(-50%);
    min-width: 300px;
    max-width: 520px;
    background: #ff5a1f;
    color: #fff;
    padding: 14px 48px 14px 22px;
    z-index: 999999;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    line-height: 24px;
    box-shadow: 0 2px 8px rgba(0,0,0,.35)
}

.heroMsgClose {
    position: absolute;
    right: 2px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 25px;
    line-height: 34px;
    cursor: pointer;
    color: #fff
}

#heroMsgWrap {
    position: fixed;
    left: 50%;
    bottom: 80px;
    transform: translateX(-50%);
    z-index: 999999;
    max-width: 90vw;
    direction: rtl;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px
}

.heroMsgItem {
    position: relative;
    background: #ff551c;
    color: #fff;
    min-height: 48px;
    align-content: center;
    font: bold 16px Tahoma,Arial;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,.35);
    animation: heroMsgIn .16s ease-out;
    padding: 0 22px 0 56px
}

.heroMsgItem.success {
    background: #2f9b35
}

.heroMsgItem.error {
    background: #ff551c
}

.heroMsgClose {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 28px;
    cursor: pointer
}

.heroMsgBar {
    position: absolute;
    top: 0;
    right: 0;
    height: 4px;
    width: 100%;
    background: rgba(0,0,0,.28);
    animation-name: heroMsgTimer;
    animation-timing-function: linear;
    animation-fill-mode: forwards
}

.heroMsgText {
    right: 42px;
    float: right;
    position: relative
}

@keyframes heroMsgTimer {
    from {
        width: 100%
    }

    to {
        width: 0
    }
}

@keyframes heroMsgIn {
    from {
        opacity: 0;
        transform: translateY(8px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@media (max-width: 768px) {
    .heroTop {
        height:auto;
        aspect-ratio: 540/500;
        min-height: 320px
    }

    #heroCanvasTemp {
        transform: scale(.8);
        transform-origin: top left;
        position: absolute;
        left: 0;
        top: 0
    }

    .heroCanvasBox {
        width: 55%;
        height: 100%;
        float: none;
        position: absolute;
        left: 0;
        top: 0
    }

    .heroCanvasBox.horse103:before,.heroCanvasBox.horse104:before,.heroCanvasBox.horse105:before {
        right: -75px;
        transform: scale(.8);
        transform-origin: top right
    }

    .heroUseSlots {
        width: 62px
    }

    .heroSlot {
        width: 60px;
        height: 60px
    }

    .heroSlot img {
        width: 54px;
        height: 54px
    }

    .heroBag {
        --bag-cols: 6
    }

    .heroBag .bagItem:nth-child(7n+5) .itemTip,.heroBag .bagItem:nth-child(7n+6) .itemTip,.heroBag .bagItem:nth-child(7n+7) .itemTip {
        right: 0;
        left: auto
    }

    .heroBag .bagItem:nth-child(6n+4) .itemTip,.heroBag .bagItem:nth-child(6n+5) .itemTip,.heroBag .bagItem:nth-child(6n+6) .itemTip {
        right: auto;
        left: 0
    }
}

@media (max-width: 480px) {
    #heroCanvasTemp {
        transform:scale(.7)
    }

    .heroCanvasBox.horse103:before,.heroCanvasBox.horse104:before,.heroCanvasBox.horse105:before {
        transform: scale(.7);
        right: -60px
    }

    .heroUseSlots {
        width: 54px
    }

    .heroSlot {
        width: 52px;
        height: 52px
    }

    .heroSlot img {
        width: 46px;
        height: 46px
    }

    .heroSlotName {
        font-size: 10px
    }
}

.heroCanvasBox.isDead #heroCanvasTemp {
    display: none
}

.heroCanvasBox.isDead:before {
    display: none
}

.heroBag {
    position: relative
}

.heroBag.heroBagLocked {
    pointer-events: none
}

.heroBag.heroBagLocked:after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.28);
    z-index: 50
}

.heroUseSlots.heroSlotsLocked {
    pointer-events: none;
    opacity: .5
}

.heroBagLoader {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 46px;
    height: 46px;
    margin-left: -23px;
    margin-top: -23px;
    border: 2px solid rgba(255,255,255,.25);
    border-top-color: #fff;
    border-radius: 50%;
    z-index: 60;
    animation: heroBagSpin .75s linear infinite
}

@keyframes heroBagSpin {
    to {
        transform: rotate(360deg)
    }
}

div.reports img.itemCategory {
    background-image: url(../../../hero/adv/item.png);
    width: 26px;
    height: 26px
}

div.reports img.itemCategory.itemCategory_helmet {
    background-position: 0 0
}

div.reports img.itemCategory.itemCategory_body {
    background-position: 0 -26px
}

div.reports img.itemCategory.itemCategory_leftHand {
    background-position: 0 -52px
}

div.reports img.itemCategory.itemCategory_rightHand {
    background-position: 0 -78px
}

div.reports img.itemCategory.itemCategory_shoes {
    background-position: 0 -104px
}

div.reports img.itemCategory.itemCategory_horse {
    background-position: 0 -130px
}

div.reports img.itemCategory.itemCategory_bandage25 {
    background-position: 0 -156px
}

div.reports img.itemCategory.itemCategory_bandage33 {
    background-position: 0 -182px
}

div.reports img.itemCategory.itemCategory_cage {
    background-position: 0 -208px
}

div.reports img.itemCategory.itemCategory_scroll {
    background-position: 0 -234px
}

div.reports img.itemCategory.itemCategory_ointment {
    background-position: 0 -260px
}

div.reports img.itemCategory.itemCategory_bucketOfWater {
    background-position: 0 -286px
}

div.reports img.itemCategory.itemCategory_bookOfWisdom {
    background-position: 0 -312px
}

div.reports img.itemCategory.itemCategory_lawTablets {
    background-position: 0 -338px
}

div.reports img.itemCategory.itemCategory_artWork {
    background-position: 0 -364px
}

div.reports img.itemCategory {
    float: left!important;
    zoom:0.6155;-moz-transform: scale(.6155)
}

div.reports img.itemleft {
    float: left!important
}

.playerHeroAvatar {
    position: relative;
    width: 100%;
    max-width: 405px;
    height: 191px;
    margin: 0 auto;
    box-sizing: border-box
}

.playerHeroCanvas {
    position: absolute;
    inset: 0;
    overflow: hidden;
    background: url(../../../items/bg.jpg) center/cover no-repeat;
    border-radius: inherit;
    z-index: 1
}

.playerHeroCanvas.horse103::before,.playerHeroCanvas.horse104::before,.playerHeroCanvas.horse105::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: 90% bottom;
    background-size: contain;
    pointer-events: none
}

.playerHeroCanvas.horse103::before {
    background-image: url('../../../items/horse/item103.png');
    transform: scale(1.15)
}

.playerHeroCanvas.horse104::before {
    background-image: url('../../../items/horse/item104.png');
    transform: scale(1.22)
}

.playerHeroCanvas.horse105::before {
    background-image: url('../../../items/horse/item105.png');
    transform: scale(1.3)
}

.playerHeroCanvas #heroCanvasImg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center 31px;
    transform: scale(2.12);
    display: block;
    user-select: none;
    -webkit-user-drag: none;
    z-index: 2
}

.playerHeroItems {
    position: absolute;
    top: 2px;
    left: 2px;
    z-index: 5;
    display: flex;
    flex-direction: column;
    gap: 2px
}

.heroMiniItem {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(47,52,40,.78);
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.45),inset 0 9px 14px rgba(255,255,255,.04),0 2px 4px rgba(0,0,0,.35);
    box-sizing: border-box;
    position: relative
}

.heroMiniItem img {
    width: 30px;
    height: 30px;
    display: block;
    object-fit: contain
}

.heroMiniItem.tier-1 {
    background: linear-gradient(180deg,grey,#3d3f38)
}

.heroMiniItem.tier-2 {
    background: linear-gradient(180deg,#416650,#193c2c)
}

.heroMiniItem.tier-3 {
    background: linear-gradient(180deg,#566e9e,#1e315f)
}

.heroMiniItem.tier-4 {
    background: linear-gradient(180deg,#834f82,#422257)
}

.playerHeroItems .heroMiniItem .itemTip {
    display: none;
    position: absolute;
    z-index: 9999;
    top: 0;
    left: 100%;
    right: auto;
    margin: 0 0 0 6px;
    min-width: 220px;
    max-width: 300px;
    pointer-events: none;
    transform: translateZ(0);
    box-shadow: 0 4px 12px rgba(0,0,0,.25)
}

.playerHeroItems .heroMiniItem:hover .itemTip {
    display: block
}

@media (max-width: 480px) {
    .playerHeroAvatar {
        height:160px
    }

    .heroMiniItem {
        width: 30px;
        height: 30px
    }

    .heroMiniItem img {
        width: 26px;
        height: 26px
    }
}

#heroCanvasImg,#heroCanvasTemp,.heroBag .bagItem img,.heroMiniItem img,.heroUseSlots .heroSlot img {
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    user-drag: none
}

.heroBag .bagItem,.heroUseSlots .heroSlot {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}

@media (hover: none) and (pointer:coarse) {
    .heroBag .bagItem:hover .itemTip,.heroUseSlots .heroSlot:hover .itemTip {
        opacity:0;
        visibility: hidden;
        pointer-events: none
    }

    .heroBag .bagItem.tipActive .itemTip,.heroUseSlots .heroSlot.tipActive .itemTip {
        opacity: 1;
        visibility: visible;
        pointer-events: none
    }
}

.heroBag .bagItem,.heroUseSlots .heroSlot {
    border-color: rgba(0,0,0,.85);
    --innerBorder: rgba(180, 180, 180, 0.85);
    box-shadow: inset 0 0 0 1px var(--innerBorder),inset 0 9px 14px rgba(255,255,255,.04),0 2px 4px rgba(0,0,0,.35)
}

.heroBag .bagItem.tier-1,.heroUseSlots .heroSlot.tier-1 {
    --innerBorder: rgba(200, 200, 200, 0.85)
}

.heroBag .bagItem.tier-2,.heroUseSlots .heroSlot.tier-2 {
    --innerBorder: rgba(126, 224, 130, 0.85)
}

.heroBag .bagItem.tier-3,.heroUseSlots .heroSlot.tier-3 {
    --innerBorder: rgba(126, 182, 240, 0.85)
}

.heroBag .bagItem.tier-4,.heroUseSlots .heroSlot.tier-4 {
    --innerBorder: rgba(217, 156, 240, 0.85)
}

.heroBag .bagItem:not(.empty):hover,.heroUseSlots .heroSlot:not(.empty):hover {
    box-shadow: inset 0 0 0 1px var(--innerBorder),inset 0 9px 14px rgba(255,255,255,.08),0 0 0 1px rgba(0,0,0,.3),0 0 14px rgba(0,0,0,.2)
}

.heroBag .bagItem.tier-1:not(.empty):hover,.heroUseSlots .heroSlot.tier-1:not(.empty):hover {
    --innerBorder: rgb(230, 230, 230)
}

.heroBag .bagItem.tier-2:not(.empty):hover,.heroUseSlots .heroSlot.tier-2:not(.empty):hover {
    --innerBorder: rgb(150, 255, 155)
}

.heroBag .bagItem.tier-3:not(.empty):hover,.heroUseSlots .heroSlot.tier-3:not(.empty):hover {
    --innerBorder: rgb(150, 200, 255)
}

.heroBag .bagItem.tier-4:not(.empty):hover,.heroUseSlots .heroSlot.tier-4:not(.empty):hover {
    --innerBorder: rgb(235, 180, 255)
}

.heroBag .bagItem:not(.empty):not(.tier-1):not(.tier-2):not(.tier-3):not(.tier-4):hover,.heroUseSlots .heroSlot:not(.empty):not(.tier-1):not(.tier-2):not(.tier-3):not(.tier-4):hover {
    --innerBorder: rgb(220, 220, 220)
}

.heroUseSlots .heroSlot.slotHighlight {
    position: relative
}

.heroUseSlots .heroSlot.slotHighlight::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255,255,255,.5);
    pointer-events: none;
    z-index: 2
}

.heroUseSlots .heroSlot.slotHighlight img {
    position: relative;
    z-index: 3
}

.heroUseSlots .heroSlot.slotHighlight .heroSlotName,.heroUseSlots .heroSlot.slotHighlight .itemAmount {
    z-index: 4
}

.heroUseSlots .heroSlot.slotHighlight {
    --innerBorder: #ffffff
}

.heroBag .bagItem,.heroBag .bagItem *,.heroUseSlots .heroSlot,.heroUseSlots .heroSlot * {
    -webkit-tap-highlight-color: transparent
}

.dnd-captcha {
    --dc-bg: #f8fafc;
    --dc-fg: #0f172a;
    --dc-card: #ffffff;
    --dc-acc: #0ea5e9;
    --dc-acc-soft: rgba(14, 165, 233, 0.10);
    --dc-bd: #e5e7eb;
    --dc-ok: #16a34a;
    --dc-err: #dc2626;
    --dc-muted: #64748b;
    --dc-radius: 12px;
    --dc-item-size: 56px;
    --dc-dz-size: 130px;
    font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    background: var(--dc-bg);
    color: var(--dc-fg);
    padding: 14px;
    border: 1px solid var(--dc-bd);
    border-radius: var(--dc-radius);
    max-width: 540px;
    width: 100%;
    box-sizing: border-box;
    direction: rtl;
    margin: 0 auto;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation
}

.dnd-captcha *,.dnd-captcha ::after,.dnd-captcha ::before {
    box-sizing: border-box
}

.dnd-captcha[data-theme=dark] {
    --dc-bg: #0f172a;
    --dc-fg: #e2e8f0;
    --dc-card: #111827;
    --dc-acc: #3b82f6;
    --dc-acc-soft: rgba(59, 130, 246, 0.15);
    --dc-bd: #374151;
    --dc-muted: #94a3b8
}

@media (prefers-color-scheme: dark) {
    .dnd-captcha[data-theme=auto] {
        --dc-bg:#0f172a;
        --dc-fg: #e2e8f0;
        --dc-card: #111827;
        --dc-acc: #3b82f6;
        --dc-acc-soft: rgba(59, 130, 246, 0.15);
        --dc-bd: #374151;
        --dc-muted: #94a3b8
    }
}

.dnd-captcha-head {
    margin-bottom: 12px
}

.dnd-captcha-label {
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 8px
}

.dnd-captcha-target-row {
    display: flex;
    align-items: center;
    gap: 8px;
    background: var(--dc-card);
    border: 1px solid var(--dc-bd);
    border-radius: 8px;
    padding: 6px 10px
}

.dnd-captcha-target-text {
    font-size: 13px;
    color: var(--dc-muted)
}

.dnd-captcha-target-img {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid var(--dc-bd);
    border-radius: 6px;
    background: var(--dc-bg)
}

.dnd-captcha-target-img img {
    max-width: 32px;
    max-height: 32px;
    width: auto;
    height: auto;
    object-fit: contain;
    pointer-events: none;
    -webkit-user-drag: none;
    user-drag: none
}

.dnd-captcha-body {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px
}

.dnd-captcha-items {
    flex: 1 1 240px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
    min-width: 0
}

.dnd-item {
    position: relative;
    width: var(--dc-item-size);
    height: var(--dc-item-size);
    border: 1px solid var(--dc-bd);
    background: var(--dc-card);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    cursor: grab;
    transition: transform .12s ease,box-shadow .12s ease,border-color .12s ease;
    -webkit-tap-highlight-color: transparent;
    touch-action: none;
    user-select: none
}

.dnd-item:active {
    cursor: grabbing;
    transform: scale(.95)
}

.dnd-item:hover {
    border-color: var(--dc-acc)
}

.dnd-item:focus,.dnd-item:focus-visible {
    outline: 2px solid var(--dc-acc);
    outline-offset: 2px
}

.dnd-item.dnd-selected {
    border-color: var(--dc-acc);
    box-shadow: 0 0 0 2px var(--dc-acc-soft)
}

.dnd-item.dnd-dragging {
    opacity: .4
}

.dnd-item img {
    max-width: 80%;
    max-height: 80%;
    width: auto;
    height: auto;
    object-fit: contain;
    pointer-events: none;
    -webkit-user-drag: none;
    user-drag: none
}

.dnd-touch-ghost {
    position: fixed;
    pointer-events: none;
    z-index: 999999;
    width: var(--dc-item-size,56px);
    height: var(--dc-item-size,56px);
    border: 2px solid var(--dc-acc,#0ea5e9);
    background: var(--dc-card,#fff);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 20px rgba(0,0,0,.25);
    opacity: .95;
    transform: translate(-50%,-50%);
    transition: transform .05s linear
}

.dnd-touch-ghost img {
    max-width: 80%;
    max-height: 80%;
    object-fit: contain;
    pointer-events: none
}

.dnd-captcha-dropzone {
    flex: 0 0 var(--dc-dz-size);
    width: var(--dc-dz-size);
    height: var(--dc-dz-size);
    border: 2px dashed var(--dc-acc);
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--dc-card);
    transition: background .15s ease,border-color .15s ease,transform .15s ease;
    -webkit-tap-highlight-color: transparent;
    touch-action: none;
    cursor: pointer;
    overflow: hidden
}

.dnd-captcha-dropzone.dnd-dz-over {
    background: var(--dc-acc-soft);
    transform: scale(1.04)
}

.dnd-captcha-dropzone.dnd-dz-ok {
    border-color: var(--dc-ok)
}

.dnd-captcha-dropzone.dnd-dz-err {
    border-color: var(--dc-err);
    animation: dnd-shake .3s ease
}

.dnd-captcha-dz-text {
    font-size: 13px;
    color: var(--dc-muted);
    text-align: center;
    padding: 0 6px
}

.dnd-captcha-dropzone img {
    max-width: 78%;
    max-height: 78%;
    object-fit: contain;
    pointer-events: none;
    -webkit-user-drag: none
}

@keyframes dnd-shake {
    0%,100% {
        transform: translateX(0)
    }

    25% {
        transform: translateX(-6px)
    }

    75% {
        transform: translateX(6px)
    }
}

.dnd-captcha-hp {
    position: absolute!important;
    left: -10000px!important;
    top: auto!important;
    width: 1px!important;
    height: 1px!important;
    overflow: hidden!important;
    opacity: 0
}

@media (max-width: 480px) {
    .dnd-captcha {
        --dc-item-size:50px;
        --dc-dz-size: 110px;
        padding: 10px
    }

    .dnd-captcha-body {
        gap: 10px;
        flex-direction: column
    }

    .dnd-captcha-items {
        order: 2;
        width: 100%
    }

    .dnd-captcha-dropzone {
        order: 1;
        margin: 0 auto
    }

    .dnd-captcha-label {
        font-size: 13px
    }

    .dnd-captcha-target-text {
        font-size: 12px
    }
}

@media (max-width: 360px) {
    .dnd-captcha {
        --dc-item-size:44px;
        --dc-dz-size: 100px
    }
}

@media (prefers-reduced-motion:reduce) {
    .dnd-captcha-dropzone,.dnd-item,.dnd-touch-ghost {
        transition: none!important;
        animation: none!important
    }
}

.inventoryFilters {
    position: relative;
    height: 44px;
    background-image: linear-gradient(to bottom,#454545,#484848,#242424);
    border: 1px solid #000;
    box-shadow: 0 5px 4px rgba(0,0,0,.6);
    padding: 2px;
    margin-bottom: 4px
}

.inventoryFilters::before {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    bottom: 1px;
    right: 1px;
    background-image: linear-gradient(to bottom,#2e2c2c,#332f2e 20%,#1f1711);
    border: 1px solid #0b0b0b;
    z-index: 0
}

.inventoryFilters .heroItemSlotFilter {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: row;
    gap: 0 8px;
    align-items: stretch;
    height: 100%;
    padding: 0 10px;
    direction: rtl;
    justify-content: flex-start
}

.heroItemSlotFilter .filterSlot {
    position: relative;
    z-index: 2;
    width: 38px;
    height: 38px;
    padding: 4px 0;
    display: grid;
    align-items: center;
    justify-items: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    flex: none
}

.heroItemSlotFilter .filterSlot * {
    pointer-events: none
}

.heroItemSlotFilter .filterSlot::after,.heroItemSlotFilter .filterSlot::before {
    content: "";
    border-radius: 50%;
    transition-duration: 150ms;
    box-shadow: inset 0 0 5px transparent;
    transform: scale(.8);
    opacity: 0
}

.heroItemSlotFilter .filterSlot::before {
    position: absolute;
    top: 1px;
    left: 1px;
    bottom: 1px;
    right: 1px;
    border: 1px solid #34220d;
    z-index: 1;
    background-image: linear-gradient(180deg,#cba467 5%,#f3e2ae 13%,#efbf7b 32%,#aa8050 48%,#835e35 72%,#ad8a54 93%,#d7b672 100%)
}

.heroItemSlotFilter .filterSlot::after {
    position: absolute;
    top: 4px;
    left: 4px;
    bottom: 4px;
    right: 4px;
    z-index: 2;
    border: 1px solid #34220d;
    box-shadow: inset 0 0 5px #000
}

.heroItemSlotFilter .filterSlot i {
    z-index: 3;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: relative
}

.heroItemSlotFilter .filterSlot.active {
    pointer-events: none
}

.heroItemSlotFilter .filterSlot.active::after,.heroItemSlotFilter .filterSlot.active::before,.heroItemSlotFilter .filterSlot:active::after,.heroItemSlotFilter .filterSlot:active::before,.heroItemSlotFilter .filterSlot:hover::after,.heroItemSlotFilter .filterSlot:hover::before {
    transform: scale(1);
    opacity: 1
}

.heroItemSlotFilter .filterSlot.active::after {
    background: linear-gradient(to bottom,#faf6ea,#d5cdb5)
}

.heroItemSlotFilter .filterSlot:hover:not(.active)::after {
    background: linear-gradient(to bottom,#9d836e,#584a38)
}

.heroItemSlotFilter .filterSlot:active:not(.active)::after {
    background: linear-gradient(to bottom,#8d7766,#43392d)
}

.heroItemSlotFilter .filterSlot.all i {
    background-image: url('/assets/items/slotAll_medium.png');
    width: 24px;
    height: 25px;
    align-self: center
}

.heroItemSlotFilter .filterSlot.left i {
    background-image: url('/assets/items/slot_right.png');
    width: 23px;
    height: 26px;
    align-self: center
}

.heroItemSlotFilter .filterSlot.right i {
    background-image: url('/assets/items/slot_left.png');
    width: 24px;
    height: 26px;
    align-self: center
}

.heroItemSlotFilter .filterSlot.helmet i {
    background-image: url('/assets/items/slot_helmet.png');
    width: 19px;
    height: 26px;
    margin-inline-start:1px;align-self: center
}

.heroItemSlotFilter .filterSlot.armor i {
    background-image: url('/assets/items/slot_armor.png');
    width: 26px;
    height: 24px;
    align-self: center
}

.heroItemSlotFilter .filterSlot.boots i {
    background-image: url('/assets/items/slot_boots.png');
    width: 22px;
    height: 23px;
    margin: 0 1px 1px 0;
    align-self: center
}

.heroItemSlotFilter .filterSlot.horsebag i {
    background-image: url('/assets/items/slot_bag.png');
    width: 26px;
    height: 22px;
    align-self: center
}

.heroItemSlotFilter .filterSlot.horse i {
    background-image: url('/assets/items/slot_horse.png');
    width: 24px;
    height: 25px;
    margin: 3px -4px 0 0;
    border-start-start-radius: 20px;
    border-end-start-radius: 25px;
    align-self: center
}

.heroBag .bagItem.dimmed {
    opacity: .25;
    filter: grayscale(.7);
    pointer-events: none;
    transition: opacity .2s ease,filter .2s ease
}

.heroBag .bagItem:not(.dimmed) {
    transition: opacity .2s ease,filter .2s ease
}

.heroUseSlots .heroSlot.slotHighlight {
    box-shadow: 0 0 8px 2px rgba(255,255,255,.6);
    border-color: #fff;
    transition: box-shadow .2s ease,border-color .2s ease
}

@media (max-width: 768px) {
    .inventoryFilters {
        height:38px;
        padding: 1px;
        margin-bottom: 3px
    }

    .inventoryFilters .heroItemSlotFilter {
        gap: 0 4px;
        padding: 0 4px
    }

    .heroItemSlotFilter .filterSlot {
        width: 32px;
        height: 32px;
        padding: 3px
    }

    .heroItemSlotFilter .filterSlot::after {
        top: 3px;
        left: 3px;
        bottom: 3px;
        right: 3px
    }

    .heroItemSlotFilter .filterSlot i {
        transform: scale(.92)
    }
}

@media (max-width: 480px) {
    .inventoryFilters {
        height:36px
    }

    .inventoryFilters .heroItemSlotFilter {
        gap: 0 2px;
        padding: 0 2px;
        overflow-x: auto;
        overflow-y: hidden;
        scrollbar-width: none;
        -ms-overflow-style: none;
        justify-content: flex-start
    }

    .inventoryFilters .heroItemSlotFilter::-webkit-scrollbar {
        display: none
    }

    .heroItemSlotFilter .filterSlot {
        width: 30px;
        height: 30px;
        padding: 2px
    }

    .heroItemSlotFilter .filterSlot::after {
        top: 2px;
        left: 2px;
        bottom: 2px;
        right: 2px
    }

    .heroItemSlotFilter .filterSlot i {
        transform: scale(.85)
    }
}

body.v35 #heroContainer {
    position: relative;
    display: inline-block;
    width: 72px;
    height: 72px;
    overflow: visible;
    vertical-align: top
}

body.v35 #heroContainer a#nh {
    position: relative;
    display: block;
    width: 72px;
    height: 72px;
    overflow: visible
}

body.v35 #heroContainer .heroHealthBar {
    position: absolute;
    top: -4px;
    width: 70px;
    height: 74px;
    border-radius: 50%;
    z-index: 6;
    pointer-events: none;
    -webkit-mask: radial-gradient(circle,transparent 0 28px,#000 29px 35px,transparent 36px);
    mask: radial-gradient(circle,transparent 0 28px,#000 29px 35px,transparent 36px)
}

body.v35 #heroContainer .heroExpBar {
    position: absolute;
    top: -4px;
    width: 70px;
    left: -3px;
    height: 79px;
    z-index: 6;
    pointer-events: none;
    -webkit-mask: radial-gradient(circle,transparent 0 28px,#000 29px 35px,transparent 36px);
    mask: radial-gradient(circle,transparent 0 28px,#000 29px 35px,transparent 36px)
}

body.v35 #heroContainer .heroHealthBar {
    left: 2px;
    background: conic-gradient(from 168deg,transparent 0deg,transparent 4deg,#63a932 4deg,#8fd34a var(--healthDeg),transparent var(--healthDeg),transparent 360deg)
}

body.v35 #heroContainer .heroExpBar {
    background: conic-gradient(from 340deg,transparent 0deg calc(166deg - var(--expDeg)),#2387e0 calc(166deg - var(--expDeg)),#45b6ff 166deg,transparent 166deg 360deg)
}

body.v35 #heroContainer .heroFrameWrap {
    position: absolute;
    top: 8px;
    left: 9px;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    overflow: hidden;
    z-index: 3
}

body.v35 #heroContainer .heroImageInner {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    overflow: hidden
}

body.v35 #heroContainer .heroImg {
    position: absolute;
    top: -4px;
    left: -10px;
    width: 72px;
    height: 72px;
    object-fit: cover;
    user-select: none;
    -webkit-user-drag: none;
}

body.v35 #heroContainer a#nh::before {
    content: "";
    position: absolute;
    top: 57px;
    left: 69%;
    transform: translateX(-69%);
    z-index: 7;
    background-image: url(../../../hero/b/separator.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 13px;
    height: 14px;
    pointer-events: none;
    filter: grayscale(1)
}

body.v35 #heroContainer a#nh::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 72px;
    height: 72px;
    background-image: url('../../../hero/b/heroFrameStandalone1.png');
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 5;
    pointer-events: none;
    filter: grayscale(1)
}

body.v35 #heroContainer .heroBtn {
    position: absolute;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    z-index: 8;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #a8a8a8;
    box-shadow: inset 0 -2px 1px 1px #888,inset 2px -1px 1px 0 #969696,inset -2px -1px 1px 0 #969696,inset 0 2px 1px 1px #e0e0e0;
    transition: all 150ms;
    text-decoration: none
}

body.v35 #heroContainer .heroBtn:hover {
    background-color: #b8b8b8
}

body.v35 #heroContainer .heroBtn svg {
    width: 16px;
    height: 16px
}

body.v35 #heroContainer .heroBtn svg .outline {
    fill: #4a4a4a;
    stroke: #4a4a4a
}

body.v35 #heroContainer .heroBtn svg .icon {
    fill: #fff
}

body.v35 #heroContainer .heroAdventure {
    top: 8px;
    left: -9px
}

body.v35 #heroContainer .heroAdventure .advCount {
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    text-shadow: 0 1px 1px rgba(0,0,0,.5)
}

body.v35 #heroContainer .heroAdventure.hasAdv {
    background-color: #3f6f8a;
    box-shadow: inset 0 -2px 1px 1px #305670, inset 2px -1px 1px 0 #37657d, inset -2px -1px 1px 0 #37657d, inset 0 2px 1px 1px #5e96b3;
    animation: advPulse 1.5s ease-in-out infinite
}

body.v35 #heroContainer .heroAdventure.hasAdv:hover {
    background-color: #4d8ea3
}

@keyframes advPulse {
    0%,100% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.1)
    }
}

#heroV2Attr {
    direction: rtl;
    font-size: 14px;
    color: #333
}

#heroV2Attr * {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-sizing: border-box
}

#heroV2Attr .hV2Box {
    position: relative;
    background-image: linear-gradient(180deg,#e8e8e8 0,#f5f5f5 25%,#fafafa 50%,#e0e0e0 75%,#d4d4d4 100%);
    border: 1px solid #8a8a8a;
    border-radius: 6px;
    padding: 10px;
    margin: 0 0 5px;
    box-shadow: 0 1px 3px rgba(0,0,0,.06);
    overflow: hidden
}

#heroV2Attr .hV2Box:before {
    content: "";
    position: absolute;
    inset: 2px;
    background-color: #fafafa;
    border: solid 1px #d0d0d0;
    border-radius: 3px;
    z-index: 0;
    pointer-events: none
}

#heroV2Attr .hV2Box>* {
    position: relative;
    z-index: 1
}

#heroV2Attr .hV2AttrBox {
    padding: 20px 22px 18px
}

#heroV2Attr .hV2AttrBox:before {
    background-color: #fafafa
}

#heroV2Attr .hV2AttrBar,#heroV2Attr .hV2AttrName,#heroV2Attr .hV2AttrRow,#heroV2Attr .hV2Attrs {
    background: 0 0
}

#heroV2Attr .hV2TopStats {
    display: grid;
    grid-template-columns: 150px minmax(224px,1fr);
    grid-template-rows: 26px 0px 1px;
    gap: 18px;
    align-items: center;
    overflow: hidden
}

#heroV2Attr .hV2Name {
    font-weight: 400;
    font-size: 18px;
    color: #333;
    display: grid;
    grid-template-columns: 30px 1fr;
    gap: 8px;
    align-items: center
}

#heroV2Attr .hV2Value {
    display: none
}

#heroV2Attr .hV2Speed {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #444
}

#heroV2Attr .hV2ArrowDouble {
    width: 14px;
    height: 14px;
    fill: #4a8f2d
}

#heroV2Attr .hV2Icon,#heroV2Attr .hV2ResIcon {
    display: inline-block;
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    vertical-align: middle
}

#heroV2Attr .attributeHealth {
    background-image: url(/assets/hero/b/attributeHealth.png?12345)
}

#heroV2Attr .attributeExperience {
    background-image: url(/assets/hero/b/attributeExperience.png?12345)
}

#heroV2Attr .attributeSpeed {
    background-image: url(/assets/hero/b/attributeSpeed.png?12345)
}

#heroV2Attr .attributeStrength {
    background-image: url(/assets/hero/b/attributeStrength.png?12345)
}

#heroV2Attr .attributeOffBonus {
    background-image: url(/assets/hero/b/attributeOffBonus.png?12345)
}

#heroV2Attr .attributeDefBonus {
    background-image: url(/assets/hero/b/attributeDefBonus.png?12345)
}

#heroV2Attr .attributeRessourceBonus {
    background-image: url(/assets/hero/b/attributeRessourceBonus.png?12345)
}

#heroV2Attr .resAll {
    background-image: url(/assets/hero/b/resources_medium.png?12345)
}

#heroV2Attr .resSmallAll {
    background-image: url(/assets/hero/b/resources_small.png?12345)
}

#heroV2Attr .r1m {
    background-image: url(/assets/hero/b/r1.png?12345)
}

#heroV2Attr .r2m {
    background-image: url(/assets/hero/b/r2.png?12345)
}

#heroV2Attr .r3m {
    background-image: url(/assets/hero/b/r3.png?12345)
}

#heroV2Attr .r4m {
    background-image: url(/assets/hero/b/r4.png?12345)
}

#heroV2Attr .cropTiny {
    background-image: url(/assets/hero/b/crop_tiny.png?12345);
    width: 18px;
    height: 18px
}

#heroV2Attr .hV2Progress {
    display: grid;
    grid-template-columns: auto 1fr auto;
    width: 100%;
    overflow: visible
}

#heroV2Attr .hV2Progress .bar {
    grid-row-start: 1;
    grid-column: 2;
    place-self: center;
    box-sizing: border-box;
    height: 21px;
    width: 224px;
    padding-block:3px;padding-inline:10px;border: 1px solid #707070;
    border-radius: 10px;
    background-image: linear-gradient(180deg,#3f3f3f,#525252);
    position: relative;
    overflow: visible
}

#heroV2Attr .hV2Progress .bar:before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 2px 4px;
    border-radius: 9px;
    background-image: linear-gradient(180deg,#d4d4d4 5%,#f5f5f5 13%,#e8e8e8 32%,#bababa 48%,#909090 72%,#bdbdbd 93%,#dcdcdc 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: 1;
    pointer-events: none
}

#heroV2Attr .hV2Progress .bar:after {
    content: "";
    position: absolute;
    inset-block: 2px;
    inset-inline: 4px;
    border: 1px solid #5a5a5a;
    border-radius: 5px;
    z-index: 1;
    pointer-events: none
}

#heroV2Attr .hV2Progress .bar svg.decoration {
    position: absolute;
    z-index: 4;
    inset-block: 0;
    height: 100%;
    overflow: visible
}

#heroV2Attr .hV2Progress .bar svg.decoration.start {
    inset-inline-start: 3px
}

#heroV2Attr .hV2Progress .bar svg.decoration.end {
    inset-inline-end: 3px;
    transform: scaleX(-1)
}

#heroV2Attr .hV2Progress .bar svg.decoration .colorStop1 {
    stop-color: #D4D4D4
}

#heroV2Attr .hV2Progress .bar svg.decoration .colorStop2 {
    stop-color: #F5F5F5
}

#heroV2Attr .hV2Progress .bar svg.decoration .colorStop3 {
    stop-color: #E8E8E8
}

#heroV2Attr .hV2Progress .bar svg.decoration .colorStop4 {
    stop-color: #BABABA
}

#heroV2Attr .hV2Progress .bar svg.decoration .colorStop5 {
    stop-color: #909090
}

#heroV2Attr .hV2Progress .bar svg.decoration .colorStop6 {
    stop-color: #BDBDBD
}

#heroV2Attr .hV2Progress .bar svg.decoration .colorStop7 {
    stop-color: #DCDCDC
}

#heroV2Attr .hV2Progress .bar svg.decoration path {
    fill: var(--linearGradient);
    stroke: #5a5a5a
}

#heroV2Attr .hV2FillTrack {
    position: absolute;
    z-index: 2;
    inset-inline: 10px;
    top: 4px;
    height: 13px;
    display: block;
    overflow: visible
}

#heroV2Attr .hV2FillTrack .filling {
    display: block;
    position: relative;
    height: 13px;
    width: 0;
    max-width: 100%;
    transition: width 250ms ease-out;
    box-sizing: border-box;
    float: none
}

#heroV2Attr .hV2FillTrack .filling.primary.green {
    background-image: linear-gradient(#dfe9d4 1px,#6d971d 1px,#5c8a0d calc(100% - 1px),#6cb708 calc(100% - 1px))
}

#heroV2Attr .hV2FillTrack .filling.primary.blue {
    background-image: linear-gradient(#dcf2f4 1px,#4a90c0 1px,#2d6b94 calc(100% - 1px),#5ba4d4 calc(100% - 1px))
}

#heroV2Attr .hV2FillTrack .filling.primary.orange {
    background-image: linear-gradient(#ffd9b4 1px,#c14a00 1px,#f57100 calc(100% - 1px),#bf3a00 calc(100% - 1px))
}

#heroV2Attr .hV2FillTrack .filling:after {
    content: "";
    position: absolute;
    z-index: 2;
    inset-inline-end: -4px;
    inset-block: 0;
    width: 4px;
    border-inline:1px solid #707070;background-image: linear-gradient(180deg,#d4d4d4 5%,#f5f5f5 13%,#e8e8e8 32%,#bababa 48%,#909090 72%,#bdbdbd 93%,#dcdcdc 100%)
}

#heroV2Attr .hV2FillTrack .filling[style*="width: 0"]:after,#heroV2Attr .hV2FillTrack .filling[style*="width:0"]:after {
    display: none
}

#heroV2Attr .hV2BarText {
    position: absolute;
    z-index: 5;
    inset: 0;
    text-align: center;
    line-height: 21px;
    font-weight: 700;
    font-size: 16px;
    color: #fafafa;
    direction: ltr;
    text-shadow: 0 1px #2a2a2a,0 0 2px #2a2a2a;
    pointer-events: none
}

#heroV2Attr .hV2TopStats .hV2Progress .bar {
    width: 100%;
    max-width: 100%
}

#heroV2Attr .hV2ProductionTop {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 5px;
    color: #333
}

#heroV2Attr .hV2ProdItem {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 13px;
    font-weight: 400
}

#heroV2Attr .hV2ProdGrid {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    gap: 2px;
    align-items: center;
    text-align: center
}

#heroV2Attr .hV2ProdChoice {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    direction: ltr
}

#heroV2Attr .hV2ProdChoice label {
    width: 34px;
    height: 34px;
    border: 2px solid #8a8a8a;
    background: #f0f0f0;
    box-shadow: 0 0 0 2px #d8d8d8 inset;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background .15s
}

#heroV2Attr .hV2ProdChoice label:hover {
    background: #e8e8e8
}

#heroV2Attr .hV2ProdChoice.active label {
    background: #d97e3a;
    border-color: #a85a1f;
    box-shadow: 0 0 0 2px #f0c098 inset
}

#heroV2Attr .hV2ProdChoice input {
    display: none
}

#heroV2Attr .hV2Badge {
    height: 25px;
    min-width: 25px;
    padding: 2px 2px;
    background: #e0e0e0;
    border-radius: 9px 0 0 9px;
    border: 1px solid #b8b8b8;
    font-weight: 700;
    line-height: 20px;
    text-align: center;
    color: #444
}

#heroV2Attr .hV2Head {
    display: grid;
    grid-template-columns: 1fr auto 60px;
    gap: 10px;
    align-items: center;
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 700;
    color: #333
}

#heroV2Attr .hV2Points {
    color: #3d8a1f;
    text-align: center;
    font-size: 18px
}

#heroV2Attr .hV2Attrs {
    display: flex;
    flex-direction: column;
    gap: 4px;
    direction: rtl
}

#heroV2Attr .hV2AttrRow {
    display: grid;
    grid-template-columns: 185px 42px minmax(224px,1fr) 42px;
    gap: 7px;
    align-items: center;
    padding: 0;
    min-height: 45px
}

#heroV2Attr .hV2AttrName {
    text-align: right;
    font-size: 18px;
    font-weight: 400;
    line-height: 23px;
    color: #333;
    display: grid;
    grid-template-columns: 30px 1fr;
    gap: 6px;
    align-items: center
}

#heroV2Attr .hV2AttrName span {
    vertical-align: middle
}

#heroV2Attr .hV2AttrValue {
    text-align: left;
    direction: ltr;
    font-size: 18px;
    font-weight: 700;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#heroV2Attr .hV2AttrBar {
    min-width: 0;
    position: relative
}

#heroV2Attr .hV2AttrBar .hV2Progress .bar {
    width: 100%;
    max-width: 360px;
    min-width: 224px;
    margin: auto
}

#heroV2Attr .hV2Minus {
    grid-column: 2;
    font-size: 32px;
    line-height: 28px
}

#heroV2Attr .hV2AttrBar {
    grid-column: 3
}

#heroV2Attr .hV2Plus {
    grid-column: 4
}

#heroV2Attr .hV2Ctrl {
    width: 38px;
    height: 38px;
    text-align: center;
    line-height: 30px;
    font-size: 34px;
    font-weight: 700;
    cursor: pointer;
    border: 2px solid #3d5a18;
    background: linear-gradient(#8bc23a,#557a1f);
    color: #fff;
    box-shadow: 0 0 0 2px #e8e8e8 inset,0 1px 2px rgba(0,0,0,.1);
    padding: 0;
    justify-self: center;
    transition: filter .15s,transform .1s
}

#heroV2Attr .hV2Ctrl:hover {
    filter: brightness(1.12)
}

#heroV2Attr .hV2Ctrl:active {
    transform: translateY(1px)
}

#heroV2Attr .hV2Disabled {
    opacity: .42;
    cursor: default;
    background: linear-gradient(#c8c8c8,#a0a0a0);
    pointer-events: none
}

#heroV2Attr .hV2SaveWrap {
    text-align: right;
    margin-top: 10px
}

#heroV2Attr .hV2Btn {
    border: 2px solid #3d5a18;
    border-radius: 4px;
    background: linear-gradient(#8bc23a,#557a1f);
    box-shadow: 0 0 0 2px #e8e8e8 inset,0 1px 2px rgba(0,0,0,.12);
    color: #fff;
    text-shadow: 0 1px 1px rgba(0,0,0,.25);
    font-size: 18px;
    font-weight: 700;
    padding: 10px 34px;
    cursor: pointer;
    transition: filter .15s,transform .1s
}

#heroV2Attr .hV2Btn:hover {
    filter: brightness(1.12)
}

#heroV2Attr .hV2Btn:active {
    transform: translateY(1px)
}

#heroV2Attr .hV2Btn:disabled {
    display: none
}

#heroV2Attr .hV2Benefits strong {
    font-size: 15px;
    color: #333
}

#heroV2Attr .hV2Benefits ul {
    list-style: none;
    margin: 12px 0 0;
    padding: 0;
    columns: 240px auto
}

#heroV2Attr .hV2Benefits li {
    margin: 6px 0;
    font-size: 16px;
    color: #444
}

#heroV2Attr .hV2Benefits li:before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-left: 7px;
    background: #666;
    border: 1px solid #999;
    transform: rotate(45deg)
}

#heroV2Attr .hV2DeadBox {
    position: relative;
    background: #fafafa;
    border: 2px solid #c43a3a;
    border-radius: 6px;
    padding: 16px;
    margin: 0 0 12px;
    box-shadow: 0 1px 3px rgba(196,58,58,.15);
    overflow: hidden
}

#heroV2Attr .hV2DeadBox:before {
    content: "";
    position: absolute;
    inset: 2px;
    background: #fafafa;
    border: 1px solid #a82828;
    border-radius: 3px;
    pointer-events: none;
    z-index: 0
}

#heroV2Attr .hV2DeadBox>* {
    position: relative;
    z-index: 1
}

#heroV2Attr .hV2DeadBox.attributeBox.heroDead,#heroV2Attr .hV2DeadBox.attributeBox.heroRevive {
    border-color: #8a2020;
    background-image: linear-gradient(180deg,#d45050 0,#e06868 25%,#f0a0a0 50%,#c03838 75%,#a02828 100%);
    box-shadow: none
}

#heroV2Attr .hV2DeadBox.attributeBox.heroDead:before,#heroV2Attr .hV2DeadBox.attributeBox.heroRevive:before {
    border-color: #8a2020;
    background-color: #fafafa
}

#heroV2Attr .hV2DeadStatus {
    display: grid;
    grid-template-columns: 30px 1fr;
    gap: 8px;
    align-items: center;
    margin-bottom: 10px
}

#heroV2Attr .hV2DeadStatus .title {
    color: #c43a3a;
    font-weight: 700;
    font-size: 18px
}

#heroV2Attr .hV2DeadIcon {
    width: 30px;
    height: 30px;
    display: block;
    background: url(/assets/hero/b/statusDead.png?1234) center/contain no-repeat
}

#heroV2Attr .hV2DeadIcon.statusRevive {
    background: url(/assets/hero/b/statusRevive_medium.png?1234) center/contain no-repeat
}

#heroV2Attr .hV2DeadDesc {
    font-size: 15px;
    line-height: 1.8;
    margin-bottom: 12px;
    color: #444
}

#heroV2Attr .hV2DeadDesc a {
    color: #3d8a1f;
    font-weight: 700
}

#heroV2Attr .hV2DeadTitle {
    font-weight: 700;
    font-size: 19px;
    margin: 6px 0 14px;
    color: #333
}

#heroV2Attr .hV2ReviveWrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    align-items: stretch
}

#heroV2Attr .hV2ReviveCol {
    display: flex;
    flex-direction: column;
    height: 100%
}

#heroV2Attr .hV2ReviveCol .hV2Btn {
    margin-top: auto
}

#heroV2Attr .hV2ReviveDesc {
    font-size: 15px;
    margin-bottom: 12px;
    color: #444
}

#heroV2Attr .hV2CostsGrid {
    display: grid;
    grid-template-columns: repeat(2,minmax(132px,1fr));
    gap: 2px 18px;
    max-width: 360px;
    margin: 0 auto 0
}

#heroV2Attr .hV2Cost {
    display: flex;
    align-items: center;
    direction: ltr;
    min-width: 0
}

#heroV2Attr .hV2Cost i {
    width: 32px;
    height: 32px;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    z-index: 2
}

#heroV2Attr .hV2Cost .value {
    min-width: 104px;
    max-width: 132px;
    height: 25px;
    line-height: 23px;
    padding: 0 8px 0 18px;
    margin-left: -14px;
    border: 1px solid #b8b8b8;
    background: #e0e0e0;
    border-radius: 8px;
    font-weight: 700;
    color: #333;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#heroV2Attr .hV2Cost .r1Big {
    background-image: url(/assets/hero/b/r1.png?1)
}

#heroV2Attr .hV2Cost .r2Big {
    background-image: url(/assets/hero/b/r2.png?1)
}

#heroV2Attr .hV2Cost .r3Big {
    background-image: url(/assets/hero/b/r3.png?1)
}

#heroV2Attr .hV2Cost .r4Big {
    background-image: url(/assets/hero/b/r4.png?1)
}

#heroV2Attr .hV2Cost .cropConsumptionBig {
    background-image: url(/assets/hero/b/r4.png?1)
}

#heroV2Attr .hV2Cost.hV2NeedRes .value {
    color: #c43a3a;
    text-shadow: 0 1px rgba(255,255,255,.45)
}

#heroV2Attr .hV2Cost.hV2NeedRes.canUseBagResource {
    cursor: pointer;
    filter: brightness(1.04)
}

#heroV2Attr .hV2Cost.hV2NeedRes.canUseBagResource:hover .value {
    color: #e04040;
    text-decoration: underline
}

#heroV2Attr .hV2Duration {
    display: flex;
    align-items: center;
    gap: 7px;
    margin: 8px 0 14px;
    direction: ltr;
    justify-content: flex-end;
    font-size: 16px;
    color: #444
}

#heroV2Attr .hV2Duration i {
    width: 28px;
    height: 28px;
    display: inline-block;
    background: url(/assets/hero/b/hourGlass_medium.png?1) center/contain no-repeat
}

#heroV2Attr .hV2DeadBox .hV2Btn {
    border: 2px solid #3d5a18;
    border-radius: 4px;
    background: linear-gradient(#8bc23a,#557a1f);
    box-shadow: 0 0 0 2px #e8e8e8 inset,0 1px 2px rgba(0,0,0,.12);
    color: #fff;
    text-shadow: 0 1px 1px rgba(0,0,0,.25);
    font-size: 17px;
    font-weight: 700;
    padding: 9px 28px;
    cursor: pointer;
    min-width: 220px;
    transition: filter .15s,transform .1s
}

#heroV2Attr .hV2DeadBox .hV2Btn:hover {
    filter: brightness(1.12)
}

#heroV2Attr .hV2DeadBox .hV2Btn:active {
    transform: translateY(1px)
}

#heroV2Attr .hV2DeadBox .hV2Btn.disabled,#heroV2Attr .hV2DeadBox .hV2Btn:disabled {
    opacity: .55;
    cursor: default;
    filter: grayscale(.35);
    pointer-events: none
}

#heroV2Attr .hV2Btn.hV2ReviveBtn {
    min-width: 230px;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.2;
    padding: 10px 30px;
    text-shadow: 0 1px 1px rgba(0,0,0,.3)
}

#heroV2Attr .hV2Cost.canUseBagResource,#heroV2Attr .hV2Cost.canUseBagResource .value {
    color: #2f7fd1!important;
    border-color: #2f7fd1!important;
    cursor: pointer
}

#heroV2Attr .hV2ReviveBtns {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px
}

#heroV2Attr .hV2Btn.hV2ExchangeBtn {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    background: linear-gradient(#5aa0e0,#2f6fb0);
    border-color: #1f4f80
}

#heroV2Attr .hV2WaterItemWrap {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 88px
}

#heroV2Attr .hV2WaterItem {
    width: 66px;
    height: 66px;
    position: relative;
    border: 2px solid #8a8a8a;
    background: #e8e8e8;
    box-shadow: 0 0 0 2px #fafafa inset;
    display: flex;
    align-items: center;
    justify-content: center
}

#heroV2Attr .hV2WaterItem.none {
    opacity: .38;
    filter: grayscale(.25)
}

#heroV2Attr .hV2WaterItem .item108 {
    width: 58px;
    height: 58px;
    display: block;
    background: url(/assets/items/item108.png?1) center/contain no-repeat
}

#heroV2Attr .hV2WaterItem .amount {
    position: absolute;
    top: 2px;
    right: 5px;
    color: #fff;
    font-weight: 700;
    text-shadow: 0 1px 2px #000
}

#heroV2Attr .hV2WaterDetails {
    line-height: 1.7;
    font-size: 15px;
    color: #444
}

#heroV2Attr .hV2RevivingText {
    font-size: 17px;
    line-height: 1.8;
    text-align: right;
    color: #444
}

#heroV2Attr .hV2RevivingText b {
    color: #c43a3a;
    font-size: 20px
}

#heroV2Attr .hV2RevivingText .green,#heroV2Attr .hV2RevivingText a {
    color: #3d8a1f;
    font-weight: 700;
    text-decoration: none
}

#heroV2Attr .hV2ReviveCancel {
    display: inline-block;
    margin-right: 8px;
    vertical-align: middle
}

#heroV2Attr .hV2HealBox {
    margin-top: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap
}

#heroV2Attr .hV2HealItem {
    display: flex;
    align-items: center;
    gap: 9px;
    font-size: 16px;
    font-weight: 700;
    color: #333
}

#heroV2Attr .hV2HealItem .item106 {
    width: 42px;
    height: 42px;
    display: inline-block;
    background: url(/assets/items/item106.png?1) center/contain no-repeat;
    border: 2px solid #8a8a8a;
    background-color: #e8e8e8;
    box-shadow: 0 0 0 2px #fafafa inset
}

#heroV2Attr .hV2HealItem .amount {
    color: #444
}

#heroV2Attr .hV2HealBtn {
    min-width: 190px
}

@media(max-width: 720px) {
    #heroV2Attr .hV2TopStats {
        grid-template-columns:95px minmax(140px,1fr);
        gap: 10px
    }

    #heroV2Attr .hV2TopStats .hV2Progress .bar {
        width: 100%;
        min-width: 140px
    }

    #heroV2Attr .hV2Name {
        font-size: 16px
    }

    #heroV2Attr .hV2ProdGrid {
        grid-template-columns: repeat(5,1fr);
        gap: 1px
    }

    #heroV2Attr .hV2ProdChoice label {
        width: 30px;
        height: 30px
    }

    #heroV2Attr .hV2ResIcon {
        width: 22px;
        height: 22px
    }

    #heroV2Attr .hV2Badge {
        height: 22px;
        min-width: 22px;
        font-size: 11px;
        line-height: 18px
    }

    #heroV2Attr .hV2AttrBox {
        padding: 14px 12px
    }

    #heroV2Attr .hV2AttrRow {
        grid-template-columns: 30px 38px minmax(120px,1fr) 38px;
        gap: 6px
    }

    #heroV2Attr .hV2AttrName {
        display: block;
        width: 30px;
        overflow: visible
    }

    #heroV2Attr .hV2AttrName span {
        display: none
    }

    #heroV2Attr .hV2AttrName .hV2Icon {
        display: block;
        width: 28px;
        height: 28px
    }

    #heroV2Attr .hV2AttrBar .hV2Progress .bar {
        min-width: 120px;
        width: 100%
    }

    #heroV2Attr .hV2AttrValue {
        font-size: 15px
    }

    #heroV2Attr .hV2Ctrl {
        width: 34px;
        height: 34px;
        font-size: 28px;
        line-height: 26px
    }

    #heroV2Attr .hV2Head {
        font-size: 13px;
        gap: 6px
    }

    #heroV2Attr .hV2SaveWrap {
        text-align: center;
        margin-top: 14px
    }

    #heroV2Attr .hV2SaveWrap .hV2Btn {
        width: auto;
        min-width: 200px;
        max-width: 300px;
        padding: 10px 24px;
        font-size: 16px
    }

    #heroV2Attr .hV2DeadBox {
        padding: 14px 12px
    }

    #heroV2Attr .hV2DeadTitle {
        font-size: 18px;
        text-align: center;
        margin: 8px 0 14px
    }

    #heroV2Attr .hV2DeadDesc {
        text-align: center;
        font-size: 14px
    }

    #heroV2Attr .hV2DeadStatus {
        justify-items: center;
        text-align: center
    }

    #heroV2Attr .hV2ReviveWrap {
        grid-template-columns: 1fr;
        gap: 20px
    }

    #heroV2Attr .hV2ReviveCol+.hV2ReviveCol {
        padding-top: 18px;
        border-top: 1px dashed silver
    }

    #heroV2Attr .hV2ReviveDesc {
        text-align: center;
        font-size: 15px;
        font-weight: 700;
        color: #333;
        margin-bottom: 14px
    }

    #heroV2Attr .hV2CostsGrid {
        grid-template-columns: repeat(2,minmax(0,1fr));
        max-width: none
    }

    #heroV2Attr .hV2Cost .value {
        min-width: 0;
        max-width: none;
        font-size: 13px;
        padding: 0 6px 0 16px
    }

    #heroV2Attr .hV2Cost i {
        width: 28px;
        height: 28px
    }

    #heroV2Attr .hV2Duration {
        justify-content: center;
        font-size: 15px
    }

    #heroV2Attr .hV2Btn.hV2ReviveBtn,#heroV2Attr .hV2DeadBox .hV2Btn {
        display: block;
        width: 100%;
        max-width: 340px;
        margin: 0 auto;
        min-width: 0;
        font-size: 16px;
        padding: 11px 20px
    }

    #heroV2Attr .hV2WaterItemWrap {
        flex-direction: row;
        justify-content: center;
        align-items: center;
        min-height: 0;
        gap: 14px;
        margin-bottom: 14px
    }

    #heroV2Attr .hV2WaterItem {
        width: 60px;
        height: 60px;
        flex: 0 0 60px
    }

    #heroV2Attr .hV2WaterItem .item108 {
        width: 52px;
        height: 52px
    }

    #heroV2Attr .hV2WaterDetails {
        flex: 1;
        font-size: 13px;
        line-height: 1.6;
        text-align: right
    }

    #heroV2Attr .hV2RevivingText {
        font-size: 15px;
        text-align: center
    }

    #heroV2Attr .hV2RevivingText b {
        font-size: 17px
    }

    #heroV2Attr .hV2Benefits ul {
        columns: 1
    }

    #heroV2Attr .hV2Benefits li {
        font-size: 14px
    }
}

@media(max-width: 380px) {
    #heroV2Attr .hV2DeadTitle {
        font-size:16px
    }

    #heroV2Attr .hV2WaterDetails {
        font-size: 12px
    }

    #heroV2Attr .hV2Cost .value {
        font-size: 12px;
        padding: 0 4px 0 14px
    }

    #heroV2Attr .hV2Btn.hV2ReviveBtn,#heroV2Attr .hV2DeadBox .hV2Btn {
        font-size: 15px;
        padding: 10px 14px
    }
}

.hV2TopStats .hV2Name {
    display: inline-flex!important;
    align-items: center;
    gap: 6px;
    white-space: nowrap
}

.BagBtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 0;
    -webkit-appearance: none;
    appearance: none;
    font-family: inherit;
    background: linear-gradient(#dcf2f4 1px,#4a90c0 1px,#2d6b94 calc(100% - 1px),#5ba4d4 calc(100% - 1px));
    border: 1px solid #1e4377;
    border-radius: 50%;
    color: #fff!important;
    font-weight: 700;
    font-size: 14px;
    line-height: 1;
    text-decoration: none!important;
    cursor: pointer;
    vertical-align: middle;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.35),inset 0 -1px 2px rgba(0,0,0,.2),0 1px 2px rgba(0,0,0,.25);
    transition: filter .15s,transform 50ms;
    user-select: none
}

.BagBtn:hover {
    filter: brightness(1.15)
}

.BagBtn:active {
    filter: brightness(.9);
    transform: translateY(1px)
}

.BagBtn.disabled,.BagBtn:disabled {
    background: #999;
    border-color: #777;
    cursor: not-allowed;
    box-shadow: none;
    opacity: .7
}

.BagBtnOnIcon {
    position: absolute;
    top: -5px;
    right: -5px;
    left: auto;
    transform: none;
    width: 14px;
    height: 14px;
    background: #4a90c0;
    border: 1px solid #fff;
    border-radius: 50%;
    color: #fff;
    font-weight: 700;
    font-size: 11px;
    line-height: 12px;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 1px 2px rgba(0,0,0,.4);
    user-select: none;
    z-index: 5;
    text-shadow: none
}

.BagBtnOnIcon:hover {
    background: #2d6b94;
    transform: scale(1.15)
}

.BagBtnOnIcon:active {
    transform: scale(.92)
}

.BagBtnWrap {
    position: relative;
    display: inline-block
}

.heroAuctionPage .heroAuctionTop {
    height: auto;
    min-height: 0;
    aspect-ratio: auto;
    background: 0 0;
    overflow: visible;
    padding: 0;
    margin-bottom: 14px
}

.heroAuctionPage .hV2AuctionIntro {
    position: relative;
    background-image: linear-gradient(180deg,#e8e8e8 0,#f5f5f5 25%,#fafafa 50%,#e0e0e0 75%,#d4d4d4 100%);
    border: 1px solid #8a8a8a;
    border-radius: 6px;
    padding: 14px 16px;
    box-shadow: 0 1px 3px rgba(0,0,0,.08);
    overflow: hidden;
    direction: rtl;
    text-align: right
}

.heroAuctionPage .hV2AuctionIntro:before {
    content: "";
    position: absolute;
    inset: 2px;
    background-color: #fafafa;
    border: solid 1px #d0d0d0;
    border-radius: 3px;
    z-index: 0;
    pointer-events: none
}

.heroAuctionPage .hV2AuctionIntro>* {
    position: relative;
    z-index: 1
}

.heroAuctionPage .hV2AuctionIntro strong {
    display: block;
    font-size: 16px;
    color: #333;
    font-weight: 700;
    margin-bottom: 8px;
    text-shadow: 0 1px 0 #fff
}

.heroAuctionPage .hV2AuctionIntro p {
    margin: 6px 0;
    font-size: 13px;
    line-height: 1.7;
    color: #555
}

.heroAuctionPage .inventoryFilters {
    margin-top: 14px;
    margin-bottom: 0;
    box-shadow: none
}

.heroAuctionPage .hV2MyAuctions {
    margin-top: 16px
}

.heroAuctionPage .auctionTable {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 13px;
    direction: rtl;
    overflow: visible;
    border: 1px solid #b5b5b5
}

.heroAuctionPage .auctionTable thead th {
    background-image: linear-gradient(#fff,#d7d7d7);
    font-weight: 700;
    padding: 9px 10px;
    text-align: center;
    border-bottom: 1px solid #ddd
}

.heroAuctionPage .auctionTable tbody td {
    padding: 0 1px;
    text-align: center;
    border-bottom: 1px solid #dcdcdc;
    color: #444;
    vertical-align: middle;
    background: #fafafa
}

.heroAuctionPage .auctionTable tbody tr:nth-child(2n) td {
    background: #f0f0f0
}

.heroAuctionPage .auctionTable tbody tr:hover td {
    background: #e6e6e6
}

.heroAuctionPage .auctionTable tbody tr:last-child td {
    border-bottom: none
}

.heroAuctionPage .auctionTable .none {
    color: #888;
    padding: 20px 10px;
    font-style: italic;
    background: #fafafa
}

.heroAuctionPage .auctionTable .aMat {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    text-align: right
}

.heroAuctionPage .auctionTable .aMat>span {
    color: #3a3a3a
}

.heroAuctionPage .auctionTable .aMatImg {
    width: 60px;
    height: 60px;
    display: block;
    object-fit: contain;
    border: 1px solid var(--itemBorder,#9a9a9a);
    box-shadow: inset 0 1px 3px rgba(0,0,0,.3);
    flex: none;
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    user-drag: none
}

.heroAuctionPage .auctionTable .aMatImg.tier-1 {
    background: linear-gradient(180deg,grey,#3d3f38);
    --itemBorder: rgba(200,200,200,.85)
}

.heroAuctionPage .auctionTable .aMatImg.tier-2 {
    background: linear-gradient(180deg,#416650,#193c2c);
    --itemBorder: rgba(126,224,130,.85)
}

.heroAuctionPage .auctionTable .aMatImg.tier-3 {
    background: linear-gradient(180deg,#566e9e,#1e315f);
    --itemBorder: rgba(126,182,240,.85)
}

.heroAuctionPage .auctionTable .aMatImg.tier-4 {
    background: linear-gradient(180deg,#834f82,#422257);
    --itemBorder: rgba(217,156,240,.85)
}

.heroAuctionPage .auctionTable .aMatInfo {
    padding: 3px
}

.heroAuctionPage .auctionTable .aMatWrap {
    position: relative;
    display: inline-block;
    flex: none;
    cursor: help
}

.heroAuctionPage .auctionTable .aMatWrap .itemTip {
    display: none;
    position: absolute;
    z-index: 9999;
    top: 100%;
    right: 0;
    margin-top: 6px;
    min-width: 220px;
    max-width: 300px;
    pointer-events: none;
    transform: translateZ(0);
    box-shadow: 0 4px 12px rgba(0,0,0,.25)
}

.heroAuctionPage .auctionTable .aMatWrap:hover .itemTip {
    display: block
}

.heroAuctionPage .auctionTable tbody tr:nth-last-child(-n+2) .aMatWrap .itemTip {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 6px
}

.heroAuctionPage .aPrice,.heroBagSell .aPrice {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-weight: 700;
    color: #555;
    font-size: 12px;
    margin-top: 3px
}

.heroAuctionPage .aPrice .aPriceIcon,.heroAuctionPage .aPrice .silver,.heroBagSell .aPrice .aPriceIcon,.heroBagSell .aPrice .silver {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    flex: none
}

.heroAuctionPage .aFee,.heroBagSell .aFee {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    color: #999;
    font-size: 11px;
    margin-right: 6px;
    font-weight: 600;
    filter: grayscale(1)
}

.heroAuctionPage .aPayer {
    font-weight: 600;
    color: #555
}

.heroAuctionPage .aPayer.aMine {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 11px;
    background-color: #228b22;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    line-height: 1;
    padding: 3px
}

.heroAuctionPage .aPayer.aAlly {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 11px;
    background-color: #36478e;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    line-height: 1;
    padding: 3px
}

.heroAuctionPage .aBidCell {
    white-space: nowrap;
    text-align: center
}

.heroAuctionPage .aBidCell .aBidBtn,.heroAuctionPage .aBidCell .aBidInputWrap {
    display: inline-flex;
    vertical-align: middle
}

.heroAuctionPage .aOwnNote {
    color: #999;
    font-style: italic
}

@media (max-width: 640px) {
    .heroAuctionPage .auctionTable tbody tr:nth-child(2n) td {
        background:#fafafa
    }

    .heroAuctionPage .auctionTable tbody tr:hover td {
        background: #fafafa
    }

    .heroAuctionPage .auctionBuyTable tbody td:nth-child(2),.heroAuctionPage .auctionBuyTable tbody td:nth-child(3),.heroAuctionPage .auctionBuyTable thead th:nth-child(2),.heroAuctionPage .auctionBuyTable thead th:nth-child(3) {
        width: 1%;
        white-space: nowrap;
        padding-left: 4px;
        padding-right: 4px;
        font-size: 12px
    }

    .heroAuctionPage .auctionBuyTable tbody td:first-child,.heroAuctionPage .auctionBuyTable thead th:first-child {
        width: auto
    }

    .heroAuctionPage .aBidCell {
        white-space: normal;
        text-align: center;
        vertical-align: middle;
        padding-top: 6px;
        padding-bottom: 6px
    }

    .heroAuctionPage .aBidCell .aBidBtn,.heroAuctionPage .aBidCell .aBidInputWrap {
        display: flex;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        max-width: 180px;
        justify-content: center;
        box-sizing: border-box
    }

    .heroAuctionPage .aBidCell .aBidInputWrap {
        margin-bottom: 6px
    }
}

.heroAuctionPage .aBidInputWrap {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #fff;
    border: 2px solid #4a90d9;
    border-radius: 5px;
    padding: 4px 8px;
    margin-left: 6px;
    direction: ltr;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.08);
    transition: border-color .15s,box-shadow .15s
}

.heroAuctionPage label.aBidLead {
    border: 2px solid #16a34a
}

.heroAuctionPage .aBidInputWrap:not(.aBidLead):focus-within {
    border-color: #2872c0;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.08),0 0 0 2px rgba(74,144,217,.2)
}

.heroAuctionPage .aBidInput {
    width: 74px;
    background: 0 0;
    border: none;
    outline: 0;
    padding: 0;
    color: #333;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    direction: ltr;
    font-family: inherit
}

.heroAuctionPage .aBidIcon {
    width: 18px;
    height: 18px;
    flex: none
}

.heroAuctionPage .aBidBtn {
    padding: 7px 7px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    transition: filter .15s,transform .05s
}

.heroAuctionPage .aBidBtn:hover {
    filter: brightness(1.08)
}

.heroAuctionPage .aBidBtn:active {
    transform: translateY(1px)
}

.heroAuctionPage .auctionPager {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 16px;
    flex-wrap: wrap;
    direction: rtl
}

.heroAuctionPage .auctionPager .apNum {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    color: #3a3a3a;
    background: linear-gradient(180deg,#fcfcfc,#bdbdbd);
    border: 1px solid #9a9a9a;
    box-shadow: 0 1px 2px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.7);
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    transition: filter .15s,transform .05s
}

.heroAuctionPage .auctionPager .apNum:hover {
    filter: brightness(1.05)
}

.heroAuctionPage .auctionPager .apNum:active {
    transform: translateY(1px)
}

.heroAuctionPage .auctionPager .apNum.active {
    color: #fff;
    background: linear-gradient(180deg,#6a6a6a,#3d3d3d);
    border-color: #2a2a2a;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.5),0 1px 1px rgba(0,0,0,.2);
    text-shadow: 0 1px 0 rgba(0,0,0,.4);
    cursor: default
}

.heroAuctionPage .aLeaderNote {
    font-size: 11px;
    color: #2e7d32;
    font-weight: 700;
    margin-bottom: 4px
}

.inventoryFilters .tradeItems {
    position: absolute;
    z-index: 2;
    height: 46px;
    top: 0;
    left: 10px;
    display: grid;
    grid-template: 1fr/auto auto;
    align-items: center
}

.inventoryFilters .tradeItems svg {
    transform: scaleX(-1);
    height: 22px;
    display: inline-block
}

.heroAuctionPage .inventoryFilters {
    position: relative
}

.heroAuctionPage .exchangeWidget {
    position: absolute;
    z-index: 2;
    top: 4px;
    left: 4px;
    display: inline-flex;
    align-items: center;
    border-radius: 24px;
    padding: 4px 8px;
    gap: 8px;
    cursor: pointer;
    color: #d8d8d8;
    font-weight: 700;
    font-size: 13px;
    box-shadow: 0 1px 3px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.08);
    transition: filter .15s;
    background: radial-gradient(ellipse at center,#9d6d2f 0,#6e4417 55%,#3c220b 100%);
    border: 1px solid #2f1807
}

.heroAuctionPage .exchangeWidget:hover {
    filter: brightness(1.08)
}

.heroAuctionPage .exchangeWidget .exwGold,.heroAuctionPage .exchangeWidget .exwSilver {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1
}

.heroAuctionPage .exchangeWidget .exwIcon {
    width: 18px;
    height: 18px;
    vertical-align: middle
}

.heroAuctionPage .exchangeWidget .exwIcon.silver {
    width: 18px;
    height: 18px
}

.heroAuctionPage .exchangeWidget .exwAmount {
    font-size: 13px;
    font-weight: 700
}

.heroAuctionPage .exchangeWidget .exwSwap {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: linear-gradient(180deg,#8bbc44 0,#5d9226 50%,#467319 100%);
    border: 1px solid #2d4e10;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.4),0 1px 1px rgba(0,0,0,.3)
}

.heroAuctionPage .exchangeWidget .exwSwap svg {
    width: 13px;
    height: 10px;
    fill: #fff
}

.dialogV2.dialogWrapper.exDialogWrap {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: none;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,.55);
    direction: rtl;
    color: #525252
}

.dialogV2.dialogWrapper.exDialogWrap[style*="display: flex"],.dialogV2.dialogWrapper.exDialogWrap[style*="display:flex"] {
    display: flex!important
}

.exDialogWrap .dialog.basic,.exDialogWrap .dialogContainer {
    display: block
}

.exDialogWrap .dialogContents {
    position: relative;
    background-color: #e8e8e8;
    border-radius: 8px;
    padding: 9px;
    min-width: 200px;
    max-width: 560px;
    width: 480px;
    box-sizing: border-box
}

.exDialogWrap .dialogContents:after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-style: solid;
    border-width: 10px;
    border-image-source: url(/assets/hero/b/plainPopupFrame.png);
    filter: grayscale(1);
    border-image-slice: 10;
    border-image-width: 10px;
    border-image-repeat: repeat
}

.exDialogWrap .dialogContents-inner {
    position: relative;
    z-index: 1
}

.exDialogWrap .dialogDragBar {
    height: 0
}

.exDialogWrap .dialogCancelButton {
    position: absolute;
    top: 5px;
    right: auto;
    left: 5px;
    width: 30px;
    height: 30px;
    z-index: 5;
    background: linear-gradient(180deg,#8bbc44 0,#5d9226 50%,#467319 100%);
    border: 1px solid #2d4e10;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.45),0 1px 2px rgba(0,0,0,.4)
}

.exDialogWrap .dialogCancelButton:hover {
    filter: brightness(1.08)
}

.exDialogWrap .dialogCancelButton svg {
    width: 12px;
    height: 12px;
    fill: #fff
}

.exDialogWrap #dialogContent {
    background: 0 0;
    margin: 0;
    padding: 10px
}

#exchangeOffice {
    padding-top: 22px
}

#exchangeOffice h3 {
    text-align: center;
    color: #525252;
    font-size: 17px;
    font-weight: 700;
    margin: 5px 0 15px
}

.changeDirection {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    height: 48px;
    box-shadow: inset 0 2px 6px rgba(0,0,0,.55),inset 0 -1px 1px rgba(255,255,255,.04),0 1px 0 rgba(255,255,255,.06);
    margin: 0 auto;
    width: fit-content;
    max-width: 100%;
    background: radial-gradient(ellipse at center,#5a524a 0,#37312c 60%,#1e1a17 100%);
    border: 1px solid #13100e
}

.changeDirection .exchangeGold,.changeDirection .exchangeSilver {
    background: 0 0;
    border: none;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #d8d8d8;
    font-weight: 700;
    font-size: 16px;
    padding: 0 6px;
    cursor: default;
    font-family: inherit;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    line-height: 1
}

.changeDirection .exchangeGold {
    flex-direction: row
}

.changeDirection .exchangeSilver {
    flex-direction: row-reverse
}

.changeDirection .exchangeGold,.changeDirection .exchangeSilver {
    cursor: pointer
}

.changeDirection .goldCoin,.changeDirection .silverCoin {
    width: 46px;
    height: 46px;
    flex: none;
    margin: -8px 0;
    filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .4))
}

.changeDirection .goldCoin svg,.changeDirection .silverCoin svg {
    width: 100%;
    height: 100%;
    display: block
}

.changeDirection .exSideLabel {
    white-space: nowrap
}

.changeDirection .openExchangeOffice {
    background: linear-gradient(180deg,#8bbc44 0,#5d9226 50%,#467319 100%);
    border: 2px solid #2d4e10;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.5),inset 0 -1px 1px rgba(0,0,0,.2),0 1px 2px rgba(0,0,0,.4);
    margin: 0 8px;
    padding: 0;
    flex: none
}

.changeDirection .openExchangeOffice:hover {
    filter: brightness(1.08)
}

.changeDirection .openExchangeOffice:active {
    transform: translateY(1px)
}

.changeDirection .openExchangeOffice svg {
    width: 13px;
    height: 10px;
    fill: #fff
}

.exchangeRate {
    text-align: center;
    margin: 10px 0 0;
    font-size: 18px;
    font-weight: 700;
    color: #525252;
    letter-spacing: 0
}

.exchangeRate span {
    margin: 0 1px
}

.formV2.valueInput {
    background: linear-gradient(180deg,#d8d8d8 0,#c4c4c4 100%);
    margin: 16px -10px 16px;
    padding: 16px 20px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px
}

.formV2.valueInput::before {
    top: -7px;
    border-bottom: none;
    clip-path: polygon(0 100%,50% 0,100% 100%)
}

.formV2.valueInput::after {
    bottom: -7px;
    border-top: none;
    clip-path: polygon(0 0,50% 100%,100% 0)
}

.exDivider {
    position: absolute;
    inset-inline-start: 0
}

.exDividerTop {
    inset-block-start: 0
}

.exDividerLine {
    fill: transparent;
    stroke: #7a7a7a;
    stroke-width: 2px
}

.exDividerArrow {
    fill: #e8e8e8
}

.exDividerBottom {
    inset-block-end: -10px;
    position: absolute;
    inset-inline-start: 0
}

.exDividerLine {
    fill: transparent;
    stroke: #7a7a7a;
    stroke-width: 2px
}

.exDividerArrowBottom {
    fill: #c4c4c4
}

.formV2.valueInput label.input.fixed {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #fff;
    border: 2px solid #4a90d9;
    border-radius: 5px;
    padding: 5px 10px;
    direction: ltr;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.08)
}

.formV2.valueInput .exchangeValue {
    width: 100px;
    background: 0 0;
    border: none;
    outline: 0;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    color: #333;
    font-family: inherit;
    direction: ltr;
    padding: 0
}

.formV2.valueInput label.input.fixed>svg {
    width: 22px;
    height: 22px;
    flex: none
}

.formV2.valueInput .equals {
    font-size: 19px;
    font-weight: 700;
    color: #525252
}

.formV2.valueInput .result {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 18px;
    font-weight: 700;
    color: #525252;
    min-width: 90px;
    justify-content: flex-start
}

.formV2.valueInput .result>svg {
    width: 22px;
    height: 22px;
    flex: none
}

.preview.transparent {
    width: 100%;
    border-collapse: collapse;
    background: 0 0;
    margin: 0 -10px 14px;
    width: calc(100% + 20px);
    font-size: 14px
}

.preview.transparent thead {
    background: linear-gradient(180deg,#fafafa,#eeeae0);
    border-top: 1px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8
}

.preview.transparent thead td {
    text-align: center;
    color: #525252;
    font-weight: 700;
    padding: 5px 10px;
    font-size: 13px
}

.preview.transparent thead td.current,.preview.transparent thead td.new {
    padding: 5px 24px
}

.preview.transparent tbody td {
    padding: 6px 8px;
    vertical-align: middle;
    background: 0 0;
    text-align: center;
    color: #525252
}

.preview.transparent tbody td.current,.preview.transparent tbody td.new {
    font-weight: 700;
    font-size: 16px;
    min-width: 60px
}

.preview.transparent .exRowIcon {
    width: 28px;
    height: 28px
}

.preview.transparent td.arrow {
    width: 28px
}

.preview.transparent td.arrow svg {
    width: 18px;
    height: 8px;
    fill: #525252;
    transform: scaleX(-1)
}

.preview.transparent .new.neg {
    color: #c93030
}

.exConfirmBtn {
    display: block;
    margin: 6px auto 4px;
    background: linear-gradient(180deg,#f4cd57 0,#e0a838 50%,#b88019 100%);
    border: 1px solid #6e4d12;
    border-radius: 6px;
    padding: 11px 28px;
    color: #4a2e10;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    font-family: inherit;
    text-shadow: 0 1px 0 rgba(255,255,255,.45);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.55),inset 0 -1px 1px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.2);
    transition: filter .15s,transform .05s;
    min-width: 160px
}

.exConfirmBtn:hover:not(.disabled):not(:disabled) {
    filter: brightness(1.06)
}

.exConfirmBtn:active:not(.disabled):not(:disabled) {
    transform: translateY(1px)
}

.exConfirmBtn.disabled,.exConfirmBtn:disabled {
    opacity: .55;
    cursor: not-allowed
}

.exConfirmBtn>div {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    line-height: 1;
    justify-content: center
}

.exConfirmBtn .goldCoin {
    width: 22px;
    height: 22px;
    flex: none
}

.exConfirmBtn .goldCoin svg {
    width: 100%;
    height: 100%;
    display: block
}

@media (max-width: 640px) {
    .exDialogWrap .dialogContents {
        width:95%;
        max-width: 95%
    }

    #exchangeOffice h3 {
        font-size: 15px
    }

    .changeDirection {
        height: 42px
    }

    .changeDirection .goldCoin,.changeDirection .silverCoin {
        width: 38px;
        height: 38px
    }

    .changeDirection .openExchangeOffice {
        width: 26px;
        height: 26px;
        margin: 0 5px
    }

    .changeDirection .exchangeGold,.changeDirection .exchangeSilver {
        font-size: 14px;
        gap: 8px
    }

    .formV2.valueInput {
        padding: 13px 12px;
        gap: 10px;
        flex-wrap: wrap
    }

    .formV2.valueInput .exchangeValue {
        width: 80px;
        font-size: 15px
    }

    .formV2.valueInput .result {
        font-size: 15px;
        min-width: 70px
    }

    .exDividerBottom {
        inset-block-end: -6px
    }

    .preview.transparent tbody td.current,.preview.transparent tbody td.new {
        font-size: 14px;
        min-width: 50px
    }

    .preview.transparent .exRowIcon {
        width: 24px;
        height: 24px
    }

    .exConfirmBtn {
        padding: 10px 20px;
        font-size: 14px
    }
}

.heroAuctionPage .heroItemSlotFilter .filterSlot {
    width: 30px;
    height: 33px;
    padding: 4px 2px
}

table.adv td {
    text-align: center
}

i.statusHome_medium {
    background-image: url(/assets/hero/b/statusHome_medium.png);
    width: 24px;
    height: 21px
}

i.statusSupport_medium {
    background-image: url(/assets/hero/b/statusSupport_medium.png);
    width: 22px;
    height: 24px
}

i.statusRunning_medium {
    background-image: url(/assets/hero/b/statusRunning_medium.png);
    width: 23px;
    height: 24px
}

.exchangeRate .exRateText {
    direction: ltr;
    unicode-bidi: embed;
    display: inline-block;
    font-size: 12px;
    color: #8b0000
}

.heroAuctionPage .aBidInputWrap.disabled,.heroAuctionPage .aBidInputWrap:has(.aBidInput:disabled) {
    opacity: .55;
    background: #eee;
    border-color: #aaa;
    cursor: not-allowed
}

.heroAuctionPage .aBidInput:disabled {
    cursor: not-allowed;
    color: #888;
    background: 0 0
}

.heroAuctionPage .aBidBtn:disabled,.heroAuctionPage .aBidBtn[disabled] {
    opacity: .5;
    cursor: not-allowed;
    filter: grayscale(.7);
    pointer-events: none
}

.trainCard {
    position: relative
}

.trainCard .furtherInfo.inTrain {
    color: #f88c1f;
    font-weight: 600;
    font-size: 13px
}

.trainCard .furtherInfo.inTrain b {
    color: #f88c1f
}

.trainCard .bigUnitSection {
    position: relative;
    overflow: hidden
}

.trainCard .trainBarOverlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 6px;
    padding: 0 8px;
    z-index: 3;
    pointer-events: none
}

.trainCard .progressBar.hV2Progress {
    display: grid;
    grid-template-columns: auto 1fr auto;
    width: 100%;
    overflow: visible
}

.trainCard .progressBar.hV2Progress .bar {
    grid-row-start: 1;
    grid-column: 2;
    place-self: center;
    box-sizing: border-box;
    height: 21px;
    width: 100%;
    padding-block:3px;padding-inline:10px;border: 1px solid #707070;
    border-radius: 10px;
    background-image: linear-gradient(180deg,#3f3f3f,#525252);
    position: relative;
    overflow: visible;
    box-shadow: 0 2px 6px rgba(0,0,0,.45)
}

.trainCard .progressBar.hV2Progress .bar:before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 2px 4px;
    border-radius: 9px;
    background-image: linear-gradient(180deg,#d4d4d4 5%,#f5f5f5 13%,#e8e8e8 32%,#bababa 48%,#909090 72%,#bdbdbd 93%,#dcdcdc 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: 1;
    pointer-events: none
}

.trainCard .progressBar.hV2Progress .bar:after {
    content: "";
    position: absolute;
    inset-block: 2px;
    inset-inline: 4px;
    border: 1px solid #5a5a5a;
    border-radius: 5px;
    z-index: 1;
    pointer-events: none
}

.trainCard .progressBar.hV2Progress .bar svg.decoration {
    position: absolute;
    z-index: 4;
    inset-block: 0;
    height: 100%;
    overflow: visible
}

.trainCard .progressBar.hV2Progress .bar svg.decoration.start {
    inset-inline-start: 3px
}

.trainCard .progressBar.hV2Progress .bar svg.decoration.end {
    inset-inline-end: 3px;
    transform: scaleX(-1)
}

.trainCard .progressBar.hV2Progress .bar svg.decoration .colorStop1 {
    stop-color: #D4D4D4
}

.trainCard .progressBar.hV2Progress .bar svg.decoration .colorStop2 {
    stop-color: #F5F5F5
}

.trainCard .progressBar.hV2Progress .bar svg.decoration .colorStop3 {
    stop-color: #E8E8E8
}

.trainCard .progressBar.hV2Progress .bar svg.decoration .colorStop4 {
    stop-color: #BABABA
}

.trainCard .progressBar.hV2Progress .bar svg.decoration .colorStop5 {
    stop-color: #909090
}

.trainCard .progressBar.hV2Progress .bar svg.decoration .colorStop6 {
    stop-color: #BDBDBD
}

.trainCard .progressBar.hV2Progress .bar svg.decoration .colorStop7 {
    stop-color: #DCDCDC
}

.trainCard .progressBar.hV2Progress .bar svg.decoration path {
    fill: var(--linearGradient);
    stroke: #5a5a5a
}

.trainCard .hV2FillTrack {
    position: absolute;
    z-index: 2;
    inset-inline: 10px;
    top: 4px;
    height: 13px;
    display: block;
    overflow: visible
}

.trainCard .hV2FillTrack .filling {
    display: block;
    position: relative;
    height: 13px;
    width: 0;
    max-width: 100%;
    box-sizing: border-box;
    float: none
}

.trainCard .hV2FillTrack .filling.blue {
    background-image: linear-gradient(#dcf2f4 1px,#4a90c0 1px,#2d6b94 calc(100% - 1px),#5ba4d4 calc(100% - 1px))
}

.trainCard .hV2FillTrack .filling:after {
    content: "";
    position: absolute;
    z-index: 2;
    inset-inline-end: -4px;
    inset-block: 0;
    width: 4px;
    border-inline:1px solid #707070;background-image: linear-gradient(180deg,#d4d4d4 5%,#f5f5f5 13%,#e8e8e8 32%,#bababa 48%,#909090 72%,#bdbdbd 93%,#dcdcdc 100%)
}

.trainCard .hV2FillTrack .filling[style*="width: 0"]:after,.trainCard .hV2FillTrack .filling[style*="width:0"]:after {
    display: none
}

.trainCard .hV2BarText {
    position: absolute;
    z-index: 5;
    inset: 0;
    text-align: center;
    line-height: 21px;
    font-weight: 700;
    font-size: 13px;
    color: #fafafa;
    direction: ltr;
    text-shadow: 0 1px #2a2a2a,0 0 2px #2a2a2a;
    pointer-events: none
}

.trainCard .trainInputLine {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: nowrap;
    margin-top: 4px
}

.trainCard .trainInputLine input[Typ="N"] {
    flex: 0 1 100px;
    min-width: 60px;
    box-sizing: border-box
}

.trainCard .trainInputLine .value,.trainCard .trainInputLine a {
    flex-shrink: 0
}

.trainCard .trainInputLine .trainCardBtn {
    flex-shrink: 0;
    margin-inline-start:auto}

.trainCardBtn.trav_buttons {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    vertical-align: middle
}

.trainCardBtn .trainBtnTime {
    font-size: 11px;
    font-weight: 400;
    opacity: .9;
    padding: 1px 7px;
    background: rgba(0,0,0,.18);
    border-radius: 3px;
    direction: ltr
}

.trainCardBtn .trainBtnTime:empty {
    display: none
}

.trainCardBtn:disabled {
    cursor: not-allowed;
    opacity: .55;
    filter: grayscale(.4)
}

.voiceBtn {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: linear-gradient(135deg,#475569,#1e293b);
    color: #fff;
    border: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 4px 6px 4px 0;
    box-shadow: 0 2px 6px rgba(0,0,0,.2);
    transition: transform .15s,box-shadow .15s;
    vertical-align: middle
}

.voiceBtn:hover {
    transform: scale(1.08);
    box-shadow: 0 3px 8px rgba(0,0,0,.3)
}

.voiceBtn:active {
    transform: scale(.92)
}

.voiceRecorderUI {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 12px;
    background: linear-gradient(135deg,#ff5252,#c62828);
    border-radius: 28px;
    color: #fff;
    margin: 4px 0;
    box-shadow: 0 3px 10px rgba(255,82,82,.35);
    animation: voiceUIEnter .25s ease-out;
    direction: ltr
}

.voiceRecorderUI.hidden {
    display: none
}

@keyframes voiceUIEnter {
    from {
        opacity: 0;
        transform: translateY(8px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.voiceRecorderUI .voiceCancel,.voiceRecorderUI .voiceSend {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(255,255,255,.95);
    color: #c62828;
    border: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: transform .12s
}

.voiceRecorderUI .voiceSend {
    background: #43a047;
    color: #fff
}

.voiceRecorderUI .voiceCancel:hover {
    transform: scale(1.1)
}

.voiceRecorderUI .voiceSend:hover {
    transform: scale(1.1);
    background: #2e7d32
}

.voiceRecorderUI .voiceRecDot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fff;
    flex-shrink: 0;
    animation: voiceRecBlink 1s ease-in-out infinite;
    box-shadow: 0 0 8px rgba(255,255,255,.6)
}

@keyframes voiceRecBlink {
    0%,100% {
        opacity: 1;
        transform: scale(1)
    }

    50% {
        opacity: .35;
        transform: scale(.7)
    }
}

.voiceRecorderUI .voiceWave {
    flex: 1;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    min-width: 80px
}

.voiceRecorderUI .voiceWave span {
    display: block;
    width: 3px;
    height: 8px;
    background: rgba(255,255,255,.9);
    border-radius: 2px;
    animation: voiceBar 1s ease-in-out infinite
}

.voiceRecorderUI .voiceWave span:first-child {
    animation-delay: 0ms
}

.voiceRecorderUI .voiceWave span:nth-child(2) {
    animation-delay: .1s
}

.voiceRecorderUI .voiceWave span:nth-child(3) {
    animation-delay: .2s
}

.voiceRecorderUI .voiceWave span:nth-child(4) {
    animation-delay: .3s
}

.voiceRecorderUI .voiceWave span:nth-child(5) {
    animation-delay: .4s
}

.voiceRecorderUI .voiceWave span:nth-child(6) {
    animation-delay: .5s
}

.voiceRecorderUI .voiceWave span:nth-child(7) {
    animation-delay: .4s
}

.voiceRecorderUI .voiceWave span:nth-child(8) {
    animation-delay: .3s
}

.voiceRecorderUI .voiceWave span:nth-child(9) {
    animation-delay: .2s
}

.voiceRecorderUI .voiceWave span:nth-child(10) {
    animation-delay: .1s
}

@keyframes voiceBar {
    0%,100% {
        height: 8px;
        opacity: .6
    }

    50% {
        height: 22px;
        opacity: 1
    }
}

.voiceRecorderUI .voiceTimer {
    color: #fff;
    font-weight: 700;
    font-family: monospace;
    font-size: 14px;
    min-width: 42px;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.3)
}

.voiceMessage {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 1px 10px;
    background: rgba(100,116,139,.12);
    border: 1px solid rgba(100,116,139,.35);
    border-radius: 20px;
    min-width: 180px;
    max-width: 280px;
    direction: ltr
}

.voiceMessage audio {
    display: none
}

.voiceMessage .voicePlay {
    width: 26px;
    height: 18px;
    border-radius: 50%;
    background: linear-gradient(135deg,#64748b,#334155);
    color: #fff;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 2px 4px rgba(0,0,0,.15);
    transition: transform .12s,background .2s
}

.voiceMessage .voicePlay:hover {
    transform: scale(1.08)
}

.voiceMessage .voicePlay:active {
    transform: scale(.92)
}

.voiceMessage .voicePlay.playing {
    background: linear-gradient(135deg,#ff7043,#d84315);
    animation: voicePlayingPulse 2s ease-in-out infinite
}

@keyframes voicePlayingPulse {
    0%,100% {
        box-shadow: 0 0 0 0 rgba(255,112,67,.5)
    }

    50% {
        box-shadow: 0 0 0 6px rgba(255,112,67,0)
    }
}

.voiceMessage .voiceProgress {
    flex: 1;
    height: 6px;
    background: rgba(0,0,0,.1);
    border-radius: 3px;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    min-width: 80px
}

.voiceMessage .voiceFill {
    height: 100%;
    background: linear-gradient(90deg,#4caf50,#66bb6a);
    width: 0%;
    border-radius: 3px;
    transition: width .1s linear
}

.voiceMessage .voiceDuration {
    font-size: 12px;
    color: #555;
    font-family: monospace;
    min-width: 36px;
    text-align: center;
    font-weight: 600
}

body.dark .voiceMessage {
    background: rgba(76,175,80,.15);
    border-color: rgba(76,175,80,.4)
}

body.dark .voiceMessage .voiceDuration {
    color: #ddd
}

body.dark .voiceMessage .voiceProgress {
    background: rgba(255,255,255,.1)
}

form[name=message] {
    display: flex!important;
    flex-wrap: nowrap;
    align-items: center;
    gap: 6px;
    padding: 8px 10px;
    background: linear-gradient(to bottom,#fafafa,#ececec);
    border: 1px solid #d0d0d0;
    border-top: 0;
    border-radius: 0 0 6px 6px;
    box-shadow: 0 -2px 4px rgba(0,0,0,.04)
}

form[name=message] center {
    display: contents
}

#Screeen {
    position: relative!important;
    left: auto!important;
    top: auto!important;
    margin: 0!important;
    width: 40px!important;
    height: 40px!important;
    padding: 0!important;
    cursor: pointer;
    border-radius: 50%!important;
    background: linear-gradient(135deg,#42a5f5,#1565c0)!important;
    color: transparent!important;
    font-size: 0!important;
    border: none!important;
    overflow: hidden!important;
    flex-shrink: 0;
    box-shadow: 0 2px 6px rgba(0,0,0,.2);
    transition: transform .15s,box-shadow .15s;
    appearance: none;
    -webkit-appearance: none;
    order: 1
}

#Screeen:hover {
    transform: scale(1.08);
    box-shadow: 0 3px 9px rgba(33,150,243,.45)
}

#Screeen:active {
    transform: scale(.92)
}

#Screeen::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'><path d='M9 2L7.17 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2h-3.17L15 2H9zm3 15c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5z'/></svg>") center/55% no-repeat;
    pointer-events: none
}

#Screeen::-webkit-file-upload-button {
    visibility: hidden;
    width: 0;
    padding: 0;
    border: none
}

#Screeen::file-selector-button {
    visibility: hidden;
    width: 0;
    padding: 0;
    border: none
}

#usermsg {
    flex: 1 1 auto!important;
    width: auto!important;
    min-width: 0;
    margin: 0!important;
    padding: 8px 16px!important;
    height: 40px!important;
    min-height: 40px!important;
    border: 1px solid #d0d0d0!important;
    border-radius: 22px!important;
    background: #fff!important;
    font-size: 14px!important;
    color: #333;
    box-sizing: border-box;
    transition: border-color .15s,box-shadow .15s;
    order: 3
}

#usermsg:focus {
    outline: 0;
    border-color: #2196f3!important;
    box-shadow: 0 0 0 3px rgba(33,150,243,.15)
}

form[name=message] .voiceBtn {
    order: 2;
    margin: 0!important
}

#submitmsg {
    width: 40px!important;
    height: 40px!important;
    padding: 0!important;
    margin: 0!important;
    line-height: 1!important;
    border-radius: 50%!important;
    color: transparent!important;
    font-size: 0!important;
    border: none!important;
    cursor: pointer;
    flex-shrink: 0;
    text-shadow: none!important;
    box-shadow: 0 2px 6px rgba(0,0,0,.2);
    transition: transform .15s,box-shadow .15s;
    order: 4;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'><path d='M21.99 3L1 12l20.99 9-.01-7L7 12l14.99-2z'/></svg>") center/50% no-repeat,linear-gradient(135deg,#475569,#1e293b)!important
}

#submitmsg:hover {
    transform: scale(1.08);
    box-shadow: 0 3px 9px rgba(76,175,80,.45)
}

#submitmsg:active {
    transform: scale(.92)
}

form[name=message] .voiceRecorderUI {
    order: 5;
    flex: 1 1 100%;
    margin: 0!important
}

body.dark form[name=message] {
    background: linear-gradient(to bottom,#1a1a1a,#0d0d0d);
    border-color: #2a2a2a
}

body.dark #usermsg {
    background: #2a2a2a!important;
    color: #eee!important;
    border-color: #3a3a3a!important
}

@media (max-width: 480px) {
    form[name=message] {
        gap:4px;
        padding: 6px 8px
    }

    #Screeen,#submitmsg,form[name=message] .voiceBtn {
        width: 36px!important;
        height: 36px!important
    }

    #usermsg {
        height: 36px!important;
        min-height: 36px!important;
        font-size: 13px!important;
        padding: 6px 12px!important
    }
}

.heroAmountBox.cancelMode .heroAmountSubmit {
    background: linear-gradient(180deg,#ef4444 0,#b91c1c 100%);
    border-color: #991b1b;
    color: #fff
}

.heroAmountBox.cancelMode .heroAmountSubmit:hover {
    background: linear-gradient(180deg,#dc2626 0,#991b1b 100%)
}

.heroAmountBox.cancelMode .heroAmountSubmit:active {
    background: linear-gradient(180deg,#b91c1c 0,#7f1d1d 100%)
}

.aStatus {
    white-space: nowrap
}

.aStatusTxt {
    display: inline-block;
    margin-inline-end:6px;vertical-align: middle
}

.aCancelDel {
    display: inline-block;
    vertical-align: middle;
    line-height: 0;
    cursor: pointer;
    transition: transform .15s ease
}

.aCancelDel:hover {
    transform: scale(1.1)
}

.aCancelDel:active {
    transform: scale(.95)
}

.levelUp.show {
    transform: translateY(0);
    opacity: 1;
    animation: levelUpHighlight .5s 250ms ease-in-out;
    pointer-events: auto
}

.levelUp {
    position: absolute;
    bottom: -4px;
    right: 14px;
    z-index: 7;
    background-image: url(../../../hero/b/levelUp_medium.png);
    background-size: contain;
    width: 23px;
    height: 23px;
    transform: translateY(50%);
    opacity: 0;
    transition: transform 250ms ease-in,opacity .2s ease-out;
    animation: none;
    pointer-events: none
}

@keyframes levelUpHighlight {
    0% {
        transform: translateY(0)
    }

    99% {
        transform: translateY(0) rotateY(180deg)
    }

    100% {
        transform: translateY(0) rotateY(0)
    }
}

.qlPage {
    padding: 0 14px
}

.qlTitle {
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    margin: 6px 0 4px
}

.qlHint {
    text-align: center;
    font-size: 12px;
    color: #666;
    margin: 0 0 14px
}

.qlBarLabel {
    font-size: 13px;
    font-weight: 700;
    color: #555;
    margin: 16px 4px 8px
}

.qlBarLabel #qlCount {
    color: #888;
    font-weight: 600;
    transition: color .2s
}

.qlBarLabel #qlCount.qlFlash {
    color: #d12b1c
}

.qlActive {
    direction: rtl;
    display: flex;
    gap: 4px;
    margin-bottom: 25px
}

.qlActive .qlSlot {
    flex: 1 1 0;
    min-width: 0
}

.qlAvail,.qlSlot {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    padding: 2px;
    cursor: pointer;
    position: relative
}

.qlSlot {
    touch-action: none;
    user-select: none
}

.qlAvail {
    touch-action: auto
}

.qlCircle {
    position: relative;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: linear-gradient(180deg,#fafafa,#d6d6d6);
    border: 2px solid #b0b0b0;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.9),0 2px 4px rgba(0,0,0,.2);
    transition: transform .12s,box-shadow .12s,border-color .15s,background .15s
}

.qlCircle::before {
    content: "";
    position: absolute;
    inset: 4px;
    border-radius: 50%;
    border: 1.5px dashed rgba(0,0,0,.16)
}

.qlCircle img {
    width: 26px;
    height: 26px;
    object-fit: contain;
    pointer-events: none
}

.qlName {
    font-size: 10.5px;
    font-weight: 600;
    color: #555;
    text-align: center;
    line-height: 1.15;
    max-width: 100%;
    pointer-events: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.qlAvail .qlName {
    white-space: normal
}

.qlAvail.qlOn .qlCircle {
    border-color: #6aa84f;
    background: linear-gradient(180deg,#eaf6e3,#c9e6b8)
}

.qlAvail.qlOn .qlName {
    color: #2f6b1f;
    font-weight: 700
}

.qlAvail:hover .qlCircle {
    transform: translateY(-2px);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.9),0 5px 10px rgba(0,0,0,.2)
}

.qlSlot.qlPlaceholder .qlCircle {
    background: #e6e6e6;
    border-style: dashed;
    box-shadow: none
}

.qlSlot.qlPlaceholder .qlCircle::before {
    display: none
}

.qlSlot.qlPlaceholder img {
    opacity: 0
}

.qlSlot.qlPlaceholder .qlName {
    opacity: .4
}

.qlSlot.qlEmpty {
    cursor: default
}

.qlSlot.qlEmpty .qlCircle {
    background: repeating-linear-gradient(45deg,#ededed,#ededed 6px,#e3e3e3 6px,#e3e3e3 12px);
    border-style: dashed;
    color: #aaa
}

.qlSlot.qlEmpty .qlCircle::before {
    display: none
}

.qlSlot.qlEmpty span {
    font-size: 22px
}

.qlRemove {
    position: absolute;
    top: -2px;
    right: 2px;
    z-index: 2;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid #a01608;
    background: linear-gradient(180deg,#ff7a6b,#d12b1c);
    color: #fff;
    font-size: 13px;
    line-height: 1;
    cursor: pointer;
    padding: 0;
    box-shadow: 0 1px 2px rgba(0,0,0,.35)
}

.qlAvailable {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(72px,1fr));
    gap: 12px 4px
}

.qlGhost {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    pointer-events: none;
    will-change: transform;
    filter: drop-shadow(0 8px 12px rgba(0, 0, 0, .4));
    transition: transform .05s linear
}

.qlGhost .qlCircle {
    width: 100%;
    height: 100%
}

body.qlDragging {
    user-select: none
}

.qlSaveBtn {
    display: block;
    margin: 20px auto;
    cursor: pointer;
    transition: background .15s,opacity .15s
}

.qlSaveBtn:disabled {
    cursor: not-allowed;
    opacity: .55;
    filter: grayscale(.4)
}

body.qlDragging {
    user-select: none;
    -webkit-user-select: none;
    cursor: grabbing
}

.auctionsLocked {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-areas: "icon headline" "icon progressBar" "icon barSubText";
    gap: 5px 10px
}

.auctionsLocked .lockedIcon {
    --borderWidth: 2px;
    --borderRadius: 50%;
    --outerBorderColor: #3a3d40;
    --innerBorderColor: #2a2d30;
    --backgroundColorStart: rgba(70, 73, 78, 0.7);
    --backgroundColorEnd: rgba(22, 23, 25, 0.7);
    --outerBorderRadius: 50%;
    --innerBorderRadius: 50%;
    position: relative;
    background-image: linear-gradient(180deg,var(--backgroundColorStart),var(--backgroundColorEnd));
    border: solid 1px var(--outerBorderColor);
    border-radius: var(--borderRadius)
}

.auctionsLocked .lockedIcon:after,.auctionsLocked .lockedIcon:before {
    content: "";
    position: absolute
}

.auctionsLocked .lockedIcon:before {
    inset: 0;
    padding: 2px;
    border-radius: 50%;
    background-image: linear-gradient(180deg,#9aa0a6 5%,#eef1f3 13%,#c5cacf 32%,#7d8287 48%,#565a5f 72%,#9aa0a6 93%,#d2d7db 100%);
    mask-image: linear-gradient(white),linear-gradient(white);
    mask-clip: content-box,padding-box;
    mask-composite: subtract
}

.auctionsLocked .lockedIcon:after {
    inset: var(--borderWidth);
    border: 1px solid var(--innerBorderColor);
    border-radius: var(--innerBorderRadius)
}

.auctionsLocked .lockedIcon {
    grid-area: icon;
    width: 64px;
    height: 64px;
    background-color: #54575b;
    justify-self: center;
    align-self: center;
    display: grid
}

.auctionsLocked .lockedIcon i.lock {
    background-image: url(../../../hero/b/lock.png);
    width: 45px;
    height: 52px;
    justify-self: center;
    align-self: center;
    filter: grayscale(1) brightness(1.1) sepia(.15) hue-rotate(180deg)
}

.auctionsLocked h3 {
    grid-area: headline;
    margin-block:0}

.auctionsLocked .barSubText {
    grid-area: barSubText;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 10px
}

.auctionsLocked .barSubText>div:last-of-type {
    justify-self: end
}

.auctionsLocked .barWrapper .bar {
    height: 7px;
    background-color: #546e39;
    border: 2px solid transparent;
    border-color: #699e32 #6db024 #71c117;
    border-radius: 1px;
    transition: width 150ms ease-out;
    box-sizing: border-box
}

.auctionsLocked .barWrapper {
    grid-area: progressBar;
    height: 9px;
    background-color: #3a3d40;
    border-radius: 2px
}

.playerHeroItems .heroMiniItem {
    position: relative
}

.playerHeroItems .heroMiniItem .itemTip {
    display: none;
    position: absolute;
    z-index: 9999;
    top: 100%;
    right: 0;
    margin-top: 6px;
    min-width: 220px;
    max-width: 300px;
    pointer-events: none;
    transform: translateZ(0);
    box-shadow: 0 4px 12px rgba(0,0,0,.25)
}

.playerHeroItems .heroMiniItem:hover .itemTip {
    display: block
}

div#res #resWrap table {
    border-collapse: separate!important;
    border-spacing: 7px 0!important;
    width: 100%;
    table-layout: fixed;
    background: 0 0!important;
    border: 0!important;
    box-shadow: none!important;
    border-radius: 0;
    overflow: visible
}

div#res table td.res {
    width: 25%;
    height: auto!important;
    padding: 0!important;
    background: 0 0!important;
    border: 0!important;
    border-radius: 0!important;
    vertical-align: middle
}

div#res .barWrapper {
    position: relative;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    direction: ltr;
    height: 28px;
    width: 100%;
    border: 0;
    border-radius: 0;
    background: 0 0;
    box-shadow: inset 0 -4px 0 0 rgba(15,23,42,.13);
    overflow: visible
}

div#res table td.res+td.res .barWrapper::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: -4px;
    width: 1px;
    background: rgba(148,163,184,.35);
    border-radius: 0;
    z-index: 0
}

div#res .barWrapper .bares {
    position: static;
    height: 4px!important;
    margin: 0!important;
    min-width: 0;
    border-radius: 2px!important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.3)
}

div#res #Res {
    position: absolute!important;
    right: 4px!important;
    left: auto!important;
    bottom: 6px!important;
    top: auto!important;
    transform: none!important;
    width: 19px!important;
    height: 19px!important;
    margin: 0!important;
    border: 0!important;
    border-radius: 5px!important;
    background: 0 0!important;
    box-shadow: none!important;
    display: flex!important;
    align-items: center;
    justify-content: center;
    line-height: 0;
    z-index: 11
}

div#res #Res img {
    margin: 0!important
}

div#res .barWrapper b {
    position: absolute!important;
    left: 5px!important;
    right: 27px!important;
    bottom: 7px!important;
    top: auto!important;
    transform: none!important;
    margin: 0!important;
    padding: 0!important;
    text-align: right;
    direction: ltr;
    overflow: hidden;
    white-space: nowrap;
    line-height: 1;
    font-size: 13px;
    font-weight: 800;
    color: #1f2937;
    font-variant-numeric: tabular-nums;
    text-shadow: 0 1px 0 rgba(255,255,255,.6);
    z-index: 8
}

div#res.dark .barWrapper {
    box-shadow: inset 0 -4px 0 0 rgba(255,255,255,.16)
}

div#res.dark .barWrapper b {
    color: #e8ebf0;
    text-shadow: 0 1px 1px rgba(0,0,0,.7)
}

div#res.dark table td.res+td.res .barWrapper::before {
    background: rgba(255,255,255,.12)
}

@media screen and (max-width: 768px) {
    div#res #resWrap table {
        border-spacing:6px 0!important
    }

    div#res .barWrapper {
        height: 30px
    }

    div#res #Res {
        width: 20px!important;
        height: 20px!important
    }

    div#res .barWrapper b {
        font-size: 12.5px;
        right: 26px!important
    }

    div#res table img {
        margin: 0!important
    }
}

.qSideBox {
    position: fixed;
    bottom: 80px;
    z-index: 1001;
    display: none;
    flex-direction: column;
    gap: 2px;
    pointer-events: none
}

@media screen and (max-width: 768px) {
    .qSideBox {
        display:flex
    }
}

#qSideL {
    left: 0;
    align-items: flex-start
}

#qSideR {
    right: 0;
    align-items: flex-end;
    bottom: 125px;
}

.qSideBox .qCard {
    position: relative;
    width: 42px;
    height: 42px;
    pointer-events: auto;
    padding: 0 3px
}

.qSideBox .qTab {
    width: 42px;
    height: 42px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    position: relative;
    border-radius: 50%;
    background: linear-gradient(180deg,#fdfdfd,#d6d6d6);
    border: 1px solid #b3b3b3;
    box-shadow: 0 2px 5px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.75);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform .12s ease
}

.qSideBox .qTab:active {
    transform: scale(.92)
}

.qSideBox .qTab img {
    width: 26px;
    height: 26px
}

.qSideBox .qTab svg {
    position: relative;
    width: 24px;
    height: 24px;
    display: block
}

.qSideBox .qTab .icon,.qSideBox .qTab .outline {
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px
}

.qSideBox .qTab .outline {
    fill: #8a8a8a
}

.qSideBox .qTab .icon {
    fill: #3a3a3a
}

.qSideBox .qBadge {
    position: absolute;
    top: -3px;
    min-width: 17px;
    height: 17px;
    padding: 0 4px;
    border-radius: 9px;
    background: gray;
    color: #fff;
    font: 700 10px/17px Arial;
    text-align: center;
    box-shadow: 0 0 0 2px #fff
}

#qSideL .qBadge {
    right: -3px
}

#qSideR .qBadge {
    left: -3px
}

.qSideBox .qBody {
    position: absolute;
    bottom: 50px;
    min-width: 120px;
    max-width: 86vw;
    width: max-content;
    background: #fafafa;
    color: #222;
    border: 1px solid #c2c2c2;
    border-radius: 12px;
    direction: rtl;
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    pointer-events: none;
    transition: opacity .16s ease,transform .16s ease,visibility .16s
}

#qSideL .qBody {
    left: 0
}

#qSideR .qBody {
    right: 0
}

.qSideBox .qCard.open .qBody {
    opacity: 1;
    visibility: visible;
    transform: none;
    pointer-events: auto
}

.qSideBox .qCard[data-qside="prod"] .qBody {
    top: 50px;
    bottom: auto;
    transform: translateY(-8px);
}

.qSideBox .qCard[data-qside="prod"].open .qBody {
    transform: none;
}

.qSideBox .qRows {
    max-height: 60vh;
    overflow-y: auto
}

.qSideBox .qRow {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 6px;
    color: #222;
    text-decoration: none;
    white-space: nowrap
}

.qSideBox .qRow+.qRow {
    border-top: 1px solid rgba(0,0,0,.06)
}

.qSideBox .qIco {
    flex: 0 0 auto;
    width: 20px;
    display: flex
}

.qSideBox .qTxt {
    flex: 1 1 auto;
    font-size: 12.5px
}

.qSideBox .qTm {
    flex: 0 0 auto;
    font-size: 12px;
    opacity: .9
}

.qSideBox .qProd .qTm {
    color: #1a7f37;
    font-weight: 700
}

.qSideBox .qEmpty {
    color: #777;
    padding: 8px 14px
}

.qSideBox .qRow b {
    font-weight: 700
}

.qSideBox .a1,.qSideBox .a2,.qSideBox .a3 {
    color: #c0392b
}

.qSideBox .d1,.qSideBox .d2,.qSideBox .d3 {
    color: #1a7f37
}

.qSideBox.qDark .qTab {
    background: linear-gradient(180deg,#41454d,#23262c);
    border-color: #15171b;
    box-shadow: 0 2px 6px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.08)
}

.qSideBox.qDark .qTab .outline {
    fill: #9aa0a8
}

.qSideBox.qDark .qTab .icon {
    fill: #ececec
}

.qSideBox.qDark .qBadge {
    box-shadow: 0 0 0 2px #23262c
}

.qSideBox.qDark .qBody {
    background: rgba(28,30,36,.95);
    color: #f1f1f1;
    border-color: #3a3d44
}

.qSideBox.qDark .qRow {
    color: #f1f1f1
}

.qSideBox.qDark .qRow+.qRow {
    border-top-color: rgba(255,255,255,.06)
}

.qSideBox.qDark .qProd .qTm {
    color: #7ee787
}

.qSideBox.qDark .qEmpty {
    color: #aaa
}

.qSideBox.qDark .a1,.qSideBox.qDark .a2,.qSideBox.qDark .a3 {
    color: #ff7a6b
}

.qSideBox.qDark .d1,.qSideBox.qDark .d2,.qSideBox.qDark .d3 {
    color: #7ee787
}

.qsRow {
    padding: 12px 6px;
    direction: rtl
}

.qsHead {
    display: flex;
    align-items: center;
    margin-bottom: 9px
}

.qsLabel {
    font-size: 14px;
    font-weight: 600;
    color: #4a4a4a;
    flex: 1
}

.qsVal {
    font-size: 13px;
    font-weight: 700;
    color: #6b7280;
    min-width: 44px;
    text-align: left;
    direction: ltr;
    font-variant-numeric: tabular-nums
}

.qsSlider {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 8px;
    border-radius: 5px;
    cursor: pointer;
    background: linear-gradient(to left,#6b7280 0,#4b5563 var(--p,50%),#d6d6d6 var(--p,50%),#d6d6d6 100%);
    outline: none;
    transition: background .05s linear
}

.qsSlider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: radial-gradient(circle at 35% 30%,#fff,#e5e5e5 55%,#b8bcc4);
    border: 2px solid #6b7280;
    box-shadow: 0 2px 5px rgba(0,0,0,.3);
    cursor: pointer;
    transition: transform .1s ease
}

.qsSlider::-webkit-slider-thumb:active {
    transform: scale(1.15)
}

.qsSlider::-moz-range-thumb {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: radial-gradient(circle at 35% 30%,#fff,#e5e5e5 55%,#b8bcc4);
    border: 2px solid #6b7280;
    box-shadow: 0 2px 5px rgba(0,0,0,.3);
    cursor: pointer
}

form[quick] .qSending {
    opacity: .55;
    pointer-events: none;
}

.barWrapper {
    position: relative
}

.resFloat {
    position: absolute;
    top: -4px;
    right: 4px;
    font-weight: 700;
    font-size: 12px;
    pointer-events: none;
    z-index: 5;
    text-shadow: 0 1px 2px rgba(0,0,0,.45);
    opacity: 0;
    animation: resFloatUp 1.3s ease-out forwards
}

.rfPlus {
    color: #4ade80
}

.rfMinus {
    color: #f87171
}

@keyframes resFloatUp {
    0% {
        opacity: 0;
        transform: translateY(4px)
    }

    15% {
        opacity: 1
    }

    100% {
        opacity: 0;
        transform: translateY(-22px)
    }
}

.aTimer.aDrama {
    display: inline-block;
    color: #ef4444!important;
    font-weight: 700;
    animation: aDramaPulse 1s ease-out infinite
}

@keyframes aDramaPulse {
    0% {
        transform: scale(1.18)
    }

    100% {
        transform: scale(1)
    }
}

.bares.bFull {
    position: relative
}

.bares.bFull::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(105deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);
    background-size: 250% 100%;
    background-position: 150% 0;
    animation: bFullShine 2.2s linear infinite;
    pointer-events: none
}

@keyframes bFullShine {
    0% {
        background-position: 150% 0
    }

    100% {
        background-position: -50% 0
    }
}

.voiceMessage .voiceSpeed {
    flex-shrink: 0;
    min-width: 34px;
    padding: 2px 7px;
    border: none;
    border-radius: 12px;
    background: rgba(100,116,139,.18);
    color: #475569;
    font-family: monospace;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
    transition: background .15s,transform .12s
}

.voiceMessage .voiceSpeed:hover {
    background: rgba(100,116,139,.3)
}

.voiceMessage .voiceSpeed:active {
    transform: scale(.92)
}

.voiceBtn.uploading {
    pointer-events: none;
    opacity: .8
}

.voiceBtn.uploading svg {
    display: none
}

.voiceBtn.uploading::after {
    content: '';
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255,255,255,.35);
    border-top-color: #fff;
    border-radius: 50%;
    animation: voiceSpin .7s linear infinite
}

@keyframes voiceSpin {
    to {
        transform: rotate(360deg)
    }
}

.voiceRecorderUI .voiceTimer.warn {
    color: #ffd54f;
    animation: voiceRecBlink 1s ease-in-out infinite
}

.voiceMessage .voiceProgress {
    touch-action: none
}

.voiceMessage.voiceUnsupported {
    opacity: .65
}

.voiceMessage.voiceUnsupported .voicePlay {
    cursor: not-allowed;
    background: #9e9e9e;
    animation: none
}

body.dark .voiceMessage .voiceSpeed {
    background: rgba(255,255,255,.12);
    color: #ddd
}

.bares.bFull {
    position: relative
}

.bares.bFull::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: inherit;
    background-image: linear-gradient(105deg,transparent 35%,rgba(255,255,255,.9) 50%,transparent 65%);
    background-size: 300% 100%;
    background-repeat: no-repeat;
    background-position: 100% 0;
    animation: bShine3 1.4s linear infinite;
    pointer-events: none
}

@keyframes bShine3 {
    0% {
        background-position: 100% 0
    }

    100% {
        background-position: 0 0
    }
}

.qDrop {
    position: relative;
    display: inline-block;
    width: auto;
    max-width: 600px;
    max-width: min(600px,92vw);
    text-align: right;
    direction: rtl;
    font-size: 14px;
    vertical-align: middle
}

.qDropSizer {
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    white-space: nowrap;
    font-weight: 600;
    padding: 0 0 0 48px
}

.qDropBtn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 9px 12px;
    background: #fff;
    border: 1px solid #c9ced6;
    border-radius: 10px;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    box-shadow: 0 1px 3px rgba(0,0,0,.06)
}

.qDropBtn b {
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.qDropBtn svg {
    flex-shrink: 0;
    transition: transform .15s
}

.qDrop.open .qDropBtn svg {
    transform: rotate(180deg)
}

.qDropPanel {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    left: 0;
    background: #fff;
    border: 1px solid #c9ced6;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0,0,0,.18);
    z-index: 1200;
    display: none;
    overflow: hidden
}

.qDrop.open .qDropPanel {
    display: block
}

.qDropSearch {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 14px;
    border: 0;
    border-bottom: 1px solid #e4e7ec;
    font-size: 15px;
    outline: 0;
    background: #fafbfc;
    direction: rtl
}

.qDropList {
    max-height: 320px;
    max-height: min(45vh,320px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain
}

.qDropItem {
    padding: 11px 12px;
    cursor: pointer;
    border-bottom: 1px solid #f1f3f5;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.qDropItem:last-child {
    border-bottom: 0
}

.qDropItem:hover {
    background: #f4f6f8
}

.qDropItem.sel {
    background: #e9f5ec;
    font-weight: 700
}

.qDropEmpty {
    padding: 14px 12px;
    color: #98a2b3;
    text-align: center
}

.qDrop.qDark .qDropBtn,.qDrop.qDark .qDropPanel {
    background: #23262b;
    border-color: #3a3f46;
    color: #ddd
}

.qDrop.qDark .qDropSearch {
    background: #1d2024;
    border-bottom-color: #3a3f46;
    color: #ddd
}

.qDrop.qDark .qDropItem {
    border-bottom-color: #2c3036
}

.qDrop.qDark .qDropItem:hover {
    background: #2a2e33
}

.qDrop.qDark .qDropItem.sel {
    background: #234a2c
}

.qDrop.qDark .qDropEmpty {
    color: #7a828e
}

.qDropGroup {
    position: sticky;
    top: 0;
    padding: 7px 12px 5px;
    font-size: 11.5px;
    font-weight: 700;
    color: #8a93a3;
    background: #f7f8fa;
    border-bottom: 1px solid #f1f3f5;
    z-index: 1
}

.qDropItem.dis {
    opacity: .45;
    cursor: not-allowed
}

.qDrop.noSearch .qDropSearch {
    display: none
}

.qDrop.qDark .qDropGroup {
    background: #1d2024;
    color: #9aa3ad;
    border-bottom-color: #2c3036
}

#TDa {
    pointer-events: none;
    transition: opacity .12s ease
}

#compassBar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 9px 12px;
    background: linear-gradient(#2d7deb,#1f5fb8);
    color: #fff;
    font-weight: 700;
    font-size: 15px;
    box-shadow: 0 2px 8px rgba(0,0,0,.35)
}

#compassBar.tier1 {
    background: linear-gradient(#8d949e,#666d77)
}

#compassBar.tier2 {
    background: linear-gradient(#5fae3f,#3c7a22)
}

#compassBar.tier3 {
    background: linear-gradient(#2d7deb,#1f5fb8)
}

#compassBar.tier4 {
    background: linear-gradient(#9a4ddb,#6e2fae)
}

#compassBar .cbCancel {
    border: 1px solid rgba(255,255,255,.7);
    background: rgba(255,255,255,.15);
    color: #fff;
    border-radius: 4px;
    padding: 4px 14px;
    font-weight: 700;
    cursor: pointer
}

#compassBar .cbCancel:hover {
    background: rgba(255,255,255,.28)
}

.compassModal {
    position: fixed;
    inset: 0;
    z-index: 10000;
    background: rgba(0,0,0,.55);
    display: flex;
    align-items: center;
    justify-content: center
}

.compassModal .cmBox {
    background: #fafafa;
    border: 3px solid #2d7deb;
    border-radius: 10px;
    min-width: 280px;
    max-width: 92vw;
    padding: 16px;
    text-align: center;
    position: relative;
    box-shadow: 0 6px 24px rgba(0,0,0,.4)
}

.compassModal .cmIcon {
    width: 64px;
    height: 64px;
    margin: -48px auto 8px;
    border-radius: 50%;
    border: 3px solid #2d7deb;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    box-shadow: 0 3px 10px rgba(0,0,0,.3)
}

.compassModal .cmIcon img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.compassModal .cmTitle {
    font-size: 18px;
    font-weight: 700;
    color: #1f5fb8;
    margin-bottom: 10px
}

.compassModal .cmBody {
    font-size: 15px;
    line-height: 1.9;
    color: #333;
    margin-bottom: 14px
}

.compassModal .cmNote {
    font-size: 13px;
    color: #777
}

.compassModal .cmWarn {
    list-style: none;
    margin: 12px 0 4px;
    padding: 10px 12px;
    text-align: right;
    background: #fff6e5;
    border: 1px solid #f0c674;
    border-radius: 6px;
    font-size: 13px;
    line-height: 1.7;
    color: #7a5b16
}

.compassModal .cmWarn li {
    position: relative;
    padding-right: 18px;
    margin: 3px 0
}

.compassModal .cmWarn li:before {
    content: '\26A0';
    position: absolute;
    right: 0;
    top: 0
}

body.dark .compassModal .cmWarn {
    background: #3a3320;
    border-color: #7a5b16;
    color: #e0c878
}

.compassModal .cmBtns {
    display: flex;
    gap: 10px;
    justify-content: center
}

.compassModal .cmOk {
    border: 2px solid #3d5a18;
    border-radius: 4px;
    background: linear-gradient(#8bc23a,#557a1f);
    color: #fff;
    font-weight: 700;
    font-size: 15px;
    padding: 8px 22px;
    cursor: pointer
}

.compassModal .cmOk:disabled {
    opacity: .55;
    cursor: default
}

.compassModal .cmCancel {
    border: 1px solid #b8b8b8;
    border-radius: 4px;
    background: #e8e8e8;
    color: #444;
    font-weight: 700;
    font-size: 15px;
    padding: 8px 18px;
    cursor: pointer
}

.compassModal.tier1 .cmBox {
    border-color: #69727e
}

.compassModal.tier1 .cmBody b,.compassModal.tier1 .cmTitle {
    color: #69727e
}

.compassModal.tier1 .cmIcon {
    border-color: #69727e
}

.compassModal.tier2 .cmBox {
    border-color: #389428
}

.compassModal.tier2 .cmBody b,.compassModal.tier2 .cmTitle {
    color: #389428
}

.compassModal.tier2 .cmIcon {
    border-color: #389428
}

.compassModal.tier3 .cmBox {
    border-color: #2070e2
}

.compassModal.tier3 .cmBody b,.compassModal.tier3 .cmTitle {
    color: #2070e2
}

.compassModal.tier3 .cmIcon {
    border-color: #2070e2
}

.compassModal.tier4 .cmBox {
    border-color: #923cd4
}

.compassModal.tier4 .cmBody b,.compassModal.tier4 .cmTitle {
    color: #923cd4
}

.compassModal.tier4 .cmIcon {
    border-color: #923cd4
}

body.dark .compassModal .cmIcon {
    background: #2e3238
}

body.dark .compassModal .cmBox {
    background: #23262b;
    border-color: #2d7deb
}

body.dark .compassModal .cmBody {
    color: #c9ccd1
}

body.dark .compassModal .cmNote {
    color: #8d949e
}

body.dark .compassModal .cmCancel {
    background: #2e3238;
    border-color: #4a4f57;
    color: #ddd
}

.Clos,.mask,[style*="animation-name: Mask"],[style*="animation-name:Mask"] {
    animation: none!important
}

#Screen[style*="display: none"] *,#Screen[style*="display:none"] *,.overlay[style*="display: none"] *,.overlay[style*="display:none"] * {
    animation: none!important
}

.animate-spin[style*="display: none"],.animate-spin[style*="display:none"],.loading[style*="display: none"],.loading[style*="display:none"] {
    animation: none!important
}

.heroAdventure.hasAdv,[style*="animation-name: advPulse"],[style*="animation-name:advPulse"] {
    animation: none!important
}

/* === APPENDED FROM QS.CSS TO KEEP ORIGINAL IMAGES === */
input.dynamic_img,img.dynamic_img {
background-position:top;
height:20px;
}

input.over,img.over {
background-position:bottom;
}

input.clicked,img.clicked {
background-position:center;
}

img.help {
width:15px;
height:12px;
background-image:url(../../img/a/help.gif);
}

img.del {
width:12px;
height:12px;
background-image:url(../../img/a/del.gif);
}

img.clock {
width:18px;
height:12px;
background-image:url(../../img/a/clock.gif);
}

img.npc {
width:18px;
height:12px;
background-image:url(../../img/a/npc.gif);
background-position:top;
}

img.npc_inactive {
width:18px;
height:12px;
background-image:url(../../img/a/npc.gif);
background-position:bottom;
}

img.gold {
width:12px;
height:12px;
background-image:url(../../img/a/gold.gif);
}

img.gold_g {
width:12px;
height:12px;
background-image:url(../../img/a/gold_g.gif);
}

img.vip {
width:1px;
height:1px;
}


img.granary,img.r1,img.r2,img.r3,img.r4,img.r5,img.warehouse{background-image:url(data:image/gif;base64,R0lGODlhEgC5APcAAGOOQHWlTXmqUIi+W4e8WpPMY6vrdMHMXv/rD//rEv/sHPXmPP/vQv/wSP/wTv/wT//zaf/jAP/vbv/0nf7ZAf/SAP/YIP/MAP/NA//PDvjKD//TJP/UJ//aR//dVvbVU//ibP/ibvfba//le/jffP/rmf/wsqumkfXFFPvrrfbDFdqpFdytH9yuItyvJWtoXtijFtuqGfK6HdytINqpJefIdOrPhe7Xme7YnfLhsr64psfBsXl2btSaAN+0QtatSIBsOe3UktDKu/WrAPSqAPSrA/StCfWyGPa2I/e5K/a5LPa7Mva9OffCR/fFUb+YP//QavzrxOKeGPKwL7qKJqeCNaeCNp1mA4FYDbJ7F4tfE2RIF7aYX751AMSBFopeE4FaG8qPMHhXI9SkVtapYLRoGtt/Jb++vfGpb3lDJ9edfn0qDn8tEoAvFIEwFYc6IIg8I4tBKKROPbFWRMRpWIBFPWY2MOQAAKBZWGZlZZKRkYOCgv///+7u7t/f39XV1dLS0s3NzbS0tKysrHFxcUFBQTk5OSsrK////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAIgALAAAAAASALkAAAj+ABEJHEiwoMGDCBMqXLgwjUOGAtOYMTOlTBqGacpMnFLxYkKHZTRSdOixIMmMGtNAWVky4kaLGVWyNCmSI8yVUEgOBFnzpMycO1Ga+ekQZ0tEIIkSPVh0ps6PDyFKnUq1qtWrWLNq3cq165w5dBjS+Up2jpyEcuSQTcsWoR07ZtnKqVPn61mCb+2kpYsHTZ20YQfSyVsHjWHDf+fWEZh2ztvCh/3S9SvwrVk7kOlCRlz57d7JmzkjIhzZL2K6eDGX1uw2M+qFrLvKnk27tu3buHMXJMS7N0NCZ4Kf4eMbIXDhfPwoJ3SQ96DnevQoX777zx9CgwBFT65cEHOBhPT+9AlESHt0Pdz96BkYXg/5Pee3K18PPrqf9/H56BdEv/19QnvAdx4fgnhXn3SBkAfgeYAU+F17CCrI2x4NGgheb7wRhOF3unXo4YcgHnTBVB8INOJCI/ZQIgImJnQBiz1c8CIiIyJwokARRIAIAggQEaONL96IiA8+9PAjAj8GWVCJHxgZZBc9BnlBiQON2OSLUFaAwApCEnRBF0SEeQERKxChEBFg9rBGmQqt0UMXaq6wwhoLrWHnnQwZ6eYKPTA05hpEbMliQkNcsMYFSUSpUBILJIFoEjEuEOKklFZqW5cG3XGHQCVqupCnPWg6KKYDaaqpjCzWKGSOiGjqo5T+NhJEZKimJhkrQZ3eEaOmUBIhJZWtbnqlqFpyidCXYfpKppkJoenjmswi5Caca85Z55125qlmD3z6SQSggipU6KGJ+rpoo49Gaum67LabUCHwSlWIBhRQEK9Chaigggb02lsIQoXIILC+/NZ770ABC6wwwf3+i7AWCke8rwZiWOGwQIVcEfHCKljxww8XZ3yFxhuL8fHHDos8MskCe/yEGFWkPPIPWKwsg8k/iKGzGP9m/PEhW6wMxg9W7HxFz1f8DPTKP1zxhRhJI630IUwzDXIhAiT9wyFcV30FFUBcDQAAU3sNNsiIwPvDCS+8QPXMI58d8gl0v2B22BenXcjy2ADM3DcVBxiQN8Z78y2AAAUI/i7WAgxQQAGDHwTv5O5WbrnlBzNUiBQoRG4QvFJIQUHnnmMcuhQy1Du655uHLrDqqxfUuusKq9657HnQ/joFeUReyAl55BFx8EL4TjfwweeRRRZcGH+8DjrssIMQyw/++/M68GCIENTnXYjO2BuyffEEfb+zGCdAbwgP3Id8/vnRT09+2u/vDL307dNfP9TQ80D1/BkzxCF09gMqXEEHAnybzASoNQMisGtHw9gVGPgxByZwZAukWgUPeMEIpo1vDeTgIQzQt5CNTWuBM4AKBWe9ABBghSzMXPkmJ8OBBAQAOw==);height:16px;width:16px;transform: scale(1.1);}
img.br1,img.br2,img.br3,img.br4,img.br5,img.bti{background-image:url(../../img/a/res2@1.5x.png);height:18px;width:30px;}

img.br1 {
background-position:right 0;
}

img.br2 {
background-position:right -30px;
}

img.br3 {
background-position:right -60px;
}

img.br4 {
background-position:right -90px;
}

img.br5 {
background-position:right -120px;
}

img.r1 {
background-position:right 0;
}

img.r2 {
background-position:right -26px;
}

img.r3 {
background-position:right -52px;
}

img.r4 {
background-position:right -78px;
}

img.r5 {
background-position:right -104px;
}

img.warehouse {
height:21px;
width:18px;
background-position:0 -130px;
}

img.granary {
height:24px;
width:18px;
background-position:0 -161px;
}

img.unit {
width:16px;
height:16px;
}

img.u1,img.u2,img.u3,img.u4,img.u5,img.u6,img.u7,img.u8,img.u9,img.u10 {
background-image:url(../../img/u/v1_romans2.gif);
}

img.u11,img.u12,img.u13,img.u14,img.u15,img.u16,img.u17,img.u18,img.u19,img.u20 {
background-image:url(../../img/u/v2_teutons2.gif);
}

img.u21,img.u22,img.u23,img.u24,img.u25,img.u26,img.u27,img.u28,img.u29,img.u30 {
background-image:url(../../img/u/v3_gauls2.gif);
}

img.u31,img.u32,img.u33,img.u34,img.u35,img.u36,img.u37,img.u38,img.u39,img.u40 {
background-image:url(../../img/u/v4_nature2.gif);
}

img.u41,img.u42,img.u43,img.u44,img.u45,img.u46,img.u47,img.u48,img.u49,img.u50 {
background-image:url(../../img/u/v5_natars2.gif);
}

img.u51,img.u52,img.u53,img.u54,img.u55,img.u56,img.u57,img.u58,img.u59,img.u60 {
background-image:url(../../img/u/almagollllll6.gif);
}

img.u61,img.u62,img.u63,img.u64,img.u65,img.u66,img.u67,img.u68,img.u69,img.u70 {
background-image:url(../../img/u/v8.gif);
}

img.u71,img.u72,img.u73,img.u74,img.u75,img.u76,img.u77,img.u78,img.u79,img.u80 {
background-image:url(../../img/u/alf9.gif);
}

img.u100,img.u101,img.u102,img.u103,img.u104,img.u105,img.u106,img.u107,img.u108,img.u109 {
background-image:url(../../img/u/v7_arab.gif);
}

img.u110,img.u111,img.u112,img.u113,img.u114,img.u115,img.u116,img.u117,img.u118,img.u119 {
background-image:url(../../img/u/v10.gif);
}

img.u120,img.u121,img.u122,img.u123,img.u124,img.u125,img.u126,img.u127,img.u128,img.u129 {
background-image:url(../../img/u/v11.gif);
}

img.uhab,img.ucata,img.ustock,img.uwall,img.ubarr,img.upal,img.ugeb,img.uhero,img.uunits {
background-image:url(../../img/u/specials.gif);
}

img.u1,img.u11,img.u21,img.u31,img.u41,img.u51,img.u61,img.u71,img.uhab,img.u100,img.u110,img.u120 {
background-position:0 0;
}

img.u2,img.u12,img.u22,img.u32,img.u42,img.u52,img.u62,img.u72,img.ucata,img.u101,img.u111,img.u121 {
background-position:-19px 0;
}

img.u3,img.u13,img.u23,img.u33,img.u43,img.u53,img.u63,img.u73,img.ustock,img.u102,img.u112,img.u122 {
background-position:-38px 0;
}

img.u4,img.u14,img.u24,img.u34,img.u44,img.u54,img.u64,img.u74,img.uwall,img.u103,img.u113,img.u123 {
background-position:-57px 0;
}

img.u5,img.u15,img.u25,img.u35,img.u45,img.u55,img.u65,img.u75,img.ubarr,img.u104,img.u114,img.u124 {
background-position:-76px 0;
}

img.u6,img.u16,img.u26,img.u36,img.u46,img.u56,img.u66,img.u76,img.upal,img.u105,img.u115,img.u125 {
background-position:-95px 0;
}

img.u7,img.u17,img.u27,img.u37,img.u47,img.u57,img.u67,img.u77,img.ugeb,img.u106,img.u116,img.u126 {
background-position:-114px 0;
}

img.u8,img.u18,img.u28,img.u38,img.u48,img.u58,img.u68,img.u78,img.uhero,img.u107,img.u117,img.u127 {
background-position:-133px 0;
}

img.u9,img.u19,img.u29,img.u39,img.u49,img.u59,img.u69,img.u79,img.uunits,img.u108,img.u118,img.u128 {
background-position:-152px 0;
}

img.u10,img.u20,img.u30,img.u40,img.u50,img.u60,img.u70,img.u80,img.u109,img.u119,img.u129 {
background-position:-171px 0;
}

img.u111 {
    background-position:0 -16px;
} 
img.u112 {
    background-position:0 -32px;
}
img.u113 {
    background-position:0 -48px;
}
img.u114 {
    background-position:0 -64px;
}
img.u115 {
    background-position:0 -80px;
}
img.u116 {
    background-position:0 -96px;
}
img.u117 {
    background-position:0 -112px;
}
img.u118 {
    background-position:0 -128px;
}
img.u119 {
    background-position:0 -144px;
}
 img.u98 {
     background-image:url(../../img/u/98.gif);
}
 img.u99 {
     background-image:url(../../img/u/99.gif);
}
/* ===== صور كبيرة - الزولو (tribe 8) ===== */
img.big_u61 { background-image:url(../../img/u/big_v8.gif); background-position:0 0; }
img.big_u62 { background-image:url(../../img/u/big_v8.gif); background-position:-72px 0; }
img.big_u63 { background-image:url(../../img/u/big_v8.gif); background-position:-144px 0; }
img.big_u64 { background-image:url(../../img/u/big_v8.gif); background-position:-216px 0; }
img.big_u65 { background-image:url(../../img/u/big_v8.gif); background-position:-288px 0; }
img.big_u66 { background-image:url(../../img/u/big_v8.gif); background-position:-360px 0; }
img.big_u67 { background-image:url(../../img/u/big_v8.gif); background-position:-432px 0; }
img.big_u68 { background-image:url(../../img/u/big_v8.gif); background-position:-504px 0; }
img.big_u69 { background-image:url(../../img/u/big_v8.gif); background-position:-576px 0; }
img.big_u70 { background-image:url(../../img/u/big_v8.gif); background-position:-648px 0; }

/* ===== صور كبيرة - الفرس (tribe 10) ===== */
img.big_u110 { background-image:url(../../img/u/big_v10.gif); background-position:0 0; }
img.big_u111 { background-image:url(../../img/u/big_v10.gif); background-position:-72px 0; }
img.big_u112 { background-image:url(../../img/u/big_v10.gif); background-position:-144px 0; }
img.big_u113 { background-image:url(../../img/u/big_v10.gif); background-position:-216px 0; }
img.big_u114 { background-image:url(../../img/u/big_v10.gif); background-position:-288px 0; }
img.big_u115 { background-image:url(../../img/u/big_v10.gif); background-position:-360px 0; }
img.big_u116 { background-image:url(../../img/u/big_v10.gif); background-position:-432px 0; }
img.big_u117 { background-image:url(../../img/u/big_v10.gif); background-position:-504px 0; }
img.big_u118 { background-image:url(../../img/u/big_v10.gif); background-position:-576px 0; }
img.big_u119 { background-image:url(../../img/u/big_v10.gif); background-position:-648px 0; }

/* ===== صور كبيرة - الساموراي (tribe 11) ===== */
img.big_u120 { background-image:url(../../img/u/big_v11.gif); background-position:0 0; }
img.big_u121 { background-image:url(../../img/u/big_v11.gif); background-position:-72px 0; }
img.big_u122 { background-image:url(../../img/u/big_v11.gif); background-position:-144px 0; }
img.big_u123 { background-image:url(../../img/u/big_v11.gif); background-position:-216px 0; }
img.big_u124 { background-image:url(../../img/u/big_v11.gif); background-position:-288px 0; }
img.big_u125 { background-image:url(../../img/u/big_v11.gif); background-position:-360px 0; }
img.big_u126 { background-image:url(../../img/u/big_v11.gif); background-position:-432px 0; }
img.big_u127 { background-image:url(../../img/u/big_v11.gif); background-position:-504px 0; }
img.big_u128 { background-image:url(../../img/u/big_v11.gif); background-position:-576px 0; }
img.big_u129 { background-image:url(../../img/u/big_v11.gif); background-position:-648px 0; }
/* حل مؤقت - استخدام الصور الصغيرة للكبيرة */
img.big_u61,img.big_u62,img.big_u63,img.big_u64,img.big_u65,
img.big_u66,img.big_u67,img.big_u68,img.big_u69,img.big_u70 {
    background-image:url(../../img/u/v8.gif);
}
img.big_u110,img.big_u111,img.big_u112,img.big_u113,img.big_u114,
img.big_u115,img.big_u116,img.big_u117,img.big_u118,img.big_u119 {
    background-image:url(../../img/u/v10.gif);
}
img.big_u120,img.big_u121,img.big_u122,img.big_u123,img.big_u124,
img.big_u125,img.big_u126,img.big_u127,img.big_u128,img.big_u129 {
    background-image:url(../../img/u/v11.gif);
}

span.tribe {
height:16px;
background-repeat:no-repeat;
background-position:right center;
padding-right:20px;
}

span.tribe1 {
background-image:url(../../img/u/9.gif);
}

span.tribe2 {
background-image:url(../../img/u/19.gif);
}

span.tribe3 {
background-image:url(../../img/u/29.gif);
}

span.tribe6 {
background-image:url(../../img/u/59.gif);
}

span.tribe7 {
background-image:url(../../img/u/49.gif);
}
span.tribe8{
background-image:url(../../img/u/69.png?1);
}
span.tribe9{
background-image:url(../../img/u/79.png?11);
}
span.tribe10{
background-image:url(../../img/u/109.png);
}
span.tribe11{
background-image:url(../../img/u/119.png);
}

img.att_all {
width:16px;
height:16px;
background-image:url(../../img/a/att_all.gif);
}

img.att1 {
width:16px;
height:16px;
background-image:url(../../img/a/att1.gif);
}

img.att2 {
width:16px;
height:16px;
background-image:url(../../img/a/att2.gif);
}

img.att3 {
width:16px;
height:16px;
background-image:url(../../img/a/att3.gif);
}

img.def1 {
width:16px;
height:16px;
background-image:url(../../img/a/def1.gif);
}

img.def2 {
width:16px;
height:16px;
background-image:url(../../img/a/def2.gif);
}

img.def3 {
width:16px;
height:16px;
background-image:url(../../img/a/def3.gif);
}

img.def_c {
width:16px;
height:16px;
background-image:url(../../img/a/def_c.gif);
}

img.def_i {
width:16px;
height:16px;
background-image:url(../../img/a/def_i.gif);
}

div#map div#map_content div span {
width:18px;
height:16px;
}

div#map div#map_content div span.m3 {
background-image:url(../../img/m/matt.gif);
}

div#map div#map_content div span.m4 {
background-image:url(../../img/a/att2.gif);
}

div#map div#map_content div span.m5 {
background-image:url(../../img/m/msup.gif);
}

div#map div#map_content div span.m6 {
background-image:url(../../img/m/mspy.gif);
}

div#map div#map_content div span.m9 {
background-image:url(../../img/m/mret.gif);
}

img.iReport {
background-image:url(../../img/a/report_icons.gif);
width:19px;
height:17px;
}

img.iReport0 {
background-position:0 -3px;
}

img.iReport1 {
background-position:0 -53px;
}

img.iReport2 {
background-position:0 -103px;
}

img.iReport3 {
background-position:0 -153px;
}

img.iReport4 {
background-position:0 -203px;
}

img.iReport5 {
background-position:0 -253px;
}

img.iReport6 {
background-position:0 -303px;
}

img.iReport7 {
background-position:0 -353px;
}

img.iReport8 {
background-position:0 -403px;
}

img.iReport9 {
background-position:0 -453px;
}

img.iReport10 {
background-position:0 -703px;
}

img.iReport11 {
background-position:0 -503px;
}

img.iReport12 {
background-position:0 -553px;
}

img.iReport13 {
background-position:0 -603px;
}

img.iReport14 {
background-position:0 -653px;
}

div#map a#map_makelarge img {
width:33px;
height:25px;
background-image:url(../../img/m/max.gif);
}

div#mbig a#map_popclose img {
width:22px;
height:22px;
background-image:url(../../img/a/close.gif);
}

img.online1,img.online2,img.online3,img.online4,img.online5 {
width:12px;
height:12px;
cursor: pointer;
border-radius: 50%;
}

img.online1 {
background: linear-gradient(135deg, #0053f8, #4f8aff, #0053f8);
}

img.online2 {
background: linear-gradient(135deg, #2bab27,#04c500,#2bab27);
}

img.online3 {
background: linear-gradient(135deg, orange, #ffcb6c, orange);
}

img.online4 {
background: linear-gradient(135deg, darkred, #ff6363, darkred);
}

img.online5 {
background: linear-gradient(135deg, gray, silver, gray);
}

h1 img.point {
width:16px;
height:16px;
background-image:url(../../img/u/point.gif);
}

div#side_info table#llist img.external,body.manual img.external {
width:10px;
height:10px;
background-image:url(../../img/a/external.gif);
}

div.reports div.carry img.car,#build.gid16 div.carry img.car {
height:12px;
width:18px;
background:url(../../img/a/car.gif) no-repeat;
}

div.village3 table#overview td.bui img.bau {
width:10px;
height:16px;
background-image:url(../../img/a/bau.gif);
}

div.player img.tn,div.player img.tnd {
width:65px;
height:45px;
}

div.player img.tn {
background-image:url(../../img/t/tn.gif);
}

div.player img.tnd {
background-image:url(../../img/t/tnd.gif);
}

div.player img.medal,div.alliance img.medal,body.manual img.medal {
/*width: 53px;*/
/*height: 72px;*/
width: 44px;
height: 61px;
background-size: 100%;
}

 div.player img.t1_1,body.manual img.t1_1 {
     background-image:url(../../img/t/t1_1.jpg);
}
 div.player img.t1_2,body.manual img.t1_2 {
     background-image:url(../../img/t/t1_2.jpg);
}
 div.player img.t1_3,body.manual img.t1_3 {
     background-image:url(../../img/t/t1_3.jpg);
}
 div.player img.t1_4,body.manual img.t1_4 {
     background-image:url(../../img/t/t1_4.jpg);
}
 div.player img.t1_5 {
     background-image:url(../../img/t/t1_5.jpg);
}
 div.player img.t1_6 {
     background-image:url(../../img/t/t1_6.jpg);
}
 div.player img.t1_7 {
     background-image:url(../../img/t/t1_7.jpg);
}
 div.player img.t1_8 {
     background-image:url(../../img/t/t1_8.jpg);
}
 div.player img.t1_9 {
     background-image:url(../../img/t/t1_9.jpg);
}
 div.player img.t1_10 {
     background-image:url(../../img/t/t1_10.jpg);
}
 div.player img.t100_1 {
     background-image:url(../../img/t/t100_1.jpg);
}
 div.player img.t101_1 {
     background-image:url(../../img/t/t101_1.jpg);
}
 div.player img.t102_1 {
     background-image:url(../../img/t/t102_1.jpg);
}
 div.player img.t110_1 {
     background-image:url(../../img/t/t110_1.jpg);
}
 div.player img.t111_1 {
     background-image:url(../../img/t/t111_1.jpg);
}
 div.player img.t112_1 {
     background-image:url(../../img/t/t112_1.jpg);
}
 div.player img.t120_1 {
     background-image:url(../../img/t/t120_1.jpg);
}
 div.player img.t121_1 {
     background-image:url(../../img/t/t121_1.jpg);
}
 div.player img.t122_1 {
     background-image:url(../../img/t/t122_1.jpg);
}
 div.player img.t130_1 {
     background-image:url(../../img/t/t130_1.jpg);
}
 div.player img.t131_1 {
     background-image:url(../../img/t/t131_1.jpg);
}
 div.player img.t132_1 {
     background-image:url(../../img/t/t132_1.jpg);
}
 div.player img.t140_1 {
     background-image:url(../../img/t/t140_1.jpg);
}
 div.player img.t141_1 {
     background-image:url(../../img/t/t141_1.jpg);
}
 div.player img.t142_1 {
     background-image:url(../../img/t/t142_1.jpg);
}
 div.player img.t150_1 {
     background-image:url(../../img/t/t142_1.jpg);
}
 div.player img.t151_1 {
     background-image:url(../../img/t/t151_1.jpg);
}
 div.player img.t152_1 {
     background-image:url(../../img/t/t152_1.jpg);
}
 div.player img.t160_1 {
     background-image:url(../../img/t/t160_1.jpg);
}
 div.player img.t161_1 {
     background-image:url(../../img/t/t161_1.jpg);
}
 div.player img.t162_1 {
     background-image:url(../../img/t/t162_1.jpg);
}
 div.player img.t170_1 {
     background-image:url(../../img/t/t170_1.jpg);
}
 div.player img.t171_1 {
     background-image:url(../../img/t/t171_1.jpg);
}
 div.player img.t172_1 {
     background-image:url(../../img/t/t172_1.jpg);
}
 div.player img.t180_1 {
     background-image:url(../../img/t/t180_1.jpg);
}
 div.player img.t181_1 {
     background-image:url(../../img/t/t181_1.jpg);
}
 div.player img.t182_1 {
     background-image:url(../../img/t/t182_1.jpg);
}
 div.player img.t190_1 {
     background-image:url(../../img/t/t190_1.jpg);
}
 div.player img.t191_1 {
     background-image:url(../../img/t/t191_1.jpg);
}
 div.player img.t192_1 {
     background-image:url(../../img/t/t192_1.jpg);
}
 div.player img.t2_1 {
     background-image:url(../../img/t/t2_1.jpg);
}
 div.player img.t2_10 {
     background-image:url(../../img/t/t2_10.jpg);
}
 div.player img.t2_2 {
     background-image:url(../../img/t/t2_2.jpg);
}
 div.player img.t2_3 {
     background-image:url(../../img/t/t2_3.jpg);
}
 div.player img.t2_4 {
     background-image:url(../../img/t/t2_4.jpg);
}
 div.player img.t2_5 {
     background-image:url(../../img/t/t2_5.jpg);
}
 div.player img.t2_6 {
     background-image:url(../../img/t/t2_6.jpg);
}
 div.player img.t2_7 {
     background-image:url(../../img/t/t2_7.jpg);
}
 div.player img.t2_8 {
     background-image:url(../../img/t/t2_8.jpg);
}
 div.player img.t2_9 {
     background-image:url(../../img/t/t2_9.jpg);
}
 div.player img.t200_1 {
     background-image:url(../../img/t/t200_1.jpg);
}
 div.player img.t201_1 {
     background-image:url(../../img/t/t201_1.jpg);
}
 div.player img.t202_1 {
     background-image:url(../../img/t/t202_1.jpg);
}
 div.player img.t210_1 {
     background-image:url(../../img/t/t210_1.jpg);
}
 div.player img.t211_1 {
     background-image:url(../../img/t/t211_1.jpg);
}
 div.player img.t212_1 {
     background-image:url(../../img/t/t212_1.jpg);
}
 div.player img.t220_1 {
     background-image:url(../../img/t/t220_1.jpg);
}
 div.player img.t221_1 {
     background-image:url(../../img/t/t221_1.jpg);
}
 div.player img.t222_1 {
     background-image:url(../../img/t/t222_1.jpg);
}
 div.player img.t3_1 {
     background-image:url(../../img/t/t3_1.jpg);
}
 div.player img.t3_10 {
     background-image:url(../../img/t/t3_10.jpg);
}
 div.player img.t3_2 {
     background-image:url(../../img/t/t3_2.jpg);
}
 div.player img.t3_3 {
     background-image:url(../../img/t/t3_3.jpg);
}
 div.player img.t3_4 {
     background-image:url(../../img/t/t3_4.jpg);
}
 div.player img.t3_5 {
     background-image:url(../../img/t/t3_5.jpg);
}
 div.player img.t3_6 {
     background-image:url(../../img/t/t3_6.jpg);
}
 div.player img.t3_7 {
     background-image:url(../../img/t/t3_7.jpg);
}
 div.player img.t3_8 {
     background-image:url(../../img/t/t3_8.jpg);
}
 div.player img.t3_9 {
     background-image:url(../../img/t/t3_9.jpg);
}
 div.player img.t4_1 {
     background-image:url(../../img/t/t4_1.jpg);
}
 div.player img.t4_10 {
     background-image:url(../../img/t/t4_10.jpg);
}
 div.player img.t4_2 {
     background-image:url(../../img/t/t4_2.jpg);
}
 div.player img.t4_3 {
     background-image:url(../../img/t/t4_3.jpg);
}
 div.player img.t4_4 {
     background-image:url(../../img/t/t4_4.jpg);
}
 div.player img.t4_5 {
     background-image:url(../../img/t/t4_5.jpg);
}
 div.player img.t4_6 {
     background-image:url(../../img/t/t4_6.jpg);
}
 div.player img.t4_7 {
     background-image:url(../../img/t/t4_7.jpg);
}
 div.player img.t4_8 {
     background-image:url(../../img/t/t4_8.jpg);
}
 div.player img.t4_9 {
     background-image:url(../../img/t/t4_9.jpg);
}
 div.player img.t5_1 {
     background-image:url(../../img/t/t5_1.jpg);
}
 div.player img.t5_10 {
     background-image:url(../../img/t/t5_10.jpg);
}
 div.player img.t5_2 {
     background-image:url(../../img/t/t5_2.jpg);
}
 div.player img.t5_3 {
     background-image:url(../../img/t/t5_3.jpg);
}
 div.player img.t5_4 {
     background-image:url(../../img/t/t5_4.jpg);
}
 div.player img.t5_5 {
     background-image:url(../../img/t/t5_5.jpg);
}
 div.player img.t5_6 {
     background-image:url(../../img/t/t5_6.jpg);
}
 div.player img.t5_7 {
     background-image:url(../../img/t/t5_7.jpg);
}
 div.player img.t5_8 {
     background-image:url(../../img/t/t5_8.jpg);
}
 div.player img.t5_9 {
     background-image:url(../../img/t/t5_9.jpg);
}
 div.player img.t6_1 {
     background-image:url(../../img/t/t6_1.jpg);
}
 div.player img.t6_10 {
     background-image:url(../../img/t/t6_10.jpg);
}
 div.player img.t6_2 {
     background-image:url(../../img/t/t6_2.jpg);
}
 div.player img.t6_3 {
     background-image:url(../../img/t/t6_3.jpg);
}
 div.player img.t6_4 {
     background-image:url(../../img/t/t6_4.jpg);
}
 div.player img.t6_5 {
     background-image:url(../../img/t/t6_5.jpg);
}
 div.player img.t6_6 {
     background-image:url(../../img/t/t6_6.jpg);
}
 div.player img.t6_7 {
     background-image:url(../../img/t/t6_7.jpg);
}
 div.player img.t6_8 {
     background-image:url(../../img/t/t6_8.jpg);
}
 div.player img.t6_9 {
     background-image:url(../../img/t/t6_9.jpg);
}
 div.player img.t10_1 {
     background-image:url(../../img/t/t10_1.jpg);
}
 div.player img.t10_2 {
     width:247px;
     height:195px;
     background-image:url(../../img/t/t10_2.jpg);
}
 div.alliance img.a1_1,body.manual img.a1_1 {
     background-image:url(../../img/t/a1_1.jpg);
}
 div.alliance img.a1_2,body.manual img.a1_2 {
     background-image:url(../../img/t/a1_2.jpg);
}
 div.alliance img.a1_3,body.manual img.a1_3 {
     background-image:url(../../img/t/a1_3.jpg);
}
 div.alliance img.a1_4,body.manual img.a1_4 {
     background-image:url(../../img/t/a1_4.jpg);
}
 div.alliance img.a1_5 {
     background-image:url(../../img/t/a1_5.jpg);
}
 div.alliance img.a1_6 {
     background-image:url(../../img/t/a1_6.jpg);
}
 div.alliance img.a1_7 {
     background-image:url(../../img/t/a1_7.jpg);
}
 div.alliance img.a1_8 {
     background-image:url(../../img/t/a1_8.jpg);
}
 div.alliance img.a1_9 {
     background-image:url(../../img/t/a1_9.jpg);
}
 div.alliance img.a1_10 {
     background-image:url(../../img/t/a1_10.jpg);
}
 div.alliance img.a2_1 {
     background-image:url(../../img/t/a2_1.jpg);
}
 div.alliance img.a2_2 {
     background-image:url(../../img/t/a2_2.jpg);
}
 div.alliance img.a2_3 {
     background-image:url(../../img/t/a2_3.jpg);
}
 div.alliance img.a2_4 {
     background-image:url(../../img/t/a2_4.jpg);
}
 div.alliance img.a2_5 {
     background-image:url(../../img/t/a2_5.jpg);
}
 div.alliance img.a2_6 {
     background-image:url(../../img/t/a2_6.jpg);
}
 div.alliance img.a2_7 {
     background-image:url(../../img/t/a2_7.jpg);
}
 div.alliance img.a2_8 {
     background-image:url(../../img/t/a2_8.jpg);
}
 div.alliance img.a2_9 {
     background-image:url(../../img/t/a2_9.jpg);
}
 div.alliance img.a2_10 {
     background-image:url(../../img/t/a2_10.jpg);
}
 div.alliance img.a3_1 {
     background-image:url(../../img/t/a3_1.jpg);
}
 div.alliance img.a3_2 {
     background-image:url(../../img/t/a3_2.jpg);
}
 div.alliance img.a3_3 {
     background-image:url(../../img/t/a3_3.jpg);
}
 div.alliance img.a3_4 {
     background-image:url(../../img/t/a3_4.jpg);
}
 div.alliance img.a3_5 {
     background-image:url(../../img/t/a3_5.jpg);
}
 div.alliance img.a3_6 {
     background-image:url(../../img/t/a3_6.jpg);
}
 div.alliance img.a3_7 {
     background-image:url(../../img/t/a3_7.jpg);
}
 div.alliance img.a3_8 {
     background-image:url(../../img/t/a3_8.jpg);
}
 div.alliance img.a3_9 {
     background-image:url(../../img/t/a3_9.jpg);
}
 div.alliance img.a3_10 {
     background-image:url(../../img/t/a3_10.jpg);
}
 div.alliance img.a4_1 {
     background-image:url(../../img/t/a4_1.jpg);
}
 div.alliance img.a4_2 {
     background-image:url(../../img/t/a4_2.jpg);
}
 div.alliance img.a4_3 {
     background-image:url(../../img/t/a4_3.jpg);
}
 div.alliance img.a4_4 {
     background-image:url(../../img/t/a4_4.jpg);
}
 div.alliance img.a4_5 {
     background-image:url(../../img/t/a4_5.jpg);
}
 div.alliance img.a4_6 {
     background-image:url(../../img/t/a4_6.jpg);
}
 div.alliance img.a4_7 {
     background-image:url(../../img/t/a4_7.jpg);
}
 div.alliance img.a4_8 {
     background-image:url(../../img/t/a4_8.jpg);
}
 div.alliance img.a4_9 {
     background-image:url(../../img/t/a4_9.jpg);
}
 div.alliance img.a4_10 {
     background-image:url(../../img/t/a4_10.jpg);
}

div.messages table#overview td.send img.acp {
width:10px;
height:10px;
background-image:url(../../img/a/external.gif);
}

div.messages table#friendlist img.accept {
width:12px;
height:12px;
background-image:url(../../img/a/acc.gif);
}

div.reports td.report_content img.easter {
width:44px;
height:18px;
background-image:url(../../img/r/easter.gif);
}

div.reports td.report_content img.xmas {
width:21px;
height:24px;
background-image:url(../../img/r/xmas.gif);
}

div.reports td.report_content img.newy {
width:28px;
height:24px;
background-image:url(../../img/r/newy.gif);
}

div.forum img.add {
width:16px;
height:16px;
background-image:url(../../img/f/plus.gif);
}

div.forum a.mad img {
width:31px;
height:29px;
background-image:url(../../img/f/mad.gif);
}

div.forum table td.ico img {
width:26px;
height:25px;
}

div.forum table td.ico a img,div.forum table td.pcontent div.admin a img {
width:12px;
height:12px;
}

div.forum table td.ico a.edit img,div.forum table td.pcontent div.admin a.edit img {
background-image:url(../../img/f/edit.gif);
}

div.forum table td.ico a.fdel img,div.forum table td.pcontent div.admin a.fdel img {
background-image:url(../../img/a/del.gif);
}

div.forum table td.ico a.down_arr img {
background-image:url(../../img/f/down_arr.gif);
}

div.forum table td.ico a.up_arr img {
background-image:url(../../img/f/up_arr.gif);
}

div.forum table td.ico a.unlock img {
background-image:url(../../img/f/unlock.gif);
}

div.forum table td.ico a.lock img {
background-image:url(../../img/f/lock.gif);
}

div.forum table td.ico a.pin img {
background-image:url(../../img/f/pin.gif);
}

div.forum table td.ico a.unpin img {
background-image:url(../../img/f/unpin.gif);
}

div.forum table td.ico img.folder {
background-image:url(../../img/f/folder.gif);
}

div.forum table td.ico img.folder_lock {
background-image:url(../../img/f/folder_lock.gif);
}

div.forum table td.ico img.folder_new {
background-image:url(../../img/f/folder_new.gif);
}

div.forum table td.ico img.folder_new_lock {
background-image:url(../../img/f/folder_new_lock.gif);
}

div.forum table td.ico img.folder_sticky {
background-image:url(../../img/f/folder_sticky.gif);
}

div.forum table td.ico img.folder_sticky_lock {
background-image:url(../../img/f/folder_sticky_lock.gif);
}

div.forum table td.ico img.folder_new_sticky {
background-image:url(../../img/f/folder_new_sticky.gif);
}

div.forum table td.ico img.folder_new_sticky_lock {
background-image:url(../../img/f/folder_new_sticky_lock.gif);
}

div.forum table td.ico img.v_folder {
background-image:url(../../img/f/v_folder.gif);
}

div.forum table td.ico img.v_folder_lock {
background-image:url(../../img/f/v_folder_lock.gif);
}

div.forum table td.ico img.v_folder_new {
background-image:url(../../img/f/v_folder_new.gif);
}

div.forum table td.ico img.v_folder_new_lock {
background-image:url(../../img/f/v_folder_new_lock.gif);
}

div.forum table td.ico img.v_folder_sticky {
background-image:url(../../img/f/v_folder_sticky.gif);
}

div.forum table td.ico img.v_folder_sticky_lock {
background-image:url(../../img/f/v_folder_sticky_lock.gif);
}

div.forum table td.ico img.v_folder_new_sticky {
background-image:url(../../img/f/v_folder_new_sticky.gif);
}

div.forum table td.ico img.v_folder_new_sticky_lock {
background-image:url(../../img/f/v_folder_new_sticky_lock.gif);
}

div.forum table#topics td.last img.latest_reply {
width:18px;
height:9px;
background-image:url(../../img/f/icon_latest_reply.gif);
}

div#build.gid27 table td.icon img {
    width: 16px;
    height: 16px;
    background-image: url(../../img/misc/artefacts.gif);
}
div#build.gid27 table td.icon img.artefact_icon_1 {
    background-position: 0 0;
}

div#build.gid27 table td.icon img.artefact_icon_2 {
    background-position: -16px 0;
}

div#build.gid27 table td.icon img.artefact_icon_3 {
    background-position: -32px 0;
}

div#build.gid27 table td.icon img.artefact_icon_4 {
    background-position: -48px 0;
}

div#build.gid27 table td.icon img.artefact_icon_8 {
    background-position: -64px 0;
}
div#build.gid27 table td.icon img.artefact_icon_10 {
    background-position: 0 0;
}

div#build.gid27 table td.icon img.artefact_icon_11 {
    background-position: -32px 0;
}
div#build.gid27 table td.icon img.artefact_icon_6 {
    background-position: -80px 0;
}

div#build.gid27 table td.icon img.artefact_icon_7 {
    background-position: -96px 0;
}

div#build.gid27 table td.icon img.artefact_icon_5 {
    background-position: -96px 0;
}

div#build.gid27 table td.icon img.artefact_icon_9 {
    background-position: -128px 0;
}

img.cropfinder_icon {
width:20px;
height:20px;
background-image:url(../../img/misc/cropfinder.gif);
}

div#build.gid27 div.artefact {
    background-position: center bottom;
    background-repeat: no-repeat;
}

div#build.gid27 div.artefact.image-1 {
    padding-bottom: 223px;
    background-image: url(../../img/artefact/type-1.jpg);
}

div#build.gid27 div.artefact.image-2 {
    padding-bottom: 200px;
    background-image: url(../../img/artefact/type-2.gif);
}

div#build.gid27 div.artefact.image-3 {
    padding-bottom: 157px;
    background-image: url(../../img/artefact/type-4.jpg);
}

div#build.gid27 div.artefact.image-4 {
    padding-bottom: 170px;
    background-image: url(../../img/artefact/type-4.jpg);
}

div#build.gid27 div.artefact.image-5 {
    padding-bottom: 160px;
    background-image: url(../../img/artefact/type-9.jpg);
}

div#build.gid27 div.artefact.image-6 {
    padding-bottom: 198px;
    background-image: url(../../img/artefact/type-6.gif);
}

div#build.gid27 div.artefact.image-7 {
    padding-bottom: 161px;
    background-image: url(../../img/artefact/type-9.jpg);
}

div#build.gid27 div.artefact.image-8 {
    padding-bottom: 161px;
    background-image: url(../../img/artefact/type-6.gif);
}

div#build.gid27 div.artefact.image-9 {
    padding-bottom: 252px;
    background-image: url(../../img/artefact/type-fool.gif);
}

div#build.gid27 div.artefact.image-10 {
    padding-bottom: 252px;
    background-image: url(../../img/artefact/type-10.jpg);
}



div.forum table td.input_icons img.smiley,div.forum table#posts td.pcontent div.text img.smiley {
width:19px;
height:16px;
background-image:url(../../img/f/smileys.gif);
}

div.forum table td.input_icons img.aha,div.forum table#posts td.pcontent div.text img.aha {
background-position:0 0;
}

div.forum table td.input_icons img.angry,div.forum table#posts td.pcontent div.text img.angry {
background-position:-22px 0;
}

div.forum table td.input_icons img.cool,div.forum table#posts td.pcontent div.text img.cool {
background-position:-44px 0;
}

div.forum table td.input_icons img.cry,div.forum table#posts td.pcontent div.text img.cry {
background-position:-66px 0;
}

div.forum table td.input_icons img.cute,div.forum table#posts td.pcontent div.text img.cute {
background-position:-88px 0;
}

div.forum table td.input_icons img.depressed,div.forum table#posts td.pcontent div.text img.depressed {
background-position:-110px 0;
}

div.forum table td.input_icons img.eek,div.forum table#posts td.pcontent div.text img.eek {
background-position:-132px 0;
}

div.forum table td.input_icons img.ehem,div.forum table#posts td.pcontent div.text img.ehem {
background-position:-154px 0;
}

div.forum table td.input_icons img.emotional,div.forum table#posts td.pcontent div.text img.emotional {
background-position:-176px 0;
}

div.forum table td.input_icons img.grin,div.forum table#posts td.pcontent div.text img.grin {
background-position:-198px 0;
}

div.forum table td.input_icons img.happy,div.forum table#posts td.pcontent div.text img.happy {
background-position:-220px 0;
}

div.forum table td.input_icons img.hit,div.forum table#posts td.pcontent div.text img.hit {
background-position:-242px 0;
}

div.forum table td.input_icons img.hmm,div.forum table#posts td.pcontent div.text img.hmm {
background-position:-264px 0;
}

div.forum table td.input_icons img.hmpf,div.forum table#posts td.pcontent div.text img.hmpf {
background-position:-286px 0;
}

div.forum table td.input_icons img.hrhr,div.forum table#posts td.pcontent div.text img.hrhr {
background-position:-308px 0;
}

div.forum table td.input_icons img.huh,div.forum table#posts td.pcontent div.text img.huh {
background-position:-330px 0;
}

div.forum table td.input_icons img.lazy,div.forum table#posts td.pcontent div.text img.lazy {
background-position:-352px 0;
}

div.forum table td.input_icons img.love,div.forum table#posts td.pcontent div.text img.love {
background-position:-374px 0;
}

div.forum table td.input_icons img.nocomment,div.forum table#posts td.pcontent div.text img.nocomment {
background-position:-396px 0;
}

div.forum table td.input_icons img.noemotion,div.forum table#posts td.pcontent div.text img.noemotion {
background-position:-418px 0;
}

div.forum table td.input_icons img.notamused,div.forum table#posts td.pcontent div.text img.notamused {
background-position:-440px 0;
}

div.forum table td.input_icons img.pout,div.forum table#posts td.pcontent div.text img.pout {
background-position:-462px 0;
}

div.forum table td.input_icons img.redface,div.forum table#posts td.pcontent div.text img.redface {
background-position:-484px 0;
}

div.forum table td.input_icons img.rolleyes,div.forum table#posts td.pcontent div.text img.rolleyes {
background-position:-506px 0;
}

div.forum table td.input_icons img.sad,div.forum table#posts td.pcontent div.text img.sad {
background-position:-528px 0;
}

div.forum table td.input_icons img.shy,div.forum table#posts td.pcontent div.text img.shy {
background-position:-550px 0;
}

div.forum table td.input_icons img.smile,div.forum table#posts td.pcontent div.text img.smile {
background-position:-572px 0;
}

div.forum table td.input_icons img.tongue,div.forum table#posts td.pcontent div.text img.tongue {
background-position:-594px 0;
}

div.forum table td.input_icons img.veryangry,div.forum table#posts td.pcontent div.text img.veryangry {
background-position:-616px 0;
}

div.forum table td.input_icons img.veryhappy,div.forum table#posts td.pcontent div.text img.veryhappy {
background-position:-638px 0;
}

div.forum table td.input_icons img.wink,div.forum table#posts td.pcontent div.text img.wink {
background-position:-660px 0;
}

div#side_info table thead td img.tSwitch {
width:13px;
height:13px;
}

table#llist img.closed,table#vlist img.closed {
background-image:url(../../img/a/closed.gif);
}

table#llist img.opened,table#vlist img.opened {
background-image:url(../../img/a/opened.gif);
}

div.village2 img#lswitch {
background:url(../../img/g/s/glvlp.gif);
}

div.village2 img#lswitch.on {
background:url(../../img/g/s/glvlm.gif);
}

img.plus {
width:13px;
height:13px;
background-image:url(../../img/a/plus.gif);
}

img.minus {
width:13px;
height:13px;
background-image:url(../../img/a/minus.gif);
}

div.alliance div#submenu img,div.statistics div#submenu img {
background-position:0 top;
width:30px;
height:30px;
}

div.alliance div#submenu img.active,div.statistics div#submenu img.active {
background-position:0 bottom;
}

div.alliance div#submenu img.btn_def,div.statistics div#submenu img.btn_def {
background-image:url(../../img/s/def.gif);
}
div.alliance div#submenu img.Import,div.statistics div#submenu img.Import {
background-image:url(../../img/s/Import.png);
}

div.alliance div#submenu img.btn_off,div.statistics div#submenu img.btn_off {
background-image:url(../../img/s/off.gif);
}

div.statistics div#submenu img.btn_top10 {
background-image:url(../../img/s/top10.gif);
}

div.statistics div#submenu2 img {
background-position:0 top;
width:30px;
height:30px;
}

div.statistics div#submenu2 img.active {
background-position:0 bottom;
}

div.statistics div#submenu2 img.btn_v1 {
    background-image: url(../../img/s/v1.gif);
    width:25px; height:25px;
}

div.statistics div#submenu2 img.btn_v2 {
    background-image: url(../../img/s/v2.gif);
    width:25px; height:25px;
}

div.statistics div#submenu2 img.btn_v3 {
    background-image: url(../../img/s/v3.gif);
    width:25px; height:25px;
}

div.statistics div#submenu2 img.btn_v6 {
    background-image: url(../../img/s/v6.gif);
    width:25px; height:25px;
}

div.statistics div#submenu2 img.btn_v7 {
    background-image: url(../../img/s/v7.gif);
    width:25px; height:25px;
}

div.statistics div#submenu2 img.btn_v8 {
    background-image: url(../../img/s/v8.gif);
    width:25px; height:25px;
}

div.statistics div#submenu2 img.btn_v9 {
    background-image: url(../../img/s/v9.gif);
    width:25px; height:25px;
}

div.statistics div#submenu2 img.btn_v10 {
    background-image: url(../../img/s/v10.gif);
    width:25px; height:25px;
    
}

div.statistics div#submenu2 img.btn_v11 {
    background-image: url(../../img/s/v11.gif);
    width:25px; height:25px;
}



div.forum img.switch_admin {
background-image:url(../../img/f/switch_admin.gif);
width:47px;
height:20px;
}


div#mid {
background-image:url(../../img/a/rand.gif);
background-repeat:repeat-y;
background-position:right 0;
}

div#footer {
background-image:url(../../img/a/btm.gif);
background-repeat:repeat-x;
}

div#side_navi p.deltimer a:hover {
background:none;
}

div#side_navi a:hover {
background-image:url(../../img/a/n_rtl.gif);
}

div#side_navi a#logo:hover {
background:none;
}

div.map div#map div#map_content {
background-image:url(../../img/m/map.jpg);
background-position:2px 0;
}

div#mbig {
background-color:#fff;
}

div#mbig div#map {
background-image:url(../../img/m/mapl.gif);
}

div.messages div#read_head {
background-image:url(../../img/msg/block_bg21.png);
background-position:top right;
}

div.messages div#read_content {
background-image:url(../../img/msg/block_bg22.png);
background-repeat:repeat-y;
background-position:top right;
}

div.messages div#read_content #heading div {
background-image:url(../../img/msg/underline.gif);
background-repeat:repeat-x;
background-position:right -2px;
}

div.messages div#read_content #line {
background-image:url(../../img/msg/block_bg25.png);
background-position:bottom right;
}

div.messages div#read_content #message {
background-image:url(../../img/msg/underline.gif);
background-repeat:repeat;
}

div.messages div#read_foot {
background-image:url(../../img/msg/block_bg23.png);
background-position:bottom right;
}

div.messages div#write_head {
background-image:url(../../img/msg/block_bg21.png);
background-position:top right;
}

div.messages div#write_content {
background-image:url(../../img/msg/block_bg22.png);
background-repeat:repeat-y;
background-position:top right;
}

div.messages div#write_content #line {
background-image:url(../../img/msg/block_bg25.png);
background-position:bottom right;
}

div.messages div#write_content #heading input,div.messages div#write_content #heading a {
background-image:url(../../img/msg/underline.gif);
background-repeat:repeat-x;
background-position:right -2px;
}

div.messages div#write_content textarea,div.messages div#write_content span {
background-image:url(../../img/msg/underline.gif);
background-repeat:repeat;
}

div.messages div#write_foot {
background-image:url(../../img/msg/block_bg23.png);
background-position:bottom right;
}

div.messages div#adressbook {
background-image:url(../../img/a/adr_rtl.gif);
}

div.messages div#block {
background-image:url(../../img/msg/block_bg.gif);
}

div.messages div#block textarea {
background-image:url(../../img/msg/underline.gif);
background-repeat:repeat;
}

div#build.gid37 table#distribution td.xp img.bar {
height:10px;
background-image:url(../../img/a/c3.gif);
background-repeat:repeat-x;
}

div#dynamic_header {
background-image:url(../../img/l/dyn_bg1.jpg);
background-position:50% 0;
}

body.mod1 div#dynamic_header,body.mod2 div#dynamic_header {
background-image:none;
}

body.mod1 div#dynamic_header div.dyn1 {
background-image:url(../../img/l/ad1.jpg);
background-position:-20px 0;
}

body.mod1 div#dynamic_header div.dyn2 {
background-image:url(../../img/l/ad2.jpg);
}

body.mod2 div#dynamic_header div.dyn1 {
background-image:url(../../img/l/bigsize_bg.jpg);
background-position:-100px 0;
}

body.mod3 div#dynamic_header div.dyn1 {
background-image:url(../../img/l/skyscraper_bg.gif);
}

div.forum table#poll thead th {
background-image:url(../../img/f/c4.gif);
background-repeat:repeat;
}

div.alliance div.chatHeader {
text-align:center;
background-image: linear-gradient(#fff,#d7d7d7);
}

div.popup3 {
background-image:url(../../img/a/anl_rtl.gif);
}

div.popup3 img.xlo {
width:32px;
height:32px;
background-image:url(../../img/misc/xlo.gif);
}

div.player div#gpack_popup {
background-image:url(../../img/a/gp.gif);
}

div#side_info div#qge img#qgei {
height:220px;
}

div#side_info div#qge img.q_l1 {
width:125px;
background-image:url(../../img/q/l1.jpg);
}

div#side_info div#qge img.q_l1g {
width:125px;
background-image:url(../../img/q/l1g.jpg);
}

div#side_info div#qge img.q_l5 {
width:125px;
background-image:url(../../img/q/l5.jpg);
}

div#side_info div#qge img.q_l5g {
width:125px;
background-image:url(../../img/q/l5g.jpg);
}

div#side_info div#qge img.q_l2 {
width:164px;
background-image:url(../../img/q/l2.jpg);
}

div#side_info div#qge img.q_l2g {
width:164px;
background-image:url(../../img/q/l2g.jpg);
}

div#side_info div#qge img.q_l3 {
width:146px;
background-image:url(../../img/q/l3.jpg);
}

div#side_info div#qge img.q_l3g {
width:146px; 
background-image:url(../../img/q/l3g.jpg);
}

div#side_info div#qge img.q_l6 {
width:146px;
background-image:url(../../img/q/l6.jpg);
}

div#side_info div#qge img.q_l6g {
width:146px;
background-image:url(../../img/q/l6g.jpg);
}

div#side_info div#qge img.q_l7 {
width:190px;
background-image:url(../../img/q/l7.jpg);
}

div#side_info div#qge img.q_l7g {
width:190px;
background-image:url(../../img/q/l7g.jpg);
}

div#side_info div#qge img.q_l8 {
width:146px;
background-image:url(../../img/q/l8.jpg);
}

div#side_info div#qge img.q_l8g {
width:146px;
background-image:url(../../img/q/l8g.jpg);
}

div#side_info div#qge img.q_l9 {
width:146px;
background-image:url(../../img/q/l9.jpg);
}

div#side_info div#qge img.q_l9g {
width:146px;
background-image:url(../../img/q/l9g.jpg);
}

div.quest div#qstbg {
height:398px;
width:428px;
position:absolute;
right:11px;
top:75px;
z-index:1;
background-position:bottom;
background-color:white;
}

div.quest div.allres {
height:160px;
background-image:url(../../img/q/allres.jpg);
}

div.quest div.army {
height:169px;
background-image:url(../../img/q/army.jpg);
}

div.quest div.barracks {
height:180px;
background-image:url(../../img/q/barracks.jpg);
}

div.quest div.clay_iron {
height:199px;
background-image:url(../../img/q/clay_iron.jpg);
}

div.quest div.cost {
height:242px;
background-image:url(../../img/q/cost.jpg);
}

div.quest div.farm {
height:181px;
background-image:url(../../img/q/farm.jpg);
}

div.quest div.granary_rally {
height:163px;
background-image:url(../../img/q/granary_rally.jpg);
}

div.quest div.hide {
height:179px;
background-image:url(../../img/q/hide.jpg);
display:block;
}

div.quest div.intro {
height:165px;
background-image:url(../../img/q/intro.jpg);
}

div.quest div.main {
height:234px;
background-image:url(../../img/q/main.jpg);
}

div.quest div.market {
height:165px;
background-image:url(../../img/q/market.jpg);
}

div.quest div.medal {
height:214px;
background-image:url(../../img/q/medal.jpg);
}

div.quest div.msg {
height:167px;
background-image:url(../../img/q/msg.jpg);
}

div.quest div.neighbour {
height:160px;
background-image:url(../../img/q/neighbour.jpg);
}

div.quest div.new_village {
height:208px;
background-image:url(../../img/q/new_village.jpg);
}

div.quest div.rank {
height:238px;
background-image:url(../../img/q/rank.jpg);
}

div.quest div.units {
height:166px;
background-image:url(../../img/q/units.jpg);
}

div.quest div.village_name {
height:160px;
background-image:url(../../img/q/village_name.jpg);
}

div.quest div.warehouse {
height:179px;
background-image:url(../../img/q/warehouse.jpg);
}

div.quest div.wood {
height:237px;
background-image:url(../../img/q/wood.jpg);
}

a#_n0 img,a#_n1 img,a#_n2 img,a#_n3 img,a#_n4 img,a#n0 img,a#n1 img,a#n2 img,a#n3 img,a#n4 img,div#n5 {
background-position:0 -21px;
background-repeat:no-repeat;
height:67px;
width:70px;
}

a#x1 img,a#x2 img,a#x3 img,a#x4 img,a#x5 img{
background-position:0 -21px;
background-repeat:no-repeat;
height:67px;
width:70px;
}
/*
body.v35 a#n0 img,body.v35 a#_n0 img {
background-image:url(../../img/l/n0.png);
}*/

body.v35 a#n1 img,body.v35 a#_n1 img {
background-image:url(../../img/l/n1.gif);
}

body.v35 a#n2 img,body.v35 a#_n2 img {
background-image:url(../../img/l/n2.gif);
}

body.v35 a#n3 img,body.v35 a#_n3 img {
background-image:url(../../img/l/n3.gif);
}

body.v35 a#n4 img,body.v35 a#_n4 img {
background-image:url(../../img/l/n4.gif);
}

body.v3 a#n1 img {
background-image:url(../../img/l/n1_30.gif);
}

body.v3 a#n2 img {
background-image:url(../../img/l/n2_30.gif);
}

body.v3 a#n3 img {
background-image:url(../../img/l/n3_30.gif);
}

body.v3 a#n4 img {
background-image:url(../../img/l/n4_30.gif);
}

a#n0:hover img,a#n1:hover img,a#n2:hover img,a#n3:hover img,a#n4:hover img {
background-position:0 -121px;
}
a#_n0 img,a#_n1 img,a#_n2 img,a#_n3 img,a#_n4 img {
background-position:0 -121px;
}
a#x1:hover img,a#x2:hover img,a#x3:hover img,a#x4:hover img,a#x5:hover img {
background-position:0 -121px;
}

div#n5 img {
height:67px;
width:35px;
}

body.v35 div.i1 {
background-image:url(../../img/l/m1.gif);
}

body.v35 div.i2 {
background-image:url(../../img/l/m2.gif);
}

body.v35 div.i3 {
background-image:url(../../img/l/m3.gif);
}

body.v35 div.i4 {
background-image:url(../../img/l/m4.gif);
}

body.v3 div.i1 {
background-image:url(../../img/l/m1_30.gif);
}

body.v3 div.i2 {
background-image:url(../../img/l/m2_30.gif);
}

body.v3 div.i3 {
background-image:url(../../img/l/m3_30.gif);
}

body.v3 div.i4 {
background-image:url(../../img/l/m4_30.gif);
}

img.building {
width:75px;
height:100px;
}

img.g16,img.g16b,img.g16n,img.dx1 {
width:69px;
height:120px;
}

img.g40,img.ww {
width:214px;
}

img.g1 {
background-image:url(../../img/g/g1.gif);
}

img.g2 {
background-image:url(../../img/g/g2.gif);
}

img.g3 {
background-image:url(../../img/g/g3.gif);
}

img.g4 {
background-image:url(../../img/g/g4.gif);
}

img.g5 {
background-image:url(../../img/g/g5.png);
}

img.g5b {
background-image:url(../../img/g/g5b.gif);
}

img.g6 {
background-image:url(../../img/g/g6.gif);
}

img.g6b {
background-image:url(../../img/g/g6b.gif);
}

img.g7 {
background-image:url(../../img/g/g7.gif);
}

img.g7b {
background-image:url(../../img/g/g7b.gif);
}

img.g8 {
background-image:url(../../img/g/g8.png);
}

img.g8b {
background-image:url(../../img/g/g8b.gif);
}

img.g9 {
background-image:url(../../img/g/g9.gif);
}

img.g9b {
background-image:url(../../img/g/g9b.gif);
}

img.g10 {
background-image:url(../../img/g/g10.png);
}

img.g10b {
background-image:url(../../img/g/g10b.gif);
}

img.g11 {
background-image:url(../../img/g/g11.png);
}

img.g11b {
background-image:url(../../img/g/g11b.gif);
}

img.g12 {
background-image:url(../../img/g/g12.gif);
}

img.g12b {
background-image:url(../../img/g/g12b.gif);
}

img.g13 {
background-image:url(../../img/g/g12.gif);
}

img.g13b {
background-image:url(../../img/g/g12b.gif);
}

img.g14 {
background-image:url(../../img/g/g14.png);
}

img.g14b {
background-image:url(../../img/g/g14b.gif);
}

img.g15 {
background-image:url(../../img/g/g15.png);
}

img.g15b {
background-image:url(../../img/g/g15b.gif);
}

img.g44 {
background-image:url(../../img/g/g44.png);
}

img.g44b {
background-image:url(../../img/g/g44b.png);
}

img.g16 {
background-image:url(../../img/g/g16.gif);
}

img.g16b {
background-image:url(../../img/g/g16b.gif);
}

img.g16e {
background-image:url(../../img/g/g16e.gif);
}

img.g17 {
background-image:url(../../img/g/g17.png);
}

img.g17b {
background-image:url(../../img/g/g17b.gif);
}

img.g18 {
background-image:url(../../img/g/g18.png);
}

img.g18b {
background-image:url(../../img/g/g18b.gif);
}

img.g19 {
background-image:url(../../img/g/g19.png);
}

img.g19b {
background-image:url(../../img/g/g19b.gif);
}

img.g20 {
background-image:url(../../img/g/g20.png);
}

img.g20b {
background-image:url(../../img/g/g20b.gif);
}

img.g21 {
background-image:url(../../img/g/g21.png);
}

img.g21b {
background-image:url(../../img/g/g21b.gif);
}

img.g22 {
background-image:url(../../img/g/g22.png);
}

img.g22b {
background-image:url(../../img/g/g22b.gif);
}

img.g23 {
background-image:url(../../img/g/g23.png);
}

img.g23b {
background-image:url(../../img/g/g23b.gif);
}

img.g24 {
background-image:url(../../img/g/g24.gif);
}

img.g24b {
background-image:url(../../img/g/g24b.gif);
}

img.g25 {
background-image:url(../../img/g/g25.png);
}

img.g25b {
background-image:url(../../img/g/g25b.gif);
}

img.g26 {
background-image:url(../../img/g/g26.png);
}

img.g26b {
background-image:url(../../img/g/g26b.gif);
}

img.g27 {
background-image:url(../../img/g/g27.png);
}

img.g27b {
background-image:url(../../img/g/g27b.gif);
}

img.g28 {
background-image:url(../../img/g/g28.png);
}

img.g28b {
background-image:url(../../img/g/g28b.gif);
}

img.g29 {
background-image:url(../../img/g/g29.gif);
}

img.g29b {
background-image:url(../../img/g/g29b.gif);
}

img.g30 {
background-image:url(../../img/g/g30.gif);
}

img.g30b {
background-image:url(../../img/g/g30b.gif);
}
img.g909 {
background-image:url(../../img/g/g909.gif);
}
img.g808 {
background-image:url(../../img/g/g808.gif);
}

img.g1111 {
background-image:url(../../img/g/g1111.gif);
}

img.g1010 {
background-image:url(../../img/g/g1010.gif);
}
img.g34 {
background-image:url(../../img/g/g34.gif);
}

img.g34b {
background-image:url(../../img/g/g34b.gif);
}

img.g36 {
background-image:url(../../img/g/g36.png);
}

img.g36b {
background-image:url(../../img/g/g36b.gif);
}

img.g37 {
background-image:url(../../img/g/g37.gif);
}

img.g37b {
background-image:url(../../img/g/g37b.gif);
}

img.g38 {
background-image:url(../../img/g/g38.gif);
}

img.g38b {
background-image:url(../../img/g/g38b.gif);
}

img.g39 {
background-image:url(../../img/g/g39.gif);
}

img.g39b {
background-image:url(../../img/g/g39b.gif);
}

img.g40 {
background-image:url(../../img/g/g40.gif);
height:154px;
}

img.g40_1 {
background-image:url(../../img/g/g40_1.gif);
height:167px;
}

img.g40_2 {
background-image:url(../../img/g/g40_2.gif);
height:193px;
}

img.g40_3 {
background-image:url(../../img/g/g40_3.gif);
height:230px;
}

img.g40_4 {
background-image:url(../../img/g/g40_4.gif);
height:239px;
}

img.g40_5 {
background-image:url(../../img/g/g40_5.gif);
height:302px;
}

img.g41 {
background-image:url(../../img/g/g41.gif);
}

img.g41b {
background-image:url(../../img/g/g41b.gif);
}

img.g42 {
background-image:url(../../img/g/g42.png);
}

img.g42b {
background-image:url(../../img/g/g42b.gif);
}

img.g43 {
background-image:url(../../img/g/g43.gif);
}

img.g43b {
background-image:url(../../img/g/g43b.gif);
}

img.g45 {
background-image:url(../../img/g/g1000.png);
background-size: contain;
background-position: bottom;
}

img.g45b {
background-image:url(../../img/g/g1000.png);
background-size: contain;
background-position: bottom;
}

div.village1 div.f1,div.map img.f1 {
background-image:url(../../img/g/f1.png);
}

div.village1 div.f2,div.map img.f2 {
background-image:url(../../img/g/f2.png);
}

div.village1 div.f3,div.map img.f3 {
background-image:url(../../img/g/f3.png);
}
div.village1 div.f13,div.map img.f13 {
background-image:url(../../img/g/f13.png?1);
}

div.village1 div.f4,div.map img.f4 {
background-image:url(../../img/g/f4.png);
}

div.village1 div.f5,div.map img.f5 {
background-image:url(../../img/g/f5.png);
}

div.village1 div.f6,div.map img.f6 {
background-image:url(../../img/g/f6.png);
}

div.village1 div.f7,div.map img.f7 {
background-image:url(../../img/g/f7.png);
}

div.village1 div.f8,div.map img.f8 {
background-image:url(../../img/g/f8.png);
}

div.village1 div.f9,div.map img.f9 {
background-image:url(../../img/g/f9.png);
}

div.village1 div.f10,div.map img.f10 {
background-image:url(../../img/g/f10.png);
}

div.village1 div.f11,div.map img.f11 {
background-image:url(../../img/g/f11.png);
}

div.village1 div.f12,div.map img.f12 {
background-image:url(../../img/g/f12.png);
}

div.village1 div.f99,div.map img.f99 {
background-image:url(../../img/g/f99.jpg);
}
div.village1 div#village_map img.level1,div.village1 div#village_map img.level2,div.village1 div#village_map img.level3,div.village1 div#village_map img.level4,div.village1 div#village_map img.level5,div.village1 div#village_map img.level6,div.village1 div#village_map img.level7,div.village1 div#village_map img.level8,div.village1 div#village_map img.level9,div.village1 div#village_map img.level10{background-image:url(../../img/g/s/lvl1_10.gif)}
div.village1 div#village_map img.level1_active,div.village1 div#village_map img.level2_active,div.village1 div#village_map img.level3_active,div.village1 div#village_map img.level4_active,div.village1 div#village_map img.level5_active,div.village1 div#village_map img.level6_active,div.village1 div#village_map img.level7_active,div.village1 div#village_map img.level8_active,div.village1 div#village_map img.level9_active,div.village1 div#village_map img.level10_active{background-image:url(../../img/g/s/lvl1_10_active.gif)}
div.village1 div#village_map img.level11,div.village1 div#village_map img.level12,div.village1 div#village_map img.level13,div.village1 div#village_map img.level14,div.village1 div#village_map img.level15,div.village1 div#village_map img.level16,div.village1 div#village_map img.level17,div.village1 div#village_map img.level18,div.village1 div#village_map img.level19,div.village1 div#village_map img.level20{background-image:url(../../img/g/s/lvl11_20.gif)}
div.village1 div#village_map img.level11_active,div.village1 div#village_map img.level12_active,div.village1 div#village_map img.level13_active,div.village1 div#village_map img.level14_active,div.village1 div#village_map img.level15_active,div.village1 div#village_map img.level16_active,div.village1 div#village_map img.level17_active,div.village1 div#village_map img.level18_active,div.village1 div#village_map img.level19_active,div.village1 div#village_map img.level20_active{background-image:url(../../img/g/s/lvl11_20_active.gif)}
div.village1 div#village_map img.level21,div.village1 div#village_map img.level22,div.village1 div#village_map img.level23,div.village1 div#village_map img.level24,div.village1 div#village_map img.level25{background-image:url(../../img/g/s/lvl21_30.gif)}
/*div.village1 div#village_map img.level21_active,div.village1 div#village_map img.level22_active,div.village1 div#village_map img.level23_active,div.village1 div#village_map img.level24_active,div.village1 div#village_map img.level25_active{background-image:url(../../img/g/s/lvl21_30_active.gif)}*/
div.village1 div#village_map img.level1,div#village_map img.level1_active,div.village1 div#village_map img.level11,div.village1 div#village_map img.level11_active,div.village1 div#village_map img.level21,div.village1 div#village_map img.level21_active{background-position:0 0}
div.village1 div#village_map img.level2,div.village1 div#village_map img.level2_active,div.village1 div#village_map img.level12,div.village1 div#village_map img.level12_active,div.village1 div#village_map img.level22,div.village1 div#village_map img.level22_active{background-position:-17px 0}
div.village1 div#village_map img.level3,div.village1 div#village_map img.level3_active,div.village1 div#village_map img.level13,div.village1 div#village_map img.level13_active,div.village1 div#village_map img.level23,div.village1 div#village_map img.level23_active{background-position:-34px 0}
div.village1 div#village_map img.level4,div.village1 div#village_map img.level4_active,div.village1 div#village_map img.level14,div.village1 div#village_map img.level14_active,div.village1 div#village_map img.level24,div.village1 div#village_map img.level24_active{background-position:-51px 0}
div.village1 div#village_map img.level5,div.village1 div#village_map img.level5_active,div.village1 div#village_map img.level15,div.village1 div#village_map img.level15_active,div.village1 div#village_map img.level25,div.village1 div#village_map img.level25_active{background-position:-68px 0}
div.village1 div#village_map img.level6,div.village1 div#village_map img.level6_active,div.village1 div#village_map img.level16,div.village1 div#village_map img.level16_active{background-position:-85px 0}
div.village1 div#village_map img.level7,div.village1 div#village_map img.level7_active,div.village1 div#village_map img.level17,div.village1 div#village_map img.level17_active{background-position:-102px 0}
div.village1 div#village_map img.level8,div.village1 div#village_map img.level8_active,div.village1 div#village_map img.level18,div.village1 div#village_map img.level18_active{background-position:-119px 0}
div.village1 div#village_map img.level9,div.village1 div#village_map img.level9_active,div.village1 div#village_map img.level19,div.village1 div#village_map img.level19_active{background-position:-136px 0}
div.village1 div#village_map img.level10,div.village1 div#village_map img.level10_active,div.village1 div#village_map img.level20,div.village1 div#village_map img.level20_active{background-position:-153px 0}

div.map img#detailed_map {
width:300px;
max-height:264px;
}

div.map img.w1 {
background-image:url(../../img/m/w1.jpg);
}

div.map img.w2 {
background-image:url(../../img/m/w2.jpg);
}

div.map img.w3 {
background-image:url(../../img/m/w3.jpg);
}

div.map img.w4 {
background-image:url(../../img/m/w4.jpg);
}

div.map img.w5 {
background-image:url(../../img/m/w5.jpg);
}

div.map img.w6 {
background-image:url(../../img/m/w6.jpg);
}

div.map img.w7 {
background-image:url(../../img/m/w7.jpg);
}

div.map img.w8 {
background-image:url(../../img/m/w8.jpg);
}

div.map img.w9 {
background-image:url(../../img/m/w9.jpg);
}

div.map img.w10 {
background-image:url(../../img/m/w10.jpg);
}

div.map img.w11 {
background-image:url(../../img/m/w11.jpg);
}

div.map img.w12 {
background-image:url(../../img/m/w12.jpg);
}
div.map img.w100{
    background-image:url(../../img/m/w100.jpg);
    background-size:cover;
    background-position:center;

    width:300px;
    height:300px;
    border-radius:50%;
    border:5px solid #FFD700;

    animation: fireGlow 1.5s infinite alternate;
}

@keyframes fireGlow{
    0%{
        box-shadow:
        0 0 15px #FFD700,
        0 0 25px orange,
        0 0 35px red;
    }
    100%{
        box-shadow:
        0 0 35px #FFD700,
        0 0 60px orange,
        0 0 90px red;
    }
}

div.village2 div.d2_0 {
background-image:url(../../img/g/bg0.png);
}

div.village2 div.d2_1 {
background-image:url(../../img/g/bg1.png);
}

div.village2 div.d2_11 {
background-image:url(../../img/g/bg11.png);
}

div.village2 div.d2_12 {
background-image:url(../../img/g/bg12.png);
}

div.build img.g31 {
background-image: url(../../img/g/bg11.png);
    background-size: 100%;
    background-position: bottom;
}

div.build img.g32 {
background-image: url(../../img/g/bg12.png);
    background-size: 100%;
    background-position: bottom;
}

div.build img.g33 {
background-image: url(../../img/g/bg1.png);
    background-size: 100%;
    background-position: bottom;
}
    
div.village2 div#village_map img.iso {
background-image:url(../../img/g/iso.gif);
}

div.village2 div#levels div {
background:url(../../img/g/s/glvl.gif);
}
div.village2 div#village_map img.purp{background-image:url(../../img/special/NewyearRocket_purple_1a.gif);}


div.village2 div#village_map img.yell{background-image:url(../../img/special/NewyearRocket_yellow_1a.gif);}


div.village2 div#village_map img.oran{background-image:url(../../img/special/NewyearRocket_orange_1a.gif);}


div.village2 div#village_map img.green{background-image:url(../../img/special/NewyearRocket_green_1a.gif);}


div.village2 div#village_map img.red{background-image:url(../../img/special/NewyearRocket_red_1a.gif);}


div#map div#map_content div.b00{background-image:url(../../img/m/d00.gif);}div#map div#map_content div.b01{background-image:url(../../img/m/d01.gif);}


div#map div#map_content div.b02{background-image:url(../../img/m/d02.gif);}div#map div#map_content div.b03{background-image:url(../../img/m/d03.gif);}


div#map div#map_content div.b04{background-image:url(../../img/m/d04.gif);}div#map div#map_content div.b05{background-image:url(../../img/m/d05.gif);}


div#map div#map_content div.b06{background-image:url(../../img/m/d06.gif);}div#map div#map_content div.b07{background-image:url(../../img/m/d07.gif);}


div#map div#map_content div.b08{background-image:url(../../img/m/d08.gif);}div#map div#map_content div.b09{background-image:url(../../img/m/d09.gif);}


div#map div#map_content div.b10{background-image:url(../../img/m/d10.gif);}div#map div#map_content div.b11{background-image:url(../../img/m/d11.gif);}


div#map div#map_content div.b12{background-image:url(../../img/m/d12.gif);}div#map div#map_content div.b13{background-image:url(../../img/m/d13.gif);}


div#map div#map_content div.b14{background-image:url(../../img/m/d14.gif);}div#map div#map_content div.b15{background-image:url(../../img/m/d15.gif);}


div#map div#map_content div.b16{background-image:url(../../img/m/d16.gif);}div#map div#map_content div.b17{background-image:url(../../img/m/d17.gif);}


div#map div#map_content div.b18{background-image:url(../../img/m/d18.gif);}div#map div#map_content div.b19{background-image:url(../../img/m/d19.gif);}


div#map div#map_content div.b20{background-image:url(../../img/m/d20.gif);}div#map div#map_content div.b21{background-image:url(../../img/m/d21.gif);}


div#map div#map_content div.b22{background-image:url(../../img/m/d22.gif);}div#map div#map_content div.b23{background-image:url(../../img/m/d23.gif);}


div#map div#map_content div.b24{background-image:url(../../img/m/d24.gif);}div#map div#map_content div.b25{background-image:url(../../img/m/d25.gif);}


div#map div#map_content div.b26{background-image:url(../../img/m/d26.gif);}div#map div#map_content div.b27{background-image:url(../../img/m/d27.gif);}


div#map div#map_content div.b28{background-image:url(../../img/m/d28.gif);}div#map div#map_content div.b29{background-image:url(../../img/m/d29.gif);}


div#map div#map_content div.b30{background-image:url(../../img/m/d30.gif);}div#map div#map_content div.b31{background-image:url(../../img/m/d31.gif);}


div#map div#map_content div.b32{background-image:url(../../img/m/d32.gif);}div#map div#map_content div.b33{background-image:url(../../img/m/d33.gif);}


div#map div#map_content div.b34{background-image:url(../../img/m/d34.gif);}div#map div#map_content div.b35{background-image:url(../../img/m/d35.gif);}


div#map div#map_content div.o0{background-image:url(../../img/m/o0.gif);}div#map div#map_content div.o1{background-image:url(../../img/m/o1.gif);}


div#map div#map_content div.o2{background-image:url(../../img/m/o2.gif);}div#map div#map_content div.o3{background-image:url(../../img/m/o3.gif);}


div#map div#map_content div.o4{background-image:url(../../img/m/o4.gif);}div#map div#map_content div.o5{background-image:url(../../img/m/o5.gif);}


div#map div#map_content div.o6{background-image:url(../../img/m/o6.gif);}div#map div#map_content div.o7{background-image:url(../../img/m/o7.gif);}


div#map div#map_content div.o8{background-image:url(../../img/m/o8.gif);}div#map div#map_content div.o9{background-image:url(../../img/m/o9.gif);}


div#map div#map_content div.o10{background-image:url(../../img/m/o10.gif);}div#map div#map_content div.o11{background-image:url(../../img/m/o11.gif);}


div#map div#map_content div.o12{background-image:url(../../img/m/o12.gif);}div#map div#map_content div.o99{background-image:url(../../img/m/o99.gif);}

div#map div#map_content div.o34{background-image:url(../../img/m/o34.png);}

div#map div#map_content div.o100{background-image:url(../../img/m/o100.gif);}


div#map div#map_content div.t0{background-image:url(../../img/m/t0.gif);}div#map div#map_content div.t1{background-image:url(../../img/m/t1.gif);}


div#map div#map_content div.t2{background-image:url(../../img/m/t2.gif);}div#map div#map_content div.t3{background-image:url(../../img/m/t3.gif);}


div#map div#map_content div.t4{background-image:url(../../img/m/t4.gif);}div#map div#map_content div.t5{background-image:url(../../img/m/t5.gif);}


div#map div#map_content div.t6{background-image:url(../../img/m/t6.gif);}div#map div#map_content div.t7{background-image:url(../../img/m/t7.gif);}


div#map div#map_content div.t8{background-image:url(../../img/m/t8.gif);}div#map div#map_content div.t9{background-image:url(../../img/m/t9.gif);}


div#map img#map_navibox{width:100px;height:60px;background-image:url(../../img/m/dir.gif);}

div.forum table#poll td.stat img {
height:12px;
}

div.forum table#poll td.stat img.stats-start {
width:5px;
background-image:url(../../img/f/stats_right.gif);
}

div.forum table#poll td.stat img.stats-middle {
background-image:url(../../img/f/stats_middle.gif);
background-repeat:repeat-x;
}

div.forum table#poll td.stat img.stats-end {
width:5px;
background-image:url(../../img/f/stats_left.gif);
}

div.messages div#write_content a#adbook img {
width:48px;
height:29px;
background-image:url(../../img/a/friends.gif);
}

div.player div#gpack_popup img.logo {
width:40px;
height:40px;
}

div.player div#gpack_popup img.firefox {
background-image:url(../../img/a/firefox.gif);
}

div.player div#gpack_popup img.opera {
background-image:url(../../img/a/opera.gif);
}

div.player div#gpack_popup img.ie {
background-image:url(../../img/a/ie.gif);
}

div.player div#gpack_popup img.unknown {
background-image:url(../../img/a/unknown.gif);
}

div.player div#gpack_popup div#gpack_activate img#preview {
width:0;
height:0;
background-image:none;
}

body.manual img.troops {
width:140px;
height:89px;
background-image:url(../../img/a/troops.gif);
}

body.manual img.buildings {
width:140px;
height:89px;
background-image:url(../../img/a/buildings.gif);
}

body.manual img.navi {
width:116px;
height:18px;
background-image:url(../../img/a/navi.gif);
}

body.manual img#big_unit {
width:150px;
height:120px;
}

body.manual img.big_u1 {
background-image:url(../../img/u2rtl/u1.gif);
}

body.manual img.big_u2 {
background-image:url(../../img/u2rtl/u2.gif);
}

body.manual img.big_u3 {
background-image:url(../../img/u2rtl/u3.gif);
}

body.manual img.big_u4 {
background-image:url(../../img/u2rtl/u4.gif);
}

body.manual img.big_u5 {
background-image:url(../../img/u2rtl/u5.gif);
}

body.manual img.big_u6 {
background-image:url(../../img/u2rtl/u6.gif);
}

body.manual img.big_u7 {
background-image:url(../../img/u2rtl/u7.gif);
}

body.manual img.big_u8 {
background-image:url(../../img/u2rtl/u8.gif);
}

body.manual img.big_u9 {
background-image:url(../../img/u2rtl/u9.gif);
}

body.manual img.big_u10 {
background-image:url(../../img/u2rtl/u10.gif);
}

 img.big_u41 {
background-image:url(../../img/u2/u41.gif);
}

 img.big_u42 {
background-image:url(../../img/u2/u42.gif);
}

 img.big_u43 {
background-image:url(../../img/u2/u43.gif);
}

 img.big_u44 {
background-image:url(../../img/u2/u44.gif);
}

 img.big_u45 {
background-image:url(../../img/u2/u45.gif);
}

 img.big_u46 {
background-image:url(../../img/u2/u46.gif);
}

 img.big_u47 {
background-image:url(../../img/u2/u47.gif);
}

 img.big_u48 {
background-image:url(../../img/u2/u48.gif);
}

 img.big_u49 {
background-image:url(../../img/u2/u49.gif);
}

 img.big_u50 {
background-image:url(../../img/u2/u50.gif);
}

body.manual img.big_u11 {
background-image:url(../../img/u2rtl/u11.gif);
}

body.manual img.big_u12 {
background-image:url(../../img/u2rtl/u12.gif);
}

body.manual img.big_u13 {
background-image:url(../../img/u2rtl/u13.gif);
}

body.manual img.big_u14 {
background-image:url(../../img/u2rtl/u14.gif);
}

body.manual img.big_u15 {
background-image:url(../../img/u2rtl/u15.gif);
}

body.manual img.big_u16 {
background-image:url(../../img/u2rtl/u16.gif);
}

body.manual img.big_u17 {
background-image:url(../../img/u2rtl/u17.gif);
}

body.manual img.big_u18 {
background-image:url(../../img/u2rtl/u18.gif);
}

body.manual img.big_u19 {
background-image:url(../../img/u2rtl/u19.gif);
}

body.manual img.big_u20 {
background-image:url(../../img/u2rtl/u20.gif);
}

body.manual img.big_u21 {
background-image:url(../../img/u2rtl/u21.gif);
}

body.manual img.big_u22 {
background-image:url(../../img/u2rtl/u22.gif);
}

body.manual img.big_u23 {
background-image:url(../../img/u2rtl/u23.gif);
}

body.manual img.big_u24 {
background-image:url(../../img/u2rtl/u24.gif);
}

body.manual img.big_u25 {
background-image:url(../../img/u2rtl/u25.gif);
}

body.manual img.big_u26 {
background-image:url(../../img/u2rtl/u26.gif);
}

body.manual img.big_u27 {
background-image:url(../../img/u2rtl/u27.gif);
}

body.manual img.big_u28 {
background-image:url(../../img/u2rtl/u28.gif);
}

body.manual img.big_u29 {
background-image:url(../../img/u2rtl/u29.gif);
}

body.manual img.big_u30 {
background-image:url(../../img/u2rtl/u30.gif);
}

body.manual img.big_u51 {
background-image:url(../../img/u2/u51.gif);
}

body.manual img.big_u52 {
background-image:url(../../img/u2/u52.gif);
}

body.manual img.big_u53 {
background-image:url(../../img/u2/u53.gif);
}

body.manual img.big_u54 {
background-image:url(../../img/u2/u54.gif);
}

body.manual img.big_u55 {
background-image:url(../../img/u2/u55.gif);
}

body.manual img.big_u56 {
background-image:url(../../img/u2/u56.gif);
}

body.manual img.big_u57 {
background-image:url(../../img/u2/u57.gif);
}

body.manual img.big_u58 {
background-image:url(../../img/u2/u58.gif);
}

body.manual img.big_u59 {
background-image:url(../../img/u2/u59.gif);
}

body.manual img.big_u60 {
background-image:url(../../img/u2/u60.gif);
}

body.manual img.big_u61 {
background-image:url(../../img/u2rtl/u61.gif);
}

body.manual img.big_u62 {
background-image:url(../../img/u2rtl/u62.gif);
}

body.manual img.big_u63 {
background-image:url(../../img/u2rtl/u63.gif);
}

body.manual img.big_u64 {
background-image:url(../../img/u2rtl/u64.gif);
}

body.manual img.big_u65 {
background-image:url(../../img/u2rtl/u65.gif);
}

body.manual img.big_u66 {
background-image:url(../../img/u2rtl/u66.gif);
}

body.manual img.big_u67 {
background-image:url(../../img/u2rtl/u67.gif);
}

body.manual img.big_u68 {
background-image:url(../../img/u2rtl/u68.gif);
}

body.manual img.big_u69 {
background-image:url(../../img/u2rtl/u69.gif);
}

body.manual img.big_u70 {
background-image:url(../../img/u2rtl/u70.gif);
}

body.manual img.big_u70 {
background-image:url(../../img/u2/u70.gif);
    background-size: cover;
}

body.manual img.big_u71 {
background-image:url(../../img/u2/u71.gif);
}

body.manual img.big_u72 {
background-image:url(../../img/u2/u72.gif);
}

body.manual img.big_u73 {
background-image:url(../../img/u2/u73.gif);
}

body.manual img.big_u74 {
background-image:url(../../img/u2/u74.gif);
}

body.manual img.big_u75 {
background-image:url(../../img/u2/u75.gif);
}

body.manual img.big_u76 {
background-image:url(../../img/u2/u76.gif);
}

body.manual img.big_u77 {
background-image:url(../../img/u2/u77.gif);
}

body.manual img.big_u78 {
background-image:url(../../img/u2/u78.gif);
}

body.manual img.big_u79 {
background-image:url(../../img/u2/u79.gif);
}

body.manual img.big_u80 {
background-image:url(../../img/u2/u80.gif);
}


body.manual img.big_u100 {
background-image:url(../../img/u2/u100.gif);
}

body.manual img.big_u101 {
background-image:url(../../img/u2/u101.gif);
}

body.manual img.big_u102 {
background-image:url(../../img/u2/u102.gif);
}

body.manual img.big_u103 {
background-image:url(../../img/u2/u103.gif);
}

body.manual img.big_u104 {
background-image:url(../../img/u2/u104.gif);
}

body.manual img.big_u105 {
background-image:url(../../img/u2/u105.gif);
}

body.manual img.big_u106 {
background-image:url(../../img/u2/u106.gif);
}

body.manual img.big_u107 {
background-image:url(../../img/u2/u107.gif);
}

body.manual img.big_u108 {
background-image:url(../../img/u2/u108.gif);
}


div.plus table#gold_features td.preview img {
width:150px;
height:150px;
}

div.plus table#gold_features td.preview img.p1_25 {
background-image:url(../../img/p/p1_25.jpg);
}

div.plus table#gold_features td.preview img.p2_25 {
background-image:url(../../img/p/p2_25.jpg);
}

div.plus table#gold_features td.preview img.p3_25 {
background-image:url(../../img/p/p3_25.jpg);
}

div.plus table#gold_features td.preview img.p4_25 {
background-image:url(../../img/p/p4_25.jpg);
}

div.plus table#gold_features td.preview img.off10 {
background-image:url(../../img/p/off10.jpg);
}

div.plus table#gold_features td.preview img.def10 {
background-image:url(../../img/p/def10.jpg);
}

div.plus table#gold_features td.preview img.bau0 {
background-image:url(../../img/p/bau0.jpg);
}

div.plus table#gold_features td.preview img.npc {
background-image:url(../../img/p/npc.jpg);
}

div.plus table#gold_features td.preview img.gid19 {
background-image:url(../../img/p/gid19.gif);
}

div.logout img.roman,div.signup img.roman {
width:156px;
height:156px;
background-image:url(roemer.png);
}

div.error_site img.e403 {
width:165px;
height:211px;
background-image:url(../../img/misc/403.gif);
}

div.error_site img.e404 {
width:190px;
height:155px;
background-image:url(../../img/misc/404.gif);
}

div.error_site img.e500 {
width:254px;
height:207px;
background-image:url(../../img/misc/500.gif);
}

div.peace {
font-size:18pt;
left:110px;
position:absolute;
top:-5px;
z-index:999;
}

div.peace.active {
color:#FF8000;
}

div.peace.comming {
color:#dddddd;
}

img.day {
width:22px;
height:22px;
position:absolute;
right:104px;
top:-5px;
background-image:url(../../img/l/day.gif);
}

img.night {
width:22px;
height:22px;
position:absolute;
right:104px;
top:-5px;
background-image:url(../../img/l/night.gif);
}

img.loading {
width:20px;
height:20px;
position:absolute;
right:104px;
top:-5px;
background-image:url(../../img/l/loading.svg);
}

img.g35 {
background-image: url(../../img/g/g35_tea.gif);
    background-size: 110%;
    background-position: bottom;
}

img.g35b {
background-image:url(../../img/g/g35b_tea.gif);
}

div.plus div#payment table td {
border:none;
}

div.plus div#payment table table tr.rbg td {
font-weight:bold;
text-align:center;
background-image: linear-gradient(#fff,#d7d7d7);
}

div.plus div#payment table {
border-collapse:separate;
}

div.plus div#payment table td {
padding:2px;
text-align:center;
}

div.plus div#payment table tr.s7 td {
text-align:right;
}

div.plus div#payment table table td.th_bg {
text-align:center;
background-image: linear-gradient(#fff,#d7d7d7);
}

body {
overflow-y:scroll;
}

body.manual {
overflow-y:hidden;
}

body.ie6 {
overflow-y:hidden;
}

body.ie7 {
overflow-y:hidden;
}

html,body {
height:100%;
}

.wrapper {
height:auto!important;
height:100%;
min-height:100%;
position:relative;
}

.wrapper {
background:transparent url(../../img/vip/header-line.png) repeat-x right top;
}

.ie6 .wrapper {
text-align:center;
}

.ie6 .wrapper * {
text-align:right;
}

table.row_table_data tr.hlight td {
background-color:#fffaf0;
}

table.row_table_data tr.marked td {
background-color:#fff8dc;
}

body {
background-color:#FFF;
}

body.manual {
background-image:none;
}

body.mod1 div#dynamic_header div.dyn1,body.mod1 div#dynamic_header div.dyn2,body.mod2 div#dynamic_header div.dyn1,body.mod2 div#dynamic_header div.dyn2,body.mod3 div#dynamic_header div.dyn1,body.mod3 div#dynamic_header div.dyn2,body.mod1 iframe#ad_iframe {
display:none;
}
/* الكلاس اللي هتفعل بيه الدارك مود على body أو html */

.dark-mode,
.dark-mode body {
  background: #181c20 !important;
  color: #e9e9e9 !important;
}
.dark-mode img:not(.no-dark) {
  filter: brightness(0.75) contrast(1.05) !important;
  transition: filter 0.3s;
}

.dark-mode a,
.dark-mode a:visited,
.dark-mode a:active {
  color: #ffd600 !important;
}

.dark-mode header,
.dark-mode #UBar,
.dark-mode .wrapper,
.dark-mode #mid,
.dark-mode #side_info,
.dark-mode #content,
.dark-mode table,
.dark-mode td,
.dark-mode th {
  background: #222a30 !important;
  color: #e9e9e9 !important;
}

.dark-mode .bares,
.dark-mode .barWrapper {
  background: linear-gradient(90deg, #212f45 0%, #215432 100%) !important;
}

.dark-mode input,
.dark-mode select,
.dark-mode textarea {
  background: #252e36 !important;
  color: #e9e9e9 !important;
  border-color: #444 !important;
}

.dark-mode .war-warning {
  color: #f87171 !important;
}

.dark-mode .Plus,
.dark-mode .Gold1,
.dark-mode .Gold2 {
  background: #333 !important;
  color: #ffd600 !important;
}

.dark-mode img,
.dark-mode .external {
  filter: brightness(0.85) !important;
}

div#dynamic_header,body.mod1 div#dynamic_header,body.mod2 div#dynamic_header,body.mod3 div#dynamic_header {
background:transparent var(--Hdr) center top no-repeat;
height:100px;
}

div#header {
    background: #efefef;
    background-image: linear-gradient(#fff,#d7d7d7);
    border-top: 1px solid silver;
    box-shadow: 0 4px 4px 0 #b9b9b9;
    margin-bottom: 40px;
    height: 45px;
}

div#mtop,body.mod1 div#mtop,body.mod2 div#mtop,body.mod3 div#mtop {
height:72px;
right:50%;
margin-right:-241px;
z-index:2;
}

a#n0 img,a#n1 img,a#n2 img,a#n3 img,a#n4 img,div#n5,a#_n0 img,a#_n1 img,a#_n2 img,a#_n3 img,a#_n4 img,div#_n5 {
height:72px;
}

a#x1 img,a#x2 img,a#x3 img,a#x4 img,a#x5 img {
height:72px;
}

div#mtop div#n5 .reports {
float:left;
}

div#mtop div#n5 .messages {
float:right;
}

body.v35 a#n0 img,body.v35 a#_n0 img {
background-image:url(../../img/vip/n0-rtl.png);
}
body.v35 a#n1 img,body.v35 a#_n1 img {
background-image:url(../../img/vip/n1-rtl.png);
}

body.v35 a#n2 img,body.v35 a#_n2 img {
background-image:url(../../img/vip/n2-rtl.png);
}

body.v35 a#n3 img,body.v35 a#_n3 img {
background-image:url(../../img/vip/n3-rtl.png);
}

body.v35 a#n4 img,body.v35 a#_n4 img {
background-image:url(../../img/vip/n4-rtl.png);
}

body.v35 a#x1 img {
background-image:url(../../img/vip/serv1.png);
}

body.v35 a#x2 img {
background-image:url(../../img/vip/serv2.png);
}

body.v35 a#x3 img {
background-image:url(../../img/vip/serv3.png);
}

body.v35 a#x4 img {
background-image:url(../../img/vip/serv4.png);
}

body.v35 a#x5 img {
background-image:url(../../img/vip/serv5.png);
}

body.v35 div.i1 {
background-image:url(../../img/vip/m1-rtl.png);
}

body.v35 div.i2 {
background-image:url(../../img/vip/m2-rtl.png);
}

body.v35 div.i3 {
background-image:url(../../img/vip/m3-rtl.png);
}

body.v35 div.i4 {
background-image:url(../../img/vip/m4-rtl.png);
}

div#mtop a#plus {
background:transparent url(../../img/vip/plus-rtl.png) no-repeat 0 -21px;
display:block;
font-size:13px;
height:40px;
padding-right:12px;
padding-top:21px;
position:relative;
width:79px;
}

img#btn_plus {
background-color:transparent;
background-position:right top;
background-repeat:no-repeat;
height:21px;
right:62px;
position:absolute;
top:19px;
width:21px;
}

img#btn_plus.active {
background-image:url(../../img/vip/plus-active.png);
}

img#btn_plus.inactive {
background-image:url(../../img/vip/plus-inactive.png);
}

img.day,img.night {
right:5px;
top:-57px;
}

div.peace {
left:5px;
top:-65px;
}

div#stime {
display:inline;
height:0;
right:0;
top:0;
width:0;
}

div#ltime,body.mod1 div#ltime,body.mod2 div#ltime,body.mod3 div#ltime {
right:0;
top:111px;
width:100%;
z-index:1;
}

div#ltime div#ltimeWrap {
margin:0 auto 0 auto;
width:910px;
}

div#res,body.mod1 div#res,body.mod2 div#res,body.mod3 div#res {
right:0;
top:170px;
width:100%;
z-index:2;
}

div#resWrap {
right:50%;
margin-right:-345px;
position:relative;
width:572px;
}

div#res table {
background-color:transparent;
}

div#res table td.res {
width:78px;
font-weight: bold;
color:#fff;
background-color: rgb(84,197,113);
border-radius: 5px;
text-align: center;
}

div#mid {
background-image:none;
float:none;
height:auto;
margin:0 auto;
width:1000px;
}

div#content,body.mod1 div#content,body.mod2 div#content,body.mod3 div#content {
height:auto!important;
height:450px;
min-height:450px;
}

div#side_navi {
background:transparent url(../../img/vip/shadow-a-rtl.png) no-repeat left top;
height:100%!important;
height:453px;
min-height:453px;
width:155px;
}

div#side_navi a#logo {
visibility:hidden;
}

div#side_navi a#logo img {
height:28px;
}

div#side_navi a:hover {
background:transparent url(../../img/vip/menu-bg-rtl.gif) no-repeat right top;
}

div#side_info,body.mod1 div#side_info,body.mod2 div#side_info,body.mod3 div#side_info {
background:transparent url(../../img/vip/shadow-b-rtl.png) no-repeat right top;
height:100%!important;
height:453px;
margin-right:0;
min-height:453px;
padding-right:16px;
width:257px;
z-index:3;
}

.footer-stopper {
float:right;
margin-bottom:100px;
}

.ie6 .footer-stopper,.ie7 .footer-stopper {
height:100px;
}

div#footer {
background:#F1F1F1 url(../../img/vip/footer-line.png) repeat-x center top;
bottom:0;
height:50px;
right:0;
min-width:980px;
position:absolute;
left:0;
}

div#footer div#mfoot {
margin:0 auto;
width:905px;
}

.ie6 div#footer div#mfoot {
}

div#footer div.footer-menu {
color:#797979;
color:#797979;
font-size:.8em;
}

div#footer div#mfoot a,div#footer div#mfoot a:visited,div#footer div#mfoot a:active {
color:#797979;
}

div#footer div#mfoot div.copyright {
text-align:left;
}

div#footer ul.menu {
list-style-type:none;
margin:0;
padding:0;
position:absolute;
width:70%;
}

div#footer ul.menu.menu2 {
right:210px;
}

div#footer ul.menu li {
float:right;
margin:0 5px;
}

div#footer ul.menu li a {
color:#797979;
margin:0 3px;
}

div#footer ul.menu li.copyright {
direction:ltr;
}
div#build.gid27 table#show_artefacts td.al {
width:20%;
}

div#build.gid27 table#art_details tbody th {
width:35%;
}

div#build.gid27 table.art_details {
margin-top:25px;
}


img.cropfinder_icon{width:20px;height:20px;background-image:url(../../img/misc/cropfinder.gif);}
div#build.gid27 div.artefact{background-position:center bottom;background-repeat:no-repeat;}

div#build.gid27 div.artefact.image-ww{padding-bottom:223px;background-image:url(../../img/artefact/type-ww.jpg);}
div#build.gid27 div.artefact.image-1{padding-bottom:223px;background-image:url(../../img/artefact/type-1.jpg);}
div#build.gid27 div.artefact.image-2{padding-bottom:200px;background-image:url(../../img/artefact/type-2.gif);}
div#build.gid27 div.artefact.image-3{padding-bottom:157px;background-image:url(../../img/artefact/type-3.jpg);}
div#build.gid27 div.artefact.image-4{padding-bottom:170px;background-image:url(../../img/artefact/type-4.jpg);}
div#build.gid27 div.artefact.image-5{padding-bottom:160px;background-image:url(../../img/artefact/type-5.gif);}
div#build.gid27 div.artefact.image-6{padding-bottom:198px;background-image:url(../../img/artefact/type-6.gif);}
div#build.gid27 div.artefact.image-7{padding-bottom:161px;background-image:url(../../img/artefact/type-7.jpg);}
div#build.gid27 div.artefact.image-10{padding-bottom:161px;background-image:url(../../img/artefact/type-10.jpg);}
div#build.gid27 div.artefact.image-fool{padding-bottom:252px;background-image:url(../../img/artefact/type-fool.gif);}


div.player img.t200_1{background-image:url(../../img/t/t200_1.jpg);}div.player img.t201_1{background-image:url(../../img/t/t201_1.jpg);}
div.player img.t202_1{background-image:url(../../img/t/t202_1.jpg);}div.player img.t210_1{background-image:url(../../img/t/t210_1.jpg);}
div.player img.t211_1{background-image:url(../../img/t/t211_1.jpg);}div.player img.t212_1{background-image:url(../../img/t/t212_1.jpg);}
div.player img.t220_1{background-image:url(../../img/t/t220_1.jpg);}div.player img.t221_1{background-image:url(../../img/t/t221_1.jpg);}
div.player img.t221_1{background-image:url(../../img/t/t221_1.jpg);}
div.player img.t222_1{background-image:url(../../img/t/t222_1.jpg);}
div.player img.t223_1{background-image:url(../../img/t/t223_1.jpg);}
div.player img.t224_1{background-image:url(../../img/t/t224_1.jpg);}


div.player img.t200_1 {
background-image:url(../../img/t/t200_1.jpg);
}

div.player img.t201_1 {
background-image:url(../../img/t/t201_1.jpg);
}

div.player img.t202_1 {
background-image:url(../../img/t/t202_1.jpg);
}

div.player img.t210_1 {
background-image:url(../../img/t/t210_1.jpg);
}

div.player img.t211_1 {
background-image:url(../../img/t/t211_1.jpg);
}

div.player img.t212_1 {
background-image:url(../../img/t/t212_1.jpg);
}

div.player img.t220_1 {
background-image:url(../../img/t/t220_1.jpg);
}

div.player img.t221_1 {
background-image:url(../../img/t/t221_1.jpg);
}

div.player img.t222_1 {
background-image:url(../../img/t/t222_1.jpg);
}
div.player img.t130_1{background-image: url(../../img/t/t122_1.jpg);}
div.player img.t170_1{background-image: url(../../img/t/t162_1.jpg);}
div.player img.t110_1{background-image: url(../../img/t/t102_1.jpg);}



 div.questWrapper div.achievement div.nextReset{color:#7b624c;text-align:center;margin-bottom:3px;font-size:10px}
 
  div.questWrapper div.achievement div.nextReset{font-size:11px}
  div.content div.birthdayRibbonContainer div.headline{color:#911d1d;font-family:Tahoma,Helvetica,Arial,Verdana,sans-serif;text-shadow:1px 0 1px rgba(251,236,201,0.4),1px 1px 1px rgba(251,236,201,0.4),0 1px 1px rgba(251,236,201,0.4),-1px 1px 1px rgba(251,236,201,0.4),-1px 0 1px rgba(251,236,201,0.4),-1px -1px 1px rgba(251,236,201,0.4),0 -1px 1px rgba(251,236,201,0.4),1px -1px 1px rgba(251,236,201,0.4);font-size:22px;line-height:3em;letter-spacing:.2em;display:none}
div.content div.birthdayRibbonContainer div.headline{font-family:IRANSans,Arial,Helvetica,Verdana,sans-serif}
  div.content div.birthdayRibbonContainer div.headline{font-size:23px;}
 div.content div.pointsAndAchievements{margin-top:10px}
 div.content div.achievementPoints{background-image:url('../../img/qu/kranz.png');height:109px;padding:1px;text-align:center;width:122px;float:right}
 div.content div.achievementPoints div.points{font-size:25px;margin-top:25px;padding-left:5px}
  div.content div.achievementPoints div.points{font-size:26px}
  div.content div.achievementPoints div.pointstext{font-size:14px;padding-left:5px;padding-top:16px}
  div.content div.achievementPoints div.pointstext{font-size:15px}
 div.content #achievementRewardList div.achievement{float:right;position:relative;}
 div.content #achievementRewardList div.achievement div.hook.points_25 img{left:57px;top:-2px}
 div.content #achievementRewardList div.achievement div.hook.points_50 img{left:49px;top:-2px}
 div.content #achievementRewardList div.achievement div.hook.points_75 img{left:45px;top:-2px}
 div.content #achievementRewardList div.achievement div.hook.points_100 img{left:45px;top:-2px}
div#achievementRewardList div.achievement div.pointAmount{z-index:9;color:black;font-weight:normal}
div.achievement img.inactive {    filter: grayscale(1);}
div#achievementRewardList div.achievement div.pointAmount.points_25{font-size:21px;left:42px;position:absolute;top:20px}
 div#achievementRewardList div.achievement div.pointAmount.points_25{font-size:22px}
div#achievementRewardList div.achievement div.pointAmount.points_50{font-size:21px;left:32px;position:absolute;top:20px}
 div#achievementRewardList div.achievement div.pointAmount.points_50{font-size:22px}
div#achievementRewardList div.achievement div.pointAmount.points_75{font-size:21px;left:30px;position:absolute;top:20px}
 div#achievementRewardList div.achievement div.pointAmount.points_75{font-size:22px}
div#achievementRewardList div.achievement div.pointAmount.points_100{font-size:21px;left:24px;position:absolute;top:20px}
 div#achievementRewardList div.achievement div.pointAmount.points_100{font-size:22px}

div.content #achievementRewardList div.achievement .bigSpeechBubble {
    position: absolute;
    right: -12px;
    top: 76px;
}
div.bigSpeechBubble {
    background: url(../../img/qu/speechBalloonLarge-rtl.png);
    width: 55px;
    height: 44px;
}

 div.content #achievementRewardList div.achievement .bigSpeechBubble.rewardReady img{background-image:url('../../img/qu/exclamationMark-rtl.png')}
 div.content #achievementRewardList div.achievement .bigSpeechBubble{position:absolute;right:-12px;top:76px}
 div.content #achievementRewardList div.achievementArrow{background:url('../../img/qu/pfeil-rtl.png') no-repeat center center;float:right;width:9px;height:112px;margin-right:5px;margin-left:3px}
 div.content #achievementRewardList div.verticalLine{background-color:#ddd9ce;float:right;width:1px;height:112px;margin-right:10px;margin-left:3px}
 div.content #achievementRewardList img.points_25{width:89px;height:112px;background:url('../../img/qu/btn_brown_25.png') -18px center}
 div.content #achievementRewardList img.points_50{width:89px;height:112px;background:url('../../img/qu/btn_brown_50.png') -25px center}
 div.content #achievementRewardList img.points_75{width:89px;height:112px;background:url('../../img/qu/btn_brown_75.png') -28px center}
 div.content #achievementRewardList img.points_100{width:89px;height:112px;background:url('../../img/qu/btn_brown_100.png') -28px center}
 div.content #achievementRewardList img.points_25.active{background:url('../../img/qu/btn_green_25.png') -4px center}
 div.content #achievementRewardList img.points_50.active{background:url('../../img/qu/btn_green_50.png') -25px center}
 div.content #achievementRewardList img.points_75.active{background:url('../../img/qu/btn_green_75.png') -28px center}
 div.content #achievementRewardList img.points_100.active{background:url('../../img/qu/btn_green_100.png') -28px center}
 div.content #achievementQuestList{margin-top: 10px;background-color:#f2f2f2;border-collapse:collapse}
 div.content #achievementQuestList tr{height:32px} div.content #achievementQuestList td{background-color:transparent;border-bottom:2px solid #fff}
 div.content #achievementQuestList tr.zebra td{background-color:#efecdb}
 div.content #achievementQuestList img.hook{width:30px;height:30px} div.content #achievementQuestList img.hook.working{background-image:url('../../img/qu/haken_weiss.png')}
 div.content #achievementQuestList img.hook.done{background-image:url('../../img/qu/haken_gruen.png')}
 div.content #achievementQuestList tr{height:41px} div.content #achievementQuestList tr:nth-child(even){background-color:#fcfaef}
 div.content #achievementQuestList tr:nth-child(odd){background-color:#f4f4f4}
 div.content #achievementQuestList td.hook{width:35px} div.content #achievementQuestList td.steps{width:35px}
 div.content #achievementQuestList td.points{width:70px;color:#99c01a;font-weight:bold}
 div.content span.questList {
    color: #7b624c;
    text-align: center;
}
div.content span {
    font-size: 19px;
}
.bigSpeechBubble img {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 6px;
    top: 6px;
}

div.popup_map {
    border: 0 solid #000;
    display: inline;
    padding-right: 80px;
    padding-left: 80px;
    padding-top: 31px;
    position: relative;
    top: 0;
    z-index: 80;
}
div.popup_map div#drag2 {
    cursor: pointer;
    height: 20px;
    width: 20px;
    z-index: 2;
}
#Frame {
    top: 0;
    z-index: 1000;
}


div#mbig {
    background-color: #fff;
}
div#mbig {
    border: 1px solid #5a595a;
    height: 572px;
    width: 622px;
}
div#mbig div#lightframe {
    border: 2px solid #dedfde;
    height: 554px;
    right: 7px;
    position: relative;
    top: 7px;
    width: 604px;
}
div#mbig div#darkframe {
    border: 2px solid #9c9a9c;
    height: 550px;
    width: 600px;
}
div#mbig a#map_popclose {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 30;
}
div#mbig a#map_popclose img {
    background-image: url(../../img/a/close.gif);
    cursor: pointer;
    height: 22px;
    width: 22px;
}

  .questWrapper .questImage {
    float: left;
    width: 130px;
    margin-right: 10px;
    margin-bottom: 10px;
}
.questWrapper .questText {
    margin-top: 20px;
}
.questWrapper .questButtons {
    position: relative;
    margin-top: 10px;
    height: 25px;
}
.questWrapper.achievements .difficulty.moderate{color:#006400}
.questWrapper.achievements .difficulty.challenging{color:#ff8c00}.questWrapper.achievements .difficulty.hard{color:#8b0000}
 #presentation {min-height: 110px;}
 #presentation #tribeSelectors {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  margin-top: 10px;
}
 #presentation #tribeSelectors input {
  display: none;
}
 #presentation #tribeSelectors input + .selector {
    flex: 1;
    min-width: 80px;
    max-width: 100px;
    height: 90px;
    border: solid 1px silver;
    border-radius: 10px;
    margin-left: 7px;
    background-color: white;
    box-shadow: 2px 2px 30px #e3e3e3 inset, -2px -2px 30px #e3e3e3 inset;
    position: relative;
    cursor: pointer;
    display: block;
    transition-duration: 150ms;
 }
 #presentation #tribeSelectors input + .selector[data-text]:before {
    content: attr(data-text);
    position: absolute;
    bottom: -24px;
    left: 17px;
    z-index: 2;
    line-height: 150%;
    font-weight: bold;}
 #presentation #tribeSelectors input + .selector:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background-position: 0 80px;
}
 #presentation #tribeSelectors input + .selector:hover:after {
  background-position: 0 0;
}
 #presentation #tribeSelectors input:not(:checked):active + .selector {
  box-shadow: none;
}
 #presentation #tribeSelectors input:checked + .selector {
    border: solid 1px #71d002;
    box-shadow: 2px 2px 30px #71d002 inset, -2px -2px 30px #ffffff inset;
    cursor: default;
 }
 #presentation #tribeSelectors input:checked + .selector:after {
  background-position: 0 0;
}
 #presentation #tribeSelectors input[value="1"] + .selector:after {
  background-image: url('../images/tribe1.png');
}
 #presentation #tribeSelectors input[value="2"] + .selector:after {
  background-image: url('../images/tribe2.png');
}
 #presentation #tribeSelectors input[value="3"] + .selector:after {
  background-image: url('../images/tribe3.png');
  background-position-x: -8px;
}
 #presentation #tribeSelectors input[value="6"] + .selector:after {
  background-image: url('../images/tribe6.png');
}
 #presentation #tribeSelectors input[value="7"] + .selector:after {
  background-image: url('../images/tribe7.png');
}

button.icon,
a.button.icon {
  width: 24px;
  height: 24px;
  background-image: url('../images/buttonSmall-rtl.png');
  padding: 0;
  border: none;
}

button.icon:hover,
a.button.icon:hover {
  background-position: right -34px;
}

button.icon.disabled:hover,
a.button.icon.disabled:hover {
  background-position: right top;
}

button.icon.iconActive,
button.icon.iconActive.disabled,
a.button.icon.iconActive,
a.button.icon.iconActive.disabled {
  background-position: right -68px;
}

button.icon.gold,
a.button.icon.gold {
  background-position: right -140px;
}

button.icon img {
  position: relative;
}

.Tit {z-index:10;position: relative;display: inline-block;padding-left: 7px;}
.Tit .Text {visibility: hidden;width: max-content;background-color: #fffca8;border: solid 1px #93ef73;color: #000;text-align: center;border-radius: 6px;padding: 5px 5px;position: absolute;z-index:10;bottom: 125%;left: 50%;transform:translateX(-50%);opacity: 0;transition: opacity 0.3s;}
.Tit .Text::after {content: "";position: absolute;top: 100%;left: 50%;margin-left: -3px;border-width: 6px;border-style: solid;border-color: #93ef73 transparent transparent transparent;}
.Tit:hover .Text{visibility: visible;opacity: 1;}    

.autocomplete {
  position: relative;
  display: inline-block;
    box-sizing: border-box;
}


.autocomplete-items {
  box-sizing: border-box;
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  top: 100%;
  left: 0;
  right: 0;
}

.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff; 
  border-bottom: 1px solid #d4d4d4; 
}

.autocomplete-items div:hover {
  background-color: #e9e9e9; 
}
.autocomplete-active {
  background-color: DodgerBlue !important; 
  color: #ffffff; 
}
.Pulse{animation:Pulse .8s infinite;-moz-animation:Pulse .8s infinite;-webkit-animation:Pulse .8s infinite}
@keyframes Pulse{0%{opacity:.4}50%{opacity:1}100%{opacity:.4}}

input:not([type]):hover, input[type=email]:hover, input[type=text]:hover, input[type=password]:hover {box-shadow: 0 0 8px #71d000;}


div#map div#map_content div.Dark {filter: saturate(0.2);}


a.Gold{
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
    padding: 3px 3px;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgba(255,255,255,var(--tw-text-opacity));
    position: relative;
    border-radius: .375rem;
    top: 19px;
    font-weight: 600;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
    transition-timing-function: linear;
    right:10px;
}

a.Gold div.Gold1{
font-weight: 700;
        align-items: center;
        display: flex;}

a.Gold div.Gold2{
     box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    --tw-shadow: 0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);
    padding: .25rem;
    --tw-bg-opacity: 0.75;
    --tw-bg-opacity: 1;
    background-color: rgba(255,255,255,var(--tw-bg-opacity));
    border-radius: 9999px;
    margin-left: .25rem;
    width: 12px;
    height: 12px;}
    
    
        div.barWrapper{
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    border: 1px solid transparent;
    border-radius: 5px;
    text-align: center;
    height: 25px;
    width:100%;
    }
    div.barWrapper b{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    line-height: 1.8em;
    padding-right: 10px;
    font-size:14px;
    }
    div#Res{
    width: 16px;
    position: relative;
    z-index: 11;
    top: -1px;    
    border: none;
    border-radius: 0;
    background: #0000;
    line-height: 1.8em;
    }
    
    div#res table td{
    padding:0!important;
    }
    div.bares {
    background: var(--linear);
    height: 25px;
    border-radius: 4px;
    margin-top: -1px;
    }
    div#res table td.res {
    color: white;
    background-color: var(--Back);
    height: 20px!important;
    border: 1px solid var(--Bar);
    border-radius: 5px;
    width:25%;
    }
    div#res table img {
    margin-top: 4px;
    }
div#res #resWrap table {
  border-collapse:separate!important;
  border-spacing:7px 0!important;
  width:100%;
  table-layout:fixed;
  background:0 0!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0;
  overflow:visible
}
div#res table td.res {
  width:25%;
  height:auto!important;
  padding:0!important;
  background:0 0!important;
  border:0!important;
  border-radius:0!important;
  vertical-align:middle
}
div#res .barWrapper {
  position:relative;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  align-items:flex-end;
  direction:ltr;
  height:28px;
  width:100%;
  border:0;
  border-radius:0;
  background:0 0;
  box-shadow:inset 0 -4px 0 0 rgba(15,23,42,.13);
  overflow:visible
}
div#res table td.res+td.res .barWrapper::before {
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  right:-4px;
  width:1px;
  background:rgba(148,163,184,.35);
  border-radius:0;
  z-index:0
}
div#res .barWrapper .bares {
  position:static;
  height:4px!important;
  margin:0!important;
  min-width:0;
  border-radius:2px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3)
}
div#res #Res {
  position:absolute!important;
  right:4px!important;
  left:auto!important;
  bottom:6px!important;
  top:auto!important;
  transform:none!important;
  width:19px!important;
  height:19px!important;
  margin:0!important;
  border:0!important;
  border-radius:5px!important;
  background:0 0!important;
  box-shadow:none!important;
  display:flex!important;
  align-items:center;
  justify-content:center;
  line-height:0;
  z-index:11
}
div#res #Res img {
  margin:0!important
}
div#res .barWrapper b {
  position:absolute!important;
  left:5px!important;
  right:27px!important;
  bottom:7px!important;
  top:auto!important;
  transform:none!important;
  margin:0!important;
  padding:0!important;
  text-align:right;
  direction:ltr;
  overflow:hidden;
  white-space:nowrap;
  line-height:1;
  font-size:13px;
  font-weight:800;
  color:#1f2937;
  font-variant-numeric:tabular-nums;
  text-shadow:0 1px 0 rgba(255,255,255,.6);
  z-index:8
}
div#res.dark .barWrapper {
  box-shadow:inset 0 -4px 0 0 rgba(255,255,255,.16)
}
div#res.dark .barWrapper b {
  color:#e8ebf0;
  text-shadow:0 1px 1px rgba(0,0,0,.7)
}
div#res.dark table td.res+td.res .barWrapper::before {
  background:rgba(255,255,255,.12)
}
@media screen and (max-width:768px) {
  div#res #resWrap table {
    border-spacing:6px 0!important
  }
  div#res .barWrapper {
    height:30px
  }
  div#res #Res {
    width:20px!important;
    height:20px!important
  }
  div#res .barWrapper b {
    font-size:12.5px;
    right:26px!important
  }
  div#res table img {
    margin:0!important
  }
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}

/********************** New *******************************/
#UBar{
display:none;
direction: rtl;
position: fixed;    
margin: 0!important;
padding: 8px 0px 5px 0px;
max-width: 100%;
width: 100%;
top: 0;
text-align: right;
z-index: 10000;
background-image: linear-gradient(to top,#fdfdfde6,#e5e5e5,#fdfdfde6);
border-radius: 0px;
border:unset;
border-bottom:1px solid silver;
font-weight: 800;
font-size: 17px;
height: 25px;
right: 0px;
}


a[href] {min-width: 10px;display: inline-block;}
option  , input[type=radio] ,input[type=checkbox] , input[type=tel], input[type=email], input[type=password], input[type=text] {
    height: 20px!important;
    font-size: 17px;
}
input[type=radio] ,input[type=checkbox] {
    width: 20px!important;
}
option , select {
    height: 26px!important;
    font-size: 17px;
    max-width:140px;
}

table tr.hl th:first-child, table tr.hl td:first-child {
    border-right: 1px solid orange;
}

table tr.hl th:last-child, table tr.hl td:last-child {
    border-left: 1px solid orange;
}

table tr.hl th, table tr.hl td {
    background-color: #fff8d0;
    border-top: 1px solid orange;
    border-bottom: 1px solid orange;
}

table tr.hl th, table tr.hl td {
    background-color: #fff8d0;
    border-top: 1px solid orange;
    border-bottom: 1px solid orange;
}

table.row_table_data tr.hlight td {
    background-color: #efefef;
}

table.row_table_data tr.marked td {
    background-color: #e7e7e7;
}
div#content, body.mod1 div#content, body.mod2 div#content, body.mod3 div#content {
    height: auto!important;
    height: 550px;
    min-height: 650px;
}
.InBar.xPh {
    top: 110px;
    left: 0;
}
.diC {
    display: table;
    margin: 0 auto;
}
.InBar {
    width: 480px;
    height: 30px;
    top: 80px;
    left: 120px;
}.InBar a:first-child {
    color: #a20327;
}
.InBar a {
    margin: 0 35px;
    color: #333;
    height: 10px;
    border-radius: 10px;
    border: 1px solid transparent;
    text-shadow: 1px 1px 1px #fff;
    padding: 3px 10px;
    top: 5px;
    left: 10px;
}
*[onclick] {
    cursor: pointer;
    color: #82d000;
}
.InBar a:hover {
    border: 1px solid #e6e6e6;
}
c#EyePwd_Eye{color:silver;font-weight:200 !important;right:20px;position:relative;;}
.NoSelect {
  -webkit-touch-callout:none;
    -webkit-user-select:none;
       -moz-user-select:none;
        -ms-user-select:none;
            user-select:none;
}
div#dynamic_header span {
    display: none!important;
}


.Avtar{
    width: 270px;
    height: 185px;
    max-height: 185px;
    max-width: 270px;
}
#plse {
animation: plse 1s infinite;
transition: all ease-in 200ms;
}

@keyframes plse {
  0% { transform: scale(1); }
  50% { transform: scale(1.1); }
  100% { transform: scale(1); }
}
@keyframes ahov {
  0% { transform: scale(1); }
  50% { transform: scale(0.95); }
  100% { transform: scale(1); }
}

@media screen and (max-width:768px){

div#side_info td.dot {
padding:3px 6px;
}

div.village2 table#building_contract,div.village1 table#building_contract{
    width:100%!important;
}

div.player table#edit td.desc2 textarea,div.player table#edit td.desc1 textarea,div.alliance table#edit textarea{
    width:97%!important;
}
div.player table#edit input.text:not(input.year,input.day){
    width:100px!important;
}
    a.Comp {display:none!important;}
#Nw{
        display: block!important;
}
#UBar  {
        display: flex!important;
        align-items: flex-end!important;
        justify-content: space-around;
}
div#side_info{
    width: auto!important;
    background: #ffffffe6!important;
    top: 0px;
}

div#side_info table {
    width: 100%;
    background-color: #fff0;
}

div#side_info table thead td, div#side_info table tfoot td {
    background-color: #f3f3f300!important;
}
div#side_info table tbody th, div#side_info table tbody td {
    background-color: #fff0;
}
div#side_info td.link {
    font-size: 17px;
}    


div.village2 div#village_map {
    position: absolute!important;
    left: 50%!important;
    transform: translate(-50%, 0)!important;
}
div.village1 div#village_map{
    float: unset!important;
       margin: 15px auto;
}
div.village1 div#map_details{
    float: unset;
    display: flex;
    justify-content: space-between;
}
/*
.DivVillage1 {
    float: right;
    width: 50%!important;
}
.DivVillage2 {
    float: left;
    width: 50%!important;
}
*/
div.map div#map {
    top: 34px;
    position: absolute!important;
    left: 50%!important;
    transform: translate(-50%, 0)!important;
}

div.map div#map img#map_navibox {
    left: 90px;
}
div#dynamic_header span {
    display: flex!important;
}
div.map div#map div#map_coords {
    bottom: 0px;
    right: 91px;
}
div.map div#map table#map_infobox {
    top: 0;
    left: 79px;
}
div#map table#map_infobox {
    width: 130px;
}
div.bares{
background: var(--From);

}
/*
div.bares:not(#Res){
    -webkit-animation: pulse 2s cubic-bezier(.4,0,.6,1) infinite;
    animation: pulse 2s cubic-bezier(.4,0,.6,1) infinite;
}*/

@-webkit-keyframes pulse{50%{opacity:.5}}@keyframes pulse{50%{opacity:.5}}

div#res table td.res {
   background-color: #ffffff;
}
div#res table td.res,div.bares{
    border-radius: 7px;
}
div#res table img {
    margin-top: 3px;
    
}
div#Res {
    width: 26px;
    height: 26px;
    border: 0px solid;
    border-radius: 60px;
    /*background:rgb(255 255 255/0.75);*/
        top: -4px;
        right: -4px;
}
div#res table td.res, div.bares, div.barWrapper {
    height: 18px;
}

div.barWrapper b {
    position: absolute;
    top: 0px;
    bottom: 0;
    line-height: unset;
        color: black;
        font-size:14px;
}
    #side_info{
        font-size:15px !important;
        background: linear-gradient(270deg, white, #ffffff8c)!important;
        left:0;
        transition: 0.1s;
        width: 50% !important;
        padding: 10px;
        box-shadow: 0 0 20px #000;
    }


html,body,div#mid{min-height:1000px;}
.leftBar{
    background-color: #0000003b;border-radius: 15px;float:left;margin:5px;position:relative;padding: 5px;display:block !important;
}
.wrapper {
    top: 28px;
}

    div#mtop{max-width: 100%;right: 1px !important;}
    #ltime,#footer,.time_of_day{display:none;}
    div#res {
    right:unset;
        top: 195px;
    }
    html,body,.wrapper,#dynamic_header{
        width:auto;
        /*min-width:450px;*/
    }
    body{
        direction:inherit !important;
    }
    div#dynamic_header,div#header,div#mid,div#footer,div#footer div#mfoot,div#res,div#ltime,div#ltime div#ltimeWrap,div#content{
        width:100%;
        /*min-width:450px;*/
        direction:rtl;
    }
    div#content{
        overflow-x: visible;
        padding-top: 30px;
        width: 99% !important;
        min-width: 95% !important;
        padding-right: 2px !important;
        padding-left: 0 !important;
        padding-bottom: 50px;
    }
    div#dynamic_header{
        background-position-x: center;
    }
    div#side_navi div.ServerChange{
    display: none!important;
    }
    div.ServerChange{
    position: absolute;
    top: 16px;
    align-items: center;
    gap: 10px;
    font-size: 11px;
    color: #666;
    right: 3px;
    display: flex!important;
    font-weight: 700;
    }
    
    div#ltime div#ltimeWrap{
            margin-right: 10px;
    }
    .hammenu{
    display: none !important;
    position: fixed;
    bottom: 50px;
    padding: 5px;
    z-index: 1000;
    }
    .leftham ,._leftham , .rightham{
    cursor: pointer;
    }
    .leftham{
        float:right;
    }
    .rightham{
        float:left;
    }
    
    ._leftham{
    width: 50px;
    zoom:150%;
    border: 1px solid black;
    background: beige;
    border-radius: 90px;
    }

div.village2 table#building_contract {
    position: absolute;
    bottom: 10px;
    right: 0px;
}    div#ltime, body.mod1 div#ltime, body.mod2 div#ltime, body.mod3 div#ltime{
        right:5px;
        top:100px;
    }
    img#btn_plus{
        top: 9px;
        background-size: 15px;
    }
    div#mtop a#plus b{
        margin-right:13px;
    }
    div#mtop{
        width:100%;
        position:relative;
        margin-right:unset!important;
        right:unset!important;
        display: flex;
        justify-content: center;
        margin-right: unset;
        top: 10px;
    }
    
    div#mtop a#plus{
        float:left;
        position: absolute;
        width: 71px;
        left: 55px;
        top: -78px;
        font-size: 12px;
        height: 34px;
        background-size: 65px;
        padding-top: 7px;
        padding-right: 12px;
        font-size: 10px;
    }
    div#mtop a#n1, div#mtop a#n2, div#mtop a#n3, div#mtop a#n4, div#mtop a#n6, div#mtop a#n7, div#mtop div#n5, div#mtop div#_n5, div#mtop div#_n4, div#mtop div#_n3, div#mtop div#_n2, div#mtop div#_n1, div#mtop div#_n0{
        float:right;
    }
    div#resWrap{
        width:100%;
        right:unset;
        margin-right:unset;
    }
    div#side_info,div#side_navi{
        display:none;
    }
    .blackShadow{
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 501;
        background: black;
        opacity: 0.3;
        cursor: pointer;
            -webkit-animation: pulse 2s cubic-bezier(.4,0,.6,1) infinite;
    animation: pulse 2s cubic-bezier(.4,0,.6,1) infinite;

    }
    
    div#side_navi p.Lnk:hover {
    background: transparent!important;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    }
    

    #side_navi{
        position: fixed !important;
        font-size:15px !important;
        z-index: 10001;
        background: hsla(0,0%,100%,.9) !important;
        transition: 0.1s;
    right:0;
    top:0;
    width: 30% !important;
    padding: 10px;
    box-shadow: 0 0 20px #000;
        overflow-y: scroll;
            height: 100%!important;
   }
    #side_info{
    position: fixed!important;
    height: 100%!important;
    top: 0px!important;
    z-index: 10001!important;
    overflow-y: scroll;
    font-size:15px !important;
    background: #fff !important;
    left:0;
    transition: 0.1s;
    width: min-content !important;
    padding: 10px;
    box-shadow: 0 0 20px #000;
    }
    
       #side_navi a{
            line-height: 28px;
    font-weight: bold;
    font-size: 15px;

    }
    div.village1{
        padding-top: 90px;
        padding-left: 0;
        padding-right:0;
    }
    div.village1 div#map_details{
    width: 75% !important;
    margin: 0 auto !important;
    }
    div.map div#map_details {
        width: 37% !important;
        margin: 0 auto !important;
    }
    /*
    div.map table#options {
    width: auto!important;
    }*/
    a#n7 img{
        background-position: 0 -97px !important;
    }
    div#res table img{
        margin-right:0;
    }
    div#footer ul.menu.menu2{
        right:10px;
        width:100%;
    }
    
    
    div#anm{
        right:0px!important;
    }

    

    /***Responsiveness for build pages******/
    
    div#build{
        width:100% !important;
    }
    div.gid16{
        overflow-x: auto;
        padding-left:0px !important;
        padding-right:0px !important;
    }
    div.gid17{
        padding-left:0px !important;
        padding-right:0px !important;
    }
    div.gid17 form#_fm1{
        overflow-x: auto;
    }
    div#build {
    padding: 0 !important;
    }
    /*
    div#build p{
        width:75% !important;
    }*/
    div#build div#textmenu{
        width:100% !important;
    }
    div#build h1{
        width:100% !important;
    }
    div#build p.switch{
        width:100% !important;
    }
    
   
   /***Responsiveness for war character popup******/
    
    div#ce div.popup3 iframe#Frame{
        width:90% !important;
    }
    body.manual img#big_unit{
        right:185px !important;
    }
    div#ce div.popup3{
        top:20px !important;
        right:10px !important;
    }
    
    div.quest div#qstd {
    margin: 0 auto;
    }

   /***Responsiveness for report and message menu bar******/
   
   div#n5 img{
       width:26px !important;
   }
   
   
   /***Responsiveness for write messages******/
   
   div.messages div#write_head,div.messages div#write_content,div.messages div#write_foot{
        width: 95% !important;
        background-size: 100% !important;
   }
   div.messages div#write_content textarea,div.messages div#write_content span{
       width: 90% !important;
   }
   div.messages div#write_content #line{
       width: 100% !important;
   }
   
   
   div.cropfinder div.cropfinder_input div.row span.cropfinder_head{
        width: fit-content !important;
        padding-left: 10px !important;
   }
    
    /*PLUS*/
    table.product {
    width:  24%!important;;
        margin: 10px 0.5px 5px!important;
    }
    div.plus div#products table.product td.pic img{
    width: 100%!important;
    height: 100%!important;
    }
    
    /*village2 page mobile design*/
    
    div.village2 div#village_map{
        margin:0 auto;
    }

    /*map page mobile design*/
    
    div.map div#map{
        margin:0 auto;
    }
    
     /*plus page mobile design*/
     
    div.plus div#products{
      width:100% !important;
      padding-right:0 !important;
    }
    
    /*rally point build page mobile design*/
     
    div.forum center img{
        width: 100% !important;
        height: auto !important;
    }
    
    
    /*Outer pages - non logged in*/
    div.map img#detailed_map {
    background-size: contain;
    width: 63%;
    }
    body {direction:inherit !important;}
    
    /* Login Page */
    
    
div.login,div.signup {
    padding: 0px!important;
}    

         img.unitSection {
        transform: translate(30%, 0)!important;
         }
         div#build div.bigUnitSection {
    width: 30%!important;
         }
    /*Guideline page*/
    
    #lmid1 , #lmid2 div.wholebox{
        width:99% !important;
        padding-right:2px !important;
    }
    body.manual table#troop_info{
        width:100% !important;
    }
    body.manual table#troop_details{
        float:right;
    }
    body.manual div#t_desc{
        clear:both;
    }
    
div.messages div.msg_head {
    height: 30px;
}
div.messages div.msg_foot {
    height: 14px;
}
div.messages #write_content div#heading input {
    width: auto;
}

div.right table td.vname input {
    max-width: 100px!important;
}
div.right table td.target input{
    min-width: 36px!important;
}

div#build.gid17 table#target_select td.coo input.text {
    margin: 0 2px!important;
}
div#build.gid17 table.res_target {
    width: 40%!important;
        margin-right: 5px!important;
}

div#build div.action {
    padding: 4px 2px!important;
}
img.logo {
display:none;}

.Avtar{
    width: 100%!important;
    height: 185px!important;
    max-height: 185px!important;
    max-width: 270px!important;
}
    div.player table#edit td.desc1 textarea{
        width:100% !important;
    }
    div#side_navi p.Lnk:hover {	
    background: transparent!important;	
    border-top: 1px solid black;	
    border-bottom: 1px solid black;	
    }	
    div.popup_map{
    zoom:90%;
    }
    a#map_popclose{    right: 569px!important;
    width: 100%;}
    iframe{right:2px!important;    width: -webkit-fill-available!important;}
    div#mtop{ top : -6px; }


div.village2 h1 {
    margin-right: 12px!important;
}

div.map img#detailed_map {
    right: 1px!important;
}
div.map h1 {
    margin-right: 10px!important;
}
div.map table#village_info {
    width: auto!important;
}
div.map table#distribution {
    width: auto!important;
}
div.map table#troop_info {
    width: auto!important;
}
div.map div#map_details {
    position: absolute;
    left: 0;
}


#textmenu {
    width: auto;
    min-width: max-content;
    overflow: visible;
}
div.statistics #textmenu,div.reports #textmenu{
    display: flex;
justify-content: space-evenly;
    
}


div.plus table.rate_details td.desc img{
    max-width:100%!important;
}
div.village3 table.Village4 {
    word-break: inherit!important;
}

a[href] {min-width: 10px;display: inline-block;}
option  , input[type=radio] ,input[type=checkbox] , input[type=tel], input[type=email], input[type=password], input[type=text] {
    height: 20px!important;
    font-size: 17px;
}
input[type=radio] ,input[type=checkbox] {
    width: 20px!important;
}
option , select {
    height: 26px!important;
    font-size: 17px;
    max-width:140px;
}
p.MoHi,p.deltimer,a#logo,div.village1 table#production td.res, div.village1 table#troops td.un{
        display: none;
}

div#cropfinder_form{
    bottom: 100px;
    position: fixed;
} 




}
p.Lnk{
    display: flex;
    align-items: center;
    margin: 0!important;
}
div#side_navi p.Lnk a:hover {
    background: unset;
}
div#side_navi p.Lnk:hover {
    background: transparent url(../../img/vip/menu-bg-rtl.gif) no-repeat right top;
}

div.village1 table td.num {
    text-align: right!important;
}

.gray {
 filter: opacity(0.6) grayscale(0.4); 
}
    a.plusNedded{
    color: gray;
    font-weight: 700;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    text-align: center;
    }
    
    a#offers{position: relative;}
    a#offers::after {
    content: attr(off);
    position: absolute;
    top: -7px;
    left: -3px;
    font-size: 11px;
    color: red;
}

input.text:not(#receiver,#subject){
    text-align:center;
}

@-webkit-keyframes wiggle {
   0% { -webkit-transform: translate(2px, 0px); }
   5% { -webkit-transform: translate(-2px, 0px); }
   10% { -webkit-transform: translate(2px, 0px); }
   15% { -webkit-transform: translate(-2px, 0px); }
   20% { -webkit-transform: translate(2px, 0px); }
   25% { -webkit-transform: translate(0px, 0px); }
}

.wiggle-anim {
   -webkit-animation-name: wiggle;
   -webkit-animation-duration: 1s;
   animation-iteration-count: infinite;
   -webkit-transform-origin: 50% 50%;
}
a , label, img{
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
     a:active:not(.build_logo) {animation: ahov 100ms 1;transition: all ease-in 200ms;}
     .Anmi{animation: ahov 100ms 1;transition: all ease-in 200ms;}
     button:hover{ transform: scale(1.05); }
     button,textarea{transition: all ease-in 100ms;}
    div#build a.build_logo img.g40{background-image: url(../../img/g/g40_5.gif);background-size: contain;width: 150px;height: 163px;}
    
body.v35 a#n1 img, body.v35 a#_n1 img {
    background-image: url(../../img/vip/villageMap.jpg);
    background-size: cover;
    filter: grayscale(1);
    background-position: unset;
}
body.v35 a#n1 img:hover, body.v35 a#_n1 img {
    filter: unset;
}

body.v35 a#n2 img, body.v35 a#_n2 img {
    background-image: url(../../img/vip/villageCenter.jpg);
    background-size: cover;
    filter: grayscale(1);
    background-position: unset;
}
body.v35 a#n2 img:hover, body.v35 a#_n2 img {
    filter: unset;
}


body.v35 a#n3 img, body.v35 a#_n3 img {
    background-image: url(../../img/vip/kap.jpg);
    background-size: cover;
    filter: grayscale(1);
    background-position: unset;
}
body.v35 a#n3 img:hover, body.v35 a#_n3 img {
    filter: unset;
}


body.v35 a#n4 img, body.v35 a#_n4 img {
    background-image: url(../../img/vip/stats.jpg);
    background-size: cover;
    filter: grayscale(1);
    background-position: unset;
}
body.v35 a#n4 img:hover, body.v35 a#_n4 img {
    filter: unset;
}

body.v35 div.i4 {
    background-image: url(../../img/vip/inbox0.jpg);
    background-size: cover;
    background-position: unset;
}
body.v35 div.i3 {
    background-image: url(../../img/vip/inbox2.jpg);
    background-size: cover;
    background-position: unset;
}
body.v35 div.i2 {
    background-image: url(../../img/vip/inbox1.jpg);
    background-size: cover;
    background-position: unset;
}
body.v35 div.i1 {
    background-image: url(../../img/vip/inbox3.jpg);
    background-size: cover;
    background-position: unset;
}

div#n5 {
    background-position: unset;
}

div#mtop {
    top: -10px!important;
}


div.login h1{
    color: gray;
    font-family: sans-serif;
    font-weight: 700;
    font-size: 2.5rem;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
div.login div.info {
display: flex;
justify-content: space-around;
align-items: center;
}

div.login div.Stat{
    display: flex;
    flex-direction: column;
    width:30%;
    padding: 6px;
    border: dashed Silver 1px;
}
div.login b.Val{
    float: left;
    margin-left: 10px;
}
div.login div.info div:nth-child(1){
width:60%;
    
}
div.login div.info a{
color:orange;        
padding-top: 10px;
}

div.login div.Ban{
    background-image: url(/assets/banner.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
    cursor: default;
    margin-top: 15px;
    max-height: 450px;
    max-width: 600px;
    padding: 10px;
    height:120px;
    box-shadow: inset 0px 0px 10px 10px white;
}

div.login div.Ban a:nth-child(1){
border-radius: 5px;
    border: 1px solid #71d000;
    background-image: linear-gradient(to bottom,#cffd74,#84d02a);
    cursor: pointer;
    color: #6faf24;
    text-shadow: 0px 0px 3px white, 0 0 2px white, 0 0 2px white;
    text-align: center;
    font-weight: 700;
        width: 125px;
    height: 30px;font-family: sans-serif;
    float: right;
        display: flex;
    align-items: center;
    justify-content: space-around;
        margin-top: 80px;font-size: 1.5rem;
}
div.login div.Ban a:nth-child(2){
border-radius: 5px;
    border: 1px solid #71d000;
    background-image: linear-gradient(to bottom,#cffd74,#84d02a);
    cursor: pointer;
    color: #6faf24;
    text-shadow: 0px 0px 3px white, 0 0 2px white, 0 0 2px white;
    text-align: center;
    font-weight: 700;
        width: 125px;font-family: sans-serif;
    height: 30px;
    float: left;
        display: flex;
    align-items: center;font-size: 1.5rem;
    justify-content: space-around;    margin-top: 80px;}

div.login div.Ban a:nth-child(1):hover , div.login div.Ban a:nth-child(2):hover{
filter: opacity(0.7);
}

div.login div.Ti div:nth-child(1):not(div.Sub), div.login div.Ti div:nth-child(2):not(div.Sub){
    width:50%;
}
div.login div.Ti{
padding-top:20px;display: flex;justify-content: space-around;align-items: center;
}
div.login div.Ti div.Sub{
color: #69c521;
    cursor: default;
    font-family: sans-serif;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;float: right;
}

@media screen and (min-width: 961px) {
    .navi-drawer,.side-drawer,#sn,#si {
        display:none!important;
    }
}
@media screen and (max-width: 960px) {
    #sn,#si {
        background-color: #fff;
        background: #fff;
        height: 100%;
        overflow-x: hidden;
        position: absolute;
        transition: .5s ease-in-out;
        width: 1px;
        z-index: 51;
    }
    #sn {
        box-shadow: -2px 2px 5px 0 silver;
        right: 0;
    }
    #si {
        box-shadow: 2px 2px 5px 0 silver;
        left: 0;
    }
    
div#sn a {
    font-weight:normal;
    font-size:13px;
    color:#000;
    padding-right: 12px;
    display: block;
    line-height: 20px;
}
div#sn a:hover {
color:#00C000;
background: transparent url(../../img/vip/menu-bg-rtl.gif) no-repeat right top;
}
div#si div.news {
    margin-right: 2px;
    width: 186px;
    padding: 6px;
    border: dashed Silver 1px;
}

    .navi-drawer,.side-drawer {
        align-items: center;
        background-color: #739936;
        border: 1px solid silver;
        color: #fff;
        cursor: pointer;
        direction: ltr;
        display: flex;
        font-weight: 700;
        height: 36px;
        transition: .5s ease-in-out;
        justify-content: center;
        padding: 0 5px;
        position: absolute;
        width: 16px;
        z-index: 52;
        position: fixed;
    }
    .navi-drawer {
        border-radius: 5px 0 0 5px;
        border-right-width: 0;
        right: 0
    }
    .side-drawer {
        border-left-width: 0;
        border-radius: 0 5px 5px 0;
        left: 0
    }
}
*.GreenWord {
    color: #69c521;
    font-family: sans-serif;
    font-weight: 400;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
div#build div.buildActionOverview {
    border: 1px solid #d3d3d3;
}
div#build div.action.first {
    border: 0;
}
div#build div.action {
    border-top: 1px dotted #d3d3d3;
    padding: 4px 8px;
    overflow: hidden;
}
div#build div.bigUnitSection {
    float: right;
    width: 30%;
    height: 120px;
    cursor: pointer;
    position: relative;
}
div#build div.action div.details {
    float: right;
    line-height: 19px;
    padding-top: 5px;
    width: 70%;
}
div#build div.action div.details div.tit span.furtherInfo {
    font-size: 12px;
}
div#build div.action div.details div.showCosts {
    margin: 5px 0 5px;
}
.showCosts {
    line-height: 24px;
}
div#build div.action div.details span.value {
    font-weight: bold;
}
div#build div.action div.details input.text {
    width: 85px;
    margin-right: 5px;
}
div#build div.action div.details span.value {
    font-weight: bold;
}
div#build .contractWrapper .contractCosts .showCosts .resources {
    margin-bottom: 0;
    float: none;
}
.showCosts .resources {
    margin-bottom: 5px;
}
.showCosts .resources, .showCosts .clocks, .showCosts .npcs {
    margin-left: 3px;
    margin-right: 3px;
    white-space: nowrap;
    display: inline-block;
    float: right;
}

#TDa {
    max-width: 300px;
    position: absolute;
    z-index: 9999;
    border: solid 1px #93ef73;
    padding: 1px 1px;
    border-radius: 4px;
    box-sizing: border-box;
    color: #333;
    font-size: 17px;
    line-height: 1.1;
    text-align: right;
    overflow: hidden;
}
#TDa table {
    background: none;
}
#TDa table th, #TDa table td {
    background: none;
}
#TDa table th {
    width: 50px;
    padding-left: 10px;
}

x.close{
    opacity: .5;
    cursor: pointer;
    width: 25px;
    height: 25px;
    position: absolute;
    left: 12.5px
}
x.close:before {
    transform: rotate(45deg);
}
x.close:after {
    transform: rotate(-45deg);
}
x.close:after, x.close:before {
    position: absolute;
    content: ' ';
    height: 28px;
    width: 2px;
    background-color: #333;
}

div.map div#map div#map_content div, div.map div#map div#map_rulers div {
    transition: all ease-in 100ms;
}

div.statistics table#search_navi div.navi a ,div.statistics table#search_navi div.navi b {
    margin: 0px 3px;
        font-size: large;
}

input[type="checkbox"] ,input[type="radio"] {
accent-color: rgb(79, 112, 79);
}
input:-webkit-autofill, input:focus:-webkit-autofill, input:hover:-webkit-autofill {
   -webkit-box-shadow: 0 0 0 100px rgb(250, 255, 189) inset;
}

::selection {
    background: #559d00;
    color: white;
}

::-moz-selection {
    background: #559d00;
    color: white;
}

::-o-selection {
    background: #559d00;
    color: white;
}

::-ms-selection {
    background: #559d00;
    color: white;
}

::-webkit-selection {
    background: #559d00;
    color: white;
}

input[type="file"]::file-selector-button {
  border: 2px solid #6c5ce7;
  padding: 0.2em 0.4em;
  border-radius: 0.2em;
  background-color: #a29bfe;
  transition: 1s;
}

input[type="file"]::-ms-browse:hover {
  background-color: #81ecec;
  border: 2px solid #00cec9;
}

input[type="file"]::-webkit-file-upload-button:hover {
  background-color: #81ecec;
  border: 2px solid #00cec9;
}

input[type="file"]::file-selector-button:hover {
  background-color: #81ecec;
  border: 2px solid #00cec9;
}

#bottom-menu {
    bottom: -100%;
    left: 0;
    box-shadow: 0 -4px 10px rgba(0, 0, 0, .1);
    transition: bottom .4s ease-in-out;
    z-index: 1000;
    max-height: 75%;
    border-radius: 15px 15px 0 0;
    height: 75%;
    position: fixed;
    width: 100%;
    max-width:700px;
    padding: 20px 0px;
    background-color: #fff;
    overflow-y: auto;
    left: 50% !important;
    transform: translate(-50%, 0) !important;
}

#bottom-menu.active {
    bottom: 0;
}
#bottom-menu .close {
    font-weight: 700;
    position: absolute;
    left: 25px;
    top: 0px;
    min-width: 26px;
    min-height: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    background-color: transparent;
    z-index: 99999;
    cursor: pointer;
}
h3#BottomTitle{
    margin: 4px 0px 20px 0px;
    text-align: center;
}
div#Bottom-content{
    margin: 5px;
}

div#build { width: 556px; padding: 43px 10px 0; }
.grayscale { filter: grayscale(100%); }
div.map div#map div#map_content,div.map div#map div#map_rulers,div.map div#map img#map_links,div.map div#map img#map_navibox,div.map img#detailed_map{ -webkit-user-select: none; -ms-user-select: none; user-select: none; }


table td,table th {
    vertical-align: middle;
    padding: 0;
    border-radius: 0 !important;
}


table tfoot td,table thead td {
    background-color: #f3f3f3 !important;
    text-align: center;
}

table tbody td,table tbody th {
    background-color: #fff !important;
}

table tr.hl td,table tr.hl th {
    background-color: #f0fff0 !important;
    border-top: 1px solid #71d000 !important;
    border-bottom: 1px solid #71d000 !important;
}

table tr.hl td.fc,table tr.hl th.fc {
    border-right: 1px solid #71d000 !important;
}

table tr.hl td.lc,table tr.hl th.lc {
    border-left: 1px solid #71d000 !important;
}

table td.empty {
    height: 5px;
    padding: 0;
}

/* === إزالة الظل والإطار الرمادي من جداول الإنتاج والقوات وقائمة القرى === */
table#production,
table#troops,
table#vlist,
div.village3 table,
table#village_info,
table#troop_info,
table#options {
    background-color: transparent !important;
    background: none !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    box-shadow: none !important;
    border: none !important;
}

table#production td,
table#production th,
table#troops td,
table#troops th,
table#vlist td,
table#vlist th,
div.village3 table td,
div.village3 table th,
table#village_info td,
table#village_info th,
table#troop_info td,
table#troop_info th,
table#options td,
table#options th {
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
}

table#production thead th,
table#troops thead th,
table#vlist thead td,
div.village3 table thead th,
div.village3 table thead td,
table#village_info thead th,
table#troop_info thead th,
table#options thead th {
    background-color: transparent !important;
    background-image: none !important;
}

table#production tbody td,
table#troops tbody td,
table#vlist tbody td,
div.village3 table tbody td,
table#village_info tbody td,
table#troop_info tbody td,
table#options tbody td {
    background-color: transparent !important;
}

.DivVillage2 {
    background: none !important;
    box-shadow: none !important;
    border: none !important;
}