body
{
  background:#000;
  color:#ccc;
}

body, td, input
{
  font:normal normal normal 13px/13px Verdana;
}

td, th
{
  padding:0;
}

th
{
  font:normal normal bold 13px/13px Verdana;
}

form
{
}

a, a:link, a:visited
{
  color:#fff;
  border-bottom:dotted 1px #ccc;
  text-decoration:none;
}

a:hover, a:active
{
  border-bottom:solid 1px #fff;
}

.ajax__tab_body
{
  width:568px;
}

.ajax__tab_panel
{
  border-right:solid 2px #ccc;
  border-bottom:solid 1px #ccc;
  border-left:solid 1px #ccc;
  height:615px;
  padding:8px;
  overflow:auto;
}

.ajax__tab_tab
{
  padding-left:6px;
  padding-right:6px;
}

.tpFecundity_namedTab .ajax__tab_outer
{
  background:url(../Images/Tabs/tabFecundityInactiveLeft.png) no-repeat left;
}

.tpFecundity_namedTab .ajax__tab_inner
{
  background:url(../Images/Tabs/tabFecundityInactiveRight.png) no-repeat right;
}

.tpFecundity_namedTab .ajax__tab_tab
{
  margin-left:3px;
  margin-right:4px;
  background:url(../Images/Tabs/tabFecundityInactive.png) repeat-x;
  padding-top:2px;
  height:21px;
}

.ajax__tab_active .tpFecundity_namedTab .ajax__tab_outer
{
  background:url(../Images/Tabs/tabFecundityActiveLeft.png) no-repeat left;
}

.ajax__tab_active .tpFecundity_namedTab .ajax__tab_inner
{
  background:url(../Images/Tabs/tabFecundityActiveRight.png) no-repeat right;
}

.ajax__tab_active .tpFecundity_namedTab .ajax__tab_tab
{
  margin-left:3px;
  margin-right:4px;
  background:url(../Images/Tabs/tabFecundityActive.png) repeat-x;
  padding-top:2px;
  height:21px;
}

.tpFecundity_tabContent
{
  border-right-color:#af2323;
  border-bottom-color:#af2323;
  border-left-color:#af2323;
}

.tpInvasion_namedTab .ajax__tab_outer
{
  background:url(../Images/Tabs/tabInvasionInactiveLeft.png) no-repeat left;
}

.tpInvasion_namedTab .ajax__tab_inner
{
  background:url(../Images/Tabs/tabInvasionInactiveRight.png) no-repeat right;
}

.tpInvasion_namedTab .ajax__tab_tab
{
  margin-left:3px;
  margin-right:4px;
  background:url(../Images/Tabs/tabInvasionInactive.png) repeat-x;
  padding-top:2px;
  height:21px;
}

.ajax__tab_active .tpInvasion_namedTab .ajax__tab_outer
{
  background:url(../Images/Tabs/tabInvasionActiveLeft.png) no-repeat left;
}

.ajax__tab_active .tpInvasion_namedTab .ajax__tab_inner
{
  background:url(../Images/Tabs/tabInvasionActiveRight.png) no-repeat right;
}

.ajax__tab_active .tpInvasion_namedTab .ajax__tab_tab
{
  margin-left:3px;
  margin-right:4px;
  background:url(../Images/Tabs/tabInvasionActive.png) repeat-x;
  padding-top:2px;
  height:21px;
}

.tpInvasion_tabContent
{
  border-right-color:#ae6722;
  border-bottom-color:#ae6722;
  border-left-color:#ae6722;
}

.tpSubjugation_namedTab .ajax__tab_outer
{
  background:url(../Images/Tabs/tabSubjugationInactiveLeft.png) no-repeat left;
}

.tpSubjugation_namedTab .ajax__tab_inner
{
  background:url(../Images/Tabs/tabSubjugationInactiveRight.png) no-repeat right;
}

.tpSubjugation_namedTab .ajax__tab_tab
{
  margin-left:3px;
  margin-right:4px;
  background:url(../Images/Tabs/tabSubjugationInactive.png) repeat-x;
  padding-top:2px;
  height:21px;
}

.ajax__tab_active .tpSubjugation_namedTab .ajax__tab_outer
{
  background:url(../Images/Tabs/tabSubjugationActiveLeft.png) no-repeat left;
}

.ajax__tab_active .tpSubjugation_namedTab .ajax__tab_inner
{
  background:url(../Images/Tabs/tabSubjugationActiveRight.png) no-repeat right;
}

.ajax__tab_active .tpSubjugation_namedTab .ajax__tab_tab
{
  margin-left:3px;
  margin-right:4px;
  background:url(../Images/Tabs/tabSubjugationActive.png) repeat-x;
  padding-top:2px;
  height:21px;
}

.tpSubjugation_tabContent
{
  border-right-color:#aeae22;
  border-bottom-color:#aeae22;
  border-left-color:#aeae22;
}

.tpDevastation_namedTab .ajax__tab_outer
{
  background:url(../Images/Tabs/tabDevastationInactiveLeft.png) no-repeat left;
}

.tpDevastation_namedTab .ajax__tab_inner
{
  background:url(../Images/Tabs/tabDevastationInactiveRight.png) no-repeat right;
}

.tpDevastation_namedTab .ajax__tab_tab
{
  margin-left:3px;
  margin-right:4px;
  background:url(../Images/Tabs/tabDevastationInactive.png) repeat-x;
  padding-top:2px;
  height:21px;
}

.ajax__tab_active .tpDevastation_namedTab .ajax__tab_outer
{
  background:url(../Images/Tabs/tabDevastationActiveLeft.png) no-repeat left;
}

.ajax__tab_active .tpDevastation_namedTab .ajax__tab_inner
{
  background:url(../Images/Tabs/tabDevastationActiveRight.png) no-repeat right;
}

.ajax__tab_active .tpDevastation_namedTab .ajax__tab_tab
{
  margin-left:3px;
  margin-right:4px;
  background:url(../Images/Tabs/tabDevastationActive.png) repeat-x;
  padding-top:2px;
  height:21px;
}

.tpDevastation_tabContent
{
  border-right-color:#22ae22;
  border-bottom-color:#22ae22;
  border-left-color:#22ae22;
}

/* ++++++++++ Ingredient Tabs ++++++++++ */
.divIngredientBlock
{
  float:left;
  width:230px;
  margin-bottom:8px;
  margin-right:16px;
}

.divIngredientBlock .divIngredientName
{
  border-bottom:dotted 1px #ccc;
}

.tpFecundity_tabContent .divIngredientBlock .divIngredientName
{
  color:#f66;
}

.tpInvasion_tabContent .divIngredientBlock .divIngredientName
{
  color:#fa6;
}

.tpSubjugation_tabContent .divIngredientBlock .divIngredientName
{
  color:#ff6;
}

.tpDevastation_tabContent .divIngredientBlock .divIngredientName
{
  color:#6f6;
}

.divIngredientBlock .divIngredientImageAndInput
{
  margin-top:8px;
}

.imgIngredient
{
  float:left;
  margin-right:8px;
  cursor:help;
}

.trReadoutRow th
{
  font-weight:normal;
  text-align:left;
  white-space:nowrap;
}

.trReadoutRow th img
{
  margin-right:2px;
}

.trReadoutRow td, .trReadoutRow th
{
  padding:1px;
}

.trFirstRecipe td, .trFirstRecipe th
{
  padding-top:4px;
}

.imgReadoutIngredient
{
  cursor:help;
}

.needIngredient
{
  border:solid 1px #f00 !important;
}

.haveIngredient
{
  border:solid 1px #0f0 !important;
}

.makeIngredient
{
  border:solid 1px #0ff !important;
}

.ignoreIngredient
{
  border:dotted 1px #999 !important;
}

.divIngredientBlock .divIngredientImageAndInput input
{
  width:60px;
  height:26px;
  font-size:24px;
  background:#ccc;
}

.ajax__tab_panel h3
{
  margin:0;
  clear:both;
  border-bottom:dotted 1px #ccc;
  padding-bottom:1px;
  margin-bottom:8px;
}

.divNeedOneHaveOne
{
  margin-top:2px;
}

.divNeedOneHaveOne img
{
  margin-right:1px;
}

.tdCraftingSelections
{
  vertical-align:top;
}

.tdReadout
{
  text-align:center;
  vertical-align:top;
  width:239px;
  padding:8px;
}

.tdReadout table
{
  margin-left:auto;
  margin-right:auto;
  border:solid 1px #ccc;
}

.tdWideReadout table
{
  margin-left:auto;
  margin-right:auto;
  border:solid 1px #ccc;
}

.tdWideReadout
{
  text-align:center;
  vertical-align:top;
}

.tdAspectI
{
  text-align:center;
}

#tblDevastationShards
{
  border-width:0;
}

.tdSecondShard
{
  padding-left:8px;
}

.rblLanguage img
{
  margin-right:8px;
}

.rblLanguage input
{
  background:#ccc;
}

/* ~~~~~~~~~~  ~~~~~~~~~~ */

/* ++++++++++  ++++++++++ */
/* ~~~~~~~~~~  ~~~~~~~~~~ */