HTML { padding: 0; overflow: auto; }
BODY { padding: 0; font-size: 76%; text-align: center; line-height: 1.25em; background: #17181a; color: #9d9e9f; }
FORM, TABLE { font-size: 100%; margin: 0 auto; }
FORM { display: inline; }
TABLE { border-collapse: collapse; }
BODY, INPUT, TEXTAREA { font-family: Tahoma, Arial, serif; }
INPUT { font-size: 100%; }
A { text-decoration: none; font-weight: bold; }
.dotted { text-decoration: none; font-weight: normal; }
.dotted:hover { text-decoration: none; border-bottom: 1px dotted; margin-bottom: -1px; }
A IMG { border: 0 none; }
A:hover { text-decoration: underline; }
UL { margin: 1ex 0 0 0; padding: 0 0 0 2em; }
UL.aLabel { list-style-type: none; padding: 0; }
OL { margin: 1ex 0 0 0; padding: 0 0 0 2em; list-style-type: decimal; }
SUP { vertical-align: top; font-size: 92%; }
P { margin: 1em 0; }
LABEL:hover { color: white; }
.aLabel INPUT, LABEL, TR.vehicle, .sort SPAN, .hand { cursor: pointer; cursor: hand; }
.aLabel INPUT { margin: 1px 4px 0 0; height: 1.8ex; }
LABEL.c0 { cursor: default; }
LABEL.c0:hover { color: #616263; }
.aLabel LABEL:hover { text-decoration: underline; color: #ff7432; }
HR { height: 1px; padding: 0; margin: 1ex auto; clear: both; border: none; background-color: #444547; }
TD, TH { vertical-align: top; }
.main TD, .main TH { border-bottom: 1px dotted #2f3031; }
.main TD, .dRight, .tLeft .dRight { text-align: right; padding: 1px 3px; }
.main TD:first-child, .dLeft { text-align: left; }
TD.tLeft, .tLeft TD { text-align: left; }
TD.tCenter, .main TD.tCenter { text-align: center; white-space: nowrap; }
TD.tCenter *, .main TD.tCenter * { text-align: left; }
.count { float: left; white-space: nowrap; text-align: right; width: 2em; margin-right: 3px; }
.noWrap { white-space: nowrap; }
.hide { display: none; }
.main TR:hover { background-color: #232425; }
.dark { background-color: #101112; border-right: 1px solid #17181a; }
.main TR:hover .dark { background-color: #17181a; }
.checked { background-color: #2f3031; }
.checked .dark { background-color: #232425; }
.main TR.checked:hover { background-color: #444547; }
.main TR.checked:hover .dark { background-color: #2f3031; }
.current { font-weight: bold; color: #ffa759; }
TR.vehicle TD { background-repeat: no-repeat; background-position: 4px; white-space: nowrap; vertical-align: middle; padding: 1px 3px 0;}
TR.vehicle:hover TD { overflow: visible; }
TR.vehicle SMALL { font-family: Arial; font-size: 76%; float: left; width: 2em; height: 16px; text-align: center; padding-right: 80px; padding-left: 22px; background: no-repeat 37px -2px; }
TR.vehicle .vDamage { float: right; width: 65%; min-width: 8.1em; }
TR.vehicle .vDamage SPAN { float: right; min-width: 3.5em; margin-right: .5em; }
TR.vehicle TD:first-child SPAN { display: block; }

TR.graf SMALL { float: left; position: relative; }
TR.graf SMALL SPAN { position: absolute; background: #2f3031; display: block; height: .7em; margin-top: .4em; right: -1em; }

.noBrd, .main .noBrd, #AccountName TD, #ClanTagName TD, #Notes TD { border: none; }
.noBrd, .main .noBrd { padding: 0; }
.addons { position: relative; z-index: 1000; }
.addons .inner { position: absolute; cursor: default; white-space: nowrap; left: -2.4em; top: -.4em; }
.addons .inner .plus { float: left; display: block; border: 1px solid transparent; font-size: 120%; width: 1.35em; height: 1.1em; padding: 3px 1px; text-align: center; color: #515253; cursor: pointer; cursor: hand; }
.addons .inner .plus:hover { color: #ff7432; background: #2f3031; }
.addons .inner DIV { float: left; position: relative; display: none; background: #2f3031; color: #9d9e9f; border: 1px solid #444547; padding: 20px 24px; box-shadow: 1ex 1ex 3ex black; }
#update { color: #f25322; background: #17181a; cursor: pointer; cursor: hand; display: block; width: 29em; padding: 1em 1px; background: #17181a; border: 1px dotted #444547; margin: 0 auto 2em auto; }
#showh, #showa { position: fixed; z-index: 999; color: #616263; background: #17181a; cursor: pointer; cursor: hand; padding: 0.2em 0.4em; border: 1px dotted #444547; }
#update:hover, #showh:hover, #showa:hover { color: #ff7432; background: #2f3031; border: 1px dotted #ff7432; text-decoration: none; }
#showh { top: .5em; left: .5em; right: inherit !important; text-align: left; font-weight: normal; }
#showa { top: .5em; left: inherit !important; right: .5em; text-align: right; }
.inline { display: inline; }
.inline .inner { top: -2px; left: -2em; }
#Semaphore>TR>TD { border-bottom: none; }
#Semaphore TABLE TD { text-align: center; border-left: 1px dotted #2f3031; border-right: 1px dotted #2f3031; border-top: 1px dotted #2f3031; white-space: nowrap; }
#Semaphore TABLE.curDays TD, #Semaphore TABLE.curDaysL TD { border-bottom: 1px solid white; }
#Semaphore TABLE.curDays TD.curDays { border-top: 1px solid white; border-left: 1px solid white; border-bottom: 1px dotted #2f3031; }
#Semaphore TABLE.curDays TD.nextDays { border-top: 1px solid white; border-bottom: 1px dotted #2f3031; }
#Semaphore TABLE.curDays TD.prevDays { border-right: 1px solid white; }
#Semaphore TABLE.curDaysL TD.curDays { border-top: 1px solid white; border-right: 1px solid white; border-bottom: 1px dotted #2f3031; }
#Semaphore TABLE.curDaysL TD.prevDays { border-top: 1px solid white; border-bottom: 1px dotted #2f3031; }
#Semaphore TABLE.curDaysL TD.nextDays { border-left: 1px solid white; }
#Semaphore TABLE.curDays TD.curDayso { border-top: 1px solid white; border-right: 1px solid white; border-bottom: 1px dotted #2f3031; border-left: 1px solid white; }
#Semaphore TABLE.curDays TD.nextDayso { border-left: none; }
#Semaphore TABLE.curDaysL TD.curDaysb { border-top: 1px solid white; border-right: 1px solid white; border-bottom: 1px dotted #2f3031; }
#Semaphore TABLE.curDaysL TD.nextDaysb { border-left: none; }
#Semaphore TABLE.curDaysL TD.prevDaysb { border-top: 1px solid white; border-bottom: 1px dotted #2f3031; }
#ClanTagName TD { background-repeat: no-repeat; background-position: 4px 1.6em; }
#ClanHistoryWithRoles TD { overflow: hidden; white-space: nowrap; }
#ClanHistoryWithRoles .dRight { white-space: normal; }
#ClanHistoryWithRoles IMG { height: 2.6ex; width: 2.6ex; position: absolute; }
#ClanHistoryWithRoles .count { position: relative; padding-right: 16px; }
TR.noHover:hover, #SemaphoreEx>TR>TD>TABLE>TBODY>TR:hover, #SemaphoreClaim>TR>TD>TABLE>TBODY>TR:hover, .detail TR:hover { background-color: transparent; }
TR.noHover { cursor: default!important; }

HTML, BODY {
  scrollbar-base-color:       #444444;
  scrollbar-face-color:       #2f3031;
  scrollbar-3dlight-color:    #17181a;
  scrollbar-highlight-color:  #444547;
  scrollbar-shadow-color:     #444547;
  scrollbar-darkshadow-color: #17181a;
  scrollbar-arrow-color:      #9d9e9f;
  scrollbar-track-color:      #232425;
  border: none;
  margin: 0;
}
A { color: #f25322; }
A:hover { color: #ff7432; }
TH { color: white; }
.sectionHdr { color: #ffa759; }
.cW { color: white; }
.c0, .count { color: #616263; }
.c1 { color: #fe0e00; }
.c2 { color: #fe7903; }
.c3 { color: #f8f403; }
.c4 { color: #60ff00; }
.c5 { color: #02c9b3; }
.c6 { color: #d042f3; }
.vPre { color: #ffc363; }
.r { color: #ff3030; }
.g { color: #30ff30; }
.vGar SMALL { color: #ffffff; font-weight: bold; }
p.r { border: 1px dotted #ff0000; padding: 1em; }
p.g { border: 1px dotted #009900; padding: 1em; color: #009900; }

#wrapper { background: #17181a; max-width: 40em; min-width: 32em; margin: 0 auto; padding: 1.8em 2.1em; }
.top { padding: 1.2em 0; margin: 0 auto; border-bottom: 1px dotted #2f3031; line-height: 1.5em; }
.form { margin-bottom: 1em; }
.bottom { border-bottom: none; }
.main { width: 100%; }

#wrapper.clan { max-width: none; }
.clan .top { max-width: 40em; }
.clan .main { width: auto; }

.detail .inner { left: -.4em; margin-top: -12pt; }
.detail .inner DIV>TABLE { margin: 0 auto; }
.detail .inner DIV>TABLE I { display: block; width: 160px; height: 100px; }
.detail .inner .plus { display: none; }
.detail .inner DIV { background: #232425; }
.detail .inner DIV>TABLE { margin-top: 1em; }
.detail P { margin: 0 0 0 4px; }
.detail TD, .detail TH { border-bottom: 1px dotted #444547; }
#ClanMembersHead TD { white-space: nowrap; }
#ClanMembersHead TD { color: white; }
#ClanMembersHead TD, #ClanMembersFoot TD { font-weight: bold; border-top: 1px solid #2f3031; border-bottom: 1px solid #2f3031; }
#ClanMembersHead TR, #ClanMembersBody TR, #Achievements_battle TR, #Achievements_epic TR, #Achievements_class TR, #Achievements_special TR, #Achievements_memorial TR, #Achievements_group TR, #Achievements_action TR { cursor: pointer; cursor: hand; }
#ClanMembersBody TD a.name { width: 11em; overflow: hidden; display: block; }
#ClanMembersBody TD:first-child { text-align: right!important; }

.form TABLE { width: 100%; }
.form TD, TH { vertical-align: middle; }
.form INPUT.button, #donate INPUT.button { background: #2f3031; color: #9d9e9f; border: 1px solid #444547; cursor: pointer; cursor: hand; height: 3.3ex; }
.form INPUT.button:hover, #donate INPUT.button:hover { color: white; }
.form INPUT#iName { background: white; color: black; width: 99%; min-width: 7em; border: 1px solid #444547; padding-left: .2em; }

.hides { font-family: consolas, verdana, arial; }
#donate { width: 100%; position: fixed; bottom: 0; left: 0; padding: 1em 0; border-top: 1px solid #444547; background-color: #101112; text-align: center; z-index: 1223; }
#donate .addons .inner { left: 1em; }
#donate TABLE { margin: 0 auto; }
#donate TABLE TD { padding: 0 1em; }
#donate TABLE IMG { max-width: 100%; }
#donateClan { text-align: center; width: 46em; }

.main .progressEmpty { padding: 0; font-size: 0; }
.main .empty { padding: 0; font-size: 0; }
.main .progress SPAN { font-size: 90%; display: block; white-space: nowrap; }

.mclass1 { background-image: url("class1.png"); }
.mclass2 { background-image: url("class2.png"); }
.mclass3 { background-image: url("class3.png"); }
.mclass4 { background-image: url("class4.png"); }

.vtype1 { background: url("type_icons.png") no-repeat 0px 1px; padding-left: 30px; }
.vtype2 { background: url("type_icons.png") no-repeat 0px -29px; padding-left: 30px; }
.vtype3 { background: url("type_icons.png") no-repeat 0px -59px; padding-left: 30px; }
.vtype4 { background: url("type_icons.png") no-repeat 0px -89px; padding-left: 30px; }
.vtype5 { background: url("type_icons.png") no-repeat 0px -119px; padding-left: 30px; }

.popup { display: none; padding: 0 3px 2px 3px; background-color: #232425; border: 1px solid #444547; position: absolute; right: 20px; line-height: 1.9ex; }
#donate:hover SMALL { opacity: 1; }
#bbContent { text-align: left; margin: auto; white-space: nowrap; }
#bbBnr1 TABLE TD, #bbBnr1 TABLE TH { padding: 0; border: none; }
.bb { line-height: 1.25em; }
.bb .addons .inner { left: -1.85em; display: none; }
.bb:hover .addons .inner { display: block; }
.inner a:hover { text-decoration: none !important; }
.bb TABLE TD { padding: 0; border: none; text-align: left; }
.bb TR:hover { background-color: transparent; }
.root { float: left; position: relative; margin: 0 2.2ex 0 0; font-family: monospace; font-size: 110%;}
.root span { position: absolute; top: -.1ex; font-size: 75%; width: 2ex; height: 2ex; border-left: 1px dotted #2f3031; border-bottom: 1px dotted #2f3031; }

LI:hover .popup { display: block; }

.partners b { text-transform: uppercase; display: block; margin-bottom: 1em; }
.partners a { display: inline-block; min-width: 19%; }
.partners span { display: block; height: 40px; min-width: 60px; background: url("partners.png") no-repeat 50% 0; margin-bottom: .2em }
.partners .kttc { background-position: 50% 0; }
.partners .wotreplays { background-position: 50% -40px; }
.partners .ivanerr { background-position: 50% -80px; }
.partners .wotlol { background-position: 50% -120px; }

BODY { position: absolute; width: 100%; z-index: 1; }
#bg { background: url('bg.png') 50% 0 no-repeat; position: fixed; left: 0; top: 0; width: 100%; height: 100%; text-align: right; z-index: -1; }
#bg div { width: 99%; height: 99%; float: left; cursor: pointer; }
#bg2 { display: none; }

.r_bnr { position: fixed; padding: 40px; opacity: 1; z-index: -2000; transition: all ease .2s !important; }
.r_bnr:hover { opacity: 1 !important; transform: rotate(0deg) !important; z-index: 2001 !important; }
.r_bnr:hover SPAN { opacity: 1; }
.r_bnr IMG { box-shadow: 0 0 120px rgba(64,64,128, 0.7); transition: all ease .2s !important; }
.r_bnr IMG:hover { box-shadow: 0 0 200px rgba(242,62,28, 1); }
.r_bnr SPAN { font-size: 150%; width: 1.3em; height: 1.1em; text-align: center; position: absolute; display: block; right: 20px; cursor: pointer !important; opacity: 0; }
.r_bnr SPAN:hover { color: #ff7432; background: #292a2b; }

.r_bnr.b0 { top: 10%; right: -1000px; transform: rotate(8deg) scale(1.0); }
.r_bnr.b1 { top: 40%; left: -1000px; transform: rotate(-8deg) scale(1.0); }
.r_bnr.b2 { top: 45%; left: -1000px; transform: rotate(-8deg) scale(1.0); }

@media all and (max-width: 640px) {
	TR.vehicle TD:first-child SPAN { overflow: hidden; }
	.r_bnr { z-index: 2000; opacity: .9; }
	.r_bnr.b0 { top: auto; bottom: -240px; } .r_bnr.b0:hover { bottom: 0; }
	.r_bnr.b1 { top: auto; bottom: -240px; } .r_bnr.b1:hover { bottom: 0; }
}
@media all and (max-width: 323px) {
	.r_bnr { display: none; }
}