
/* PRO CSS STYLES */
/* Page background Color */


/* Page Headers - The next 5 styles should be the same colors */
/* main page header used on most pages */
div.pageHeader  {
	font-size:15px; 
	font-weight:bold; 
	color:#ffffff;
	background-color: #666666;
	padding: 2px;
	text-align:left;
	border-top: 1px solid <? echo $CMS_HIGHLIGHT_TEXT_COLOR ?>;
	width:98%;
}
td.pageHeader {
	font-size:15px; 
	font-weight:bold; 
	color:#ffffff;
	background-color: #666666;
	padding: 2px;
	border-top: 1px solid #ffffff;
}
/* for scoreboard header due to calendar should be same as above except 100% width */
div.scoreboardHeader {
	font-size:15px; 
	font-weight:bold; 
	color:#ffffff;
	background-color: #666666;
	padding: 2px;
	border-top: 1px solid #ffffff;
}
/* for playerpage header due to player dropdown this should be the same as pageHeader div below */
td.headerCell{
	font-size:15px; 
	font-weight:bold; 
	color:#ffffff;
	background-color: #666666;
	padding: 2px;
	border-top: 1px solid #ffffff;
}
/* boxscore header */
td.boxscoreHeaderCell {
	font-size:12px; 
	font-weight:bold; 
	color:#ffffff;
	background-color: #666666;
	padding: 2px;
	border-top: 1px solid #ffffff;
}
/* End Page Headers */

/* sub header table cells used on scoreboard, streaks and playerpages */
.subHeader {
	font-weight: bold;
	color:#ffffff;
	background-color: #666666;
	padding: 2px;
}
/* drop down lists */
select {
	font-size: 10px;
} 
/* links */
/* main stats links */
a {  
	/*color: #ff0000; */
	color: #000080;
	text-decoration: none;
} 
/* mouseover link  */
a:hover {  
	/*color: #ff6666; */
	color: #0000a0;	
}
/* links on the top of the tables to sort data */
a.sortcell {
	/* color: #000000; */
	color: #333333;
	text-decoration: none;
}
a.sortcell:hover { 
	/*color: #ff6666; */
	color: #000080;
}
/* team sub menu links */
a.teamMenu {
	/* color: #000000; */
	color: #333333;
	text-decoration: none;
	font-weight:bold;
}
/* table top sorting links (ie: GP, PTS, A, GA etc..) */
a.sort {
	/* color: #000000; */
	color: #333333;
	text-decoration: none;
}	
/* maincolor of table cells */
/* hard coding to white for now */
.maincolor {
	background-color: #ffffff;
}
/* SCOREBOARD PAGE */
/* color of scoreboard table headers (not in progress) */
td.accent {
	background-color: #cccccc; 
	color: #000000;
	font-weight:bold; 
} 
/* color of the scoreboard box titles when game in progress */
td.scoreboard {
	background-color: #99ccff;
	font-weight:bold; 
}
/* the font for the display of what day you're on in the scoreboard page */
.scoreboardDate {
	font-size:13px;
	font-weight:bold;
}
/* the team name and score on the scoreboard page */
.teamScore {
	font-size: 13px;
	font-weight: bold;
}
/* BOXSCORE */
/* teams and scores on top */
.boxscoreTeam {
		font-size:14px;
		font-weight:bold;
		text-align:center;
		padding-top:15px;
}
/*section headers on boxscore (ie: penalties, scoring summary etc..) */
.boxscoreHeader {
	color:#000000;
	background-color: #cccccc;
	padding: 2px;
	text-align:left;
}
/* alternate row color for data tables, completed games in schedules, and light table background cells */
.light {
	background-color: #eeeeee;
}
/* white rows in data tables */
.white {
	background-color: #ffffff;
}
/* color of the table lines - main stats table background color*/
.tablelines {
	background-color: #999999;
}
/* color of a sorted by cell ie: goals when sorting by goals / also color of point streak cell on player game log */
.sortcell {
	background-color: #cccccc;
	font-weight: bold;
}
/* title of the table header cells ie G, A, PTS etc.. should be same as sortcell above if you change this to a dark color also change a.sort style above */
.tableheader {
	background-color: #cccccc;
	font-weight: bold;
}
/* team streaks page section titles (ie: Wins, Losses etc...) */
.subtableheader {
	background-color: #cccccc;
	font-weight:bold;
}
/* color of a dark header cell */
.darkheadcell {
	background-color: #666666;
	font-weight: bold;
	color:#ffffff;
}
/* Scoreboard Calendar Styles */
/* calendar day links */
a.calendardays {
	text-decoration: underline;
}
/* day cells */
td.calendar {
	background-color:#ffffff;
}
/* large cell where calendar is placed (color will create border) */
td.calendarHolder {
	padding: 1px;
	background-color:#666666;
}
/* today's date */
.calendarToday {
	background-color:#ffffcc;
}
/* selected day */
.calendarSelected {
	background-color:#eeeeee;
}
/* days of the week row */
.calendarHeader {
	background-color:#eeeeee;
	font-weight:bold;
}
.calendarBorder {
	background-color:#999999;
}
/* month and year cell */
.monthHead {
	background-color:#999999;
	color:#000000;
	font-weight:bold;
}
/* arrow to toggle month cells */
.monthHeadArrow {
	background-color:#999999;
	font-weight:bold;
}
/* end calendar styles */

/* scoreboard day links style */
div.pad {
	margin:	0px;
	padding: 4px;
}
/* scoreboard day title style */
div.padgrey {
	margin:	0px;
	padding: 4px;
	background-color:#eeeeee;
}
/* "other facts" cell at bottom of boxscore */
.notes {
	background-color: #eeeeee;
}
/*player bio div */
div.playerbio {
	height: 140px;
	overflow:auto;
	margin:0px;
	padding: 2px;
	background-color:#ffffff;
	text-align:left;
}
/* horizontal nav bar background color (vertical nav only) */
.psinavbar  {
	background-color: #eeeeee;
	font-size:10px;
}
.psinavbar a {
	padding:2px;
	display:block;
	color:#333333;
}
.psinavbar a:hover {
	background-color: #cccccc;
	color:#000000;
}
/* menu drop down cell (vertical nav only) */
.navmenudropdown {
	padding: 2px;
	background-color:#666666;
}
/* horitonal nav bar headers */
.psihorizontalmenuheader {
	background-color:  #eeeeee;
	font-weight:bold;
	text-align:center;
}	
.psihorizontalmenu {
	background-color: #666666;	
}
/* for playoff bracket cells */
.bracket {
	border-bottom: #999999 3px solid;
	border-right: #999999 1px solid;
	border-top: #999999 1px solid;
	border-left: #999999 1px solid; 
	background-color: #eeeeee;
}