/**
 * BF Tracks Style sheet - in-game-style
 * Updated for higher resolutions
 * $Id: bf.css,v 1.17 2026/01/05 12:00:00 gemini Exp $
 */

/**
 * Head
 */
#siteName {
  color:          #88867A;
  font-size:      3rem;
  font-family:    "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  letter-spacing: 1px;
  line-height:    1.2;
  position:       absolute;
  top:            10px;
  left:           220px;
  white-space:    nowrap;
}
#siteName a {
  color:           #88867A;
  text-decoration: none;
}
#siteName a:hover { text-decoration: none; }

#siteTagLine {
  color:          #88867A;
  font-size:      1.2rem;
  font-weight:    bold;
  letter-spacing: 1px;
  position:       absolute;
  top:            60px;
  left:           220px;
}

#siteLive {
  color:       #FF6666;
  font-size:   1.3rem;
  font-weight: bold;
  letter-spacing: 1px;
  font-style:  italic;
  position:    absolute;
  top:         10px;
  left:         450px;
}

#siteSponsors {
  position:    absolute;
  top:         10px;
  right:       10px;
  text-align:  right;
}

#headerTable td {
  padding: 0;
}
#headerTable img {
  display: block;
}

a.bf1942 { text-decoration: none; }

/**
 * General styles
 */
html {
  background-color: #222;
  height: 100%;
}

body {
  background-color: #444D2E;
  color:            #FFFFFF;
  font-size:        16px;
  font-family:      "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  margin:           0 auto;
  max-width:        1400px;
  min-height:       100%;
  position:         relative;
  box-shadow:       0 0 30px rgba(0,0,0,0.7);
  line-height:      1.4;
}

table {
  border:         0px;
  border-spacing: 0px;
  border-radius:  5px;
  width:          100%;
}

td {
  padding:   8px;
  font-size: 1rem;
}

th {
  white-space: nowrap;
  font-size: 1rem;
  padding: 8px;
  text-align: left;
}

p, span.text, h1, h2, h3 {
  margin: 15px;
}

h2 {
  color: #CCCCCC;
}

form {
  display: inline;
}

input.text, select, textarea {
  background-color: #333333;
  color:            #A8A69A;
  border:           1px solid #88867A;
  padding:          5px;
  border-radius:    3px;
  font-size:        1rem;
}

textarea {
  width: 100%;
  max-width: 600px;
}

input.submit {
  font-size:        0.9rem;
  color:            #FFFFFF;
  background-color: #333333;
  border:           1px solid #CCCC99;
  padding:          4px 12px;
  border-radius:    3px;
  cursor:           pointer;
}

input.submit:hover {
  border-color: #847E4A;
  background-color: #444;
}

a { color: #B0B0A0; text-decoration: none; transition: color 0.2s; }
a:hover { color: #CCCC99; text-decoration: underline; }
a.noborder img { border-width: 0px; }

a.externalUrl { color: #99CCFF; font-weight: bold; }

.left { text-align: left; }
.bold { font-weight: bold; }
.small { font-size: 0.8rem; }

.axis { color: #C7686A; }
.allies { color: #558BB6; }
.banned { color: #FF9999; }

.margin { padding-left: 10px; }
.error { color: #990000; font-weight: bold; }
.mod { font-size: 0.8rem; color: #999999; }

.gold { color: #FFD700; }
.silver { color: silver; }
.bronze { color: #DD8822; }

a img {
  border-color: #88867A;
  border-width: 0;
}

/**
 * Tabs
 */
div.tab {
  position: relative;
  margin-top: -22px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  z-index: 10;
}
div.tab table {
  width: auto;
}
div.tab td {
  padding-right: 4px;
  padding-bottom: 0;
}
div.tab td.dropdown-container {
  position: relative;
}
div.tab a {
  display:          inline-block;
  color:            #747474;
  background-color: #0E0E0E;
  border:           1px solid #747452;
  text-decoration:  none;
  font-variant:     small-caps;
  font-size:        1rem;
  padding:          6px 16px;
  border-radius:    5px;
}
div.tab a:hover, div.tab a.active {
  color:            #FFFFFF;
  background-color: #54533E;
  border-color:     #E7CF87;
}
div.tab a.external {
  color:            #FFFFFF;
  background-color: #394D58;
  border-color:     #7D9A96;
  margin-left:      15px;
}
div.tab a.external:hover {
  border-color: #E7CF87;
}

/**
 * Mod search drop down
 */
#modSearchDropDown {
  position: absolute;
  top: 100%;
  left: 8px;
  z-index: 100;
  background-color: #0E0E0E;
  border: 1px solid #747452;
  min-width: 200px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.5);
  border-radius: 0 0 5px 5px;
}
#modSearchDropDown.hidden { display: none; visibility: hidden; }
#modSearchDropDown.visible { display: block; visibility: visible; }
#modSearchDropDown a {
  display: block;
  border: none;
  border-bottom: 1px solid #333;
  padding: 8px 16px;
  border-radius: 0;
  text-align: left;
  white-space: nowrap;
  margin: 0;
}
#modSearchDropDown a:last-child {
  border-bottom: none;
}
#modSearchDropDown a:hover {
  background-color: #54533E;
  color: #FFFFFF;
}

div.foot {
  padding: 30px;
  text-align: center;
  font-size: 0.9rem;
  color: #888;
}

/**
 * List
 */
table.list {
  color:  #B0B0A0;
  margin: 20px 10px;
  width: calc(100% - 20px);
  border: 1px solid #88867A;
  border-collapse: collapse;
}
table.list th { 
  color:            #FFFFFF;
  background-color: #847E4A;
  border:           1px solid #000000;
  padding:          10px;
  font-weight:      bold;
}
table.list td {
  background-color: #262722;
  text-align:       right;
  padding:          8px 10px;
  border-bottom:    1px solid #333;
}
table.list td:first-child, table.list th:first-child {
    text-align: left;
}

table.list th a { color: #FFFFFF; }
table.list * a { color: #B0B0A0; }
table.list * a:hover { color: #FFFFFF; }

table.list tr.alt td { background-color: #181818; }
table.list tr:hover td { background-color: #333333; }

table.list td.filter {
  background-color: #88867A;
  color:            #FFFFFF;
  padding:          5px 10px;
  text-align:       left;
}
table.list td.caption {
  background-color: #88867A;
  color:            #000000;
  font-weight:      bold;
  font-size:        1.1rem;
  font-variant:     small-caps;
  text-align:       left;
  padding:          10px;
}
table.list td.rpGrid {
  text-align: left;
  font-size:  0.8rem;
}
table.list td.playerOnline {
  text-align: center;
  font-size:  0.9rem;
}
table.list * a.playerOnlineNow {
  font-weight: bold;
  color:       #00FF00;
}
td.rpGrid img { border: 1px solid #A8A69A; }

table.list tr.mb_active_mod td, table.list tr.mb_active_mod a {
  font-weight:      bold;
  color:            #FFFFFF;
  background-color: #000000;
  text-decoration:  none;
}

/**
 * Side
 */
table.side {
  margin: 10px;
  width: auto;
}
table.side td {
  text-align: left;
  padding: 5px;
}
table.side * h3 {
  font-size: 1.1rem;
  margin:    5px;
}
table.side * p {
  margin:      5px 10px;
}
table.side * ul {
  margin: 5px;
  padding-left: 20px;
}
input.side_search {
  width: 150px;
}

/**
 * Google Ads
 */
table.gglads {
  margin: 10px;
}

/**
 * Google search
 */
#google-search, #nickname-search {
  margin: 10px;
}
#google-search h2, #nickname-search h2 {
  margin: 0 0 10px 0;
}
.gsc-search-box, .gsc-input, .gsc-input-box {
  background-color: #333333;
  color: #A8A69A;
  border-color: #A8A69A;
  border-radius: 5px;
}
.gsc-completion-container {
  background-color: #333333;
  color: #A8A69A;
}