@charset "UTF-8";
/* CSS Document */

* {
  margin: 0;
  padding: 0;
}

body.large { background: #ededed url(images/bg.jpg) repeat-x; }
body.thin { background: #ededed url(images/thinbg.png) repeat-x; }

a {color: #C00; 
text-decoration:none;
}

p {
  color:#555;
  padding: 0;
  margin: 10px 0;
  font: 12px/18px Arial, Helvetica, sans-serif;
}

#container {
 margin: auto;
 width: 960px;
}

#header {
 height: 235px;
 width: 975px;
 float: left;
 background: url(images/largeheader.jpg) no-repeat;
}

#thinheader {
 height: 142px;
 width: 975px;
 float: left;
 background: url(images/thinheader.png) no-repeat;
}

#logo { margin-top: 28px; 
		margin-right: 20px; 
		}
		
#logo h1 {
 display: block;
 float: right;
 width: 313px;
 height: 151px;
 text-indent: -9999px;
}

#logo h1 a {
 display: block;
 width: 100%;
 height: 100%;
 outline: none;
 background: url(images/logo.png) no-repeat 0 0;
}

#smlogo { margin-top: 7px; 
		margin-right: 20px; 
		}
		
#smlogo h1 {
 display: block;
 float: right;
 width: 229px;
 height: 101px;
 text-indent: -9999px;
}

#smlogo h1 a {
 display: block;
 width: 100%;
 height: 100%;
 outline: none;
 background: url(images/smlogo.png) no-repeat 0 0;
}

#navigation {
 height: 27px;
 width: 960px;
 margin-top: 25px;
 float: right;
}

#highnavigation {
 height: 27px;
 width: 960px;
 margin-top: 3px;
 float: right;
}

#sentMsg {
	background-color:#FF0;
}

#replyMsg {
	background-color:#3CF;
	
}

.nav-links li {
 display: inline;
 padding: 9px 20px 0 0;
 float: right;
}

.nav-links li a {
 text-transform: capitalize;
 color: #fff;
 text-decoration: none;
 letter-spacing: -1px;
 font: normal 13px Arial, Helvetica, sans-serif;
}
.nav-links li a:hover { color: #ff0; }

#content-left {
 float: left;
 width: 200px;
 margin-top: 20px;
 margin-left: 12px;
}
.sidebar-top {
 float: left;
 height: 32px;
 width: 200px;
 background: url(images/sidebar_top.png) no-repeat;
 padding: 4px 15px;
}
.sidebar-middle {
 float: left;
 width: 168px;
 padding: 5px 15px 0 15px;
 border-right: 1px solid #d3d3d3;
 border-left: 1px solid #d3d3d3;
 background: #fff;
}
.sidebar-middle p { text-align: left;}
.sidebar-middle a {color: #C00; 
text-decoration:none;
}

.sidebar-bottom {
 float: left;
 height: 16px;
 width: 200px;
 margin-bottom: 15px;
 background: url(images/sidebar_bottom.png) no-repeat;
}

#main-content {
 float: right;
 width: 730px;
 margin-top: 20px;
}

#centered-content {
	float:left;
 width: 730px;
 margin-top: 20px;
 margin-left:150px;
}

.content-top {
 float: left;
 height: 32px;
 width: 730px;
 background: url(images/content_box_top.png) no-repeat;
 padding: 4px 15px;
}

.content-top-center {
 text-align:center;
 height: 32px;
 width: 730px;
 background: url(images/content_box_top.png) no-repeat;
 padding: 4px 15px;
}

.content-middle {
 float: left;
 width: 698px;
 padding: 5px 15px 0 15px;
 border-right: 1px solid #d3d3d3;
 border-left: 1px solid #d3d3d3;
 background: #fff;
}

.content-middle p { text-align:justify;}

.content-bottom {
 float: left;
 height: 17px;
 width: 730px;
 margin-bottom: 15px;
 background: url(images/content_box_bottom.png) no-repeat;
}

h2 {
 text-transform:none;
 color: #666;
 letter-spacing: -1px;
 padding-top: 7px;
 font: bold 16px Arial, Helvetica, sans-serif;
}

h3 {
 text-transform:none;
 color: #666;
 letter-spacing: -1px;
 padding-top: 7px;
 font: bold 16px Arial, Helvetica, sans-serif;
 margin-left:0px;
}

h4 {
 text-transform:none;
 color: #666;
 letter-spacing: -1px;
 padding-top: 3px;
 font: bold 13px Arial, Helvetica, sans-serif;
 margin-left:10px;
}

h2.center {
	text-align:center;
}

h4.center {
	text-align:center;
	margin-bottom:20px;
}

h4 a {
	text-decoration:none;
	color:#C00;
}

div.msgHeader {
	background-color:#F7F7F7;
	border:solid thin #CCC;
	padding-bottom:7px;
}

div.individualMessage {
	margin-top:7px;
	background-color:#FFF;
	border:solid thin #CCC;
	padding:0px 7px 5px 7px;
}

p.msgMeta {
	font-size:10px;
	border-bottom:thin solid #CCC;
}

div.error {
 text-transform:none;
 padding-top: 7px;
 font: bold 13px Arial, Helvetica, sans-serif;
 background-color:#F9D6DE;
 border:solid 1px #900;
 padding:5px;
}

div.error p {color:#900;
margin-left:10px;}

div.noError {
 text-transform:none;
 padding-top: 7px;
 font: bold 13px Arial, Helvetica, sans-serif;
 background-color:#DAFCF1;
 border:solid 1px #366;
 padding:5px;
}

div.noError p {color:#366;
margin-left:10px;}

.content-middle p { text-align: justify; }
.highlight {
 color: #cc0000;
 font-style: italic;
}
.notyourschool a {
 padding-left: 7px;
 text-transform: capitalize;
 color: #cc0000;
 text-decoration: none;
 letter-spacing: 0px;
 font: normal 11px Arial, Helvetica, sans-serif;
}
.notyourschool a:hover { color: #ff0; }

.changecounty a {
 margin-left: 125px;
 text-transform: capitalize;
 color: #cc0000;
 text-decoration: none;
 letter-spacing: 0px;
 font: normal 11px Arial, Helvetica, sans-serif;
}
.changecounty a:hover { color: #ff0; }

.warning {float:left;
		  font-size:14px;
		  color:#fff;
		  margin-right:30px;
		  font-weight:bold;
		  letter-spacing:0px;
		  background-color:#C00;
		  padding: 1px 60px;}

#footer {
 clear: both;
}

#footer-content {
 width: 960px;
 margin: auto;
}

#footer-content p {
 color: #c00;
 font-size:9px;
 text-align:right;
}

div.box .input-text{
border:1px solid #3b6e22;
color:#666666;
}

div.box center{
 color:#555;
  padding: 0;
  font: 12px/18px Arial, Helvetica, sans-serif;
}

div.box label{
display:block;
margin-bottom:18px;
color:#555555;
}

div.box label span{
display:block;
float:left;
padding-right:6px;
width:120px;
text-align:right;
}

div.customiseSubjects p{
display:block;
margin-bottom:8px;
color:#555555;
}

div.customiseSubjects p {
display:block;
margin-left:43px;}

div.customiseSubjects span a {
margin-left:10px;
padding-right:3px;
font-size:10px;
color: #cc0000;
text-decoration:none;
font-weight:bold;
}

div.leftcolumn {
	float:left;	
}

div.leftcolumn .input-text{
border:1px solid #3b6e22;
color:#666666;
}

div.leftcolumn label{
display:block;
margin-bottom:18px;
color:#555555;
}

div.leftcolumn label span{
display:block;
float:left;
padding-right:6px;
width:90px;
text-align:right;
}

div.leftcolumnviewhw {
	float:left;	
}

div.leftcolumnviewhw .input-text{
border:1px solid #3b6e22;
color:#666666;
}

div.leftcolumnviewhw label{
display:block;
margin-bottom:10px;
color:#555555;
}

div.leftcolumnviewhw label span{
display:block;
float:left;
padding-right:16px;
width:80px;
text-align:right;
}

div.rightcolumn {
	float:left;	
	margin-left:20px;
	border-left:1px solid #CCC;
	padding-left:30px;
}

div.rightcolumn .input-text{
border:1px solid #3b6e22;
color:#666666;
}

div.rightcolumn label{
display:block;
margin-bottom:18px;
color:#555555;
}

div.rightcolumn label span{
display:block;
float:left;
padding-right:6px;
width:90px;
text-align:right;
}


div.rightcolumnfixed {
	float:left;	
	width:400px;
	margin-left:30px;
	border-left:1px solid #CCC;
	padding-left:30px;
}

div.rightcolumnfixed .input-text{
border:1px solid #3b6e22;
color:#666666;
}

div.rightcolumnfixed label{
display:block;
margin-bottom:18px;
color:#555555;
}

div.rightcolumnfixed li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#555555;
	margin-left:5px;
}

div.rightcolumnfixed label span{
display:block;
float:left;
padding-right:6px;
width:90px;
text-align:right;
}


.pastHomeworkCheckbox {margin-left:85px;}

.helpbox {
	float:right;
	width: 300px;
	background-color:#DAF2EF;
	padding-left:10px;
	padding-right:10px;
	margin-top:5px;
	border:1px solid #9dc2bd;
}

.helpbox p {font-size:11px; 
color:#364E4B;
line-height:120%;}

.helpbox h1 {font-size:13px;
font-weight:bold;
color:#364E4B;
font-family:Arial, Helvetica, sans-serif;
margin-top:8px;
}

.greenButton{
background:url(images/green.gif);
padding:0px 6px;
border:1px solid #3b6e22;
height:26px;
color:#FFFFFF;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
margin:10px 10px 10px 90px;
display:inline-block;
text-decoration:none;
}

.redButton{
background:url(images/red.gif);
padding:0px 6px;
border:1px solid #6e2222;
height:26px;
color:#FFFFFF;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
margin:10px 10px 10px 90px;
display:inline-block;
text-decoration:none;
position:relative; top:-56px; left:150px;
}


.greenButtonRight{
background:url(images/green.gif);
float:right;
padding:0px 6px;
border:1px solid #3b6e22;
height:26px;
color:#FFFFFF;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
margin:10px 10px 10px 90px;
display:inline-block;
text-decoration:none;
}

.greenButtonLogin{
background:url(images/green.gif);
padding:0px 6px;
border:1px solid #3b6e22;
height:26px;
color:#FFFFFF;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
margin:10px 10px 10px 160px;
display:inline-block;
text-decoration:none;
}

.greenButtonHomework{
background:url(images/green.gif);
padding:0px 6px;
border:1px solid #3b6e22;
height:26px;
color:#FFFFFF;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
margin:10px 0px 0px 28px;
display:inline-block;
text-decoration:none;
vertical-align:top;
}

.greenButtonNoMargin{
background:url(images/green.gif);
padding:0px 6px;
border:1px solid #3b6e22;
height:26px;
color:#FFFFFF;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
margin:10px 10px 10px 0px;
display:inline-block;
text-decoration:none;
vertical-align:top;
}

.greenButtonNoMarginAll{
background:url(images/green.gif);
padding:0px 6px;
border:1px solid #3b6e22;
height:26px;
color:#FFFFFF;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
margin:0px 10px 10px 0px;
display:inline-block;
text-decoration:none;
vertical-align:top;
}


.forgotPassword{
	margin-left:50px;
}

.forgotPassword a{
	text-decoration:none;
	color:#C00;
	font-weight:bold;
}

div#startdateMsg {
font-family:Arial, Helvetica, sans-serif;
  font-size: 10px;
  text-align:left;
  clear:both;
  margin-top:-10px;
  margin-left:95px;
  margin-bottom:20px;
}
div#startdateMsg.error {
  color: red;
}
div#duedateMsg {
font-family:Arial, Helvetica, sans-serif;
  font-size: 10px;
  text-align:left;
  clear:both;
  margin-top:-10px;
  margin-left:95px;
  margin-bottom:20px;
}
div#duedateMsg.error {
  color: red;
}
input#duedate.error {
  background-color: pink;
}
input#startdate.error {
  background-color: pink;
}

.date {
	float:left;
	margin-right:30px;}
	
.clear {
	float:left;
	clear:both;
}

.clearAll {
	clear:both;
}

.right {float:right;}

.moreheight {margin-top:28px;}

.morespace {margin-top:10px;
margin-bottom:10px;

	border-bottom:1px solid #CCC;}

div#printheader {display:none;}
div#printmessage {display:none;}

div#hidden
{display:none}

div#msg {width:400px; height:40px; background-image:url(images/constructbar.gif); background-repeat:no-repeat; position:absolute; top:120px; left:200px; text-align:center; font-size:0.6em; font-weight:bold; visibility:hidden}
div#msg ul {border:0; margin:0.75em 0 0 0; padding:0; list-style-type:none;}

div#googlesearch {margin:8px 0 0 5px;}
div#printerfriendlyicon img{border:none; position:absolute; clear:both; margin:172px 0 0 790px;}

div#weblinks_files {clear:both}
div#weblinks_files p {font-weight:bold}
div#weblinks_files ul {border:0; margin: -0.8em 0 0 10px; padding:0; list-style-type:none; font-size:11px; font-family:Arial, Helvetica, sans-serif}
div#weblinks_files a {color:#C00; text-decoration:none;}

.smalltext {
	font-size:10px;
	font-weight:normal;
	text-align: justify;
}

table.tablesorter {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #ffffff;
	border-collapse: collapse;
	width: 700px;
}
table.tablesorter th {
	text-align: left;
	color: #555;
	padding: 10px 2px;
	border-bottom: 2px solid #555;
}

table.tablesorter a {color: #C00; 
text-decoration:none;
}

table.tablesorter td.nosorting {
	text-align: left;
	color: #555;
	padding: 10px 2px;
	border-bottom: 2px solid #555;
}

table.tablesorter td.nosortingwide {
	text-align: left;
	color: #555;
	padding: 10px 2px;
	border-bottom: 2px solid #555;
	width:180px;
}


table.tablesorter td {
	font-size:11px;
	text-align:center;
	border-bottom: 1px solid #ccc;
	color: #669;
	padding: 6px 2px;
}
table.tablesorter .even {
	background-color: #3D3D3D;
}
table.tablesorter .odd {
	background-color: #6E6E6E;
}
table.tablesorter .header {
	background-image: url(images/bg2.png);
	background-repeat: no-repeat;
	border-top: 1px solid #FFF;
	padding-left: 30px;
	padding-top: 8px;
	height: auto;
}
table.tablesorter .headerSortUp {
	background-image: url(images/desc2.png);
	background-repeat: no-repeat;
}
table.tablesorter .headerSortDown {
	background-image: url(images/asc2.png);
	background-repeat: no-repeat;
}

table.tablesorter a {color: #C00; 
text-decoration:none;
}

table.tablesorter td.left {text-align:left; padding-left:15px;}

table.tablesorter tr.unreadMsg {background-color:#F9EAED}

table.tablesorter tbody tr:hover td
{
	color: #009;
}

#error {background-color:#FBEAF3;
padding:15px;
border:1px solid #E69292}

#error p {
font-size:12px;
line-height:95%;
text-align:center;
color:#C00;}

p.center {
	text-align:center;
}

#image {
  position:absolute;
  text-align: center;
}

form.prevForm {
float:left;}

form.nextForm {
float:right;}