body {
  font-family: 'Helvetica', sans-serif;
  font-size: 200%;
  background: #cccccc;
}

.clickable {
  border: 1px solid white;
}
.clickable:hover {
  cursor: pointer;
  border: 1px solid #bbbbbb;
}

.outercontainer {
  padding: 0 6% 1px 6%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.container {
  width: 100%;
  text-align: center;
  background: white;
  margin: 1em 0;
  clear: both;
}

.toprow {
  background: white;
  padding: .3em 1em;
  margin: 1em 0;
  text-align: center;
}

.timer {
  float: right;
  width: 3em;
}

.roundtitle {
  float: left;
  width: 15em;
}

.guessersroundtitle {
  font-size: 300%;
}

.roundnum {
  font-size: 35%;
  float: right;
}

.row {
  padding: .5em 0;
}

.col {
  position: absolute;
  width: 28%;
}

.col1 {
  left: 7%;
}

.col2 {
  left: 36%;
}

.col3 {
  left: 65%;
}

.hidden {
  display: none;
}

.struck {
  text-decoration: line-through;
  color: #777777;
}

.guessers {
  background: #000000;
}

.nobody1 {
  background: #cccccc;
}

.nobody2 {
  background: #cccccc;
}

.team1 {
  background: #0000cc;
}

.team2 {
  background: #cc0000;
}

.none {
}

.bottom {
  padding: 1em;
  background: white;
  font-size: 40%;
  line-height: 2em;
  text-align: center;
}

.keybox { 
  padding: 0px .2em;
  border: 1px solid #666666;
  background-color: #dddddd;
}

.teamsrow {
  margin: 1em 0;
}

#teamleft {
  float: left;
}

#teamright {
  float: right;
}

.teambox {
  padding: 1em;
  color: white;
}

.bigarrow {
  font-size: 400%;
  line-height: .7em;
  text-align: center;
}

.teamname {
  text-align: center;
}

.currentteam {
  padding: 1em;
  color: white;
  font-weight: bold;
}

.nowcluing {
}