@media all
{
	* {margin:0; padding:0;}
	/* {border:1px solid red;}*/
	
	body {font-family:Geneva, Arial, Helvetica, sans-serif; /*background:url('nllLogo.gif') 392px 0 no-repeat;*/}
	
	ul {list-style:none;}
	
	a {text-decoration:none; color:black;}
	a:visited {color:#666666;}
	a:hover {color:#ffdf00;}
	
	a img {border:none;}

	#actions
	{
		overflow:auto;
		margin-top:25px;
	}
	
	#actions h1
	{
		background:#eeeeee;
		width:380px;
		
		padding:4px 8px 1px 4px;
		
		font-size:14pt;
		
		-moz-border-radius-topright:10px;
		-mox-border-radius-topleft:10px;
		
		overflow:auto;
	}
	
	#actions h1 a
	{
		float:right;
	}
	#actions h1 span
	{
		float:left;
	}
	
	#actions h1 span img
	{
		/*width:16px; height:16px;*/
		margin-right:4px;
	}
	
	#actions ul
	{
		background:#eeeeee;
		width:700px;
		padding:2px 0 4px 4px;
		
		overflow:auto;
		
		font-size:14pt;
		
		-moz-border-radius-bottomright:10px;
		-mox-border-radius-bottomleft:10px;
		-moz-border-radius-topright:10px;
	}
	
	#actions ul li
	{
		float:left;
		
		padding-right:15px;
		padding-left:20px;
	}
	
	#actionOptions
	{
		background:#eeeeee;
		/*width:700px;*/
		float:left;
		overflow:auto;
		padding-right:8px;
		
		-moz-border-radius-bottomright:10px;
		-mox-border-radius-bottomleft:10px;
		-moz-border-radius-topright:10px;
		
		margin:8px 16px 0 0;
	}
	
	#actionOptions h2
	{
		background:#eeeeee;
		font-size:16pt;
		padding:2px 0 2px 4px;
		
	}
	
	#actionOptions ul
	{
		overflow:auto;

		padding:2px 0 2px 0;
		font-weight:bold;
	}
	
	#actionOptions ul li {float:left; padding:0 8px 0 8px; border-left:1px solid #7F9DB9; text-align:center; /*width:65px;*/}
	#actionOptions ul li:first-child {border:none; margin-left:1px;}

	#loginForm dl dd {padding-left:16px; margin:4px 0 12px 0;}
	#loginForm dl { padding:8px 0 0 16px;}
	#loginForm div {padding:8px 0 8px 16px;}
	#loginForm input, #loginForm dt {font-size:18pt;}
	#loginForm
	{
		border:6px solid #FFDF00;
		width:600px;
		-moz-border-radius:8px;
	}
	#loginForm h2
	{
		background:#FFDF00;
		font-size:22pt;
		padding:0 0 2px 4px;
	}
	#loginForm_username {background:url("personIcon32.png") no-repeat scroll 4px 3px; border:1px solid #7F9DB9; padding:4px 0 4px 32px;}
	#loginForm_password {background:url("keyIcon32.png") no-repeat scroll 4px 3px; border:1px solid #7F9DB9; padding:4px 0 4px 32px;}
	
	#actionContent
	{
		padding:8px;
		clear:both;
	}
	
	#actionContent table
	{
		border-collapse:collapse;
		
		text-align:center;
	
		font-size:12pt;
		background:#FFDF00;
		-moz-border-radius:10px;
	}
	
	#actionContent table tbody tr {background:white;}
	#actionContent table tbody {background:white;}
	
	#actionContent table td, th {padding:5px;}
	#actionContent table th {cursor:help;}
	
	#actionContent table tbody tr.odd {background:#eeeeff;}
	
	#actionContent table tbody select {width:45px;}
	
	#actionContent table tfoot td {text-align:right;}
	
	#actionContent table tr td.name {width:150px; /*text-align:right;*/}
	#actionContent table tr th.name {cursor:default;}
	#actionContent table tr th.status {cursor:default;}
	
	#actionContent p {margin:8px; width:650px;}
	#actionContent table p {width:450px;}
	
	#searchBox {float:left; width:440px;}
	#searchClassForm, #resultsBox
	{
		border:2px solid #eeeeee;
		-moz-border-radius:10px;
		
		padding:8px;
		
		margin-bottom:16px;
	}
	
	#searchClassForm ul
	{
		margin-bottom:8px;
		color:#666666;
		font-size:10pt;
		/*padding-left:16px;*/
		list-style:circle inside;
	}
	
	#searchClassForm input, #searchClassForm dt
	{
		font-size:16pt;
	}
	
	#searchClassForm_data {border:1px solid #7F9DB9; padding:2px 0 2px 24px;}
	.findNormal {background:url("searchPeopleButton.png") no-repeat scroll 4px 6px; }
	.findIndicator {background:url("indicator16.gif") no-repeat scroll 4px 6px; }
	
	#detailBox
	{
		display:none;
		background:#eeeeee;
		width:180px; height:445px;
		float:left;
		padding:8px;
		margin-left:45px;
		-moz-border-radius:10px;		
	}
	
	#resultsBox {display:none; height:245px;}
	#resultsBox ul, #detailBox ul {margin:8px; overflow:auto;}
	#resultsBox ul {height:220px; cursor:pointer;}
	#detailBox ul {height:415px;}
	
	#formList
	{
		width:600px;
	}
	
	#formList li {float:left; width:80px; padding:4px; margin:4px;}
	#formList li a img {border:none; margin-right:4px;}
	
	#formList li a:visited {text-decoration:line-through; color:#CCCCCC;}
	
	#subjectList
	{
		width:600px;
	}
	
	#subjectList li {float:left; width:120px; height:30px; padding:4px; margin:4px;}
	#subjectList li a img {border:none; margin-right:4px;}
	
	#subjectList li a:visited {text-decoration:line-through; color:#CCCCCC;}
	
	#gradeTypeEditor
	{
		margin:16px 0 0 16px;
		padding:4px;
		border:2px solid #FFDF00;
		
		width:220px;
		
		overflow:auto;
	}
	#gradeTypeEditor dt {float:left; width:80px; line-height:1.5em; border-bottom:1px solid #FFDF00; padding:4px;}
	#gradeTypeEditor dd {float:left; width:120px;  line-height:1.5em;  border-bottom:1px solid #FFDF00; padding:4px;}
	#gradeTypeEditor dd select {width:120px;}
	
	#changePasswordForm
	{
		margin:8px;
		padding:4px;
		border:2px solid black;
		width:350px;
		
		-moz-border-radius:10px;
	}
	
	#changePasswordForm dl dd, #analysisForm dl dd {padding-left:16px; margin:4px 0 12px 0;}
	#changePasswordForm dl, #analysisForm dl { padding:8px 0 0 16px;}
	#changePasswordForm div, #analysisForm div {padding:8px 0 8px 16px;}
	#changePasswordForm input {font-size:16pt;}
	#analysisForm label {margin:0 8px 0 4px;}
	
	/* Buttons */
	.tempbutton {background:url("tempbutton.jpg") center left no-repeat;}
	.peopleButton {background:url("peopleButton.png") center left no-repeat;}
	.searchPeopleButton {background:url("searchPeopleButton.png") center left no-repeat;}
	.optionsButton {background:url("optionsButton.png") center left no-repeat;}
	.reportButton {background:url("reportButton.png") center left no-repeat;}
	
	.emptyTable {height:212px;}
	.err {color:red; font-size:16pt; font-weight:normal; text-align:center;}
	.success {color:green; font-size:16pt; font-weight:normal; text-align:center;}
	.selected {color:#FFDF00;}
	.tipImg {margin:16px;}
	
	/* Student Report Layout */
	.studentReport
	{
		width:19cm; /*height:25cm;*/
		/*overflow:hidden;
		/*page-break-after:always;*/
	}
	
	.studentReport table
	{
		margin:16px;
	}
	
	#actionContent .studentReport table tbody td
	{
		padding:2px;
		font-size:12pt;
		width:30px;
		border:none;
	}
	
	#actionContent .studentReport table tbody td.prev {font-size:8pt;}
	#actionContent .studentReport table tbody td.name {width:110px;}
	
	#actionContent .studentReport dl
	{
		border:1px solid black;
		width:12cm;
		margin:0.2cm 0 0 0.8cm;
		padding:4px;
		
		font-size:8pt;
		
		text-align:justify;
		
		page-break-after:always;
	}
	#actionContent .studentReport dt {font-weight:bold;}
	#actionContent .studentReport dd {padding:4px 0 4px 8px; width:11cm;}
	
	.divider {border-top:1px solid black; margin-top:4px; padding-top:6px;}
	
	.closed {display:none;}
	#actionContent table tbody select.Prf {width:120px;}
	#actionContent table tbody select.Ach, 
	#actionContent table tbody select.Dev, 
	#actionContent table tbody select.Pot {width:420px;}
	#actionContent table tbody ul {text-align:left;}
	#actionContent table tbody ul li {padding:6px 0 0 0;}
}

@media print
{
	#actions, #actionOptions {display:none;}
	
	/*body {background:none;}*/
	body.nll {font-family:Geneva, Arial, Helvetica, sans-serif; background:url('nllLogo.gif') 395px 1.2cm no-repeat;}
	body.cor {font-family:Geneva, Arial, Helvetica, sans-serif; background:url('corLogo.gif') 395px 1.2cm no-repeat;}
	
	table {background-color:blue;}
	
	#actionContent div.studentReport{padding-top:3cm; padding-left:2cm;}
	
	.notPrinted {display:none;}
	
	#actionContent .studentReport {page-break-after:always;}
}