/**
 * Time-stamp: <2009-01-11 13:46:33 andreas>
 *
 * Copyright (c) 2008,2009 Andreas Fieger (fiedsch@ja-eh.at)
 * 
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */

body {
  background-color: #778899;
  width: 1100px;
  margin: 0 auto;
  margin-top: 50px;
  font-family: Verdana, sans-serif;
}

#uiform , #infoform, #swapform {
  margin: 0px;
}

#board {
  background-color: green;
  background-image: url('../img/dartboard.png');
  background-repeat: no-repeat;
  background-position: center;
  width: 500px;
  height: 500px;
  margin: 0;
}

#homelabel, #awaylabel {

}

#currentscore {
  color: white;
  background-color: green; /* wie .active */
  text-align: center;
}

.active {
  background-color: green;
  color: white;
}

.waiting {
  background-color: #333;
  color: white;
}

#homeresults, #awayresults {
  background-color: #333;
  width: 250px;
  height: 500px;
  margin: 0;
  vertical-align: top;
  /*overflow: scroll;*/ /* für div OK, für td nicht OK */
}

#homeresults td, #awayresults td {
  color: white;
  background-color: #333; /* wie #homeresults bze. #awayresults */
  text-align: right;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
}

#homeresults td.rest, #awayresults td.rest {
  padding-right: 15px;
}

#homeresults td.score, #awayresults td.score {
  padding-left: 10px;
  padding-right: 45px;
}


#homeresults table, #awayresults table {
  border-collapse: collapse;
}

#status {
  background-color: white;
  border: 1px solid #2F4F4F;
  width: 450px;
}

#resetbutton {
  width: 450px;
  margin: 0px;
}

#darttooltip {
 width: 70px;
 padding: 3px;
 border: 1px solid #666;
 background-color: #CCC;
 text-align: center;
}

#overlay{ 
  position: absolute; 
  top: 0; 
  left: 0; 
  z-index: 1; 
  width: 100%; 
  height: 100%; 
  background-color: #222; 
}

#editor {
  position: absolute; 
  top: 0; 
  left: 40%; 
  z-index: 2; 
  width: 200px;
  margin: 0 auto;
  padding: 10px;
  margin-top: 250px;
  background-color: white; 
  border-top: 15px solid blue;
}
#editform table {
  margin: 0 auto;
}

#info {
  position: absolute; 
  top: 0; 
  left: 40%; 
  z-index: 2; 
  width: 450px;
  margin: 0 auto;
  padding: 10px;
  margin-top: 250px;
  background-color: white; 
  border-top: 15px solid blue;
}


.rest {
  font-weight: bold;
  border-right: 1px solid white;
}

.score {
  font-size: 0.875em;
}

.dart1 {
  font-size: 0.75em;
  color: #999 !important;
}

.dart2 {
  font-size: 0.75em;
  color: #999 !important;
}

.dart3 {
  font-size: 0.75em;
  color: #999 !important;
}