<!--
/* BODY */
	A:link,
	A:visited,
	A:active
		{
		color: #000099;
		}
	body
		{
		font-family:"Arial",sans-serif;
		color: #000099;
		background-color: #FFFFFF;
		font-size:14px;
		-webkit-print-color-adjust: exact; /* Chrome/Safari: print background images and colors.  Other browsers cannot do this with CSS */
		}
	DIV.header
		{
		margin: 0px 0px 0px 0px;
		font-size:36px;
		font-weight:bold;
		}
	DIV.bluebox
		{
		border:2px solid #000099;
		padding: 2px 0px 2px 0px;
		background-color: #F5F4EA;
		width: 60%;
		}
	DIV.redbox
		{
		border:2px solid #FF0000;
		color: #FF0000;
		padding: 2px 0px 2px 0px;
		background-color: #F5F4EA;
		width: 60%;
		}
	DIV.browsers
		{
		padding: 50px 0px 0px 0px;
		text-align: right;
		width: 60%;
		}
	DIV.greenbox
		{
		font-weight:bold;		
		padding: 2px 0px 2px 0px;
		background-color: #C1FFC1;
		width: 60%;
		}
	DIV.rtl
		{
		direction: rtl;
		text-align: right;
		}
	DIV.leftmargin
		{
		width: 1%;		
		text-align: left;
		}
	DIV.cancom
		{
		filter:alpha(opacity=95); /* for IE8 and prior */
		opacity: 0.95;	          /* supported by IE9 and up */
		border:2px solid #660000;
		background-color: #FFFF99;
		display:none;
		position:absolute;
		top:0px;
		left:0px;
		z-index:10000;
		font-family:"Verdana";
		font-size:13px;
		height:260px;
		width:600px;
		padding: 1px 10px 1px 10px;
		text-align:left;
		overflow: auto;
		list-style-position: inside;
		list-style-type: disc;
		}
	DIV.cancom ul
		{
		margin-left: 3px;
		padding-left: 3px;
		}   
	DIV.cancom ol
		{
		margin-left: 3px;
		padding-left: 30px; /*enough space for 3 digits*/
		list-style-position: outside; /*line wraps indent*/
		}   
	DIV.cancom li
		{
		padding-left: 2px;
		margin-bottom: 5px;
		}	     
	DIV.cancom li:hover
		{
		background-color:#000099; 		
		color:#FFFFFF;		
		}
	DIV#teachername
		{
		padding-left: 20px;
		padding-right: 0px;
		font-weight: bold;
		font-size:24px;
		}
	DIV#termname
		{
		font-weight: bold;
		font-size:24px;
		}
	DIV#printinghelp
		{
		padding-top: 10px;
		font-size: 9pt;
		color: #000000;
		}
		
	IMG#loading
		{
		padding: 0px 0px 0px 0px;
		height: 16px;
		width: 16px;
		display:inline;
		}
	IMG
		{
		border-style: none;		
		}
	IMG.cancom
		{
		cursor: pointer;
		}
/* BUTTONS */
	A.btn
	    {
	    text-decoration: none;
	    font-family:"MS Sans Serif","Arial",sans-serif;
	    font-size:13px;
	    color:#000099;
	    background-color:#ECE9ED;
	    border:1px solid #000099;
	    padding: 2px 9px 2px 9px;
	    line-height: 1.9em;
	    }
	A.btn:hover
	    {
	    background-color:#FFFFCC;
	    }
	A.smallbtn
	    {
	    text-decoration: none;
	    font-family:"MS Sans Serif","Arial",sans-serif;
	    font-size:10px;
	    color:#000099;
	    background-color:#ECE9ED;
	    border:1px solid #000099;
	    padding: 2px 9px 2px 9px;
	    line-height: 1.9em;
	    margin-right: 1px;
	    }
	A.smallbtn:hover
	    {
	    background-color:#FFFFCC;
	    }
	A.blkbtn
	    {
	    text-decoration: none;
	    font-family:"MS Sans Serif","Arial",sans-serif;
	    font-size:13px;
	    color:#000000;
	    background-color:#FFFFFF;
	    border:1px solid #000000;
	    padding: 2px 9px 2px 9px;
	    line-height: 1.9em;
	    }
	A.blkbtn:hover
		{
		background-color:#ECE9D8;
		}
	A.disabledbtn
		{
		text-decoration: none;
		font-family:"MS Sans Serif","Arial",sans-serif;
		font-size:13px;
		color:#C9C7BA;
		background-color:#F5F4EA;
		border:1px solid #C9C7BA;
		padding: 2px 9px 2px 9px;
		line-height: 1.9em;
		cursor:text;	
		}
	A.disabledbtn:focus
		{
		border:1px solid #F5F4EA; 	/* no default dotted line */
		}
/* TABLES */
	/*	
	Border-collapse should make two adjacent cell walls collapse to one, but it doesn't work on Win NN6 or Mac IE5.
	Instead, I put border-top and left for the outer walls, and border-bottom right for the individual cells in such
	a way that there are never any adjacent cell walls

	"Empty-cells: show" means that it should show cell walls even if the contents are blank.  This is buggy in Mac IE5,
	making borders look weird.  If you put a non-blanking space in the cell, Mac IE5 acts normally.

	Define the table like this: <table class="black" cellspacing=0>
	*/

	table.black
		{
		border-collapse:collapse;		/* doesn't work for Win NN6 or Mac IE5 -- see note above */
		border: 2px solid #000000;
		width: 100%;
		empty-cells: show;				/* doesn't work for Mac IE 5 -- see note above */
		color:#000000;
		}
	table.black td
		{
		border: 1px solid #000000;
		border-collapse:collapse;
		padding:2px 5px 2px 5px;
		vertical-align:top;
		text-align:left;
		font-size:9pt; 				/* had 11px, but CENT complained it was too small so changed to 12px.  Now 9pt as pt is printer-independent. 9->10pt */
		white-space:nowrap;				/* nowrap worked for all but Win IE 5, 6 until I added the % below */
		}
	table.black th
		{
		border-top: 2px solid black;
		border-bottom: 2px solid black;
		border-left: 1px solid black;
		border-right: 1px solid black;
		border-style: solid;
		border-color: black;
		border-collapse:collapse;
		background-color: #EEEEEE;
		padding:2px 5px 2px 5px;
		vertical-align:top;
		text-align:center;
		font-size:8pt; 				/* had 11px, but CENT complained it was too small so changed to 12px.  Now 9pt as pt is printer-independent. 9->10pt */
		white-space:nowrap;				/* nowrap worked for all but Win IE 5, 6 until I added the % below */
		}
	table.black tr.newstudent td
		{
		border-top: 2px solid #000000;
		}
	table.black td.noborders
		{
		border-top: 0px;
		border-bottom: 0px;
		width: 1%;
		}
	table.black td.notopborder
		{
		border-top: 0px;
		border-bottom: 2px solid black;
		width: 1%;		
		}
	table.black td p
		{
		margin: 0px;
		}
	table.black td p.averagenb
		{
		font-size:8pt;
		font-weight:normal;
		}
	table.black td.right	
		{
		text-align:right;
		}
	table.black td.widecom
		{
		white-space:normal;
		border-top: 1px solid #000000;
		border-bottom: 2px solid #000000;
		}
	table.black td.com
		{
		width: 100%;					/* expands while other columns remain with minimum width 1% */
		white-space:normal;
		}
	table.black td.mark
		{
		background-color:#CCCCCC;
		font-weight:bold;
		text-align:center;	    
		}
	table.black td.leadmark
		{
		background-color:#999999;
		font-weight:900;	    
		text-align:center;
		vertical-align:middle;
		}
	table.black td.normal
		{
		text-align:center;
		}
	table.black td.classaverage
		{
		white-space: normal;
		font-weight:bold;
		}
	table.black td.rtlcom
		{
		width: 100%;					/* expands while other columns remain with minimum width 1% */
		white-space:normal;		
		text-align:right;
		direction: rtl; /*doesn't seem to change anything*/
		border-left: 1px solid #000000;			/* left and right borders get reversed for rtl cells */
		}
	table.markstable
		{
		width: 99%;
		/*font-size:13px;*/
		/*margin: 0px 0px 0px 0px;*/
		/*padding: 0px 0px 0px 0px;*/
		/*border-spacing: 0px;*/
		}
	table.markstable td,
	table.markstable th
		{
		text-align:center;
		vertical-align:top;
		white-space:nowrap;
		width: 1%;
		padding: 0px 0px 0px 0px; /* make table a little tighter */
		}
	table.markstable td p
		{
		margin: 0px;
		}
	table.markstable th.left,	
	table.markstable td.left	
		{
		text-align:left;
		}
	table.markstable th.com,
	table.markstable td.com
		{
		white-space:normal;
		width: 100%;
		}
	table.markstable td.pastterm
		{
		/*width=6em;*/
		text-align: left;
		background-color: #C1FFC1;
		}
	table.markstable th.pasttermx,
	table.markstable td.pasttermx
		{
		display: none;
		}
	table.markstable td.horzline
		{
		height: 1px;
		padding: 0px;
		background-color: #000099;		
		}	
	table.markstable tr.invisible,		
	table.markstable td.invisible
		{
		display:none;
		height:0px;
		padding: 0px 0px 0px 0px;
		border-width: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		/*border-collapse:collapse;*/
		/*border-spacing:0px;*/
		font-size:0px;
		}
	table.pastmarks
		{
		/*width=6em;*/
		padding: 0px 1px 0px 0px;
		}
	table.pastmarks td
		{
		padding: 0px 1px 0px 0px; /* this padding has to be approx equal to the button padding, else the button will go beyond the cell */
		}
	table.pastmarks td.mark
		{
		width: 50%;
		/*  background-color: #C1FFFF;		*/
		}
	table.pastmarks td.comment
		{
		width: 3em;
		/* background-color: #FFFFC1;		*/
		}
		
				

/* FIELDS */

	input
		{
		border:1px solid #7F9DB9;
		padding:1px 1px 1px 4px; /* must have tiny margins to have a buffer when focus gives the border an extra pixel on all sides. */
		width: 2em; /* makes all text boxes the approx size of 2 (was 3) chars regardless of size or maxlengh b/c size doesn't seem well respected by browsers */
		height:20px;
		font-family:"Arial";
		font-size:13px;
		text-transform:uppercase;
		}
	input.invisible
		{
		display:none;
		height:0px;
		padding: 0px 0px 0px 0px;
		border-width: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		border-collapse:collapse;
		border-spacing:0px;
		font-size:0px;
		line-height:0px;
		}

	input:focus /*IE does not support focus for this element; oh well. */
		{
		border:2px solid #7F9DB9;
		padding:0px 0px 0px 3px; /* remove 1 pixel on all sides */
		}
	textarea
		{
		border:1px solid #7F9DB9;
		padding:1px 1px 1px 4px; /* must have tiny margins to have a buffer when focus gives the border an extra pixel on all sides. */
		width:99%;  /* putting 100% + the extra padding makes the box go off the right-side of the screen in IE. Added this line on 2010-02-11.  Used to be missing a ; so was being ignored*/
		font-family:"Arial";
		font-size:13px;
		}
	textarea:focus /*IE does not support focus for this element; oh well. */
		{
		border:2px solid #7F9DB9;
		padding:0px 0px 0px 3px; /* remove 1 pixel on all sides */
		}
	textarea.shrunk
		{
		height:20px;
		}
	textarea.expanded
		{
		height:133px; /* 98 for 6 lines */
		}

/* These are overrides when printing */
@media print 
	{
	A.blkbtn
		{
	    	padding: 0px;
	    	line-height: 0em;
		display:none;
	    	font-size:0px;
	    	border:0px;
		}
	DIV#teachername
		{
		font-weight: bold;
		font-size:14px;
		color:#000000;		
		}
	DIV#termname
		{
		font-weight: bold;
		font-size:14px;
		color:#000000;		
		}
	DIV#printinghelp
		{
		display:none;
		}
	hr
		{
		display:none;
		}
	
	
	br.collapse
		{
		display:none;
		}
	
	}		
-->