/* Main Text Definitions */

body {
 background: #ffffff;
 color: #555555;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 70%;
 margin: 0;
}


/* Coloured styles start here */
h1, h2, h3, h4, h5 {
 color: #3B82A2;/*#AF2F2F;*/
}

h3.gap{
color:#ffffff;
}


.myschoolgroupcheckbox {
font-size: 16px;
color: #555555;
font-weight: bold;	
}

.myschoolgroupcheckbox td{
text-align: right;	
}

.myschoolgroupcheckbox input{
width: 100px;	
}

a {
 color: #3B82A2;/*#AF2F2F;*/
}
a:hover {
 color: #555555;
}
#top {
 height: 120px;
 background: #3B82A2;/*#AF2F2F;*/
}
/*div.tint_box {
 border: 0;
 background: #a4af00;
 background-image: url(../images/white_angle.gif);
 background-position:top right;
 background-repeat:no-repeat;
 padding: 5px 10px;
 color: #ffffff;
 margin-bottom: 10px;
}*/
div.tint_box1 {
 border: 0;
 width: 161px;
 background-color: #A6A5A9; 
 background-image: url(../images/hints_pluses_green.gif);
 background-repeat:no-repeat; 
 background-position:top;
 padding-top: 60px;
 padding-bottom: 5px;
 color: #333333;
 margin-bottom: 10px;
}
div.tint_box2 {
 border: 0;
 width: 210px;
 background-color: #CBCBCD; 
 background-image: url(../images/hints_leaves_green2.gif);
 background-repeat:no-repeat; 
 background-position:top;
 padding-top: 60px;
 padding-bottom: 5px;
 color: #333333;
 margin-bottom: 10px;
}
div.tint_box3 {
 border: 0;
 width: 161px;
 background-color: #A4AF00; 
 background-image: url(../images/hints_cogs_green.gif);
 background-repeat:no-repeat; 
 background-position:top;
 padding-top: 60px;
 padding-bottom: 5px;
 color: #333333;
 margin-bottom: 10px;
}
div.tint_box4 {
 border: 1;
 width: 210px;
 height: 60px;
 padding-top: 5px;
 padding-bottom: 10px;
 background-color: #A4AF00; 
 /*background-image: url(../images/hints_cogs_green.gif);*/
 background-repeat:no-repeat; 
 background-position:top;
 /*color: #333333;*/
 color: #FFFFFF;
 margin-top: 5px;
 margin-bottom: 5px;
 text-align: center;
 }
div.tint_box5 {
 border: 0;
 width: 210px;
 height: 50px;
 background-color: #CBCBCD; 
 /*background-image: url(../images/hints_leaves_green.gif);*/
 background-image: url(../images/hints_leaves_green2.gif);
 background-repeat:no-repeat; 
 background-position:top;
 padding-top: 50px;
 padding-bottom: 5px;
 color: #333333;
 margin-bottom: 10px;
 text-align:center;
 font-size: 18px;
}
div.tint_box6 {
 border: 0;
 width: 210px;
 /*height: 50px;*/
 background-color: #ED6916;
 background-image: url(../images/exclamation_mark.gif);
 /*background-image: url(../images/hints_leaves_green2.gif);*/
 background-repeat:no-repeat; 
 background-position:top;
 padding-top: 50px;
 padding-bottom: 5px;
 color: #ffffff;
 margin-bottom: 10px;
 text-align:center;
 font-size: 12px;
}


div.tint_box1 p {
 margin-top: 0;
 color: #333333;
 margin-bottom: 5px;
 font-size: 12px;
}
div.tint_box1 h4 {
 margin-top: 0;
 margin-bottom: 5px;
 color: #333333;
 font-size: 16px;
}


div.tint_box1 a {
 color: #333333;
 text-decoration: underline;
}
div.tint_box1 a:hover {
 color: #ffffff;
 text-decoration: underline;
}
div.tint_box2 p {
 margin-top: 0;
 color: #333333;
 margin-bottom: 5px;
}
div.tint_box2 h4 {
 margin-top: 0;
 margin-bottom: 5px;
 color: #333333;
}
div.tint_box2 a {
 color: #333333;
 text-decoration: underline;
}
div.tint_box2 a:hover {
 color: #ffffff;
 text-decoration: underline;
}
div.tint_box3 p {
 margin-top: 0;
 color: #333333;
 margin-bottom: 5px;
}
div.tint_box3 h4 {
 margin-top: 0;
 margin-bottom: 5px;
 color: #333333;
}

div.tint_box5 p {
 margin-top: 0;
 color: #333333;
 margin-bottom: 5px;
}

div.tint_box5 h4 {
 margin-top: 0;
 margin-bottom: 5px;
 color: Gray;
}
div.tint_box3 a {
 color: #333333;
 text-decoration: underline;
}
div.tint_box3 a:hover {
 color: #ffffff;
 text-decoration: underline;
}
div.tint_box4 a {
 color: #ffffff;
 text-decoration: underline;
 font-size: 22px;
}
div.tint_box4 a:hover {
 color: #333333;
 text-decoration: underline;
 font-size: 22px;
}


div.tint_box6 a {
 color: #ffffff;
 text-decoration: underline;
 font-size: 14px;
}
div.tint_box6 a:hover {
 color: #333333;
 text-decoration: underline;
 font-size: 14px;
}
div.hints_copy{
padding: 0px 7px 0px 7px;
}

div.hints_copy a{
text-decoration: underline;
}

.on {
 font-weight: bold;
}

.hintgreenlabel {
 font-size: 11px;
}
.formloginlabel {
 font-size: 18px;
 /*font-weight: bold;*/
}
.formloginlabel_small {
 font-size: 11px;
 /*font-weight: bold;*/
}
.formloginlabel_bold {
 font-size: 12px;
 font-weight: bold;
}

.firstloginlabel {
 font-size: 14px;
 font-weight: bold;
}
.schoolformloginlabel {
 font-size: 14px;
 color: #ED6916;
 font-weight:bold;
 /*font-weight: bold;*/
}

.interviewtitle {
 font-size: 16px;
 font-weight: bold;
}

.interviewcell {
 font-size: 14px;
 font-weight: normal;
}



.tint10 {
 background: #F9D4BA;
 color: #333333;
 border-right: 1px solid #ffffff;
 border-bottom: 10px solid #ffffff;
 padding: 5px;
}
.tint10 a{
 color: #555555;
 font-size: 14px;
 font-weight: bold;
 text-decoration: underline;
}
.tint10 a:hover{
 color: #FFFFFF;
 font-size: 14px;
 font-weight: bold;
 text-decoration: underline;
}


.currentstafftitle {
 font-size: 16px;
 font-weight: bold;
 color: #EC6A16;
}

.currentstafftabletitle {
 font-size: 14px;
 font-weight: bold;
}

.currentstafftablecell {
 font-size: 14px;
 font-weight: normal;
}

.grouptitle {
 font-size: 16px;
 font-weight: bold;
 color: #EC6A16;
}

.grouptabletitle {
 font-size: 14px;
 font-weight: bold;
}

.grouptabletitle_white {
 font-size: 14px;
 font-weight: bold;
 color: #FFFFFF;
}

.grouptablecell {
 font-size: 14px;
 font-weight: normal;
}

.schoolzonelabel_username {
 font-size: 16px;
 font-weight: bold;
 color: #EC6A16;
}

.schoolzonelabel_schoolname {
 font-size: 16px;
 font-weight: bold;
 color: #555555;
}

.addremovecelllabel {
 font-size: 16px;
 font-weight: bold;
 color:#555555;
}
.addremovecelllabel a {
 font-size: 16px;
 font-weight: bold;
 color:#555555;
}

.addremovecelllabel a:hover {
 font-size: 16px;
 font-weight: bold;
 color:#FFFFFF;
}


.assigncheckbox {
 font-size: 16px;
 font-weight: bold;
 color:#555555;
}

.assigncheckbox td{
 text-align:right;
}

.assigncheckbox input{
 width:150px;
}

div.currentstafftablecell a {
 color: #ffffff;
 text-decoration: none;
 font-size: 14px;
}
div.currentstafftablecell a:hover {
 color: #333333;
 text-decoration: none;
 font-size: 14px;
}

div#newsHeadline_box {
 background: #A6A5A9;
 padding: 8px 10px 8px 10px;
 color: #333333;
 margin-bottom: 10px;
 background-repeat:no-repeat;
 background-image: url(../images/white_angle.gif);
 background-position:top right;
}

div#newsHeadline_box h4 {
 margin-top: 0;
 margin-bottom: 5px;
 color: #333333;
}
div#newsHeadline_box a {
 color: #333333;
 text-decoration: underline;
}
div#newsHeadline_box a:hover {
 color: #ffffff;
 text-decoration: underline;
}


div#gapHeadline_box {
 background: #E6E6E6;
 padding: 8px 10px 8px 10px;
 color: #333333;
 margin-bottom: 10px;
 background-repeat:no-repeat;
 background-image: url(../images/white_angle.gif);
 background-position:top right;
}

div#gapHeadline_box h4 {
 margin-top: 0;
 margin-bottom: 5px;
 color: #333333;
}
div#gapHeadline_box a {
 color: #333333;
 text-decoration: underline;
}
div#gapHeadline_box a:hover {
 color: #999999;
 text-decoration: underline;
}

.tint1_checkbox {
 background: #F9D4BA;
 color: #EC6A16;
 font-weight: bold;
 font-size: 20px;
 /*border-right: 1px solid #ffffff;
 border-bottom: 10px solid #ffffff;*/
 padding: 5px;
}
.tint2_checkbox {
 background: #F9D4BA;
 color: #333333;
 /*border-right: 1px solid #ffffff;
 border-bottom: 10px solid #ffffff;*/
 padding: 5px;
}

.assignremove_tint {
 background: #F9D4BA;
 color: #333333;
 /*border-right: 1px solid #ffffff;
 border-bottom: 10px solid #ffffff;*/
 padding: 5px;
 width: 350px;
}

.assignremove_label {
 background: #F9D4BA;
 color: #EC6A16;
 font-weight: bold;
 font-size: 20px;
 /*border-right: 1px solid #ffffff;
 border-bottom: 10px solid #ffffff;*/
 padding: 5px;
}

.assign_label {
 background: #FFFFFF;
 color: #EC6A16;
 font-weight: bold;
 font-size: 12px;
 /*border-right: 1px solid #ffffff;
 border-bottom: 10px solid #ffffff;*/
 padding: 5px;
}

.assignstudents_label {
 background: #F9D4BA;
 color: #EC6A16;
 font-weight: bold;
 font-size: 16px;
 /*border-right: 1px solid #ffffff;
 border-bottom: 10px solid #ffffff;*/
 padding: 5px;
}


.assign_label a{
 background: #FFFFFF;
 color: #EC6A16;
 font-weight: bold;
 font-size: 20px;
 /*border-right: 1px solid #ffffff;
 border-bottom: 10px solid #ffffff;*/
 padding: 5px;
}

.interviewnote_label {
 background: #FFFFFF;
 color: #EC6A16;
 font-weight: bold;
 font-size: 16px;
 /*border-right: 1px solid #ffffff;
 border-bottom: 10px solid #ffffff;
 padding: 5px;*/
}

.interviewnote_label a{
 background: #FFFFFF;
 color: #EC6A16;
 font-weight: bold;
 font-size: 10px;
 /*border-right: 1px solid #ffffff;
 border-bottom: 10px solid #ffffff;
 padding: 5px;*/
}

.interviewnote_label a:hover{
 background: #FFFFFF;
 color: #555555;
 font-weight: bold;
 font-size: 10px;
 /*border-right: 1px solid #ffffff;
 border-bottom: 10px solid #ffffff;
 padding: 5px;*/
}


.interviewnotesubtitle_label {
 background: #FFFFFF;
 color: #555555;
 font-weight: normal;
 font-size: 12px;
 /*border-right: 1px solid #ffffff;
 border-bottom: 10px solid #ffffff;
 padding: 5px;*/
}

.interviewnotesubtitle_text {
 background: #FFFFFF;
 color: #555555;
 font-weight: normal;
 font-size: 12px;
 border-right: 1px solid #555555;
 border-bottom: 1px solid #555555;
 border-left: 1px solid #555555;
 border-top: 1px solid #555555;
 padding: 5px;
}

.assign_text
{ 
	padding: 5px;
	}

.assign_label a:hover{
 background: #FFFFFF;
 color: #555555;
 font-weight: bold;
 font-size: 20px;
 /*border-right: 1px solid #ffffff;
 border-bottom: 10px solid #ffffff;*/
 padding: 5px;
}


.assignstudents_lblPageCount {
	
	width: 700px;
	}

.assignstudents_tbl {
 background: #EC6A16;
 border-right: 1px solid #555555;
 border-bottom: 1px solid #555555;
 border-left: 1px solid #555555;
 border-top: 1px solid #555555;
 width: 600px;
 }
 
 .assignstudents_internal_tbl {
 /*background: #EC6A16;*/
 border-right: 1px solid #555555;
 border-bottom: 1px solid #555555;
 border-left: 1px solid #555555;
 border-top: 1px solid #555555;
 width: 600px;
 }
 
 .assignstudents_internal_tbl a {
 /*background: #EC6A16;*/
 color: #555555;
 font-weight: bold;
 font-size: 14px;
 }
 
 .assignstudents_internal_tbl a:hover {
 /*background: #EC6A16;*/
 color: #ffffff;
 font-weight: bold;
 font-size: 14px;
 }
 
 
 
 .assignstudents_studentsrepeaterlabel {
 background: #F9D4BA;
 color: #555555;
 font-weight: bold;
 font-size: 14px;
 /*border-right: 1px solid #ffffff;
 border-bottom: 10px solid #ffffff;*/
 
}

.tint1 {
 background: #EC6A16;
 color: #ffffff;
 font-weight: bold;
 border-right: 1px solid #ffffff;
 border-bottom: 10px solid #ffffff;
 padding: 5px;
}

.tint_checkbox {
 font-weight: bold;
 border-right: 1px solid #555555;
 border-bottom: 1px solid #555555;
 border-left : 1px solid #555555;
 border-top  : 1px solid #555555;
 width: 200px;
}

.tint2 {
 background: #F9D4BA;
 color: #333333;
 border-right: 1px solid #ffffff;
 border-bottom: 10px solid #ffffff;
 padding: 5px;
}
.tint2_school {
 padding: 5px;
 background: #EC6A16;
 color: #ffffff;
 font-weight: bold;
 border-right: 1px solid #ffffff;
 border-bottom: 10px solid #ffffff;
 padding: 5px;
}
.tint2_school a 
{
	color: White;
}
.tint3 {
 background: #D8D8D8;
 color: #333333;
 border-right: 1px solid #ffffff;
 border-bottom: 10px solid #ffffff;
 padding: 5px;
}
.tint4 {
 background: #F9D4BA;
 color: #222222;
 border-right: 1px solid #ffffff;
 border-bottom: 10px solid #ffffff;
 padding: 5px;
}
.tint6 
{
font-family: Arial, Helvetica, sans-serif;
font-size: 70%;
background: #ffffff;
color: #333333;
 border-right: 1px solid #ffffff;
 border-bottom: 10px solid #ffffff;
 padding: 5px;
}
.tint7 {
 background: #D8D8D8;
 color: #FFFFFF;
 border-right: 1px solid #ffffff;
 border-bottom: 10px solid #ffffff;
 padding: 5px;
}

.tint8 {
 background: #D8D8D8;
 color: #333333;
 border-right: 1px solid #ffffff;
 border-bottom: 10px solid #ffffff;
 padding: 5px;
}



.addstaff_textbox{
width: 350px;
			}

.addstafftitle_textbox{
width: 40px;
			}



table.tint a {
 color: #0A007D;
 text-decoration: underline;
}
table.tint a:hover {
 color: #333333;
 text-decoration: underline;
}
table.tint td {
 padding: 5px;
}

.tint1 a{
 color: #ffffff;
 font-weight: bold;
 font-size: 14px;
}

.tint1 a:hover{
 color: #333333;
 font-weight: bold;
 font-size: 14px;
}


.tint8 a{
 color: #ffffff;
 font-weight: bold;
 font-size: 14px;
}

.tint8 a:hover{
 color: #333333;
 font-weight: bold;
 font-size: 14px;
}

.tintCommentsHead {
 background: #EC6915;
 color: #ffffff;
 font-weight: bold;
}

.tintComments {
 background: #FFE385;
}

.tint_addnewnote {
 background: #EC6A16;
 color: #ffffff;
 font-weight: bold;
 font-size: 14px;
 /*border-right: 1px solid #ffffff;
 border-bottom: 10px solid #ffffff;*/
 padding: 0px;
}

.dropdown_addnewnote option{
 /*background: #EC6A16;
 color: #ffffff;
 font-weight: bold;
 font-size: 14px;
 border-right: 1px solid #ffffff;
 border-bottom: 10px solid #ffffff;
 padding: 0px;*/
 width: 70px;
}

.addnewnote_label {
 background: #ffffff;
 color: #555555;
 font-weight: bold;
 font-size: 14px;
 /*border-right: 1px solid #ffffff;
 border-bottom: 10px solid #ffffff;*/
 padding: 0px;
}

.dropdown_addnewnote select{
 /*background: #EC6A16;
 color: #ffffff;
 font-weight: bold;
 font-size: 14px;
 border-right: 1px solid #ffffff;
 border-bottom: 10px solid #ffffff;
 padding: 0px;*/
 width: 70px;
}
/* Coloured styles end here */


h1 {
 font-size: 140%;
 margin-top: 0;
}
h2 {
 font-size: 130%;
}
h3 {
 font-size: 120%;
 margin-bottom: 3px;
 margin-top: 0;
}
h4 {
 font-size: 110%;
}
h5 {
 font-size: 100%;
}

a img {
 border: 0;
}

.on {
 font-weight: bold;
}

#container {
 width: 100%;
}


#logo {
 float: left;
 width: 308px;
 height: 120px;
}
#topnav {
 float: right;
 text-align: right;
 padding-top: 25px;
 padding-right: 20px;
 margin-left: -308px;
 color: #ffffff;
}
#topnav ul {
float: left;
list-style: none;
padding: 0;
margin: 0;
} 
#topnav li {
float: left;
padding: 0;
margin-top: 5px;
}
#topnav li a {
 color: #ffffff;
 text-decoration: none;
 margin-right: 20px;
}
#topnav li a:hover {
 color: #ffffff;
 text-decoration: underline;
 margin-right: 20px;
}

#briefcase {
 float: right;
 width: 160px;
 padding: 25px 20px 10px 20px;
 height: 85px;
 color: #ffffff;
 border-left: 1px solid #ffffff;
}
#briefcase h1 { 
 color: #ffffff;
 font-size: 120%;
 margin-bottom: 5px;
}
#briefcase a {
 color: #ffffff;
 text-decoration: underline;
}
#briefcase a:hover {
 color: #ffffff;
 text-decoration: underline;
}

#date {
 padding-left: 30px;
 background: #7e7d82;
 height: 17px;
 padding-top: 3px;
 color: #ffffff;
}

#logout {
 float: right;
 width: 180px;
 padding-right: 20px;
 text-align: right;
}
#logout a {
 color: #ffffff;
 text-decoration: none;
}
#logout a:hover {
 color: #ffffff;
 text-decoration: none;
}



#main {
 float: left;
 background-image: url(../images/main_bg.gif);
 background-position: left;
 background-repeat: repeat-y;
}

/*#nav {
 float: left;
 width: 140px;
 padding-left: 30px;
 padding-right: 10px;
 padding-top: 45px;
}
td#nav {
 width: 140px;
 background: #F1F2F2;
 padding-left: 30px;
 padding-right: 10px;
 padding-top: 45px;
}

/*#content {
/* Fix for 3px margin gap  height: 1%;
 margin-left: 200px;
 margin-right: 210px;
 padding-top: 10px;
}
td#content {
/* Fix for 3px margin gap  height: 1%;
 margin-left: 200px;
 margin-right: 210px;
 padding-top: 10px;
}*/

/*#right {
 float: right;
 width: 180px;
 padding-top: 50px;
 padding-right: 20px;
}
td#right {
 float: right;
 width: 180px;
 padding-top: 50px;
 padding-right: 20px;
}*/

table#layout {
 width: 100%;
}

table#layout td#nav {
 width: 140px;
 padding-left: 30px;
 padding-right: 10px;
 padding-top: 45px;
 background: #f1f2f2;
}
table#layout td#content {
 padding: 5px 20px;
}
table#layout td#right {
 width: 180px;
 padding-top: 50px;
 padding-right: 20px;
}


/*#nav ul.nav1 {
 float: left;
 list-style: none;
 padding: 0; 
 margin: 0; 
} 
#nav ul.nav1 li {
 width: 140px;
 padding-top: 5px;
 padding-bottom: 5px;
 border-bottom: 1px solid #A4A3A7;
}
#nav ul.nav1 li a { 
 color: #555555;
 text-decoration: none;
}
#nav ul.nav1 li a:hover {
 color: #555555;
 text-decoration: underline;
}

#nav ul.nav2 {
 float: left;
 list-style-type: square;
 margin: 0;
 padding-left: 15px;
} 
#nav ul.nav2 li {
 width: 135px;
 padding-left: 0;
 padding-top: 1px;
 padding-bottom: 1px;
 border-bottom: 0;
}
#nav ul.nav2 li a {
 color: #555555;
 text-decoration: none;
}
#nav ul.nav2 li a:hover {
 color: #555555;
 text-decoration: underline;
}

#nav ul.nav3 {
 float: left;
 display: block;
 list-style-type: circle;
 margin: 0;
 padding-left: 15px;
} 
#nav ul.nav3 li {
 width: 135px;
 padding-left: 0;
 padding-top: 1px;
 padding-bottom: 1px;
 border-bottom: 0;
}
#nav ul.nav3 li a {
 color: #555555;
 text-decoration: none;
}
#nav ul.nav3 li a:hover {
 color: #555555;
 text-decoration: underline;
}*/

#nav li {
 clear: left;
}

#nav ul.nav1 {
 list-style: none;
 display: block;
 padding: 0; 
 margin: 0; 
} 
#nav ul.nav1 li {
 display: block;
 width: 140px;
 padding-top: 5px;
 padding-bottom: 5px;
 border-bottom: 1px solid #A4A3A7;
}
#nav ul.nav1 li a { 
 color: #555555;
 text-decoration: none;
}
#nav ul.nav1 li a:hover {
 color: #555555;
 text-decoration: underline;
}

#nav ul.nav2 {
 list-style: none;
 display: block;
 margin: 0;
 margin-bottom: 2px;
 padding: 0;
 background: #E4E6E6;
} 
#nav ul.nav2 li {
 display: block;
 width: 135px;
 padding-left: 5px;
 padding-top: 1px;
 padding-bottom: 1px;
 border-bottom: 0;
}
#nav ul.nav2 li a {
 color: #555555;
 text-decoration: none;
}
#nav ul.nav2 li a:hover {
 color: #555555;
 text-decoration: underline;
}

#nav ul.nav3 {
 list-style: none;
 display: block;
 margin: 0;
 margin-bottom: 2px;
 padding: 0;
 background: #D7DADA;
 font-size: 90%;
} 
#nav ul.nav3 li {
 display: block;
 width: 130px;
 padding-left: 5px;
 padding-top: 1px;
 padding-bottom: 1px;
 border-bottom: 0;
}
#nav ul.nav3 li a {
 color: #555555;
 text-decoration: none;
}
#nav ul.nav3 li a:hover {
 color: #555555;
 text-decoration: underline;
}

#nav ul.nav4 {
 list-style: none;
 display: block;
 margin: 0;
 margin-bottom: 2px;
 padding: 0;
 background: #CBCFCF;
 font-size: 90%;
} 
#nav ul.nav4 li {
 display: block;
 width: 125px;
 padding-left: 5px;
 padding-top: 1px;
 padding-bottom: 1px;
 border-bottom: 0;
}
#nav ul.nav4 li a {
 color: #555555;
 text-decoration: none;
}
#nav ul.nav4 li a:hover {
 color: #555555;
 text-decoration: underline;
}


#nav ul.nav5 {
 list-style: none;
 display: block;
 margin: 0;
 margin-bottom: 2px;
 padding: 0;
 background: #C0C4C4;
 font-size: 90%;
} 
#nav ul.nav5 li {
 display: block;
 width: 120px;
 padding-left: 5px;
 padding-top: 1px;
 padding-bottom: 1px;
 border-bottom: 0;
}
#nav ul.nav5 li a {
 color: #555555;
 text-decoration: none;
}
#nav ul.nav5 li a:hover {
 color: #555555;
 text-decoration: underline;
}





div.keyline_box {
 border: 1px solid #A4A3A7;
 background: #ffffff;
 padding: 5px 10px;
 color: #5E5D60;
 margin-bottom: 10px;
 width: 190px;
 
 /*width: 190px;*/
}
div.keyline_box a {
 color: #5E5D60;
 text-decoration: underline;
 font-size:12px;
 font-weight: bold;
}
div.keyline_box a:hover {
 color: #5E5D60;
 text-decoration: underline;
 font-size:12px;
 font-weight: bold;
}

div.keyline_box_failed {
 border: 1px solid #A4A3A7;
 background: #ffffff;
 padding: 5px 10px;
 color: #5E5D60;
 margin-bottom: 10px;
 width: 393px;
}
div.keyline_box_failed a {
 color: #5E5D60;
 text-decoration: underline;
 font-size:12px;
 font-weight: bold;
}
div.keyline_box_failed a:hover {
 color: #5E5D60;
 text-decoration: underline;
 font-size:12px;
 font-weight: bold;
}

div.school_login_form {
 border: 1px solid #A4A3A7;
 background: #ffffff;
 padding: 5px 10px;
 color: #5E5D60;
 margin-bottom: 10px;
 width: 293px;
}
div.school_login_form a {
 color: #5E5D60;
 text-decoration: underline;
 font-size:12px;
 font-weight: bold;
}
div.school_login_form a:hover {
 color: #5E5D60;
 text-decoration: underline;
 font-size:12px;
 font-weight: bold;
}

div.school_login_form_failed {
 border: 1px solid #A4A3A7;
 background: #ffffff;
 padding: 5px 10px;
 color: #5E5D60;
 margin-bottom: 10px;
 width: 293px;
}
div.school_login_form_failed a {
 color: #5E5D60;
 text-decoration: underline;
 font-size:12px;
 font-weight: bold;
}
div.school_login_form_failed a:hover {
 color: #5E5D60;
 text-decoration: underline;
 font-size:12px;
 font-weight: bold;
}


div.keyline_box_firsttime {
 border: 1px solid #A4A3A7;
 background: #ffffff;
 padding: 5px 10px;
 color: #5E5D60;
 margin-bottom: 10px;
 width: 470px;
 height: 150px;
}
div.keyline_box_firsttime a {
 color: #5E5D60;
 text-decoration: underline;
 font-size:12px;
 font-weight: bold;
}
div.keyline_box_firsttime a:hover {
 color: #5E5D60;
 text-decoration: underline;
 font-size:12px;
 font-weight: bold;
}


div.grey_box {
 border: 1px solid #A4A3A7;
 background: #F1F2F2;
 padding: 5px 10px;
 color: #5E5D60;
 margin-bottom: 10px;
}

div.keyline_box p {
 margin-top: 0;
 margin-bottom: 5px;
}
div.keyline_box h4 {
 margin-top: 0;
 margin-bottom: 5px;
 color: #333333;
}


div.grey_box p {
 margin-top: 0;
 margin-bottom: 5px;
}
div.grey_box h4 {
 margin-top: 0;
 margin-bottom: 5px;
 color: #333333;
}




#footer {
 clear: both;
 padding-left: 200px;
 padding-top: 20px;
 height: 20px;
 color: #555555;
 background-image: url(../images/main_bg.gif);
 background-position: left;
 background-repeat: no-repeat;
 font-size: 80%;
}

#footer ul {
 float: left;
 list-style: none;
 padding: 0;
 margin: 0;
} 
#footer li {
 float: left;
 margin-right: 20px;
}
#footer li a { 
 color: #555555;
 text-decoration: none;
}
#footer li a:hover {
 color: #555555;
 text-decoration: underline;
}

#bread{
color:#555555;
font-size: 90%;
padding-bottom: 30px;
}
#bread a{
color:#A0A0A0; 
text-decoration: none;
}
#bread a:hover{
 color: #A0A0A0;
 text-decoration: none;
}

.list_item {
 margin-bottom: 15px;
}
.list_item img {
 float: left;
 margin-right: 10px;
}


a.rlheader1 {
 color: #333333;
 font-size: 100%;
 text-decoration: underline;
}
a.rlheader1:hover {
 color: #000000;
 font-size: 100%;
 text-decoration: underline;
}
a.rlheader2 {
 color: #333333;
 text-decoration: underline;
}
a.rlheader2:hover {
 color: #000000;
 text-decoration: underline;
}
.rlheader2 {
 color: #333333;
 text-decoration: none;
 font-weight: bold;
}

.whoswho {
 margin-bottom: 20px;
}
.whoswho img {
 float: left;
 margin-right: 5px;
 margin-bottom: 5px;
}
.wwJobTitle {
 font-size: 110%;
 font-weight: bold;
 color: #a4af00
}

/* News Headlines box styles */

.newsHeadline {
font-weight:bold;
color:#FFFFFF;
padding-bottom:20px;
font-size: 110%;
}

.newsHeadlineGap {
font-weight:bold;
color:#EE792E;
padding-bottom:20px;
font-size: 110%;
}

.newsHeadlineBody{
color:#FFFFFF;
}

a.newsHeadlineBody{
color:#0A007D;
}

div.sitemap_column {
 float: left;
 width: 250px;
 margin-right: 10px;
}
div.sitemap_head {

 background: #E5E9EC;
 border-bottom: 1px solid #E5E9EC;
}
div.sitemap_head a {
 font-weight: bold;
 color: #002942;
 text-decoration: none;
}
div.sitemap_head a:hover {
 font-weight: bold;
 color: #002942;
 text-decoration: underline;
}
div.sitemap_item {
 padding-bottom: 10px;
 border-bottom: 1px solid #E5E9EC;
}
div.sitemap_item a {
 color: #002942;
 text-decoration: none;
}
div.sitemap_item a:hover {
 color: #002942;
 text-decoration: underline;
}

.tint_panel {
 background: #F1F2F2;
 padding: 5px;
}




/* Forms */
FORM {
	 padding: 0;
	 margin: 0;
	 border: 0;
}

td.fmlabel {
	float: left;
    padding: 5px;
    width: 120px;
	border-bottom: 1px solid #F1F2F2;
}
td.fmfield {
	float: left;
	padding: 5px;
	border-bottom: 1px solid #F1F2F2;
}

INPUT.fmfield {
	BACKGROUND: #ffffff;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
	height: 14px;
	font-size: 11px;
	color: #333333;
	border: 1px solid #333333;
}
INPUT.fmbutton {
	BACKGROUND: #ffffff;
	color: #333333;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #333333;
}

INPUT.fmbuttonNotBold {
	BACKGROUND: #ffffff;
	color: #333333;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #333333;
}
INPUT.search {
	BACKGROUND: #ffffff;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
	height: 14px;
	font-size: 11px;
	color: #333333;
	border: 1px solid #333333;
}



SELECT {
	BACKGROUND: #ffffff;
	color: #333333;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #333333;
}
textarea {
	BACKGROUND: #ffffff;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	border: 1px solid #333333;
}
textarea.large_box {
	BACKGROUND: #ffffff;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 420px;
	height: 120px;
	color: #333333;
	border: 1px solid #333333;
}

textarea.mid_box {
	BACKGROUND: #ffffff;

    FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 296px;
	height: 90px;
	color: #333333;
	border: 1px solid #333333;
}

input.password {
 BACKGROUND: #ffffff;
 FONT-FAMILY: Arial, Helvetica, sans-serif;
 height: 14px;
 font-size: 11px;
 color: #333333;
 border: 1px solid #333333;
 margin-bottom: 5px;
}

/* wysiwyg styles */

.emph {
font-weight: bold;
}
.header {
 font-size: 140%;
 FONT-WEIGHT: bold;
}

.subheader {
 font-size: 120%;
 FONT-WEIGHT: bold;
}

td#content {position: relative;}

td#content div.shoppingbasket_container {
	position: absolute;
	top: 145px;
	right: 0;
}

* html td#content div.shoppingbasket_container {
	top: 5px;
	right: -195px;
} 

*:first-child+html td#content div.shoppingbasket_container {
	top: 5px;
	right: -200px;
}

td.normalfont {font-weight: normal;}
div.hiddenuserdetails {display: none;margin-bottom: 20px;}

div.inputdetails_container td.checkboxes input {background-color: #FFF;}

div.inputdetails_container td.cell_textboxes input.schoolsearch {width: 100px;}