body {
  font-size: 10px;
  font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
  color: #fff;
  background-color: #000;
}
header {
  height: 85px;
  position: relative;
  width: 910px;
  margin: 0 auto;
}
header .blasters {
  position: absolute;
  top: 0;
  left: 0;
  width: 74px;
  height: 71px;
  background: url(/content/images/BW10.png) no-repeat;
  cursor: pointer;
}
header .blasters.b10 {
  background: url(/content/images/BW10.png) no-repeat;
}
header .blasters.b11 {
  background: url(/content/images/BW11.png) no-repeat;
}
header .blasters.b12 {
  background: url(/content/images/BW12.png) no-repeat;
}
header .blasters.b13 {
  background: url(/content/images/BW13.png) no-repeat;
}
header .blasters.b14 {
  background: url(/content/images/BW14.png) no-repeat;
}
header .blasters.b15 {
  background: url(/content/images/BW15.png) no-repeat;
}
header .blasters.b16 {
  background: url(/content/images/BW16.png) no-repeat;
}
header .blasters.b17 {
  background: url(/content/images/BW17.png) no-repeat;
}
header .blasters.b18 {
  background: url(/content/images/BW18.png) no-repeat;
}
header .blasters.b19 {
  background: url(/content/images/BW19.png) no-repeat;
}
header .blasters.b20 {
  background: url(/content/images/BW20.png) no-repeat;
}
header .logo {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -308px;
  width: 616px;
  height: 83px;
  background: url(/content/images/MasterLogo.png) no-repeat;
}
header .reset {
  position: absolute;
  top: 0;
  right: 0;
  width: 73px;
  height: 71px;
  background: url(/content/images/ResetAllGames.png) no-repeat;
  cursor: pointer;
}
.bar {
  width: 784px;
  height: 34px;
  margin: 5px auto;
  background: url(/content/images/OtherBar.png) no-repeat center center;
}
.bar.alt {
  background: url(/content/images/XBar.png) no-repeat center center;
  height: 46px;
  float: left;
  margin-left: -2px;
}
section {
  width: 780px;
  margin: 0 auto;
}
section:after {
  content: "";
  display: table;
  clear: both;
}
.game {
  width: 176px;
  height: 225px;
  float: left;
  margin: 0 9px;
  opacity: 1;
  transition: opacity ease 0.5s;
}
.game.faded {
  opacity: 0.5;
  pointer-events: none;
}
.game .color {
  width: 170px;
  height: 36px;
  margin: 0 auto;
  background: transparent no-repeat;
}
.game .color.Green {
  background: url(/content/images/GreenGame.png) no-repeat;
}
.game .color.Pink {
  background: url(/content/images/PinkGame.png) no-repeat;
}
.game .color.Blue {
  background: url(/content/images/BlueGame.png) no-repeat;
}
.game .color.Orange {
  background: url(/content/images/OrangeGame.png) no-repeat;
}
.game .color.White {
  background: url(/content/images/WhiteGame.png) no-repeat;
}
.game .color.Red {
  background: url(/content/images/RedGame.png) no-repeat;
}
.game .color.Yellow {
  background: url(/content/images/YellowGame.png) no-repeat;
}
.game .color.Purple {
  background: url(/content/images/PurpleGame.png) no-repeat;
}
.game .buttons {
  position: relative;
  height: 71px;
  margin: 10px 0;
}
.game .buttons .number {
  position: absolute;
  top: 0;
  left: 0;
  width: 74px;
  height: 71px;
  background: url(/content/images/0.png) no-repeat;
}
.game .buttons .number.n0 {
  background-image: url(/content/images/0.png);
}
.game .buttons .number.n1 {
  background-image: url(/content/images/1.png);
}
.game .buttons .number.n2 {
  background-image: url(/content/images/2.png);
}
.game .buttons .number.n3 {
  background-image: url(/content/images/3.png);
}
.game .buttons .number.n4 {
  background-image: url(/content/images/4.png);
}
.game .buttons .number.n5 {
  background-image: url(/content/images/5.png);
}
.game .buttons .number.n6 {
  background-image: url(/content/images/6.png);
}
.game .buttons .number.n7 {
  background-image: url(/content/images/7.png);
}
.game .buttons .number.n8 {
  background-image: url(/content/images/8.png);
}
.game .buttons .number.n9 {
  background-image: url(/content/images/9.png);
}
.game .buttons .number.n10 {
  background-image: url(/content/images/10.png);
}
.game .buttons .number.n11 {
  background-image: url(/content/images/11.png);
}
.game .buttons .number.n12 {
  background-image: url(/content/images/12.png);
}
.game .buttons .number.n13 {
  background-image: url(/content/images/13.png);
}
.game .buttons .number.n14 {
  background-image: url(/content/images/14.png);
}
.game .buttons .number.n15 {
  background-image: url(/content/images/15.png);
}
.game .buttons .number.n16 {
  background-image: url(/content/images/16.png);
}
.game .buttons .number.n17 {
  background-image: url(/content/images/17.png);
}
.game .buttons .number.n18 {
  background-image: url(/content/images/18.png);
}
.game .buttons .number.n19 {
  background-image: url(/content/images/19.png);
}
.game .buttons .number.n20 {
  background-image: url(/content/images/20.png);
}
.game .buttons .plus {
  position: absolute;
  top: 15px;
  left: 80px;
  width: 41px;
  height: 42px;
  background: url(/content/images/AddPlayers.png) no-repeat;
  cursor: pointer;
}
.game .buttons .minus {
  position: absolute;
  top: 15px;
  right: 8px;
  width: 41px;
  height: 42px;
  background: url(/content/images/DeletePlayers.png) no-repeat;
  cursor: pointer;
}
.game .status {
  width: 135px;
  height: 30px;
  margin: 0 auto 5px auto;
  background: url(/content/images/WaitingForPlayers.png) no-repeat;
  cursor: pointer;
}
.game .status.WaitingForPlayers {
  background-image: url(/content/images/WaitingForPlayers.png);
}
.game .status.GameJustCalled {
  background-image: url(/content/images/GameJustCalled.png);
}
.game .status.GameInProgress {
  background-image: url(/content/images/GameInProgress.png);
}
.game .status.GameCompleted {
  background-image: url(/content/images/GameCompleted.png);
}
.game .status.GameFull {
  background-image: url(/content/images/GameIsFull.png);
}
.game .status.TooManyPlayers {
  background-image: url(/content/images/TooManyPlayers.png);
}
.game .time-text {
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  font-style: italic;
  margin: 15px 0 5px 0;
}
.game .time {
  width: 104px;
  height: 25px;
  background: url(/content/images/WhiteBoxSmall.png) no-repeat;
  margin: 0 auto;
  text-align: center;
  font-weight: bold;
  color: #000;
  font-size: 14px;
  line-height: 25px;
  text-transform: uppercase;
}
#block {
  z-index: 1000;
  border: none;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  opacity: 0;
  pointer-events: none;
  transition: opacity ease 0.5s;
}
#block.opened {
  opacity: 1;
  cursor: wait;
  pointer-events: auto;
}
#reset-dialog {
  z-index: 1011;
  position: fixed;
  padding: 0;
  margin: 0 0 0 -150px;
  width: 300px;
  top: 200px;
  left: 50%;
  text-align: center;
  border: 2px solid #666666;
  background-color: #000000;
  height: 200px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  font-weight: bold;
  cursor: auto;
}
#reset-dialog .buttons {
  position: relative;
  width: 200px;
  margin: 20px auto;
}
#yes,
#no {
  position: absolute;
  top: 0;
  left: 0;
  background: url(/content/images/yes.png) no-repeat;
  width: 90px;
  height: 89px;
  cursor: pointer;
}
#no {
  background-image: url(/content/images/no.png);
  right: 0;
  left: auto;
}