
/* ===================================== *\
	CLIENT:				LEAGUESTAT
	BUILT & POWERED BY:	LEAGUESTAT
	DATE:				NOVEMBER 2006
	------------------------------------
	TITLE: 		 MAIN ROSTER STYLESHEET
\* ===================================== */

#rosterBlock 		{ padding: 0; background: rgb(255,255,255); font: 11px/1.3 Arial,Helvetica,Sans-Serif; color: rgb(0,0,0);}
#rosterBlock img 	{ border: none; }
#rosterBlock a 		{ text-decoration: none; }

#navBlock 			{ position: relative; background: rgb(28,28,28); }
#rosterBlock #ad 	{ width: 300px; height: 250px; float: right;  }

#navBlock #teamInfo	{ /*padding-bottom: 20px;*/padding-bottom: 0px; background: white; }
#navBlock #teamInfo.ad { height: 188px; }
#navBlock #logo		{ float: left; margin: 15px; /*height: 140px;*/ }

#navBlock h1	{ padding-top: 35px; }
#navBlock h1,
#navBlock h4	{ margin-top: 0px; margin-left: 140px; font: bold 18px/1 "Arial Narrow",Arial,Helvetica,Sans-Serif; color: rgb(28,28,28); }
#navBlock h3	{ margin: 0 0 0 140px; font: normal 14px/1 Arial,Helvetica,Sans-Serif; }
#navBlock h4	{ margin: 0 0 0 140px; font-size: 11px; font-weight: normal; color: lightGray; }

#navBlock #controlBar 						{ background: rgb(28,28,28); line-height: 30px; overflow: hidden; }
#navBlock #dropDown							{ padding-left: 5px; }
#navBlock #links							{ border-top: 2px solid white; }
#navBlock #controlBar a.video,
#navBlock #controlBar a.seasonSchedule		{ display: block; height: 30px; width: 128px; background: url(http://cluster.leaguestat.com/img/roster/buttons/W3C/button-seasonSchedule.png) 0 0 no-repeat; text-indent: -5000px; }
#navBlock #controlBar a.video				{ float: right; width: 97px; margin-left: 40px; border-left: 1px solid rgb(230,230,230); background: url(http://cluster.leaguestat.com/img/roster/buttons/W3C/button-videos.png) 0 0 no-repeat; }

.clearLeft	{ clear: left; overflow: hidden; }
.clearRight	{ clear: right; overflow: hidden; }

/*STATS FORMATTING*/
#rosterBlock table 		{ margin: 0 0 5px; border-spacing: 0; border-collapse: collapse; }
#rosterBlock td,
#rosterBlock th 		{ padding-left: 5px; }
#rosterBlock thead td 	{ background: rgb(230,230,230); border-bottom: 1px solid white; font-size: 12px; font-weight: bold; color: rgb(28,28,28); }
#rosterBlock thead th	{ background: rgb(28,28,28); font-size: 10px; font-weight: bold; text-align: left; color: white; }
#rosterBlock thead th a { color: white; }
#rosterBlock tbody a 	{ font-weight: bold; color: rgb(104,0,0); }
#rosterBlock #videoBlock li a:hover,
#rosterBlock thead th a:hover,
#rosterBlock tbody a:hover 	{ color: rgb(248,128,26); }
#rosterBlock table tr:hover { background: rgb(255,255,230); }

#rosterBlock .upper 				{ text-transform: uppercase; }

#rosterBlock #videoBlock 			{ display: none; position: absolute; width: 100%; height: 300px; padding: 5px; background: rgba(26,26,26,.9); background: rgb(26,26,26); border: 1px solid rgb(134,134,134); -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; overflow: auto; }
#rosterBlock #videoBlock ul 		{ float: left; min-height: 100px; width: 190px; margin: 5px; padding: 0; list-style: none; }
#rosterBlock #videoBlock li 		{ margin: 0; padding: 0 5px 5px 20px; line-height: 1.1; background: url(http://cluster.leaguestat.com/img/roster/misc/icon-videoClip.png) no-repeat 2px 30%; }
#rosterBlock #videoBlock li a 		{ color: rgb(200,200,200); font-weight: normal; }
#rosterBlock #videoBlock li.date	{ margin-bottom: 5px; padding: 0 5px 0 2px; background: rgb(200,200,200); line-height: 18px; font-weight: bold; color: rgb(26,26,26); }
