body {
	SCROLLBAR-FACE-COLOR: #dee3e7;
	SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
	SCROLLBAR-SHADOW-COLOR: #dee3e7;
	SCROLLBAR-3DLIGHT-COLOR: #d1d7dc;
	SCROLLBAR-ARROW-COLOR: #006699;
	SCROLLBAR-TRACK-COLOR: #efefef;
	SCROLLBAR-DARKSHADOW-COLOR: #98aab1;
	font-family: tahoma, Verdana, Arial;
	font-size: 12px;
	background-attachment: fixed;
	background-image: url(/pics/mainbg.jpg);
	background-repeat: no-repeat;
	background-color: #Fafeff;
	list-style-image: url(/pics/bullet.gif);
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	MARGIN: 0px;
	PADDING: 0px;
}

div.headerbar {
	background-image: url(/pics/hdrback.gif);
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: -1px 0px 0px 0px;
	font-family: "Tahoma, Verdana, sans-serif";
	vertical-align: middle;
	/*FILTER: progid:DXImageTransform.Microsoft.Alpha( style=0,opacity=80);*/
}

div.toolbar {
	background-image: url(/pics/tbback.gif);
	margin: -2px 0px 0px 0px;
	padding: 0px;
	width: 100%;
	vertical-align: middle;
	/*border-top-color: #399cff;
	border-top-width: 1px;
	border-top-style: solid;*/
}

.largeblueheader {
	FONT-WEIGHT: bold;
	FONT-SIZE: large;
	COLOR: cornflowerblue;
	FONT-FAMILY: Verdana, Arial;
	FONT-VARIANT: small-caps;
}

.smallblueheader {
	FONT-WEIGHT: bold;
	FONT-SIZE: medium;
	COLOR: cornflowerblue;
	FONT-FAMILY: Verdana, Arial;
	FONT-VARIANT: small-caps;
}

hr {
	color: cornflowerblue;
	size: 1px;
}

ul {
	padding: 0px;
	margin: 1px 1px 1px 20px;
}

/* left side styles */

div.classdiv, div.studentdiv, span.buttonspan {
	padding: 2px 2px 2px 2px;
	margin-bottom: 4px;
	margin-right: 3px; 
	background-color: #DEF0FF;
	border-color: #BDE1FF;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 6px;
	border-left-width: 6px;
	border-bottom-width: 1px; 
	color: #21659c;
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color='#9393BD', Positive='true');
	width: 100%;
	text-align: left;
	font: verdana;
	font-size: 12px;
	font-weight: bold;
}

div.classdivselected, div.studentdivselected, span.buttonspandefault {
	padding: 2px 2px 2px 2px;
	margin-bottom: 4px;
	margin-right: 3px; 
	background-color: #DEF0FF;
	border-color: #21659c;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 6px;
	border-left-width: 6px;
	border-bottom-width: 1px; 
	color: #21659c;
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color='#9393BD', Positive='true');
	text-align: left;
	width: 100%;
	font: verdana;
	font-size: 12px;
	font-weight: bold;
}

span.classpercent, div.classpercent {
	color:#990000;
	font-size: 14px;
	font-weight: bold;
	width: 35px;
	float: left;
	text-align: center;
}

span.studentstatus {
	color:#990000;
	font-size: 14px;
	font-weight: bold;
	width: 15px;
	float: left;
	text-align: center;
}

a.classlink, a.classlink:visited, a.studentlink, a.studentlink:visited {
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #21659c;
	text-decoration: none;
}
a.classlink:hover, a.classlink:active, a.studentlink:hover, a.studentlink:active {
	color: #3399FF;
	border-bottom: solid 1px #21659c;
	text-decoration: underline;
}

/* right side styles */

div.progrep {
	padding: 2px 2px 2px 2px;
	margin: -3px 5px 4px 2px;
	background-color: #DEF0FF;
	border-color: #BDE1FF;
	border-style: solid;
	border-top-width: 0px;
	border-right-width: 6px;
	border-left-width: 6px;
	border-bottom-width: 1px; 
	color: #1A4D77;
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color='#9393BD', Positive='true');
	width: 100%;
	text-align: left;
	font: verdana;
	font-size: 12px;
	font-weight: bold;
}

div.progrep hr {
	width: 100%;
	height: 1px;
	color: #1A4D77;
	background-color: #1A4D77;
	margin: 1px 3px 1px 3px;
}

div.progrepheader {
	font-size: 14px;
	font-weight: bold;
	background-color: #21659c;
	color: #DEF0FF;
	text-align: center;
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color='#9393BD', Positive='true');
	font-variant: small-caps;
	border-style: solid;
	border-color: #BDE1FF;
	border-top-width: 1px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 1px;
	margin: 4px 5px 0px 2px;
	width: 100%;
	height: 29px;
	padding-top: 5px;
}

table.progrepinfo, table.progrepstanding {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #1A4D77;
	width: 100%;
}

.standing td {
	margin: 0px;
	padding: 0px;
}

td.currentstanding {
	margin: 0px;
	width: 135px;
	vertical-align: top;
	padding-top: 0px;
	padding-bottom: 0px;
}

td.standingcheckbox {
	padding: 0px 5px 0px 0px;
	margin: 0px;
 	font-weight: normal;
}

table.factors {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #1A4D77;
	margin-left: 3px;
	vertical-align: middle;
}

td.factorleft {
	vertical-align: top;
	border-right-color: #1A4D77;
	border-right-style: solid;
	border-right-width: 1px;
	padding-right: 0px;
	width: 243px;
	margin-top: 0px;
}

td.factorright {
	vertical-align: top;
	padding-left: 3px;
}

th.factorheaderleft {
	text-align: left;
/*	border-right-color: #1A4D77;
	border-right-style: solid;
	border-right-width: 1px;*/
	margin-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	width: 243px;
}

th.factorheaderright {
	text-align: left;
	padding-left: 5px;
}

table.factorlistleft td, table.factorlistright td {
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

table.factorlistleft input, table.factorlistright input {
	margin: -4px 0px 0px -3px;
}

hr.progrepdivider1, hr.progrepdivider2, hr.progrepdivider3 {
}

div.comments {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #1A4D77;
	margin: 2px;
}

textarea.commentsbox {
	background-color: #F1F7FB; /* very light gray - matches gridwork background */
	color: #1A4D77;
	margin-bottom: 2px;
	width: 100%;
	font-size: 12px;
	font-family: Tahoma;
	height: 60px;
}

td.rightside input {
	font-family: Verdana;
	font-size: 13px;
	font-weight: bold;
	background-color: #DEF0FF;
	border-style: none;
	color: #1a4d77;
}

div.splash, td.splash {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #01357c;
}

div.splashstatus {
	background-color: #DEF0FF;
	border: 1px solid #1A4D77;
	margin-right: 3px;
	padding: 3px;
}

.logininfoleft {
	font-weight: bold;
}

ul.progrepmessage, div.settings, .bluetext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #1A4D77;
}

.changepassword { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #1A4D77;
}

.changepasswordtextbox {
	border-width: 1px;
	border-style: inset;
	border-color: #1A4D77;
	background-color: #F1F7FB; /* very light gray - matches gridwork background */
	width: 200px;
}

.settings input, .splash input {
	font-family: Verdana;
	font-size: 13px;
	font-weight: bold;
	background-color: #DEF0FF;
	border-style: none;
	color: #1a4d77;
}

.bluebox {
	border: 1px solid #1A4D77;
	padding: 5px;
	width: 100%;
	background-color: #DEF0FF;
}

.loginmsg {
	margin: 0px 0px 0px 0px;
	padding: 0px;
}