/*============================================================================
  STYLES FOR WIDE BROWSERS
  ============================================================================*/
#main {
  width:970px;
  background-size: 970px;
  background-image: url(../img/chrome/bg-970.jpg);
  background-repeat: no-repeat;
}

body {
  background-color: #FFFFFF;
}

#mpTweeterIFrame {
  width: 635px;
  height: 340px;
}

/*============================================================================
  GET READY PANEL
  ============================================================================*/
#preGameLayer, #inactiveLayer {
  width: 641px;
  height: 202px;
  margin-top: 150px;
  margin-left: 160px;
}

#preGameLayer {
  background-image:url(../img/chrome/paneltxt_getready-970.png);
  background-repeat: no-repeat;
  background-size: 641px 176px;
}

/*============================================================================
  INACTIVE PANEL
  ============================================================================*/
#inactiveLayer {
  background-image:url(../img/chrome/paneltxt_inactive-970.png);
  background-repeat: no-repeat;
  background-size: 641px 202px;
}

/*============================================================================
  FOOTER AND LOGOS
  ============================================================================*/

#logoLayer {
  position: absolute;
  top: 520px;
  z-index: 500;
}

#logo {
  left: 47px;
  top: 70px;
  width: 175px;
  height: 55px;
  background-size: 190px 57px;
}

#sponsorlogo {
  background-image: url(../img/chrome/sponsor-logo-970.png);
  width: 171px;
  height: 140px;
  background-size: 171px 140px;
  left: 720px;
  top: 0px;
}