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

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

#inside {
  width: 850px;
  position: relative;
  margin: 8px auto;
  text-align: left;
  font-size: 13px;
  font-family: Tahoma,Geneva,Kalimati,sans-serif;
}

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(http://saakatsahara.com/css/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/i_steel.gif'); }
ul.icons li.si { background-image: url('img/i_si.gif'); }
ul.icons li.oil { background-image: url('img/i_oil.gif'); }
ul.icons li.energy { background-image: url('img/i_energy.gif'); }
ul.icons li.fuel { background-image: url('img/i_fuel.gif'); }
ul.icons li.time { background-image: url('img/i_time.gif'); }

ul.icons li.ground { background-image: url('img/i_ground.gif'); }
ul.icons li.air { background-image: url('img/i_air.gif'); }
ul.icons li.health { background-image: url('img/i_health.gif'); }
ul.icons li.wareMax { background-image: url('img/i_wareMax.gif'); }
ul.icons li.energyTime { background-image: url('img/i_energy_time.gif'); padding-left: 43px; background-position: 0 0; }
ul.icons li.oilTime { background-image: url('img/i_oil_time.gif'); padding-left: 43px; background-position: 0 0; }
ul.icons li.fire { background-image: url('img/i_fire.gif'); padding-left: 43px; background-position: 0 0; }
ul.icons li.timeMove { background-image: url('img/i_time_move.gif'); padding-left: 43px; background-position: 0 0; }
ul.icons li.fuelMove { background-image: url('img/i_fuel_move.gif'); padding-left: 43px; background-position: 0 0; }
ul.icons li.cancel { background-image: url('http://saakatsahara.com/img/icons/i_cancel.gif'); padding-left: 43px; background-position: 0 0; }
ul.icons li.complete { background-image: url('img/i_complete.gif'); padding-left: 43px; background-position: 0 0; }
ul.icons li.coin { background-image: url('img/i_coin.gif'); padding-right: 40px; background-position: right; }
ul.icons li.tripsMax { background: url('img/i_tripsMax.gif') no-repeat; padding-right: 4px; }
ul.icons li.spying { background: url('img/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/i_anti.jpg'); background-repeat:no-repeat; }
.bomber { background-image: url('img/i_bomber.jpg'); background-repeat:no-repeat;  }
.command { background-image: url('img/i_command.jpg'); background-repeat:no-repeat;  }
.cruise { background-image: url('img/i_cruise.jpg'); background-repeat:no-repeat;  }
.engineer { background-image: url('img/i_engineer.jpg'); background-repeat:no-repeat;  }
.guard { background-image: url('img/i_guard.jpg'); background-repeat:no-repeat;  }
.helicopter { background-image: url('img/i_helicopter.jpg'); background-repeat:no-repeat;  }
.infantry { background-image: url('img/i_infantry.jpg'); background-repeat:no-repeat;  }
.jet { background-image: url('img/i_jet.jpg'); background-repeat:no-repeat;  }
.soldier { background-image: url('img/i_soldier.jpg'); background-repeat:no-repeat;  }
.spy { background-image: url('img/i_spy.jpg'); background-repeat:no-repeat;  }
.tank { background-image: url('img/i_tank.jpg'); background-repeat:no-repeat;  }
.toair { background-image: url('http://saakatsahara.com/img/units/i_toair.jpg'); background-repeat:no-repeat;  }
.toground { background-image: url('img/i_toground.jpg'); background-repeat:no-repeat;  }
.transport { background-image: url('img/i_transport.jpg'); background-repeat:no-repeat;  }
.truck { background-image: url('img/i_truck.jpg'); background-repeat:no-repeat;  }
.van { background-image: url('img/i_van.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/i_airfactory.jpg'); }
ul.buildings li.barracks { background-image: url('img/i_barracks.jpg'); }
ul.buildings li.camp { background-image: url('img/i_camp.jpg'); }
ul.buildings li.fuel { background-image: url('img/i_fuel.jpg'); }
ul.buildings li.fueldepot { background-image: url('img/i_fueldepot.jpg'); }
ul.buildings li.lab { background-image: url('img/i_lab.jpg'); }
ul.buildings li.main { background-image: url('img/i_main.jpg'); }
ul.buildings li.missile { background-image: url('img/i_missile.jpg'); }
ul.buildings li.nuclear { background-image: url('img/i_nuclear.jpg'); }
ul.buildings li.oil { background-image: url('http://saakatsahara.com/img/buildings/i_oil.jpg'); }
ul.buildings li.oildepot { background-image: url('img/i_oildepot.jpg'); }
ul.buildings li.si { background-image: url('img/i_si.jpg'); }
ul.buildings li.sidepot { background-image: url('img/i_sidepot.jpg'); }
ul.buildings li.solar { background-image: url('img/i_solar.jpg'); }
ul.buildings li.steel { background-image: url('img/i_steel.jpg'); }
ul.buildings li.steeldepot { background-image: url('img/i_steeldepot.jpg'); }
ul.buildings li.warfactory { background-image: url('img/i_warfactory.jpg'); }

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

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

.message .formText { background: url('img/bg_input.jpg'); background-color: #2a2a2a; }
.message textarea { background: url('img/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;
  text-align: right;
  font-weight: bold;
  border: 1px solid #666;
  background: url('img/bg_input.jpg');
  background-color: #2a2a2a;
}

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

.spacer {
  display: block;
  margin: 3px;
}
.alignRight{
  text-align:right;
}

.dir {
	direction: rtl;
}