@font-face {
  font-family: "Reefont";
  src: url(/im/Reefont-Regular.otf); /* IE */
  src: local("Reefont"), url(/im/Reefont-Regular.otf) format("opentype"); /* non-IE */
}
@font-face {
  font-family: "ReefontBold";
  src: url(/im/Reefont-Bold.otf); /* IE */
  src: local("ReefontBold"), url(/im/Reefont-Bold.otf) format("opentype"); /* non-IE */
}

html, body { padding:0; margin:0; height: 100%; font: 10px Helvetica, Arial, sans-serif; color: #3c2828; }
body { background: #9e9183 url('/im/bg_fix.jpg') no-repeat top center; }
a { text-decoration: none; color: #3c2828; }
a:hover { color: #df4027; }
img { border: none; display: block; padding: 0; margin: 0; }
form, input { margin: 0px; }
p { margin: 10px 0px 10px 0px; }

.helvetica { font-family: Helvetica, Arial, sans-serif; }
.smallest { font-size: 9px; }
.smaller { font-size: 10px; }
.small { font-size: 12px; }
.medium { font-size: 16px; }
.big { font-size: 18px; }
.bigger { font-size: 24px; }
.biggest { font-size: 36px; }
.giant { font-size: 45px; }
.bold { font-weight: bold; }
.white { color: #fdfdfb; }

.upper { text-transform: uppercase; }

.hidden { display: none; }

div.box { background-color: #f1ece2; }
img.hr { background-color: #efe8db; }

/* Roll over buttons */
.roBtn a { float: left; display:block; background: no-repeat left bottom; }
.roBtn a img {  border:none; vertical-align:bottom; /* for IE6 */}
.roBtn a:hover { visibility:visible; }
.roBtn a:hover img { visibility:visible; }
.roBtn a:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}

/* Input boxes with background */
input.textBox68 { background: url(/im/text_bg68.jpg) ; width: 64px; height: 16px; border: 0px; padding: 4px 0px 0px 4px; margin: 0px; font: 11px Helvetica, Verdana, sans-serif; }
input.textBox132 { background: url(/im/text_bg132.jpg) ; width: 128px; height: 16px; border: 0px; padding: 4px 0px 0px 4px; margin: 0px; font: 11px Helvetica, Verdana, sans-serif; }
input.textBox145 { background: url(/im/text_bg145.jpg) ; width: 141px; height: 16px; border: 0px; padding: 4px 0px 0px 4px; margin: 0px; font: 11px Helvetica, Verdana, sans-serif; }
input.textBox255 { background: url(/im/text_bg255.jpg) ; width: 251px; height: 16px; border: 0px; padding: 4px 0px 0px 4px; margin: 0px; font: 11px Helvetica, Verdana, sans-serif; }
input.textBox280 { background: url(/im/text_bg280.jpg) ; width: 276px; height: 16px; border: 0px; padding: 4px 0px 0px 4px; margin: 0px; font: 11px Helvetica, Verdana, sans-serif; }
input.textBox288 { background: url(/im/text_bg288.jpg) ; width: 284px; height: 16px; border: 0px; padding: 4px 0px 0px 4px; margin: 0px; font: 11px Helvetica, Verdana, sans-serif; }
input.textBox295 { background: url(/im/text_bg295.jpg) ; width: 291px; height: 16px; border: 0px; padding: 4px 0px 0px 4px; margin: 0px; font: 11px Helvetica, Verdana, sans-serif; }
input.textBox300 { background: url(/im/text_bg299.jpg) ; width: 296px; height: 16px; border: 0px; padding: 4px 0px 0px 4px; margin: 0px; font: 11px Helvetica, Verdana, sans-serif; }
select { font-size: 10px; height:20px; margin: 0px; }
p.rules { text-align: justify; }

.hr { background-color: #ddd8ce; }
a.brown { color: #9e9183; font-weight: bold; }
a.brown:hover { color: #3c2828; }

#page { width: 960px; margin:0 auto; padding: 0; }
#canvas { width: 960px; margin: 53px 0 0 0; padding: 0; background: #fff url('/im/canvas_bg.jpg') repeat-x; }

/* Header */
#header ul { list-style: none;margin: 0; padding: 0; float: right; }
#header li { display: inline; float: left; }
#menu { color: #9e9183; font-size: 17px; }
#menuLine1 { font-size: 17px; line-height: 22px; letter-spacing: -1px;}
#menuLine2 { font-size: 14px; }
#menu a { color: #9e9183; text-decoration: none; }
#menu a:hover { color: #e24e33; }
#menu a.selected { color: #443333; }
#menu.iPhone a { color: #e24e33; text-decoration: none; }
#menu.iPhone a:hover { color: #9e9183; }
#menu.iPhone a.selected { color: #443333; }
#changeLang { float: right; font-size: 10px; margin: 0px 15px 0 0; font-weight: bold; }
#headProfile a { color: #fff; text-transform: uppercase; }
#headProfile a:hover { color: #e24e33; }
#logoutLink { display: block; color: #fbfaf4; font-size: 10px; font-weight: bold; position: absolute; left: 247px; top:21px; }
#logoutLink:hover { color: #e24e33; }

/* Footer */
#footNote { text-transform: uppercase; }
#contactUs { text-align: center; width:640px; margin: 30px auto 0 auto; font-size: 11px; display: block; font-weight: bold; }

/* Home */
#video { width: 720px; margin: 53px auto 0 auto; padding: 0; background: #000; }

/* Player Detail */
#playerDetailCanvas p { margin: 5px 0 0 0; padding: 0; }
div.playerVideo { float: left; width: 99px; }
div.unreleasedVideo { float: left; width: 99px; height: 60px; background-color: #000; margin: 3px 0 7px 0; }
div.unreleasedVideo div { color: #fff; line-height: 60px; text-align: center; margin: 0 auto; }
div.playerSubnav { color: #9e9183; font-weight: bold; font-size: 12px; }
div.playerSubnav a { color: #9e9183; }
div.playerSubnav a:hover { color: #e24e33; }
div.playerSubnav a.selected { color: #443333; }

/* Contest Signup */
#signupFrm label { display: block; font-weight: bold; font-size: 10px; padding: 8px 0px 6px 0px; text-transform: uppercase; }
.signupError { color: #ff0000; font-size: 11px; }

.signupErrorList { background-color: #be4f3a; color:#fff; padding: 10px; font-size: 12px; font-weight: bold; }
.signupErrorListTitle { border-bottom: #fff solid 1px; padding-bottom: 8px; }
.signupErrorList ul { margin: 8px 0 0 0; padding: 0 0 0 10px; }
.signupErrorList li { padding-bottom: 4px; }
.requiredField { font-size: 9px; font-weight: bold; color: #e54a35; }

input.textBox68 { background: url(/im/text_bg68.jpg) ; width: 64px; height: 16px; border: 0px; padding: 4px 0px 0px 4px; margin: 0px; font: 11px Helvetica, Verdana, sans-serif; }
input.textBox132 { background: url(/im/text_bg132.jpg) ; width: 128px; height: 16px; border: 0px; padding: 4px 0px 0px 4px; margin: 0px; font: 11px Helvetica, Verdana, sans-serif; }
input.textBox145 { background: url(/im/text_bg145.jpg) ; width: 141px; height: 16px; border: 0px; padding: 4px 0px 0px 4px; margin: 0px; font: 11px Helvetica, Verdana, sans-serif; }
input.textBox178 { background: url(/im/text_bg178.jpg) ; width: 174px; height: 16px; border: 0px; padding: 4px 0px 0px 4px; margin: 0px; font: 11px Helvetica, Verdana, sans-serif; }
input.textBox255 { background: url(/im/text_bg255.jpg) ; width: 251px; height: 16px; border: 0px; padding: 4px 0px 0px 4px; margin: 0px; font: 11px Helvetica, Verdana, sans-serif; }
input.textBox280 { background: url(/im/text_bg280.jpg) ; width: 276px; height: 16px; border: 0px; padding: 4px 0px 0px 4px; margin: 0px; font: 11px Helvetica, Verdana, sans-serif; }
input.textBox288 { background: url(/im/text_bg288.jpg) ; width: 284px; height: 16px; border: 0px; padding: 4px 0px 0px 4px; margin: 0px; font: 11px Helvetica, Verdana, sans-serif; }
input.textBox300 { background: url(/im/text_bg299.jpg) ; width: 296px; height: 16px; border: 0px; padding: 4px 0px 0px 4px; margin: 0px; font: 11px Helvetica, Verdana, sans-serif; }
input.textBoxCode { background: url(/im/text_bgCode.jpg) ; width: 300px; height: 46px; border: 0px; padding: 4px 10px 0px 10px; margin: 0px; font: 35px Helvetica, Verdana, sans-serif; }
select { font-size: 10px; height:20px; margin: 0px; }
p.rules { text-align: justify; }

/* Profile */
#profileCanvas { width: 720px; height: 405px; margin: 12px auto 0 auto; position: relative; }
table.standingTable td, table.standingTable th { text-align: left; padding: 0 4px; text-transform: uppercase; }
table.standingTable tr { background: url('/im/fr_table_bg.gif'); height: 22px; }
table.standingTable tr.odd { background-color: #f4f0e5; }

/* Chart */
div.resultSubnav { color: #9e9183; font-weight: bold; font-size: 12px; }
div.resultSubnav a { color: #9e9183; }
div.resultSubnav a:hover { color: #e24e33; }
div.resultSubnav a.selected { color: #443333; }
.chartSD { position: absolute; text-transform: uppercase; font-size: 8px; text-align: center; }
.chartDate { width: 81px; height: 10px; /*font-size: 7px; line-height: 10px; text-align: center; background: url('/im/chart_t_bg.jpg') repeat-x;*/ }
.chartSD div + img { }
.chartSD img { float: left; }
.chartSDNum { width: 81px; height: 18px; clear: both; line-height: 18px; /*font-size: 7px; line-height: 10px; text-align: center; background: url('/im/chart_t_bg.jpg') repeat-x; */ }

/* Reeinspire col 1 */
#chartShowdown1 { left: 0px; top: 40px; }
#chartShowdown2 { left: 0px; top: 120px; }
#chartShowdown3 { left: 0px; top: 200px; }
#chartShowdown4 { left: 0px; top: 280px; }
#chartShowdown5 { left: 0px; top: 360px; }
#chartShowdown6 { left: 0px; top: 440px; }
#chartShowdown7 { left: 0px; top: 520px; }
#chartShowdown8 { left: 0px; top: 600px; }
/* Reeinspire col 2 */
#chartShowdown9 { left: 179px; top: 80px; }
#chartShowdown10 { left: 179px; top: 240px; }
#chartShowdown11 { left: 179px; top: 400px; }
#chartShowdown12 { left: 179px; top: 560px; }
/* Reeinspire col 3 */
#chartShowdown13 { left: 359px; top: 160px; }
#chartShowdown14 { left: 359px; top: 480px; }
/* Reeinspire col 4 */
#chartShowdown15 { left: 538px; top: 320px; }

/* Reedefine col 1 */
#chartShowdown16 { left: 0px; top: 40px; }
#chartShowdown17 { left: 0px; top: 120px; }
#chartShowdown18 { left: 0px; top: 200px; }
#chartShowdown19 { left: 0px; top: 280px; }
#chartShowdown20 { left: 0px; top: 360px; }
#chartShowdown21 { left: 0px; top: 440px; }
#chartShowdown22 { left: 0px; top: 520px; }
#chartShowdown23 { left: 0px; top: 600px; }
/* Reedefine col 2 */
#chartShowdown24 { left: 179px; top: 80px; }
#chartShowdown25 { left: 179px; top: 240px; }
#chartShowdown26 { left: 179px; top: 400px; }
#chartShowdown27 { left: 179px; top: 560px; }
/* Reedefine col 3 */
#chartShowdown28 { left: 359px; top: 160px; }
#chartShowdown29 { left: 359px; top: 480px; }
/* Reedefine col 4 */
#chartShowdown30 { left: 538px; top: 320px; }

.chartShowdownFW { position: absolute; left: 756px; top: 190px; z-index: 8; }
.chartShowdownFL { position: absolute; left: 530px; top: 25px; }
.chartShowdownFinalEmpty { position: absolute; left: 756px; top: 190px; z-index: 4; }
#chartFinal1 { position: absolute; left: 580px; top: 460px; z-index: 10;}
#chartFinal2 { position: absolute; left: 504px; top: 4px; z-index: 10; }
.medal { position: absolute; left: 550px; top: -173px; z-index: 10; }

/* Rules */
#offRules p { margin: 0px; padding: 6px 0px;}
#offRules p a { color: #ffffff; }

/* Products */
.prodSubNav { color: #9e9183; font-weight: bold; font-size: 12px; line-height: 24px; padding-top: 1px; }
.prodSubNav a { color: #9e9183; font-size: 12px; line-height: 24px; }
.prodSubNav a:hover { color: #e24e33; }
.prodSubNav a.selected { color: #443333; }

div.prodSecondCol { position: absolute; left: -10px; top: 79px; width: 235px; }
div.prodSecondCol img { float: left; margin: 0 10px; display: inline; }
div.prodSecondCol img + img + img { border-top: solid 1px #e7e3da; display: inline; }
.prodSecondCol img { cursor: pointer; }