html, body {
  padding: 0;
  margin: 0;
  text-align: center;
  background-color: #FFF;
  font-family: sans-serif;
  font-size: 12px; }

button {
  background-color: #BEBEBE;
  border: 1px solid #F5F5F5;
  border-right-color: #7b7b7b;
  border-bottom-color: #7b7b7b;
  margin: 0 2px;
  padding: 2px 5px;
  font-size: 10px;
  cursor: pointer; }

#game {
  background-color: #BEBEBE;
  border: 3px solid #F5F5F5;
  border-right-color: #7b7b7b;
  border-bottom-color: #7b7b7b;
  display: inline-block;
  margin-top: 20px;
  padding: 5px;
  position: relative; }
  #game .statusBar {
    background-color: #BDBDBD;
    border: 3px solid #F5F5F5;
    border-top-color: #7b7b7b;
    border-left-color: #7b7b7b;
    margin-bottom: 5px;
    padding: 5px; }

#messageStart h2 {
  font-size: 10px;
  margin: 20px 0 10px; }

#gameOverBox {
  margin: 10px 0; }

#timer1, #timer2, #timer3, #marker1, #marker2, #marker3 {
  display: inline-block;
  background-image: url("../img/numbers.png");
  width: 13px;
  height: 23px;
  vertical-align: top;
  position: absolute;
  top: 16px; }
  #timer1.t1, #timer2.t1, #timer3.t1, #marker1.t1, #marker2.t1, #marker3.t1 {
    background-position: 0 -23px; }
  #timer1.t2, #timer2.t2, #timer3.t2, #marker1.t2, #marker2.t2, #marker3.t2 {
    background-position: 0 -46px; }
  #timer1.t3, #timer2.t3, #timer3.t3, #marker1.t3, #marker2.t3, #marker3.t3 {
    background-position: 0 -69px; }
  #timer1.t4, #timer2.t4, #timer3.t4, #marker1.t4, #marker2.t4, #marker3.t4 {
    background-position: 0 -92px; }
  #timer1.t5, #timer2.t5, #timer3.t5, #marker1.t5, #marker2.t5, #marker3.t5 {
    background-position: 0 -115px; }
  #timer1.t6, #timer2.t6, #timer3.t6, #marker1.t6, #marker2.t6, #marker3.t6 {
    background-position: 0 -138px; }
  #timer1.t7, #timer2.t7, #timer3.t7, #marker1.t7, #marker2.t7, #marker3.t7 {
    background-position: 0 -161px; }
  #timer1.t8, #timer2.t8, #timer3.t8, #marker1.t8, #marker2.t8, #marker3.t8 {
    background-position: 0 -184px; }
  #timer1.t9, #timer2.t9, #timer3.t9, #marker1.t9, #marker2.t9, #marker3.t9 {
    background-position: 0 -207px; }

#timer1 {
  left: 15px; }

#timer2 {
  left: 28px; }

#timer3 {
  left: 41px; }

#marker1 {
  right: 15px; }

#marker2 {
  right: 28px; }

#marker3 {
  right: 41px; }

#face {
  background: url("../img/faces.png") no-repeat scroll 0 -78px transparent;
  display: inline-block;
  height: 26px;
  width: 26px;
  vertical-align: top;
  cursor: pointer; }
  #face.ok {
    background-position: 0 -52px; }
  #face.won {
    background-position: 0 -26px; }
  #face.dead {
    background-position: 0 0; }

#grid {
  border: 3px solid #F5F5F5;
  border-top-color: #7b7b7b;
  border-left-color: #7b7b7b;
  overflow: auto;
  vertical-align: top; }
  #grid span {
    background: url("../img/cells.png") no-repeat scroll 0 0 gray;
    display: inline-block;
    width: 16px;
    height: 16px;
    float: left; }
  #grid .closed {
    background-position: 0 0;
    cursor: pointer; }
    #grid .closed:hover {
      opacity: 0.6; }
    #grid .closed.flag {
      background-position: 0 -32px; }
    #grid .closed.mark {
      background-position: 0 -64px; }
  #grid .nr0 {
    background-position: 0 -96px; }
  #grid .nr1 {
    background-position: 0 -112px; }
  #grid .nr2 {
    background-position: 0 -128px; }
  #grid .nr3 {
    background-position: 0 -144px; }
  #grid .nr4 {
    background-position: 0 -160px; }
  #grid .nr5 {
    background-position: 0 -176px; }
  #grid .nr6 {
    background-position: 0 -192px; }
  #grid .nr7 {
    background-position: 0 -208px; }
  #grid .nr8 {
    background-position: 0 -224px; }
  #grid .bomb {
    background-position: 0 -80px; }
  #grid .noBombFlagged {
    background-position: 0 -48px; }
  #grid .clickedBomb {
    background-position: 0 -16px; }

/*# sourceMappingURL=main.css.map */