/* ============================================================
   halowars.com revival — shared stylesheet for all stats pages.
   Faithful recreation of the 2009 site: metrics + palette lifted
   from the original css/layout_thread.css (Wayback 2013-08-28),
   original art assets under images/.
   ============================================================ */
body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin: 0;
  color: #CCCCCC;
  background: #000000 url(images/largeBGimage.jpg) repeat-x fixed right top;
  /* the 2009 layout is authored at 1003px / 10-12px type — scale the whole
     site up for modern displays (layout, art and text together) */
  zoom: 1.2;
}
a { color: #698d73; }

/* ---- top network bar ---- */
#Robot_navBar {
  height: 31px;
  background: url(images/blackNavBar_BG.jpg) repeat-x;
  color: #999; font-size: 10px;
}
#Robot_navBar .inner { width: 1003px; margin: 0 auto; line-height: 31px; padding: 0 6px; }
#Robot_navBar .right { float: right; color: #666; }

#content { width: 1003px; margin: 0 auto; }

/* ---- header + nav (original art) ---- */
#header {
  height: 348px;
  background: url(images/HeaderBG_Art.jpg) no-repeat;
  position: relative;
}
#navbar {
  text-align: center;
  position: relative; top: 305px; height: 30px;
  font-size: 0; white-space: nowrap;
}
#navbar img { border: 0; display: inline-block; vertical-align: top; }
#navbar a { display: inline-block; }

/* ---- content shell (original tiles) ---- */
#contentBG { background: url(images/contentBG_tile.png) repeat-y; }
#contentBody {
  background: url(images/contentBG.gif) no-repeat;
  padding: 12px 25px 25px 25px; min-height: 800px; color: #CCCCCC;
}

/* ---- stats framework (values from original layout_thread.css) ---- */
#stats { padding: 10px; font-size: 10px; text-align: left; }
#stats table.statsTable { border: solid 5px #112F61; background-color: #000; border-collapse: collapse; }
#stats td.heading, #stats div.heading { font-weight: bold; font-size: 13px; color: #FFCC33; padding: 10px 10px 0px 10px; }
#stats .left-heading { font-weight: bold; font-size: 13px; color: #FFCC33; padding: 10px 10px 0px 0px; }
#stats hr.hr { color: #333333; background-color: #333333; height: 1px; border: none; margin: 6px 5px; }
#stats td.statsHeading { border-right: 1px solid #000; border-bottom: 1px solid #000; background-color: #10243a; padding: 5px; font-weight: bold; color: #e8e9eb; text-align: right; }
#stats td.statsCell { padding: 5px; background-color: #212121; border-right: 1px solid #000; border-bottom: 1px solid #000; }
/* OG leaderboard gamertags are plain text (no links) — keep ours clickable but
   render them in the cell's body color so the table matches the original */
#stats td.statsCell a { color: #CCCCCC; text-decoration: none; }
#stats td.statsCell a:hover { text-decoration: underline; }
#stats td.statsCellAlt { padding: 5px; background-color: #111111; border-right: 1px solid #000; border-bottom: 1px solid #000; }
#stats td.center { text-align: center; }
#stats td.left { text-align: left; }
#stats td.civHeading { font-weight: bold; font-size: 13px; color: #FFCC33; padding: 10px; background-color: #010916; border-top: 2px solid #37617a; border-bottom: 2px solid #37617a; }
#stats td.civBar { background-color: #000; height: 6px; padding: 0; }
#stats td.statsMode { padding: 5px; background-color: #37617a; border-left: 10px solid #010916; border-top: 10px solid #010916; border-right: 10px solid #010916; }
#stats h2 { font-size: 18px; font-weight: bold; margin: 4px 6px; color: #fff; }
#stats td.statsMapList { border-right: 1px solid #000; border-bottom: 1px solid #000; background-color: #10243a; padding: 5px; font-weight: bold; color: #e8e9eb; text-align: center; }
#stats td.statsMapListDetail { border-right: 1px solid #000; border-bottom: 1px solid #000; background-color: #010916; color: #fff; padding: 3px; }
#stats td.statsMapListDetailYellow { border-right: 1px solid #000; border-bottom: 1px solid #000; background-color: #FFCC33; color: #000; padding: 3px; }
#stats td.statsSelected { width: 175px; padding: 15px; background-color: #05142d; border-top: 3px solid #37617a; border-left: 3px solid #37617a; border-bottom: 3px solid #37617a; vertical-align: top; }
#stats td.statsMenu { width: 175px; padding: 15px; border-right: 3px solid #37617a; vertical-align: top; background-color: #010916; }
#stats .searchCell { font-size: 12px; width: 105px; height: 18px; border: 1px solid #666; background: #ddd; }
#stats label { padding-left: 5px; }
#stats select { font-size: 11px; font-family: Verdana, Arial, Helvetica; }
.statsButton, .CommonSearchButton {
  width: 175px; font-family: Verdana, Arial, Helvetica; font-size: 11px; font-weight: bold; padding: 2px 4px;
  /* plain black per original Common.css — its search-button.gif accent
     renders as a stray white sliver at the left edge, so it's dropped */
  background: #000;
  border: 1px solid #444; color: #cccccc; cursor: pointer; height: 21px;
}
.statsButton:hover, .CommonSearchButton:hover { color: #ffffff; border-color: #777; }
.CommonSearchButton.small { width: 60px; text-align: center; }
.railImg { display: block; margin-bottom: 2px; border: 0; }

/* recent-game detail card (original structure) */
.teamHeadCell { border-bottom: dashed 1px #777777; padding: 3px; width: 50%; color: #ccc; }
.playerCell { border-right: solid 1px #777777; }
.playerCell a { color: #698d73; text-decoration: none; }
.playerCell a:hover { color: #fff; text-decoration: underline; }
.pgLine { vertical-align: bottom; padding-top: 10px; color: #ccc; }

/* leaderboard pager (original divPages) */
.lbPages { text-align: center; padding: 8px; font-size: 10px; color: #666; }
.lbPages a { color: #698d73; text-decoration: none; font-weight: bold; }
.lbPages a:hover { color: #fff; text-decoration: underline; }
.lbPages a.off { color: #444; cursor: default; text-decoration: none; }
#stats td.statsCell a, #stats td.statsCellAlt a { color: #698d73; text-decoration: none; }
#stats td.statsCell a:hover, #stats td.statsCellAlt a:hover { color: #fff; text-decoration: underline; }

.modeLinks { padding: 0 6px 4px 6px; font-size: 10px; }
.modeLinks a { color: #cfe0ee; text-decoration: none; margin-right: 10px; font-weight: bold; }
.modeLinks a:hover { color: #fff; text-decoration: underline; }
.modeLinks a.on { color: #FFCC33; }
.footnote { color: #666; font-size: 9px; padding: 4px 10px 8px 10px; }
.filterNote { color: #FFCC33; font-size: 9px; padding: 2px 0 4px 0; }
.filterNote a { color: #fff; }

#footer {
  height: 93px;
  background: url(images/footer.png) no-repeat;
  text-align: center; padding-top: 40px; color: #999999; font-size: 10px; line-height: 1.7;
}
#footer .tiny { color: #555; font-size: 9px; }