html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

BODY {
	background-color:white;
	color: black;
	font-size: 1.0em;
	font-family: verdana, arial, tahoma;
	margin: 0;
	padding: 0;
}

/* DEFAULT STYLING */
ul, ol { margin:18px 0 18px 0px; text-align:left; }
ul ul, ol ul, ul ol, ol ol { margin:18px 0 18px 24px; }
ul { list-style:disc outside; }
ul ul, ol ul { list-style:circle outside; }
ol { list-style:decimal outside; }
ol ol, ul ol { list-style:decimal outside; }
li { margin:8px 0; }

h1, h2, h3, h4, h5, h6 { clear:both; text-rendering:optimizeLegibility; }
h1 { font-size:27px; font-weight:normal; line-height:36px; padding:10px 0 5px 0; }
h2 { font-size:22px; font-weight:bold; line-height:24px; padding:10px 0 5px 0;}
h3 { font-size:18px; font-weight:bold; line-height:24px; padding:10px 0 5px 0;}
h4 { font-size:16px; font-weight:bold; line-height:16px; padding:10px 0 5px 0; }
h5 { font-size:14px; font-weight:bold; line-height:24px; padding:10px 0 5px 0; }
h6 { font-size:14px; font-style:italic; font-weight:normal; line-height:24px; padding:10px 0 5px 0; }

A {color:navy;text-decoration:none;}
A:visited	{color:navy;text-decoration:none;}
A:hover {color:red;text-decoration: underline;}
TD	{font-size:1.1em;}
TH			{color:black; font-size:14px;}
DIV			{font-size:10pt;}

#main-content	{margin:0 auto;}
#school-logo	{float:left;}

#gameHeader	{font-size:1.7em;text-align:left;}
#gameText	{font-size:1.2em;}
#gameHeader #subHeader {font-size:0.5em;padding-top:3px;}
#popupCal	{font-size:0.8em;text-align:right;float:right;}

#gamesByDate	{border:1px solid black;background-color:#aaccaa;margin-bottom:16px;padding:3px;}
#gamesByDate .subHeader	{text-align:left;}

.game	{border:1px solid DarkSlateBlue;border-collapse:collapse;margin-bottom:7px;width:100%;}
.game TH	{background-color:DarkSlateBlue;color:white;font-size:1.0em;
				 	 border-bottom:1px solid DarkSlateBlue;border-right:1px solid DarkSlateBlue;}
.game TD	{border-bottom:1px solid DarkSlateBlue;border-right:1px solid DarkSlateBlue; padding:3px 1px; font-size:1.1em;}
.game .gameDivider	{border-bottom:2px solid DarkSlateBlue;}
.game .game-time	{width:15%;text-align:center;font-size:1.1em;}
.game .video		{width:10%;text-align:center;}
.game .highlights	{text-align:center;font-size:0.9em;}
.game .school		{width:50%;}
.game .home .school		{color:navy;}
.game .score		{width:10%;text-align:right;}
.game .winner .school {font-weight:bold;}
.game .winner .score {font-weight:bold;}

.odd td	{background-color:#f9f9f9;}
.even td	{background-color:#e7e7e7;}
.lastUpdated	{font-size:0.8em;color:black;text-align:right;padding:2px;}
.error		{color:red;}

table.games {width:100%; border:1px solid #aca;border-collapse:collapse;}
.games	{font-size:1.0em;}
.games th {
	background-color:#aca;
	background-image: url(../images/layout/green-gradient-30.gif);
	background-repeat:repeat-x;
	border:1px solid #aca; color:#000; line-height:18px; padding:6px; text-align:left; vertical-align: top;
}
.games td { border:1px solid #aca; padding:6px; text-align:left; vertical-align:top; background-color:#f9f9f9;}
.games td.won {background-color:lime;}
.games td.lost {background-color:red;}

.win .winLose	{background-color:lime;}
.lost .winLose	{background-color:red;}
.schedule .homeOrAway, .schedule .score		{text-align:center;}
.schedule .details {font-size:0.9em;}
.schlTitle {font-size:1.2em;font-weight:bold;}
#school-logo {float:left;}

.gameDetails {margin:0 auto;text-align:left;border:1px solid gray;padding:10px;}
.gameDetails .scheduleDate {margin:0 auto;margin-top:10px;margin-bottom:10px;width:400px;}
.gameDetails .header {background-color:#aaccaa;padding:3px;font-weight:bold;}
.gameDetails .studentHighlights {margin-top:10px;}
.gameDetails #gameNotes, .gameDetails #infoNotes, .gameDetails .highlights {margin:3px 20px;}
.gameDetails .school, .gameDetails .score, .gameDetails .finalTime {font-size:0.9em;}

.right	{float:right;}
.developedBy {text-align:right;font-size:0.8em;font-style:italic;padding-right:3px;}

#game-dates-container	{position:relative;}
#game-dates-container a	{font-size:1.2em;}
#game-dates {
	position:absolute;
	top:0px;
	right:0px;
	border:2px solid #777;
	background-color:#fff;
	width:240px;
}
#game-dates li {
	margin:0px;
	border-top:1px solid #ccc;
}
#game-dates li a {
	display:block;
	width:240px;
	line-height: 36px;
	padding-left:5px;
}
#game-dates li a:active, #game-dates li a:hover {
	background-color:#aca;
	background-image: url(../images/layout/green-gradient-30.gif);
	background-repeat:repeat-x;
	color:#000;
	text-decoration:none;
}