body,html {
overscroll-behavior: auto
}
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)
}
}
 
.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 iframe#ad_iframe {
position: absoبlute;
right: 168px;
width: 468px;
height: 60px;
z-index: 10
}
body.mod1 div#ltime {
top: 83px
}
body.mod1 div#res {
top: 137px
}

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
}

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.gif);
}
img.g13b {
background-image: url(../../img/g/g13b.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/g13.gif);
}
img.g13b {
background-image:url(../../img/g/g13b.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#dynamic_header,body.mod1 div#dynamic_header,body.mod2 div#dynamic_header,body.mod3 div#dynamic_header {
background:transparent url(../../img/vip/header-rtl.png) no-repeat center top;
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;
}