body{ background: #010220; margin: 0; padding: 0; }
h1, h2, h3 { color: #fff; }
a { color: #fff; }
img { border: none; }
.blueBody{ background: url(../img/blue-bg.gif); width: 858px; margin: 0; padding-top: 20px; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }

.logo { margin-left: 15px; }
ul.menu { margin-right: 20px; padding: 0; *margin-top: -50px; }
ul.menu li { float: left; list-style: none; padding-left: 3px; }
ul.menu li a { display: block; text-indent: -99999px; }
ul.menu li a.nav1 { background: url(../img/playHomeRunPinball.png); width: 160px; height: 20px; }
ul.menu li a.nav2 { background: url(../img/aboutHomeRunPinball.png); width: 172px; height: 20px; }
ul.menu li a.nav3 { background: url(../img/sweepstakes.png); width: 101px; height: 20px; }
ul.menu li a.nav4 { background: url(../img/standings.png); width: 83px; height: 20px; }
ul.menu li a.nav5 { background: url(../img/widget.png); width: 65px; height: 20px; }
ul.menu li a.active, ul.menu li a:hover { background-position: 0 -21px; }

.content { padding: 20px 60px 60px 60px; font: normal 14px/1.5em; color: #fff; }
h1.sweepstakes { background: url(../img/homeRunPinballSweepstakes.png); width: 385px; height: 33px;  text-indent: -99999px; padding: 0; margin: 0 auto 30px auto; }
h1.standingsHeader { background: url(../img/standingsHeader.png); width: 122px; height: 34px;  text-indent: -99999px; padding: 0; margin: 0 auto 30px auto; }
h1.aboutHeader { background: url(../img/aboutHomeRunPinballHeader.png); width: 300px; height: 27px;  text-indent: -99999px; padding: 0; margin: 0 auto 30px auto; }
h1.placeWidget { background: url(../img/placeWidgetHeader.png); width: 569px; height: 32px;  text-indent: -99999px; padding: 0; margin: 0 auto 30px auto; }
h2.widgetSetup { background: url(../img/widgetSetupHeader.png); width: 137px; height: 28px; text-indent: -9999px; margin: 0 auto 20px auto; }
h2.rules { background: url(../img/rulesHeader.png); width: 44px; height: 14px; text-indent: -9999px; }
h2.overview { background: url(../img/overviewHeader.png); width: 76px; height: 19px; text-indent: -9999px; }
h2.prizes { background: url(../img/prizesHeader.png); width: 48px; height: 14px; text-indent: -9999px; }
h2.play { color: #fff; }
h2.pitches { display: inline; color: #fff; }

div.instructions { margin-left: 65px; }
div.instructions p { margin-bottom: 15px; }
img.arrows { margin: 11px 20px 0 0; }

.theForm a { color: white; }
.sweepstakesForm { height: 471px; background: url(../img/batter.png) no-repeat; margin-top: 20px; padding-top: 40px; }
.formContainer { background: url(../img/blueFormGradient.png) repeat-y; *background: none;  margin: 30px 0 0 444px; padding: 25px 0 25px 0; z-index: 2; }

.theForm { float: right; margin-right: 50px; width: 320px; }
.theForm span.label { color: #fff; display: inline-block; width: 90px; text-align: right; }
.theForm span.label2 { color: #fff; }
.theForm input, .theForm select, .theForm input.checkbox { background: #304450; border: 1px solid #6a96b1; color: #fff; }
.theForm div { margin-bottom: 5px; }
h2.enterTheSweepstakes { background: url(../img/enterTheSweepstakes.png); width: 191px; height: 17px; text-indent: -9990px; margin: 0; padding: 0; }
.checks { margin-left: 99px; }
p.disclaimer { color: #64bef4; margin: 5px 0 5px 20px;  }
input.submitButton { display: block; margin: 20px auto; border: none; text-align: center; }
.footer { margin-top: -92px; }
ul.links { margin: 0 0 0 290px; padding: 15px 0 20px 0; }
ul.links li { display: inline; }
ul.links li a { display: inline; color: white; }
div.logos { float: right; margin-right: 14px; }

div.standings { margin: 0 auto 100px auto; width: 555px; }
table.leaderboard { margin: 0 auto; border-collapse: collapse; border: 1px solid #0a234a; }
table.leaderboard tr th, table.leaderboard tr td, table.leaderboard tr{ margin: 0px; padding: 0px; border: 0; border-spacing: 0; }

table.leaderboard tr th { font-size: 16px; font-weight: normal; background: #091f41; padding: 8px 20px 8px 20px;              }
table.leaderboard tr td { font-size: 12px; padding: 8px 30px 8px 20px; border-bottom: 1px solid #0a234a; }
table.leaderboard tr td.oddCol { background: #10112d; }
table.leaderboard tr th.nameCol { width: 140px; text-align: left; }
div.paginator { float: right; color: #183055; }
div.paginator a { text-decoration: none; color: white; }
div.paginator a.currentPage { color: #1686df; }
div.rating { float: left; margin-left: 20px; }

#error { color: red; font-size: 18px; margin: 10px 0 5px 25px;  }
#success { color: #64bef4; margin: 10px 0 5px 25px; font-size: 14px; }
#gameContainer { margin: 0 auto; width: 700px; }

#widgetError { color: red; font-size: 18px; margin: 10px 0 25px 0;  }
#widgetSuccess { color: #64bef4; margin: 10px 0 5px 25px; font-size: 14px; display: block; }


.widgetColumn { width: 299px; float: left; margin-bottom: 20px; }
.widgets { text-align: center; margin: 0 auto 70px auto; }
.widgetForm { width: 670px; padding: 30px 20px; margin: 0 auto; background: #182148 url(../img/blueBg.jpg) repeat-x; }
.widgetForm input, .widgetForm select, .widgetForm input.checkbox { background: #304450; border: 1px solid #6a96b1; color: #fff; font-size: 14px; }
.field { margin-bottom: 20px; }

.embed { width: 66px; margin: 0 auto; }
