html {background:#000; padding:0; margin:0;}
body {width:1000px; margin:0 auto; padding:0; font:normal 13px Arial,sans-serif; color:#979797; border:1px solid #222; border-radius:5px; background:#191919 url('/img/bg1.gif');}
img {border:0;}
input, textarea {font-family:monospace; color:#000;}
button {cursor:pointer;}
a {color:#F52; text-decoration:none;}
a:visited {color:#B85; text-decoration:none;}
a:hover {color:#FDC; text-decoration:none;}
h1,.h1,h2,.h2,h3,.h3 {margin:24px 0; color:#F9D087; font:normal 28px "Trebuchet MS",sans-serif; text-transform:uppercase; text-shadow:1px 1px 3px #000;}
h2,.h2 {margin:32px 0 18px 0; font-size:15px; text-shadow:0 0 2px #000;}
h3,.h3 {margin:18px 0; font-size:13px; text-shadow:0 0 2px #000; text-transform:none;}

ul {margin:0 0 0 16px; padding:0;}
ul > li {color:#444;}
ul > li > span {color:#979797;}

table {width:100%; border-spacing:0; border-bottom:1px solid #333; border-right:1px solid #333; background-color:#282323;}
caption {margin:5px 0; text-align:left; font:normal 15px "Trebuchet MS",sans-serif; text-transform:uppercase; text-shadow:0 0 2px #000;}
th,td {border:1px solid #191515; border-top-color:#333; border-left-color:#333;}
th {padding:6px;}
td {padding:6px;}

dt {margin:1em 0 5px 0;}
dd {margin:0;}

.pseudo {text-decoration:none; color:#F52; border-bottom:1px dotted #F52; cursor:pointer;}
.pseudo:visited {text-decoration:none; border-bottom-color:#B85;}
.pseudo:hover {text-decoration:none; border-bottom-color:#FDC;}

.clear {clear:both;}
.none {display:none;}
.filtered {display:none;}
.small {font-size:10px;}
.center {text-align:center;}
.accent {color:#DDD;}
.strike {text-decoration:line-through;}
.discount {font:normal 16px Tahoma,sans-serif; color:#FFFF04; text-shadow:0 0 3px red;}

.loader {display:block; width:16px; height:16px; background:url('/img/loader.gif') no-repeat;}
.ico {display:block; width:15px; height:15px; background:url('/img/pack.v3.png') no-repeat;}
.star0 {background-position:0 0;}
.star1 {background-position:-15px 0;}
.star2 {background-position:-30px 0;}
.page {background-position:-45px 0;}

span.tank {white-space:nowrap;}
span.tank span.ico {display:inline-block; margin-bottom:-1px;}
span.tank span.ussr {background-position:0 -15px;}
span.tank span.germany {background-position:-15px -15px;}
span.tank span.usa {background-position:-30px -15px;}
span.tank span.france {background-position:-45px -15px;}
span.tank span.uk {background-position:-60px -15px;}
span.tank span.china {background-position:-75px -15px;}
span.tank span.japan {background-position:-90px -15px;}

span.tank span.lvl1 {background-position:0 -30px;}
span.tank span.lvl2 {background-position:-15px -30px;}
span.tank span.lvl3 {background-position:-30px -30px;}
span.tank span.lvl4 {background-position:-45px -30px;}
span.tank span.lvl5 {background-position:-60px -30px;}
span.tank span.lvl6 {background-position:-75px -30px;}
span.tank span.lvl7 {background-position:-90px -30px;}
span.tank span.lvl8 {background-position:-105px -30px;}
span.tank span.lvl9 {background-position:-120px -30px;}
span.tank span.lvl10 {background-position:-135px -30px;}

span.tank span.ht {background-position:-75px 0; margin-right:2px;}
span.tank span.mt {background-position:-90px 0; margin-right:2px;}
span.tank span.lt {background-position:-105px 0; margin-right:2px;}
span.tank span.td {background-position:-120px 0; margin-right:2px;}
span.tank span.spg {background-position:-135px 0; margin-right:2px;}

span.currency {white-space:nowrap;}
span.currency span.ico {display:inline-block;}
span.gold {background-position:-105px -15px;}
span.silver {background-position:-120px -15px;}

span.equ1 {display:inline-block; margin:2px 4px -3px 0; background-position:0 -45px;}
span.equ2 {display:inline-block; margin:2px 4px -3px 0; background-position:-15px -45px;}
span.equ3 {display:inline-block; margin:2px 4px -3px 0; background-position:-30px -45px;}
span.equ4 {display:inline-block; margin:2px 4px -3px 0; background-position:-45px -45px;}
span.equ5 {display:inline-block; margin:2px 4px -3px 0; background-position:-60px -45px;}
span.equ6 {display:inline-block; margin:2px 4px -3px 0; background-position:-75px -45px;}
span.equ7 {display:inline-block; margin:2px 4px -3px 0; background-position:-90px -45px;}
span.equ8 {display:inline-block; margin:2px 4px -3px 0; background-position:-105px -45px;}
span.equ9 {display:inline-block; margin:2px 4px -3px 0; background-position:-120px -45px;}
span.equ10 {display:inline-block; margin:2px 4px -3px 0; background-position:-135px -45px;}
span.equ11 {display:inline-block; margin:2px 4px -3px 0; background-position:0 -60px;}
span.equ12 {display:inline-block; margin:2px 4px -3px 0; background-position:-15px -60px;}
span.equ13 {display:inline-block; margin:2px 4px -3px 0; background-position:-30px -60px;}
span.equ14 {display:inline-block; margin:2px 4px -3px 0; background-position:-45px -60px;}
span.cons1 {display:inline-block; margin:2px 4px -3px 0; background-position:-60px -60px;}
span.cons2 {display:inline-block; margin:2px 4px -3px 0; background-position:-75px -60px;}
span.cons3 {display:inline-block; margin:2px 4px -3px 0; background-position:-90px -60px;}
span.cons4 {display:inline-block; margin:2px 4px -3px 0; background-position:-105px -60px;}
span.cons5 {display:inline-block; margin:2px 4px -3px 0; background-position:-120px -60px;}
span.cons6 {display:inline-block; margin:2px 4px -3px 0; background-position:-135px -60px;}
span.cons7 {display:inline-block; margin:2px 4px -3px 0; background-position:0 -75px;}
span.cons8 {display:inline-block; margin:2px 4px -3px 0; background-position:-15px -75px;}
span.cons9 {display:inline-block; margin:2px 4px -3px 0; background-position:-30px -75px;}
span.cons10 {display:inline-block; margin:2px 4px -3px 0; background-position:-45px -75px;}
span.cons11 {display:inline-block; margin:2px 4px -3px 0; background-position:-60px -75px;}
span.cons12 {display:inline-block; margin:2px 4px -3px 0; background-position:-75px -75px;}
span.cons13 {display:inline-block; margin:2px 4px -3px 0; background-position:-90px -75px;}
span.cons14 {display:inline-block; margin:2px 4px -3px 0; background-position:-105px -75px;}
span.cons15 {display:inline-block; margin:2px 4px -3px 0; background-position:-120px -75px;}
span.cons16 {display:inline-block; margin:2px 4px -3px 0; background-position:-135px -75px;}
span.cons17 {display:inline-block; margin:2px 4px -3px 0; background-position:0 -90px;}
span.cons18 {display:inline-block; margin:2px 4px -3px 0; background-position:-15px -90px;}
span.cons19 {display:inline-block; margin:2px 4px -3px 0; background-position:-30px -90px;}
span.prem {display:inline-block; margin:2px 4px -3px 0; background-position:-135px -15px;}

#header {background:url('/img/header2.jpg') no-repeat;}
#header .logo {display:block; width:240px; height:120px; float:left;}
.menu {background:#000; border-top:1px solid #222; border-bottom:1px solid #222; padding:5px 15px; clear:both;}
.menu > span,
.menu > a {margin-right:30px;}
.menu .enter {float:right; margin-right:0;}

#footer {margin:35px 0; clear:both;}
#contact {float:right; margin:0;}

#yashare {float:right; margin-top:5px;}

.main {padding:0 15px;}

#action .hint {margin:25px 0 15px 0; border:1px solid #B85; background-color:#3D3535; border-radius:5px; padding:10px; clear:both;}
#action #filter_info.hint {margin-top:45px;}
#action #example {display:none; margin:6px 20px;}
#action #example p {margin:0; padding:5px 0;}
#action #example label {display:block;}
#action #example table {margin:8px 0 0 0;}
#action #example table td {width:25%; text-align:center;}
#action #example table td.tankname {text-align:left;}
#action #example a.val {line-height:16px; font-size:14px; text-align:center; color:inherit; border-bottom-color:#979797;}
#action #example a.color1 {font-size:16px; color:#d3db3d; border-bottom-color:#d3db3d;}
#action #example a.color2 {font-size:16px; color:#51cf4e; border-bottom-color:#51cf4e;}
#action #example a.color3 {font-size:16px; color:#b274b5; border-bottom-color:#b274b5;}
#action #example .bonus {display:none; text-align:left;}
#action #example .discount {font-size:13px; text-shadow:none;}
#action #example .strike .discount {color:inherit;}
#action #example .strike a {color:inherit; border-bottom-color:#979797;}

#action table {margin:25px 0 15px 0;}
#action tr {-webkit-transition: background-color 0.5s; -ms-transition: background-color 0.5s; -o-transition: background-color 0.5s; -moz-transition: background-color 0.5s; transition: background-color 0.5s;}
#action tr.highlight {background-color:#543;}
#action td.favorite {width:35px; padding:0;}
#action td.favorite a {display:block; padding:10px;}
#action td.name {width:180px;}
#action td.name p {margin:6px 0;}
#action td.reward {width:300px;}
#action td.rate {width:110px; text-align:center;}
#action td.date {width:120px; text-align:center;}
#action td.info {width:35px; padding:0;}
#action td.info a {display:block; padding:10px;}
#action table p.notelink {margin:7px 0 7px 20px; font-size:11px;}
#action table div.note {padding:7px 0 7px 20px; display:none;}

#action tr.passive td {color:#444; text-shadow:none; text-decoration:line-through;}
#action tr.passive td span.discount {color:#444; text-shadow:none;}
#action tr.passive td a.pseudo {color:#444; border-bottom-color:#444;}
#action tr.passive td.date {text-decoration:none;}
#action tr.passive td.rate .ico,
#action tr.passive td.reward .ico,
#action tr.passive td.mission .ico {opacity:0.1;}

.t_tank_experience .garage0,
.t_crew_experience .garage0,
.t_silver .garage0,
.t_discount .garage1,
.t_object .garage1,
.t_shop .garage1 {color:#444;}

.t_tank_experience .garage0 .ico,
.t_crew_experience .garage0 .ico,
.t_silver .garage0 .ico,
.t_discount .garage1 .ico,
.t_object .garage1 .ico,
.t_shop .garage1 .ico {opacity:0.1;}

#actlist dl {margin:0 0 0 10px;}
#actlist dt {margin:0; padding:20px 0 5px 0; border-top:1px solid #222; font:normal 15px "Trebuchet MS",sans-serif; text-transform:uppercase; text-shadow:0 0 2px #000;}
#actlist dd {margin:0; padding:0 0 20px 0;}

.h1line {margin:24px 0;}
.h1line h1 {display:inline; margin:0 10px 0 0;}

table.exp th {width:10%;}
table.exp .hover,
table.exp tr:hover {background-color:#000;}
table.exp td {text-align:center; cursor:pointer; padding:1px 0;}
table.exp td.pas {cursor:auto;}
table.exp td.highlight {background-color:#543;}
table#fix {position:fixed; top:0; display:none;}
.exp_tooltip {padding:0 10px; text-align:center;}

.ui-tooltip .loader {margin:10px 70px;}
.ui-tooltip .h1 {margin:7px 0; font-size:15px;}
.ui-tooltip .h2 {margin:7px 0; font-size:13px;}
.ui-tooltip .h3 {margin:7px 0;}
.ui-tooltip p {margin:7px 0;}
.ui-tooltip a {border-bottom:none;}
.ui-tooltip .tooltiptext {margin:7px 0 7px 20px;}
body .ui-tooltip {border:1px solid #333; border-radius:5px; box-shadow:0 0 4px #333; padding:3px 8px;}

.ui-multiselect {text-align:left;}
.ui-multiselect.ui-state-active {border-bottom-left-radius:0; border-bottom-right-radius:0;}
.ui-multiselect span.ui-icon {float:right;}
.ui-multiselect-single .ui-multiselect-checkboxes input {position:absolute !important; top: auto !important; left:-9999px;;}
.ui-multiselect-single .ui-multiselect-checkboxes label {padding:5px !important;}
.ui-multiselect-header {margin-bottom:3px; padding:3px 0 3px 4px;}
.ui-multiselect-header ul {font-size:0.9em;}
.ui-multiselect-header ul li {float:left; padding:0 10px 0 0;}
.ui-multiselect-header a {text-decoration:none;}
.ui-multiselect-header a:hover {text-decoration:underline;}
.ui-multiselect-header span.ui-icon {float:left;}
.ui-multiselect-header li.ui-multiselect-close {float:right; text-align:right; padding-right:0;}
.ui-multiselect-menu {display:none; padding:0; position:absolute; z-index:10000; text-align: left;}
.ui-multiselect-menu.ui-corner-all {border-top-left-radius:0; border-top-right-radius:0;}
.ui-multiselect-checkboxes {position:relative /* fixes bug in IE6/7 */; overflow-y:auto; overflow-x: hidden; height:auto !important; padding-bottom:1px;}
.ui-multiselect-checkboxes label {cursor:default; display:block; border:1px solid transparent; padding:6px 1em 6px 5px; margin:-1px;}
.ui-multiselect-checkboxes label.ui-corner-all {border-radius:0;}
.ui-multiselect-checkboxes label input {position:relative; top:1px; margin-right:7px;}
.ui-multiselect-checkboxes li {clear:both;}
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label {text-align:center; font-weight:bold; border-bottom:1px solid;}
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a {display:block; padding:3px; margin:1px 0; text-decoration:none;}

#filter {margin:25px 0;}
#filter button, #filter .ui-selectmenu-button {position:relative; width:180px !important; margin-right:10px; padding:0; vertical-align:middle; text-align:left;}
#filter .ui-selectmenu-button::-moz-focus-inner, #filter button.ui-multiselect::-moz-focus-inner {border:0;padding:0}
.ui-selectmenu-button span.ui-selectmenu-text {line-height:normal;}
.ui-menu .ui-menu-item {padding-top:9px; padding-bottom:9px;}
.ui-multiselect span {margin:0.4em 2.1em 0.4em 1em; display:block; overflow:hidden; white-space:nowrap;}
.ui-multiselect span.ui-icon {position:absolute; top:50%; right:0.5em; top:50%; margin:-8px 0 0 0; background-position:-64px -16px;}
/*.ui-multiselect.ui-state-active {background:url("images/ui-bg_gloss-wave_20_1c160d_500x100.png") repeat-x scroll 50% 50% #1c160d; border:1px solid #695444; color:#f52;}*/

#asja table {width:48%; margin-bottom:25px;}
#asja table th.branch {width:50%;}
#asja .lvl {display:none;}

.banner1 {margin:25px auto; width:728px;}
.banner2 {margin:15px; width:728px; height:90px; float:right;}