/**********	page layout	**********/


body,.main {
	font-family: "verdana","trebuchet ms", "myriad", Arial, sans-serif;;
	background:rgb(180,200,210);
	color:rgb(120,120,130);
	margin:0px;
	padding:0px;
	}

table.top {
	font-family: "verdana","trebuchet ms", "myriad", Arial, sans-serif;;
	background:rgb(20,50,100);
	margin:0px;
	padding:0px;
	}

form {
	padding:0px;
	margin:0px;
	}

.content {
	background:rgb(255,255,255);
	}
	
.navbar {
	background:rgb(255,255,255);
	padding:20px 24px 20px 24px;
	}
	
.navbar img {
	padding:0px 6px 0px 6px;
	}
	
td.topbar	{
	background:url("topbar.jpg");
	}

td.infobar {
	font-size: 80%;
	color:rgb(20,50,100);
	padding:4px 16px 24px 16px;
	}

/**********	General Text Elements	**********/

pre {
	margin:0px;
	padding:0px 0px;
	}

td.message {
	text-align:left;
	font-size: 85%;
	line-height:115%;
	margin:0px;
	padding:16px 24px 0px 24px;
	}

div {
	margin:0px;
	padding:0px;
	}

p {
	text-align:left;
	margin:0px;
	padding:0.2em 0em 0.2em 0em;
	}


h2.title {
	text-align:left;
	font-size: 130%;
	color:rgb(100,20,0);
	margin:0px;
	padding:24px 24px 16px 24px;
	}

h2.title img {
	margin:0px 10px 0px 0px;
	padding:0px;
	vertical-align:middle;
	}

a {
	text-decoration:none;
	color:rgb(50,140,0);
	}

a:hover {
	color:rgb(100,210,0);
	}
	
.helptext {
	padding:0px 24px 0px 24px;
	font-size: 90%;
	}

h4.error {
	text-align:center;
	margin:0px;
	padding:24px 24px 0px 24px;
	font-size: 90%;
	font-weight:100;
	color:rgb(180,40,0);
	line-height:110%;
	}

/**********	Admin pages	**********/

tr.admin0 td {
	text-align:left;
	font-size:80%;
	margin:0px;
	padding:1px 24px 1px 24px;
	background:rgb(245,240,225);
	}
	
tr.admin1 td {
	text-align:left;
	font-size:80%;
	margin:0px;
	padding:1px 24px 1px 24px;
	}
	
tr.groups th {
	font-size:80%;
	text-align:left;
	font-weight:100;
	color:rgb(40,90,120);
	margin:0px;
	padding:3px 24px 3px 24px;
	}

td.groups h4 {
	font-size:90%;
	text-align:left;
	font-weight:700;
	color:rgb(100,20,0);
	margin:0px;
	padding:20px 24px 6px 24px;
	}


/**********	Question pages	**********/


.section {
	text-align:left;
	margin:0px;
	padding:24px 12px 4px 24px;
	font-size: 90%;
	color:rgb(40,90,120);
	line-height:100%;
	}

.question {
	text-align:left;
	margin:0px;
	padding:2px 12px 2px 24px;
	font-size: 80%;
	vertical-align:top;
	line-height:100%;
	}

.role-question {
	text-align:left;
	margin:0px;
	padding:2px 12px 2px 24px;
	font-size: 90%;
	vertical-align:top;
	line-height:100%;
	}

.role-answerbox {
	font-family: "verdana","trebuchet ms", "myriad", Arial, sans-serif;;
	text-align:left;
	margin:2px 24px 2px 0px;
	padding:0px 0px 0px 24px;
	font-size: 80%;
	color:rgb(100,20,0);
	line-height:100%;
}

td.answerbox {
	font-family: "verdana","trebuchet ms", "myriad", Arial, sans-serif;;
	text-align:left;
	margin:0px;
	padding:2px 24px 2px 24px;
	font-size: 80%;
	color:rgb(100,20,0);
	line-height:100%;
	}
	
select.answerbox {
	font-family: "verdana","trebuchet ms", "myriad", Arial, sans-serif;;
	text-align:left;
	margin:1px 24px 1px 0px;
	padding:0px;
	font-size: 70%;
	color:rgb(100,20,0);
	line-height:100%;
	}
	
.opt-out {
	font-size: 80%;
	color:rgb(100,20,0);
	margin:0px;
	padding:2px 12px 2px 24px;
	}

/**********	Primary pupil pages	**********/

div.primary-radio {
  display: none;
}

.pri-question {
	text-align:left;
	margin:0px;
	padding:2px 12px 2px 24px;
	font-size: 95%;
	vertical-align:middle;
	line-height:110%;
	}

tr.pri-question {
  font-size: 100%;
}

.pri-section {
	text-align:left;
	margin:0px;
	padding:24px 12px 8px 24px;
	font-size: 105%;
	font-weight:500;
	color:rgb(40,90,120);
	line-height:100%;
	}

.pri-question img {
	margin: 4px 0px 4px 0px;
	}
	
h4.pri-error {
	text-align:center;
	margin:0px;
	padding:24px 24px 0px 24px;
	font-size: 95%;
	font-weight:900;
	color:rgb(200,40,0);
	line-height:110%;
	}

.pri-role-question {
	text-align:left;
	margin:0px;
	padding:2px 12px 2px 24px;
	font-size: 95%;
	vertical-align:top;
	line-height:110%;
	}
	
td.pri-answerbox {
	font-family: "verdana","trebuchet ms", "myriad", Arial, sans-serif;;
	text-align:left;
	margin:0px;
	padding:2px 24px 2px 24px;
	font-size: 95%;
	color:rgb(100,20,0);
	line-height:110%;
	}
	
td.pri-answerbox input {
	vertical-align:middle;
	}

table.pri-icon-key {
	margin:24px 0px;
	text-align:center;
	}
	
table.pri-icon-key td {
	font-size:90%;
	color:rgb(180,0,0);
	line-height:95%;
	padding:3px 12px;
	text-align:center;
	}

.pri-helptext {
	padding:0px 24px 0px 24px;
	font-size: 95%;
	}

.pri-check-section {
	text-align:left;
	margin:0px;
	padding:20px 0px 4px 24px;
	font-weight:500;
	font-size: 105%;
	color:rgb(0,40,180);
}

.pri-check-question {
	text-align:left;
	margin:0px;
	padding:0px 0px 0px 24px;
	font-size: 95%;
}

.pri-check-answerbox {
	text-align:left;
	margin:0px;
	padding:0px 100px 0px 10px;
	font-size: 95%;
	color:rgb(100,20,0);
	line-height:100%;
	}

.pri-radio {
	width:16px;
	height:16px;
	}
	
	
/**********	Check pages	**********/

.check-section {
	text-align:left;
	margin:0px;
	padding:20px 0px 4px 24px;
	font-weight:100;
	font-size: 90%;
	color:rgb(0,40,180);
}

.check-question {
	text-align:left;
	margin:0px;
	padding:0px 0px 0px 24px;
	font-size: 80%;
}

.check-answerbox {
	text-align:left;
	margin:0px;
	padding:0px 24px 0px 0px;
	font-size: 80%;
	color:rgb(100,20,0);
	line-height:100%;
	}

.line0 {
	background:rgb(245,235,225);
	}



/**********	Logon page	**********/

body.logon {
	font-family: "verdana","trebuchet ms", "myriad", Arial, sans-serif;;
	background:rgb(255,255,255);
	color:rgb(120,120,130);
	margin:0px;
	padding:0px;
	}

.buttons {
	margin:0px;
	text-align:right;
	vertical-align:bottom;
	background:rgb(220,230,240);
	padding:2px 24px 2px 24px;
	font-size: 80%;
	color:rgb(80,80,110);
	}

input.logon {
	font-size: 85%;
	color:rgb(80,80,110);
	padding:0px 4px;
	}

tr.logon td {
	margin:0px;
	padding:0px 6px;
	}

tr.logon th {
	text-align:left;
	margin:0px;
	padding:4px 10px;
	font-size: 90%;
	font-weight:700;
	color:rgb(100,20,0);
	line-height:100%;
	}

.helpline {
	margin:0px;
	padding:6px 24px 6px 24px;
}

.logonerror {
	text-align:center;
	margin:0px;
	padding:32px 24px 0px 24px;
	font-size: 90%;
	font-weight:100;
	color:rgb(180,40,0);
	line-height:100%;
}

.copyright {
	text-align:center;
	font-size:60%;
	color:rgb(120,120,120);
	line-height:110%;
	font-weight:100;
	margin:0px;
	padding:60px 24px 24px 24px;
	}
	
.welcome {
	text-align:center;
	font-size:135%;
	color:rgb(100,20,0);
	line-height:100%;
	font-weight:100;
	margin:0px;
	padding:32px 24px 0px 24px;
	}

.logonmessage {
	text-align:center;
	font-size:80%;
	line-height:110%;
	margin:0px;
	padding:16px 24px 24px 24px;
	}
	

/**



.groupname
{
	font-size: 110%;
	color:rgb(160,240,0);
	text-align:right;
	vertical-align:bottom;
	margin:0px;
}


.loginerror
{
	margin-top:0.5em;
	margin-bottom:.5em;
	margin-left:2em;
	margin-right:2em;
	font-size: 115%;
	color:rgb(180,40,0);
}

.subtext
{
	color:rgb(0,120,200);
	padding-top:0em;
	padding-bottom:1em;
	font-style:italic;
	font-size: 85%;
}



.maintitle
{
	font-size: 130%;
	color:rgb(0,150,200);
}

.schoolname
{
	font-size: 130%;
	color:rgb(0,150,200);
	margin:0px;
}

.schoolcode
{
	font-size: 100%;
	color:rgb(90,90,90);
	font-weight:100;
	margin:0px;
}



.navline
{
	padding-left:50px;
	padding-right:50px;
}



input.user
{
	font-size: 90%;
	color:rgb(80,80,110);
	padding-left:4px;
	padding-right:4px;
}

img.start
{
	vertical-align:bottom;
	display:block;
}

input.alogon
{
	vertical-align:baseline;
}

img.icon
{
	vertical-align:bottom;
}


td.small
{
	text-align:center;
	font-size: 70%;
	color:rgb(180,180,210);
}

tr.mainlogon
{
	font-size: 10pt;
	font-weight:900;
	color:rgb(180,40,0);
}

tr.mainlogon p
{
	padding-top:0.8em;
	padding-bottom:0em;
	margin:0px;
}

.adminlogon
{
	font-size: 9pt;
	color:rgb(80,80,110);
	padding:0px;
}

.admintext
{
	color:rgb(180,40,0);
}

.adminmsg
{
	color:rgb(180,40,0);
	font-size: 90%;
	margin:0px;
	padding-top:0.8em;
	padding-bottom:0em;
}





.admin
{
	font-size: 9pt;
	margin:0px;
}

.admin th 
{
	text-align:left;
	background:rgb(120,120,180);
	color:rgb(255,255,255);
	font-weight:700;
	padding-top:1px;
	padding-bottom:1px;
}

.red
{
	background:rgb(255,240,235);
}

.amber
{
	background:rgb(250,250,230);
}

.green
{
	background:rgb(245,255,235);
}

.erk
{
	background:rgb(255,0,0);
}