/* ===================================== *\
	CLIENT:				CCMC
	BUILT & POWERED BY:	LEAGUESTAT
	DATE:				NOVEMBER 2007
	TITLE:				MAIN CSS
\* ===================================== */

/* GRAND MASTER RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font,
img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd,
ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead,
tr, th, td		{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; }
:focus 			{ outline: 0; }
body 			{ line-height: 1; color: black; background: white; }
ol, ul 			{ list-style: none; }
table			{ border-collapse: separate; border-spacing: 0; }
caption, th, td	{ text-align: left; font-weight: normal; }
/* ----------------- */

#scoreBox		{ height: 75px; width: 700px; /*margin: 20% auto 0;*/ background: black; }

#controlPannel		{ float: left; height: 73px; width: 106px; border: 1px solid rgb(88,92,121); }
#controlPannel ul	{ height: 24px; width: 106px; margin: 6px 0; }
#controlPannel li	{ float: left; height: 24px; width: 31px; margin: 0 2px; background: url(../../img/scoreBox/backgrounds/W3C/background-leagueWHL.png) no-repeat 50% 50%; }
#controlPannel li a	{ display: block; height: 24px; text-indent: -50000px; overflow: hidden; }

#controlPannel li.bottonOHL		{ width: 32px; background: url(../../img/scoreBox/backgrounds/W3C/background-leagueOHL.png) no-repeat 50% 50%; }
#controlPannel li.bottonLHJMQ	{ background: url(../../img/scoreBox/backgrounds/W3C/background-leagueLHJMQ.png) no-repeat 50% 50%; }

#controlPannel #controls			{ padding: 1px 1px 0; border-top: 1px solid rgb(88,92,121); }
#controlPannel #controls a			{ float: left; display: block; height: 24px; width: 31px; background: url(../../img/scoreBox/buttons/button-rewind.png) no-repeat 0 0; text-indent: -50000px; }
#controlPannel #controls a#SBplay	{ width: 42px; background: url(../../img/scoreBox/buttons/button-pause.png) no-repeat 0 0; overflow: hidden;  text-indent: -50000px; }
#controlPannel #controls a#SBff		{ background: url(../../img/scoreBox/buttons/button-advance.png) no-repeat 0 0; overflow: hidden;  text-indent: -50000px; }
#controlPannel #throttle			{ clear: left; height: 9px; padding: 1px; background: url(../../img/scoreBox/backgrounds/background-throttle.png) no-repeat 1px 1px; overflow: hidden; }

#scoreBoard							{ float: left; left: 0;  height: 73px; width: 591px; padding: 1px 0;  overflow: hidden; position: relative; }

#scoreBoard table#leagueWHL2,
#scoreBoard table#leagueOHL2,
#scoreBoard table#leagueLHJMQ2,
#scoreBoard table#leagueWHL,
#scoreBoard table#leagueOHL,
#scoreBoard table#leagueLHJMQ	{ position: absolute; /*top: 1px;*/ float: left; height: 73px; border-collapse: collapse; padding: 0; margin: 0;}
td.team,
td.score						{ height: 73px; border-left: 1px solid black; border-right: 1px solid rgb(88,92,121); background: url(../../img/scoreBox/backgrounds/background-whl.png) repeat-x 0 0; }
td[onclick].team *,
td[onclick].score *,
td[onclick].team,
td[onclick].score				{ cursor: pointer; }

td[onclick]:hover.score			{ background: url(../../img/scoreBox/backgrounds/background-whlSelected.png) repeat-x 0 0; }
td:hover.score div.noGames,
td:hover.team					{ cursor: default; }

#scoreBoard table#leagueOHL2 td.score,
#scoreBoard table#leagueOHL td.score 		{ background: url(../../img/scoreBox/backgrounds/background-ohl.png) repeat-x 0 0; }
#scoreBoard table#leagueOHL2 td[onclick]:hover.score,
#scoreBoard table#leagueOHL td[onclick]:hover.score	{ background: url(../../img/scoreBox/backgrounds/background-ohlSelected.png) repeat-x 0 0; }
#scoreBoard table#leagueLHJMQ2 td.score,
#scoreBoard table#leagueLHJMQ td.score 		{ background: url(../../img/scoreBox/backgrounds/background-lhjmq.png) repeat-x 0 0; }
#scoreBoard table#leagueLHJMQ2 td[onclick]:hover.score,
#scoreBoard table#leagueLHJMQ td[onclick]:hover.score	{ background: url(../../img/scoreBox/backgrounds/background-lhjmqSelected.png) repeat-x 0 0; }

#scoreBoard table#leagueWHL2 td.team,
#scoreBoard table#leagueWHL td.team,
#scoreBoard table#leagueOHL2 td.team,
#scoreBoard table#leagueOHL td.team,
#scoreBoard table#leagueLHJMQ2 td.team,
#scoreBoard table#leagueLHJMQ td.team	{ width: 73px; background: black; cursor: pointer; }

#scoreBoard table#leagueWHL2 td.team img,
#scoreBoard table#leagueWHL td.team img,
#scoreBoard table#leagueOHL2 td.team img,
#scoreBoard table#leagueOHL td.team img,
#scoreBoard table#leagueLHJMQ2 td.team img,
#scoreBoard table#leagueLHJMQ td.team img	{ display: block; width: 80%; height: 80%; margin: 0 auto; }

#scoreBoard table#leagueWHL2 td.team h4,
#scoreBoard table#leagueWHL td.team h4,
#scoreBoard table#leagueOHL2 td.team h4,
#scoreBoard table#leagueOHL td.team h4,
#scoreBoard table#leagueLHJMQ2 td.team h4,
#scoreBoard table#leagueLHJMQ td.team h4	{ font: 11px Arial,Helvetica,Sans-serif; text-align: center; font-weight: bold; color: white; }


td.score div					{ width: 73px; font: 18px/23px Impact,Arial,Helvetica,Sans-serif; color: white; text-transform: uppercase; }
td.score div span.SBteam		{ float: left; padding: 0 5px; }
td.score div span.SBscore		{ float: right; padding: 0 5px; }
td.score div.noGames,
td.score div.period				{ clear: both; font: 14px Arial,Helvetica,Sans-serif; text-indent: 5px; }
td.score div.noGames			{ width: 180px; padding: 0 10px; text-align: center; text-indent: 0; }