#game {

}

#game .section {
  margin-bottom: 25px;
}

#game .team {
  width: 45%;
}
#game .section .title {
  margin-bottom: 5px;
  text-align: center;
}

#home {
  float: left;
}

#road {
  float: right;
}

#game table {
  width: 100%;
}
#game tr.green {
  background-color: #ccffcc;
}
#game tr.yellow {
  background-color: #ffffdd;
}
#game tr.red {
  background-color: #ffcccc;
}
#game tbody td {
  text-align: center;
}
#game tbody td.name {
  text-align: left;
  font-weight: bold;
}
#game td.median {
  text-align: right;
}
#game td.median.green {
  color: #2e7f2e;
}
#game td.median.red {
  color: #7f2e2e;
}
#scoreboard table {
  font-size: 24px;
}
#scoreboard .name,
#moments {
  width: 50%;
}
#scoreboard .score div {
  padding-left: 15px;
  padding-right: 15px;
  color: #ffffff;
  background-color: #7f7fac;
}
#game #moments {
  font-size: 12px;
  text-align: left;
}
.rate-players td.rating {
  width: 160px;
}
.view-players td.rating {
  width: 200px;
}
.rate-players tr.odd a.star,
.rate-players tr.even a.star,
.rate-players tr.odd:hover a.star,
.rate-players tr.even:hover a.star,
.view-players tr.odd div.star,
.view-players tr.even div.star,
.view-players tr.odd:hover div.star,
.view-players tr.even:hover div.star {
  float: left;
  display: block;
  width: 15px;
  height: 15px;
  line-height: 15px;
  color: #ffffff;
  background: url(../images/white-star.png) no-repeat;
  text-decoration: none;
  vertical-align: middle;
  text-align: center;
}
.rate-players tr.odd a.star.active,
.rate-players tr.even a.star.active,
.view-players tr.odd div.star.active,
.view-players tr.even div.star.active {
  background: url(../images/skyblue-star.png) no-repeat;
}
.rate-players tr.odd a.star.hovered,
.rate-players tr.even a.star.hovered {
  background: url(../images/blue-star.png) no-repeat;
}
.rate-players .hideable .wrapper,
.view-players .hideable .wrapper {
  position: absolute;
  width: 200px;
  opacity: 0.9;
}
.rate-players .hideable table tbody,
.view-players .hideable table tbody {
  background-color: #ffffff;
}