BODY {
	margin: 0;
	padding: 0px 20px 20px 20px;
}

P {
	margin:0 0 10px 0;
}

BODY, P, INPUT[type=button], LI, PRE {
	font-family: Tahoma,Sans-Serif,Verdana,Arial;
	font-size:10pt;
	color: #666;
}

H1,H2,H3,H4,H5 {
	margin:16px 0 4px 0;
}
H1	{ font-size: 13pt; color: #2d75eb; font-weight: normal }
H2	{ font-size: 12pt; color: #2d75eb; font-weight: normal }
H3	{ font-size: 11pt; color: #2d75eb; font-weight: bold }
H4	{ font-size: 10pt; color: #2d75eb; font-weight: bold }
H5	{ font-size: 10pt; color: #2d75eb; font-weight: bold }

A 			{ color: #2d75eb; text-decoration: none; }
A:visited	{ color: #2d75eb; text-decoration: none; }
A:hover		{ color: #ff3300; text-decoration: none; }
A:active	{ color: #2d75eb; text-decoration: none; }

A.pace_on	{color: #339900;}
A.pace_off	{color: #ff3300;}
SELECT OPTION.demoted	{color:#a8a8a8}
SELECT OPTION.pace_on	{color: #339900;}
SELECT OPTION.pace_off	{color: #ff3300; font-weight:bold;}

A.scheduled, SPAN.scheduled { color: #ff3300; text-decoration: none; }
A.scheduled:hover			{ border-bottom:1px dotted #ff3300; }
A.passed, SPAN.passed 	{ color: #339900; text-decoration: none; }
A.passed:hover			{ border-bottom:1px dotted #339900; }

#header {
	width:920px;
	margin:0 auto;
	height:150px;
}

#header .header {
	width:460px; 
	vertical-align:top; text-align:left;
	font-size:11pt;
}
#header .header_links {
	width:200px; height:100px;
	vertical-align:top; text-align:left;
	font-size:9pt; line-height:14pt;
}

#content {margin:0 auto;}
#content>TBODY>TR>TD {vertical-align:top; padding:0;}
#content TD.content {width:700px;}
#content TD.extra {/*width:200px;*/}

#footer {
	width:820px;
	margin:0 auto;
	padding:4px 4px 4px 4px;
	text-align:center;
	font-size:8pt;
}


TABLE.index {
	width:100%;
	/*margin:0 auto;*/
	border-collapse: collapse; border-width:1px; border-color:#111111;
}
TABLE.index>TBODY>TR>TD {
	border: 1px solid #111111; 
	padding:6px;
	vertical-align:top; text-align:center;
}

TABLE.warm-up-chart {
	border-color:#ff0000;
	background-color:#535353;
	color:#f0f0f0;
}
TABLE.warm-up-chart>TBODY>TR>TD {
	border-color:#ff0000; 
}

DIV.week_pager {
	width:300px;
	margin:0 auto;
}
DIV.week_pager SPAN {
	color:#ff0000; font-weight:bold;
}


TABLE.school_teachers, TABLE.teacher_students_totals {
	width:96%;
	margin:0 auto;
	border-collapse: collapse; border:0px;
}
TABLE.school_teachers THEAD TH, TABLE.teacher_students_totals THEAD TH {
	vertical-align:top; text-align:left;
	border-bottom:1px solid #999999;
	padding:2px 10px 2px 0px;
	color:#909090;
}
.rAc1, .rAc2, .rAc3 {
	vertical-align:top; text-align:left;
	border:none; 
	border-bottom:1px solid #ededed;
	padding:5px 10px 1px 8px;
}

TABLE.leaderboard {
	margin:0 auto;
}
TABLE.leaderboard TR TD {vertical-align:top;}

DIV.grade_leaders {
	border:1px solid #ff0000;
	margin:0 auto;
	background-color:#ffffff;
	color: #666;
}
DIV.grade_leaders DIV.heading {
	width:320px; 
	border-bottom:1px solid blue;
	text-align:center;
	font-size:11pt; font-weight:bold; color:blue;
}
TABLE.warm-up-chart DIV.grade_leaders DIV.heading {
	border-bottom:none;
}
DIV.grade_leaders DIV.heading SPAN {color:#ff0000;}
DIV.grade_leaders DIV.list {
	width:320px; height:300px;
	overflow-x:auto; overflow-y:auto;
}
TABLE.warm-up-chart DIV.grade_leaders DIV.list {
	height:320px;
}
DIV.grade_leaders TABLE {
	border-collapse: collapse; border:0px;
}
DIV.grade_leaders DIV.list TABLE {
	width:300px; 
}
DIV.grade_leaders TABLE THEAD TH {
	padding:2px 2px 2px 2px;
	border-bottom:1px solid blue;
	font-family:'arial narrow',arial,tahoma,sans-serif;
	color:#909090;
}
DIV.grade_leaders TABLE TBODY TD.rank {
	padding:5px 2px 1px 2px;
}
.rank1 {
	color:#ff0000; font-weight:bold;
}
.rank1 A {
	color:#ff0000;
}

TABLE.student_game_quizzes {
	width:96%;
	margin:0 auto;
	/*border-collapse: collapse; border:0px; */
}
TABLE.student_game_quizzes THEAD TH {
	vertical-align:middle; text-align:center;
	padding:1px 5px 1px 5px;
	color:#909090;
}
TABLE.student_game_quizzes TBODY TR.movr {
	background-color:#f4f4f4;
	cursor:hand; cursor:pointer;
}
TABLE.student_game_quizzes TBODY TR.mclicked {
	background-color:#f4f4f4;
	cursor:hand; cursor:pointer;
}
.s1rAc1, .s2rAc1, .s3rAc1 {
	vertical-align:top; text-align:left;
}
.s1rAc1 {
	border:none; 
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
	padding:3px 4px 3px 4px;
}
.s2rAc1 {
	border:none; border-bottom:1px solid #ededed;
	padding:2px 4px 2px 18px;
}
.s3rAc1 {
	border:none; border-bottom:1px solid #ededed;
	padding:2px 4px 2px 28px;
}
.s3rAc2 {
	border:none; border-bottom:1px solid #ededed;
	padding:2px 8px 2px 8px;
	white-space:nowrap;
}
.s3rAc3, .s3rAc4, .s3rAc5 {
	border:none; border-bottom:1px solid #ededed;
	padding:2px 0px 2px 14px;
	font-weight:bold;
	white-space:nowrap;
}
.s3rAc3 {color:#00008b;}
.s3rAc4 {color:#008000;}
.s3rAc5 {color:#b22222;}

DIV.row_r {
	position:relative;
}
DIV.row_info {
	position:absolute; top:19px; left:0; 
	width:460px; height:auto;
	border:1px solid #999999; 
	border-top:none;
	padding:10px;
	background-color:#f4f4f4;
}

SPAN.mvp {
	margin-left:10px; font-size:16pt; color:black;
}
SPAN.mvp B {
	font-size:18pt; color:red;
}

DIV.legend {
	padding:10px 180px 0 0;
	line-height:16pt;
	font-size: 11pt;
	font-weight: bold;
	text-align: center;
}
DIV.legend SPAN.minor {
	font-size: 9pt;
	font-weight: normal;
}

DIV.sponsors {
	/*position:absolute; z-index:10;*/
	width:200px; height:500px;
	border:1px solid black;
	float:right;
}

PRE.debug-var {
	background-color:#ededed;
	color:#383838;
	font-family:'courier new',courier,arial;
	font-size:8pt;
}