/**********	default	**********/

body {
	font-family: "verdana","trebuchet ms", "myriad", Arial, sans-serif;;
	background:url("main_bg.gif") rgb(180,200,210);
	color:rgb(140,150,160);
	margin:0px;
	padding:0px;
	}

div, p, h1, h2, h3, h4, h5, h6, table, td, th, tr, ul, li, form, pre, input, select, option {
	font-family: "verdana","trebuchet ms", "myriad", Arial, sans-serif;
	font-size:13px;
	line-height:14px;
	margin:0px;
	padding:0px;
	}

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

#container {
	width:740px;
	margin: 0 auto 0 auto;
	background:url("content_bg.gif") rgb(255,255,255) repeat-y;
	}

#topbar {
	height:90px;
	background:url("titlebar.gif") rgb(255,255,255) no-repeat;
	}

#topbar-junior {
	height:90px;
	background:url("titlebar-j.gif") rgb(255,255,255) no-repeat;
	}

#infobar {
	color:rgb(180,180,220);
	padding:4px 0px 0px 20px;
	font-size:11px;
	}
	
#error {
	text-align:center;
	font-size:13px;
	color:rgb(255,255,255);
	width:690px;
	background:rgb(220,60,0);
	padding:3px 30px 3px 0px;
	}

#content {
	padding:10px 50px 20px 50px;
	}
	
#col2left {
	width:300px;
	}

#col2right {
	width:300px;
	right:100px;
	float:right;
	}
	
#testing {
	padding:10px 0px 30px 0px;
	text-align:center;
	}

#testing a {
	color:rgb(200,160,100);
	}

#navbar {
	clear:both;
	text-align:right;
	padding:0px 50px 0px 50px;
	}

.spacer {
	clear:both;
	}

#bottom {
	height:28px;
	background:url("bottom.gif") rgb(255,255,255) no-repeat;
	}
	
/**********	logon page	**********/
			
#adminlogon {
	text-align:right;
	font-size:11px;
	color:rgb(0,80,100);
	width:690px;
	background:rgb(180,210,220);
	padding:3px 30px 3px 0px;
	}

#adminlogon input {
	font-size:11px;
	color:rgb(0,80,100);
	padding:2px 2px 2px 2px;
	margin-right:4px;
	}

#adminlogon img {
	vertical-align:middle;
	}

input.logon {
	color:rgb(0,80,100);
	padding:2px 2px 2px 2px;
	margin:3px 8px 0px 0px;
	}

#helpbutton {
	text-align:right;
	padding:6px 20px 0px 0px;
	}

table.logon {
	margin:30px 0px 0px 0px;
	}

tr.logon th {
	font-weight:100;
	font-size:12px;
	color:rgb(220,120,0);
	text-align:left;
	}

p.logon-admin {
	text-align:left;
	}

div.message {
  padding:0px 4px 0px 4px;
  }

div.message p {
  font-size:11px;
  }


/**********	intro page	**********/

div.intro {
	color:rgb(200,100,0);
	background:rgb(250,245,220);
	padding: 8px 16px;
	vertical-align:middle;
	text-align:center;
	margin:4px 0px 10px 0px;
  clear:both;
	}

p.intro {
	font-weight:100;
	font-size: 13px;
	line-height:13px;
	padding:3px 0px 3px 0px;
	}

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

div.smileys {
	float:right;
	}
	
img.smiley {
	height:24px;
	border-width:0px;
	}
	
div.question {
	clear:both;
  padding:0px 0px 4px 0px;
	}

p.question {
	padding:6px 0px 4px 24px;
	}

p.dropdown-questiontitle {
  padding:16px 0px 4px 0px;
	color:rgb(70,90,120);
	}

div.questiontitle {
  padding:6px 5px 4px 0px;
	color:rgb(70,90,120);
  float:left;
	}

div.withsub-questiontitle {
  padding:16px 5px 2px 0px;
	color:rgb(70,90,120);
  float:left;
	}
 	
div.hideme-radio {
  display: none;
	}

img.icon {
	vertical-align:middle;
	}

div.more {
	margin:8px 10px 10px 10px;
	}

div.more p, li {
	font-size:12px;
	line-height:13px;
	}

div.more li {
	margin-left:20pt;
	margin-top:2px;
	}

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

p.pupils {  
  font-size:15px;
	line-height:17px;
        }

h2.pupils {
	font-size: 21px;
	color:rgb(220,120,0);
	padding:16px 0px 16px 0px;
	font-weight:100;
	}

div.pupils-gender {
  float:left;
  padding:6px 0px 4px 24px;
  }

div.pupils-question {
  font-size:15px;
	line-height:17px;
	clear:both;
  padding:0px 0px 4px 0px;
	}

p.pupils-question {
  font-size:15px;
	line-height:17px;
	padding:3px 0px 3px 24px;
	}

p.pupils-dropdown-questiontitle {
  font-size:17px;
	line-height:17px;
	padding:16px 0px 4px 0px;
	color:rgb(220,120,0);
	}

div.pupils-questiontitle {
  font-size:15px;
	line-height:17px;
  padding:6px 5px 4px 0px;
	color:rgb(70,90,120);
  float:left;
	}

p.pupils-withsub-questiontitle {
  font-size:15px;
	line-height:17px;
  padding:4px 5px 6px 0px;
	color:rgb(70,90,120);
	}

div.pupils-withsub-questiontitle {
  font-size:15px;
	line-height:17px;
  padding:16px 5px 2px 0px;
	color:rgb(70,90,120);
  float:left;
	}

div.pupils-intro {
	color:rgb(200,100,0);
	background:rgb(250,240,210);
	padding: 6px 6px 6px 6px;
	vertical-align:middle;
	text-align:center;
	margin:4px 0px 10px 0px;
	}

p.pupils-intro {
	font-weight:100;
	font-size: 15px;
	line-height:17px;
	padding:3px 0px 3px 0px;
	}

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

h4.pupils-review {
  font-size: 17px;
	padding:10px 0px 0px 0px;
	}

input.navbut {
	padding:0px 0px 0px 6px;
	}
		
/**********	check page **********/

h4.review {
	padding:10px 0px 0px 0px;
	}
	
/**********	admin styles **********/

.admindetails {
	color:rgb(70,90,120);
	margin:6px 0px 6px 0px;
	}

.adminspan {
	color:rgb(220,120,0);
	}

h2.admin {
	padding:4px 0px 16px 0px;
	}

h4.admin {
	color:rgb(0,0,120);
	padding:10px 0px 0px 0px;
	}

h4.tablehead {
	padding:10px 0px 0px 0px;
	}

table.admin td {
  font-size:11px;
  font-weight:100;
  text-align:center;
  padding:2px 10px 2px 10px;
  }
  
table.admin th {
  font-size:11px;
  font-weight:100;
  text-align:center;
  vertical-align:bottom;
  padding:2px 10px 2px 10px;
  color:rgb(30,0,120);
  }

table.admin {
	margin:8px 0px 20px 0px;
	}

td.line1 {
  background-color:rgb(255,245,220);
    }
td.line2 {
  background-color:rgb(255,255,255);
    }
tr.line1 {
  background-color:rgb(255,245,220);
    }
tr.line2 {
  background-color:rgb(255,255,255);
    }

.adminbutton {
  float:right;
  padding:0px 0px 0px 6px;
  }

form.sort-type {
padding:10px 0px 10px 0px;
	}

input.inline {	
	vertical-align:middle;
	}

/**********	expands **********/

div.expand-title img, div.popup img {
  vertical-align:middle;
  margin: 3px 6px 3px 0px;
}

div.expand-content {
  padding: 0px 0px 16px 24px;
  display: none;
}

div.expand-content ul{
  padding: 0px 0px 0px 30px;
}

/**********	text styles **********/

p {
	padding:4px 0px 4px 0px;
	}


h2 {
	font-size: 21px;
	color:rgb(220,120,0);
	padding:16px 0px 16px 0px;
	font-weight:100;
	}

h2.nospace {
	padding:16px 0px 0px 0px;
	}
	
h2 img, h4 img {
	margin:0px 10px 0px 0px;
	vertical-align:middle;
	}

h3 {
  color:rgb(100,20,0);
	padding:24px 0px 8px 0px;
	}
	
h4 {
	font-weight:100;
	font-size: 15px;
	color:rgb(220,120,0);
	padding:24px 0px 6px 0px;
	}

a {
	text-decoration:none;
	color:rgb(0,150,230);
	}

a:hover {
	color:rgb(255,170,0);
	}
	
strong {
	color:rgb(220,120,0);
	}
	
.helptext {
	padding:0px 24px 0px 24px;
	}

div.filelink img {
  vertical-align:middle;
  margin:3px 8px 3px 0px;
  border:none;
}

sub {
        font-size:9px;
}

/**********	printing **********/

@media print {
  #container {
    padding-top: 0px;
    margin-left:0px;
    width: 100%;
 }

}