html, body { padding:0; margin:0; height: 100%; font: bold 10px Helvetica, Verdana, sans-serif; color: #646464; text-transform: uppercase; }
body { background: #000000 url('/im/bgLine.jpg') no-repeat fixed center top; font-family: Helvetica; }
body a { text-decoration: none; }
img { border: none; display: block; }
form, input { margin: 0px; }
p { margin: 10px 0px 10px 0px; }

#page { width: 954px; height:auto !important; height:100%; min-height:100%; margin:0 auto; padding: 0px 20px 0px 22px; background: #0c0c0c url('/im/bgTop.jpg') repeat-x center top;}
#leftColumn { float: left; width: 640px; }
#rightColumn { float: right; margin-left: 14px; }

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.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_bg300.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; }

/* 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 */}

/* Display boxes */
.box { background-color: #0c0c0c; }
.boxHead { }
.boxRow { background-color: #161616; margin-top: 1px; }
.boxFoot { background-color: #242424; height: 5px; margin-top: 1px; }

/* Text Styles */
.yellow { color: #ffe100; }
.gray { color: #646464; }
.white { color: #FFFFFF; }
.smallest { font-size: 9px; }
.smaller { font-size: 10px; }
.small { font-size: 12px; }
.big { font-size: 16px; }
.biggest { font-size: 36px; }
.giant { font-size: 45px; }
.normal { font-weight: normal; }
.bold { font-weight: bold; }
.normalCase { text-transform: none; }

a.yellowOver:hover { color: #ffe100; }
a.whiteOver:hover { color: #fff; }

/* Header */
#menu { background: url(/im/menu_bg.jpg) repeat-x; width: 954px; height: 30px; margin-bottom: 25px; float: left; }
#menu ul { list-style: none;margin: 0px 0px 0px 0px ;padding: 0;float: left; }
#menu li { display: inline; float: left; }
#header ul { list-style: none;margin: 24px 0px 0px 0px ;padding: 0;float: right; }
#header li { display: inline; float: left; }

/* Home */
#teamStanding table { width: 300px; }
#teamStanding th { height: 20px; text-align: left; padding-left: 5px; color: #FFFFFF; font-size: 9px; }
#teamStanding th+th+th { text-align: right; padding: 0px 5px 0px 0px; }
#teamStanding tbody td { line-height: 20px; text-align: left; padding-left: 5px; color: #646464; font-size: 9px; }
#teamStanding tbody td+td+td { text-align: right; padding: 0px 5px 0px 0px; }

#fanRanking table { width: 300px; }
#fanRanking th { height: 20px; text-align: left; padding-left: 5px; color: #FFFFFF; font-size: 9px; }
#fanRanking th+th+th+th { text-align: right; padding: 0px 5px 0px 0px; }
#fanRanking tbody td { line-height: 20px; text-align: left; padding-left: 5px; color: #646464; font-size: 9px; }
#fanRanking tbody td+td+td+td { text-align: right; padding: 0px 5px 0px 0px; }
#fanRanking tfoot td, #fanRanking tfoot td a { background-color: #242424; text-align: center; line-height: 20px; color: #FFFFFF; font-size: 9px; }

#myRanking table { width: 300px; }
#myRanking th { height: 20px; text-align: left; padding-left: 5px; color: #FFFFFF; font-size: 9px; }
#myRanking th+th+th+th { text-align: right; padding: 0px 5px 0px 0px; }
#myRanking tbody td { line-height: 20px; text-align: left; padding-left: 5px; color: #646464; font-size: 9px; }
#myRanking tbody td+td+td+td { text-align: right; padding: 0px 5px 0px 0px; }
#myRanking tfoot td, #fanRanking tfoot td a { background-color: #242424; text-align: center; line-height: 20px; color: #FFFFFF; font-size: 9px; }

#bestMoveHeader th { padding: 5px 10px; text-align: center; }

img.showDownPic { height: 158px; width: 158px; background-image: url(/im/sp.gif); }
span.showdownInfo { font-family: Helvetica, Arial, sans-serif; font-size: 9px; color: #646464; font-weight: bold;}

div.socialMedia { position: absolute; right: 0px; top: 5px; }
div.socialMedia img { float: left; }

#trivia .triviaChoice { margin-top: 2px; margin-left: 10px; float: left; }
#trivia .triviaChoice input { vertical-align: middle; float: left; margin: 0px; padding: 0px; }
#trivia label { padding-left: 5px; display: block; float: left; width: 265px; }

#signupFrm label, #profileFrm label { display: block; color: #ffe100; font-weight: bold; padding: 8px 0px 6px 0px; }
.signupError { color: #ff0000; font-size: 11px; }

#playerList .playerRow { margin-bottom: 15px; }
#playerList .playerName { margin-left: 8px; margin-top: 12px; }
#playerList .playerTeam { margin-left: 8px; margin-bottom: 12px; }
/*#playerList .wallPaper { float: left; margin-left: 7px; margin-bottom: 5px; }*/
#playerList .wallPaper { position: absolute; left: 7px; }
#playerList .interview { position: absolute; right: 6px; }
/*#playerList .interview { float: left; }*/
#playerList .player1 { float: left; margin-right: 1px; }
#playerList .player2 { float: left; margin-right: 6px; }
#playerList .player3 { float: left; margin-right: 1px; }
#playerList .player4 { float: left; }

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

#map { font-weight: normal; color: #000;}

/* Chart */
.chartSD { position: absolute; border-left: 1px solid #0c0c0c; border-right: 1px solid #0c0c0c; border-bottom: 1px solid #0c0c0c; }
.chartDate { width: 81px; height: 10px; border-bottom: 1px solid #0c0c0c; /*font-size: 7px; line-height: 10px; text-align: center; background: url('/im/chart_t_bg.jpg') repeat-x;*/ }
.chartSD div + img { border-right: 1px solid #0c0c0c; }
.chartSD img { float: left; }
.chartSDNum { width: 81px; height: 10px; clear: both; border-top: 1px solid #0c0c0c; /*font-size: 7px; line-height: 10px; text-align: center; background: url('/im/chart_t_bg.jpg') repeat-x; */ }
/* Undef col 1 */
#chartShowdown1 { left: 29px; top: 25px; }
#chartShowdown2 { left: 29px; top: 95px; }
#chartShowdown3 { left: 29px; top: 165px; }
#chartShowdown4 { left: 29px; top: 235px; }
#chartShowdown5 { left: 29px; top: 305px; }
#chartShowdown6 { left: 29px; top: 375px; }
#chartShowdown7 { left: 29px; top: 445px; }
#chartShowdown8 { left: 29px; top: 515px; }
/* Elim col 1 */
#chartShowdown9 { left: 29px; top: 25px; }
#chartShowdown10 { left: 29px; top: 165px; }
#chartShowdown11 { left: 29px; top: 305px; }
#chartShowdown12 { left: 29px; top: 445px; }
/* Undef col 2 */
#chartShowdown13 { left: 129px; top: 59px; }
#chartShowdown14 { left: 129px; top: 201px; }
#chartShowdown15 { left: 129px; top: 339px; }
#chartShowdown16 { left: 129px; top: 479px; }
/* Elim col 2 */
#chartShowdown17 { left: 129px; top: 59px; }
#chartShowdown18 { left: 129px; top: 201px; }
#chartShowdown19 { left: 129px; top: 339px; }
#chartShowdown20 { left: 129px; top: 479px; }
/* Elim col 3 */
#chartShowdown21 { left: 229px; top: 129px; }
#chartShowdown22 { left: 229px; top: 408px; }
/* Undef col 3 */
#chartShowdown23 { left: 329px; top: 129px; }
#chartShowdown24 { left: 329px; top: 409px; }
/* Elim col 4 */
#chartShowdown25 { left: 329px; top: 165px; }
#chartShowdown26 { left: 329px; top: 444px; }
/* Last */
#chartShowdown27 { left: 429px; top: 305px; }
#chartShowdown28 { left: 529px; top: 270px; }
#chartShowdown29 { left: 529px; top: 340px; }
#chartShowdownFW { position: absolute; left: 530px; top: 486px; }
#chartShowdownFL { position: absolute; left: 530px; top: 25px; }
#chartFinal1 { position: absolute; left: 580px; top: 460px; z-index: 10;}
#chartFinal2 { position: absolute; left: 504px; top: 4px; z-index: 10; }

/* Move List */
.listHead { height: 20px; padding-left: 10px; font: bold 10px Helvetica, sans-serif; color: #646464; background-color: #1e1e1e; line-height: 20px; }
.listMove { position: relative; height: 65px; }
.listMove .moveName { position: absolute; top: 8px; left: 72px; margin: 0; font-size: 16px; font-weight: normal; text-transform: none; color: #FFF; }
.listMove .playerName { position: absolute; top: 31px; left: 72px; margin: 0; }
.listMove .teamName { position: absolute; top: 43px; left: 72px; margin: 0; }
.listMove .votes { position: absolute; top: 10px; left: 330px; margin: 0; }
.listMove .nbVotes { position: absolute; top: 22px; left: 330px; margin: 0; font-size: 16px; font-weight: normal; text-transform: none; color: #FFF; }
.listMove .moveStatus { position: absolute; top: 43px; left: 330px; margin: 0; }
.listMove .btnViewMove { position: absolute; top: 22px; right: 9px; }
.listMove .winnerTag { position: absolute; top:8px; left: 268px; }