/*	CSS Document - Blizzard Entertainment 2008  */
/* Tabs styles */
/*#tabs-container { background: url(../_images/tabs-container.gif) no-repeat top right; width: 99%;}*/
/*div#relatedReplays { background: url(../_images/brackets/replaysBg.gif) no-repeat top left;  padding-left: 3px; }*/
/*#tabs-container hr { margin-bottom: 25px; border: 0; height: 2px; width: 525px; background: url(../_images/brackets/hr.jpg) no-repeat 0 0; }*/
/*table.tabs { margin-right: 5px; }
table.tabs a, table.tabs a:active,table.tabs a:visited { margin:0;float:left;background:url('../_images/tab-left.jpg') no-repeat 0 0; text-decoration: none; }
table.tabs a span { color:white;font-weight: bold; font-size:13px;letter-spacing:-1px;margin:0;padding:0 20px;float:right;line-height:29px;background:url('../_images/tab-right.jpg') no-repeat 100% 0;cursor:pointer; }
table.tabs a:hover, table.tabs a.active { text-decoration:none; background-position: 0 -29px; }
table.tabs a:hover span, table.tabs a.active span { text-decoration:none; background-position: 100% -29px;}
#tabs-container .content-wrapper { padding: 30px 10px; }
*/
.bracketHolder { width: 800px; margin: 0 auto; }
.bracketHolder h4 { text-align: left; font-size: 22px; color: #373737; letter-spacing: 2px; text-decoration: underline; margin: 25px 0 16px 0;}
span.round { letter-spacing: 2px; color: #474747; font-size: 16px; }

/* Torunament bracket styles */
.round1 { background: url(../_images/brackets/r1.png) no-repeat 0 30%; }
.round2 { background: url(../_images/brackets/r2.png) no-repeat 0 40%; }
.round3 { background: url(../_images/brackets/r3.png) no-repeat 0 50%; }
.round4 { background: url(../_images/brackets/r4.png) no-repeat 0 60%; }
.round5 { background: url(../_images/brackets/r5.png) no-repeat 0 70%; }
.round6 { background: url(../_images/brackets/r6.png) no-repeat 0 50%; }
.round7 { background: url(../_images/brackets/r7.png) no-repeat 0 50%; }
.round8 { background: url(../_images/brackets/r8.png) no-repeat 0 50%; }
.lower .round1 { background-position: 0 70%; }
.lower .round2 { background-position: 0 60%; }
.lower .round3 { background-position: 0 50%; }
.lower .round4 { background-position: 0 40%; }
.lower .round5 { background-position: 0 30%; }

table.tournament { table-layout: fixed; }
table.tournament td { font-size: 10px; font-family: Tahoma; }

table.tournament .inactive { border-bottom: 1px solid #cdcdcd; font-size: 1px; border-color: #b1b1b1}
table.tournament .contestant-box-winner { background-image: url(../_images/bracket_box_light.png); }
table.tournament .contestant-box-inactive div { font-weight: bold; color: #8a9195; }
table.tournament span.scores { font-weight: bold; font-size: 22px; color: #474747; padding: 2px; font-weight: bold;}
table.tournament .contestant-box-winner div, table.tournament .contestant-box-loser div, table.tournament .contestant-box-inactive div, .contestant-box-finalist { font-weight: normal; font-size: 10px; display: block; /*top: 8px;*/ /*padding-top: 7px; padding-left: 8px;*/}
table.tournament a { cursor: pointer; color:#ffffde; text-decoration: underline; font-weight: bold;}
table.tournament a:hover { text-decoration: underline !important; cursor: pointer; font-style: normal; color:#105487 }
.scoreCell, .scoreCell-inactive { border-color: #fff99b; border-style: solid; border-width: 0;}
.scoreCell-inactive { border-color: #7e7e70;}
.finalistBoxHooray, .finalistBoxInactive { width: 160px; position: relative; left: -50%; height: 160px; background: url(../_images/bracket_winner.gif) no-repeat 0 0; vertical-align: middle; text-align: center;}
.finalistBoxInactive { background: url(../_images/bracket_winner_question.gif) no-repeat 50% 50%;}
.finalistBoxHooray strong { margin: 0 auto;display: block; position: relative; top: 40px; text-align: center; color: #000; font-size: 18px; height: 22px; letter-spacing: -1px; width: 75px; text-align: center; }
.contestant-box-winner, .contestant-box-loser, .contestant-box-inactive, .contestant-box-finalist { background: url(../_images/bracket_box_white.png) no-repeat 0 50%; height: 52px; width: 90px; text-align: center; color: #fdffe8; }
.contestant-box-finalist span { padding: 10px 0 0 0; position: relative; border: 1px solid red;}
.replayLink { height: 26px; width: 30px; background: url(../_images/bracket_play_button.png) no-repeat 0 0; display: block; font-size: 1px; }
.replayLink:hover { background-position: 0 -26px !important; }
.blotch {
	position: absolute; right: 4px; top: 30px; font-size: 9px; letter-spacing: -1px; color: #fff; width: 18px; height: 18px; padding-left: 2px; padding-top: 4px;
	background: url(../_images/bracket_box_blotch.png) no-repeat 50% 0; 
}
/*#tt {position:absolute; display:block; background:url(../_images/brackets/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(../_images/brackets/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(../_images/brackets/tt_bottom.gif) top right no-repeat; overflow:hidden}
*/
a.pcDownload {	background: url(../_images/brackets/icon-pc.png) repeat-x 100% 0; width: 22px; height: 24px; display: block; float: left; margin-right: 10px;}
a.macDownload { background: url(../_images/brackets/icon-mac.png) repeat-x 100% 0; width: 22px; height: 24px; display: block; float: left; }
