#indexBody {
  background-color: #000;
  color: #eee;
  text-align: center;
}

#insideBody{
  background-image: url('/img/site/bg.jpg');
  color: #ec8;
  text-align: center;
}

#inside {
  width: 850px;
  position: relative;
  margin: 8px auto;
  text-align: left;
  font-size: 12px;
}

ul { margin: 0; padding: 0; list-style-type: none; }
li { margin: 0; padding: 0; }

table, tr, th, td { }

.t25 { opacity:.25; -moz-opacity: 0.25; filter: alpha(opacity=25); }
.t50 { opacity:.50; -moz-opacity: 0.50; filter: alpha(opacity=50); }
.t75 { opacity:.75; -moz-opacity: 0.75; filter: alpha(opacity=75); }

.inline { display: inline; }
.block { display: block; }

/* Links */
a { color: #fff; text-decoration: none; }
a:active { color: #bd9e4c; text-decoration: none; }
a:hover { color: #bd9e4c; text-decoration: none;}


.red { color: #c00; }
.yellow { color: #d90; }

.aYellow a { color: #d90; }
.aYellow a:hover { color: #900; }

.aWhite a { color: #fff; }
.aWhite a:active { color: #fff; }
.aWhite a:hover { color: #bd9e4c;}

.aWhiteG a { color: #fff; }
.aWhiteG a:active { color: #fff; }
.aWhiteG a:hover { color: #bd9e4c;}

.aBlack a { color: #000; }
.aBlack a:active { color: #c00; }
.aBlack a:hover { color: #bd9e4c;}

.aBlackW a { color: #000; }
.aBlackW a:active { color: #fff; }
.aBlackW a:hover { color: #bd9e4c;}

.aGreen a { color: #0f0; }
.aGreen a:active { color: #fff; }
.aGreen a:hover { color: #bd9e4c;}

.aRed a { color: #c00; }
.aRed a:active { color: #fff; }
.aRed a:hover { color: #bd9e4c;}

.aBlue a { color: #6fa9ac; }
.aBlue a:active { color: #6fa9ac; }
.aBlue a:hover { color: #bd9e4c;}

.aGold a { color: #bd9e4c; }
.aGold a:active { color: #bd9e4c; }
.aGold a:hover { color: #c00;}



.borderBottom {  border-bottom: solid 1px #0f0; }
.borderTop { border-top: solid 1px #0f0; }
.borderLeft { border-Left: solid 1px #0f0; }
.borderRight { border-Right: solid 1px #0f0; }
.border {  border: solid 1px #0f0; }
.borderBlack {  border: solid 1px #000; }
.borderGrey {  border: solid 1px #ccc; }

a.hoverImg img {
  display: block;
  visibility: visible;
  text-decoration: none;
}
a.hoverImg:link img, a.hoverImg:visited img { visibility: hidden; }
a.hoverImg:hover img, a.hoverImg:active img { visibility: visible; }


hr.green { background-color: #0f0; }

/* ie png fix */
div, img, li, td { behavior: url(js/iepngfix.htc) }


ul.icons { }
ul.icons li {
  height: 35px;
  line-height: 35px;
  background-repeat: no-repeat;
  padding: 8px 8px 8px 43px;
  display: inline;
  background-position: 5px 0;
}
ul.icons li.form { padding: 0 8px 2px 43px; }

ul.icons li.steel { background-image: url('../img/icons/i_steel.gif'); }
ul.icons li.si { background-image: url('../img/icons/i_si.gif'); }
ul.icons li.oil { background-image: url('../img/icons/i_oil.gif'); }
ul.icons li.energy { background-image: url('../img/icons/i_energy.gif'); }
ul.icons li.fuel { background-image: url('../img/icons/i_fuel.gif'); }
ul.icons li.time { background-image: url('../img/icons/i_time.gif'); }

ul.icons li.ground { background-image: url('../img/icons/i_ground.gif'); }
ul.icons li.air { background-image: url('../img/icons/i_air.gif'); }
ul.icons li.health { background-image: url('../img/icons/i_health.gif'); }
ul.icons li.wareMax { background-image: url('../img/icons/i_wareMax.gif'); }
ul.icons li.energyTime { background-image: url('../img/icons/i_energy_time.gif'); padding-left: 43px; background-position: 0 0; }
ul.icons li.oilTime { background-image: url('../img/icons/i_oil_time.gif'); padding-left: 43px; background-position: 0 0; }
ul.icons li.fire { background-image: url('../img/icons/i_fire.gif'); padding-left: 43px; background-position: 0 0; }
ul.icons li.timeMove { background-image: url('../img/icons/i_time_move.gif'); padding-left: 43px; background-position: 0 0; }
ul.icons li.fuelMove { background-image: url('../img/icons/i_fuel_move.gif'); padding-left: 43px; background-position: 0 0; }
ul.icons li.cancel { background-image: url('../img/icons/i_cancel.gif'); padding-left: 43px; background-position: 0 0; }
ul.icons li.complete { background-image: url('../img/icons/i_complete.gif'); padding-left: 43px; background-position: 0 0; }
ul.icons li.coin { background-image: url('../img/icons/i_coin.gif'); padding-right: 40px; background-position: right; }
ul.icons li.tripsMax { background: url('../img/icons/i_tripsMax.gif') no-repeat; padding-right: 4px; }
ul.icons li.spying { background: url('../img/icons/i_spying.gif') no-repeat; padding-right: 4px; }

ul.units { }
ul.units li {
  height: 36px;
  line-height: 36px;
  background-repeat: no-repeat;
  padding: 10px 8px 10px 44px;
  display: inline;
}
ul.units li.form { padding: 2px 8px 2px 44px; }

.anti { background-image: url('../img/units/i_anti.jpg'); background-repeat:no-repeat; }
.bomber { background-image: url('../img/units/i_bomber.jpg'); background-repeat:no-repeat;  }
.command { background-image: url('../img/units/i_command.jpg'); background-repeat:no-repeat;  }
.cruise { background-image: url('../img/units/i_cruise.jpg'); background-repeat:no-repeat;  }
.engineer { background-image: url('../img/units/i_engineer.jpg'); background-repeat:no-repeat;  }
.guard { background-image: url('../img/units/i_guard.jpg'); background-repeat:no-repeat;  }
.helicopter { background-image: url('../img/units/i_helicopter.jpg'); background-repeat:no-repeat;  }
.infantry { background-image: url('../img/units/i_infantry.jpg'); background-repeat:no-repeat;  }
.jet { background-image: url('../img/units/i_jet.jpg'); background-repeat:no-repeat;  }
.soldier { background-image: url('../img/units/i_soldier.jpg'); background-repeat:no-repeat;  }
.spy { background-image: url('../img/units/i_spy.jpg'); background-repeat:no-repeat;  }
.tank { background-image: url('../img/units/i_tank.jpg'); background-repeat:no-repeat;  }
.toair { background-image: url('../img/units/i_toair.jpg'); background-repeat:no-repeat;  }
.toground { background-image: url('../img/units/i_toground.jpg'); background-repeat:no-repeat;  }
.transport { background-image: url('../img/units/i_transport.jpg'); background-repeat:no-repeat;  }
.truck { background-image: url('../img/units/i_truck.jpg'); background-repeat:no-repeat;  }
.van { background-image: url('../img/units/i_van.jpg'); background-repeat:no-repeat;  }
.transportheli { background-image: url('../img/units/i_transportheli.jpg'); background-repeat:no-repeat;  }

.battleReportTable .unit{
	background-position: center top;
}

ul.buildings { }
ul.buildings li {
  height: 36px;
  line-height: 36px;
  background-repeat: no-repeat;
  padding: 10px 8px 10px 44px;
  display: inline;
}
ul.buildings li.form { padding: 2px 8px 2px 44px; }
ul.buildings li.airfactory { background-image: url('../img/buildings/i_airfactory.jpg'); }
ul.buildings li.barracks { background-image: url('../img/buildings/i_barracks.jpg'); }
ul.buildings li.camp { background-image: url('../img/buildings/i_camp.jpg'); }
ul.buildings li.fuel { background-image: url('../img/buildings/i_fuel.jpg'); }
ul.buildings li.fueldepot { background-image: url('../img/buildings/i_fueldepot.jpg'); }
ul.buildings li.lab { background-image: url('../img/buildings/i_lab.jpg'); }
ul.buildings li.main { background-image: url('../img/buildings/i_main.jpg'); }
ul.buildings li.missile { background-image: url('../img/buildings/i_missile.jpg'); }
ul.buildings li.nuclear { background-image: url('../img/buildings/i_nuclear.jpg'); }
ul.buildings li.oil { background-image: url('../img/buildings/i_oil.jpg'); }
ul.buildings li.oildepot { background-image: url('../img/buildings/i_oildepot.jpg'); }
ul.buildings li.si { background-image: url('../img/buildings/i_si.jpg'); }
ul.buildings li.sidepot { background-image: url('../img/buildings/i_sidepot.jpg'); }
ul.buildings li.solar { background-image: url('../img/buildings/i_solar.jpg'); }
ul.buildings li.steel { background-image: url('../img/buildings/i_steel.jpg'); }
ul.buildings li.steeldepot { background-image: url('../img/buildings/i_steeldepot.jpg'); }
ul.buildings li.warfactory { background-image: url('../img/buildings/i_warfactory.jpg'); }
ul.buildings li.bunker { background-image: url('../img/buildings/i_bunker.jpg'); }

textarea, select, option, input[type="text"], input[type="password"], input[type="submit"] { color: #fff; background-color: #2a2a2a; }
.formText { color: #fff; background: url('../img/inside/bg_input.png'); background-color: #2a2a2a; }
.formButton { color: #fff; background: url('../img/inside/bg_input.png'); background-color: #2a2a2a; }

.tableBox .formText { background: url('../img/table/bg_input.jpg'); background-color: #2a2a2a; }
.tableBox .formButton { background: url('../img/table/bg_button.png'); background-color: #2a2a2a; }

.message .formText { background: url('../img/messages/bg_input.jpg'); background-color: #2a2a2a; }
.message textarea { background: url('../img/messages/bg_textarea.jpg'); background-color: #2a2a2a; }

input.formLogin, select.formLogin {
  font-family: Arial;
  width: 106px;
  padding: 1px;
  margin-bottom: 2px;
  font-size: 11px;
  color: #fff;
  font-weight: bold;
  border: 1px solid #666;
  #background: url('../img/index/bg_input.jpg');
  background-color: #2a2a2a;
}

#indexBody input.formButton {
  height: 45px;
  color: #fff;
  font-weight: bold;
  background: url('../img/index/bg_button.png');
  background-color: #2a2a2a;
}

.spacer {
  display: block;
  margin: 3px;
}

table.battleReport td{
	vertical-align: bottom;
}

.registrationCaptcha img{ float: left; }
.registrationCaptcha_ae img{ float: right; }

table.reseach td {
	vertical-align: top;
}

table.reseach td .researchList {
	padding: 20px 10px 0 25px;
}

table.reseach td.science,
table.reseach td.military {
	width: 186px;
}

table.reseach td.spying {
	height: 120px;
	width: 186px;
}

fieldset {
	padding: 0;
	border: 0;
	margin: 0;
}

div.store {
	width: 224px;
	height: 51px;
	overflow: hidden;
}

div.store div {
	margin: 17px 0 0 86px;
}

div.store input {
	width: 40px;
	border-width: 1px;
	margin-right: 2px;
}

div.store.steel {
	background: url('../img/buildings/bunker/steel.png');
}
div.store.si {
	background: url('../img/buildings/bunker/si.png');
}
.store.oil {
	background: url('../img/buildings/bunker/oil.png');
}

.store.fuel {
    background: url('../img/buildings/bunker/fuel.png');
}

div.store.steel.disabled {
	background: url('../img/buildings/bunker/steel_disabled.png');
}
div.store.si.disabled {
	background: url('../img/buildings/bunker/si_disabled.png');
}
.store.oil.disabled {
	background: url('../img/buildings/bunker/oil_disabled.png');
}

.store.fuel.disabled {
    background: url('../img/buildings/bunker/fuel_disabled.png');
}

.store-button-field {
	padding: 14px 0;
	text-align: right;
	overflow: hidden;
}

.store-hint p {
	padding-top: 4px;
}

table.stock {
	width: 100%;
	margin: 10px 0;
}

table.stock td.icon {
	width: 35px;
}

table.stock th {
	font-size: 16px;
}

table.stock td.num {
	text-align: right;
}

.next-store-time {
	margin: 10px 0 10px 0;
	overflow: hidden;
	color: red;
}

.next-store-time img {
	float:left;
	margin-right: 5px;
}

.stock_field h2 {
	margin: 2px 0;
}

.stock_bar {
	margin-top: 4px;
	border: 1px solid #7F7F7F;
	width: 200px;
	height: 5px;
}

.stock_bar span {
	display: block;
	background-color: #2A6F22;
	height: 5px;
	width: 0px;
}

.capacity {
	text-align: right;
	width: 200px;
}

input.take_num {
	width: 60px;
	margin-right: 4px;
}

input.take {
	margin-top: 4px;
}

.max-store {
	font-size: 9px;
	padding-left: 80px;
}

#transferUnits .unit-box {
	height: 40px;
	padding: 0 10px 0 40px;
	margin-bottom: 5px;
}

#transferUnits .row {
	width: 170px;
	float: left;
}

#transferUnits .payload {
	font-size: 10px;
}

.weight {
	background: url('../img/icons/weight.png') 0 -2px no-repeat;
	color: #00FF00;
	font-size: 10px;
	padding-left: 16px;
	height: 16px;
	cursor: default;
}

#premium-units .classes .human { background-image: url('../img/inside/human.jpg') }
#premium-units .classes .air { background-image: url('../img/inside/air.jpg') }
#premium-units .classes .land { background-image: url('../img/inside/land.jpg') }
#premium-units .classes .missile { background-image: url('../img/inside/missile.jpg'); width: 27px; }

#premium-units .classes .human.selected { background-image: url('../img/inside/hover_human.jpg') }
#premium-units .classes .air.selected { background-image: url('../img/inside/hover_air.jpg') }
#premium-units .classes .land.selected { background-image: url('../img/inside/hover_land.jpg') }
#premium-units .classes .missile.selected { background-image: url('../img/inside/hover_missile.jpg') }

#premium-units .classes {
	overflow: hidden;
	margin-bottom: 10px;
}

#premium-units .classes a {
	width: 26px;
	height: 26px;
	display: block;
	float: left;
	margin-right: 5px;
}

#premium-units table {
	width: 100%;
}

#premium-units table td {
	padding-right: 20px;
	vertical-align: top;
}

#extra_boxes .borderWhite {
	margin: 7px 7px; 
	width:230px;
	height: 188px; 
	float: left; 
	padding: 7px;
}

#extra_boxes .description {
	font-size: 12px; 
	margin-top: 15px; 
	height: 85px;
}

#extra_boxes .options {
	display: block;
	width: 220px;
	height: 30px;
	padding: 4px 0;
}

#extra_boxes .options select {
	background-color: #FFF;
	color: #000;
	width: 170px;
	border: #292A2B 1px solid;
	float: left;
	margin: 5px 10px 0 0;
}

#extra_boxes .bold {
	font-size: 12px;
}

#extra_boxes .title {
	margin-top: 4px;
	font-size: 14px;
}

#extra_boxes .title_head {
	font-size: 19px;
	margin-left: 10px;
	color: #FFF;
}

#extra_boxes .optionstable td {
	font-size: 12px;
	width: 110px;
}

#extra_boxes #activeBoniTbl td {
	color: #fff;
	border: none;
	border-bottom: 1px dashed #535353;
	width: 200px;
	padding: 5px 0;
	text-align: right;
}

#extra_boxes #activeBoniTbl td.tdtitle {
	text-align: left;
	width: 280px;
}

#extra_boxes #activeBoniTbl td.middle {
	width: 200px;
}

#errorMsg a {
	text-decoration: underline;
}


.xmasDoorSmall {
    position:absolute;
    width:70px;
    height:70px;
    z-index:3;
    background: url('../img/xmas/tuer_klein.png');
    font-size: 2em;
    font-weight: bold;
    text-align:center;
    line-height:70px;
    cursor: pointer;
}

.xmasDoorLarge {
    position:absolute;
    width:65px;
    height:95px;
    z-index:3;
    background: url('../img/xmas/tuer_gross.png');
    font-size: 3em;
    font-weight: bold;
    text-align:center;
    line-height:95px;
    cursor: pointer;
}