/**
 * BF Tracks Style sheet - in-game-style
 *
 * $Id: bf.css,v 1.16 2005/01/14 22:46:26 chrille Exp $
 */


/**
 * Head
 */
#siteName {
  color:          #88867A;
  font-size:      40px;
  font-family:    Arial Black, Helvetica, Arial, sans-serif;
  letter-spacing: 1px;
  line-height:    40px;
  position:       absolute;
  top:            6px;
  left:           220px;
  white-space:    nowrap;
}
#siteName a {
  color:           #88867A;;
  text-decoration: none;
}
#siteName a:hover { text-decoration: none; }
#siteTagLine {
  color:          #88867A;
  font-size:      16px;
  font-weight:    bold;
  letter-spacing: 1px;
  position:       absolute;
  top:            47px;
  left:           220px;
}
#siteLive {
  color:       #FF6666;
  font-size:   17px;
  font-weight: bold;
  letter-spacing: 1px;
  font-style:  italic;
  position:    absolute;
  top:         5px;
  left:        435px;
}
#siteSponsors {
  position:    absolute;
  top:         4px;
  left:        670px;
}

a.bf1942 { text-decoration: none; }

/**
 * General styles
 */
body {
  background-color: #444D2E;
  color:            #FFFFFF;
  font-size:        13px;
  font-family:      Arial, Helvetica, sans-serif;
  margin:           0px;
}

table {
  border:         0px;
  border-spacing: 0px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
td {
  padding:   0px;
  font-size: 13px;
}
th {
  white-space: nowrap;
  font-size: 12px;
}

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

h2 {
  color: #CCCCCC;
}

form {
display: inline;
}
input.text {
  color:            #A8A69A;
  background-color: #333333;
  border-width:     4px;
  border-style:     solid;
  border-color:     #88867A;
  padding:          2px;
  width:            80px;
}
select {
  font-size:        9px;
  color:            #A8A69A;
  background-color: #333333;
  border-width:     0px;
  border-style:     solid;
  border-color:     #88867A;
  padding:          0px;
  margin-top:       3px;
  margin-bottom:    3px;
  margin-left:      3px;
  width:            70px;
}
textarea {
  color:            #A8A69A;
  background-color: #333333;
  border-width:     4px;
  border-style:     solid;
  border-color:     #88867A;
  padding:          2px;
  width:            320px;
  height:	    160px;
}
input.submit {
  font-size:        9px;
  color:            #FFFFFF;
  background-color: #333333;
  border-width:     2px;
  border-style:     solid;
  border-color:     #CCCC99;
  margin:           2px;
}
input.submit:hover {
  border-color: #847E4A;
}

a { color: #B0B0A0; }
a:hover { color: #CCCC99; }
a.noborder img { border-width: 0px; }

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

.left {
  text-align: left;
}

.bold {
  font-weight: bold;
}

.small {
  font-size: 10px;
}

.axis {
  color: #C7686A;
}

.allies {
  color: #558BB6;
}


.banned {
  color: #FF9999;
}


.margin {
  padding-left: 10px;
}

.error {
  color: #990000;
  font-weight: bold;
}

.mod {
  font-size: 10px;
  color:     #999999;
}

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

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

/**
 * Tabs
 */
div.tab {
  position: absolute;
  top:      135px;
  left:     10px;
}
div.tab td {
  padding-right: 4px;
}
div.tab tr {
  vertical-align: top;
}
div.tab a {
  display:          block;
  color:            #747474;
  background-color: #0E0E0E;
  border-color:     #747452;
  border-width:     3px;
  border-style:     solid;
  text-decoration:  none;
  font-variant:     small-caps;
  font-size:        12px;
  height:           16px;
  padding-top:      2px;
  padding-bottom:   2px;
  padding-left:     10px;
  padding-right:    10px;
  -moz-border-radius: 5px;
  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.hidden {
  display:    none;
  visibility: hidden;
}
#modSearchDropDown.visible {
  display:    block;
  visibility: visible;
}
#modSearchDropDown a {
  border-top-width:    1px;
  border-bottom-width: 1px;
  margin:              0px;
  -moz-border-radius:  0px;
  border-radius:       0px;
}


div.foot {
  padding-top:      10px;  
  padding-bottom:   10px;  
  text-align:     center;
  font-size:        10px;
}

/**
 * List
 */
table.list {
  color:  #B0B0A0;
  margin: 10px;
  border: solid 3px #88867A;
}
table.list th { 
  color:            #FFFFFF;
  background-color: #847E4A;
  border:           solid 1px #000000;
  text-align:       left;
  font-variant:     small-caps;
  padding-left:     3px;
  padding-right:    5px;
  padding-top:      1px;
  padding-bottom:   1px;
}
table.list td {
  background-color: #262722;
  text-align:       right;
  padding-left:     3px;
  padding-right:    5px;
  padding-top:      1px;
  padding-bottom:   1px;
}
table.list th a {
  color: #FFFFFF;
}
table.list * a {
  color: #B0B0A0;
}
table.list * a.allies {
  color: #558BB6;
}
table.list * a.axis {
  color: #C7686A;
}
table.list * a:hover {
  color: #FFFFFF;
}
table.list tr.alt td, table.list tr.alt a {
  background-color: #181818;
}
table.list td.filter {
  background-color: #88867A;
  color:            #FFFFFF;
  padding:          0px;
  text-align:       left;
  font-variant:     small-caps;
}
table.list td.caption {
  background-color: #88867A;
  color:            #000000;
  font-weight:      bold;
  font-size:        14px;
  font-variant:     small-caps;
  text-align:       left;
}
table.list td.rpGrid {
  text-align: left;
  font-size:  10px;
}
table.list td.playerOnline {
  text-align: center;
  font-size:  10px;
}
table.list * a.playerOnlineNow {
  font-weight: bold;
  color:       #00FF00;
}
td.rpGrid img {
  border: solid 1px #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-top:    10px;
  margin-left:   10px;
  margin-bottom: 10px;
  margin-right:  0px;
}
table.side td {
  text-align: left;
}
table.side * h3 {
  font-size: 13px;
  margin:    3px;
}
table.side * p {
  margin:      3px;
  margin-left: 6px;
}
table.side * ul {
  margin: 3px;
  padding-left: 19px;
}
input.side_search {
  color:            #A8A69A;
  background-color: #333333;
  border-width:     1px;
  border-style:     solid;
  border-color:     #88867A;
  font-size:        14px;
  width:            100px;
  padding:          2px;
  margin:           2px;
}
input.side_search_button {
  width:     40px;
  font-size: 10px;
}


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