body {
 background: #E4EFF4 url(../images/main-bg.gif);
 background-attachment: fixed;
 margin: 0px;
 padding: 0px;
 font-size-adjust: none;
 font-style: normal;
 font-variant: normal;
 font-weight: normal;
 line-height: normal;
 /*text-align:center;
 position: relative;*/
}

ul.err li {
 color:#CC6600;}

ul.noshow {padding-left:10px;}
ul.noshow li {list-style-type:none;list-style-image:none;list-style-position:outside;width:170px;}

.submit input {
	margin-top:5px;
	margin-left: 0em;
	background: #458D3B;
	color: #fff;
	border: 1px solid #7CBB74;
	background : url(../images/nav-button-bg.gif) repeat-x;
}

input.submit {
	background: #458D3B;
	color: #fff;
	border: 1px solid #7CBB74;
	background : url(../images/nav-button-bg.gif) repeat-x;
}

.right {float:right;}
.left {float:left;}

/*Forms*/
form.login br, form.register br, form.details br, form.addedit br{display:none;}

form, label, input {
	font-size:1em;
}

label {
	display:block;
}

label input {
	width:168px;
	position:absolute;
	left:105%;
	top:2px;
	border:1px solid #458D3B;
	padding:2px;
}

label textarea {position:absolute;left:110%;top:2px;border:1px solid #458D3B;padding:2px;}
/* label input:focus{background-color:#E7FFDF;}  */

fieldset {border:none;}
legend {color:#59770E;font-size:1em;font-weight:bold;margin:7px;padding-left:10px;}

/* Login Formatting */
form.login {width:17em;padding:0.5em 1em;margin:0 auto;} 
label.login {text-align:right;position:relative;width:90px;display:block;margin:.5em 0em;padding:2px;}
form.login .submit input {margin-left:98px;border:none;}

/*Register*/
form.register {width:17em;padding:0.5em 1em;} 
label.register {text-align:right;position:relative;width:90px;display:block;margin:.5em 0em;padding:2px;}
form.register .submit input {margin-left:5.8em;border:none;}

#registrationform {
	background:#FFF;
	border:3px solid #CCC;
	width:790px;
	margin:0pt auto;
	padding:5px 10px;
}

#registrationoutput {
	float:right;
	width:50%;
	margin-right:5%;
}

/*Generate Tests*/
label.generate {
	text-align:right;
	position:relative;
	width:115px;
	/*display:block;*/
	/*margin:.5em 0em;*/
	padding:2px;
	
}

.minus20 {margin-top:-20px;}

form.generate .submit input {margin-left:120px;border:none;}

.text {
	width:97%;
}

/* Admin --> Students */
#students {
	background:#FFF;
	border:3px solid #CCC;
	float:left;
	width:66.5%;
	min-width:500px;
	margin:0pt 1% 1% 0pt;
	padding:0.5%;
}

/* Admin --> Questions */
#questions {
	background:#FFF;
	border:3px solid #CCC;
 	margin-right:1%;
	margin-bottom:1%;
	padding:5px 10px;
	width:73.5%;
	min-width:465px;
	float:left;
}

#addedit {
	background:#FFF;
	border:3px solid #CCC;
 	margin-right:1%;
	margin-bottom:1%;
	padding:5px 10px;
	width:730px;
	float:left;
}

/* Wiggleslide CSS */
.cont { /*A height must be specified here or as a style attribute of the element*/
	width:730px;
	overflow:hidden;
	z-index:1000;
	position:relative;
/* 	height:400px; */
}

.invis {
	position:absolute;
	left:0;
	/* width is set through java */
}

.slider-item,.slider-item2,.slider-item3 {
	float:left;
	display:block;
	width:730px;
	padding:0pt;
/* 	height:150px; */
	overflow:hidden;
}

/*Quiz*/
label.quiz input {position:relative;left:0px;top:0px;padding:2px;border:none;}

/* My Details Formatting */
form.details {width:320px;padding:5px;} 
label.details {text-align:right;position:relative;width:190px;display:block;margin:.5em 0em;padding:2px;}
form.details .submit input {margin-left:195px;border:none;}
/*fieldset.details {width:24em;padding:0.5em 1em;border:1px solid #458D3B;} 
fieldset .submit input {margin-left:11.5em;}*/

form.addedit {width:350px;padding:5px 10px;} 
/* label.addedit {text-align:right;position:relative;width:11em;display:block;margin:.5em 0em;padding:2px;} */
form.addedit .submit input {margin-left:110px;border:none;}
label.addedit {width:100px;float:left;text-align:right;margin-right:10px;display:block;}
form.addedit input, textarea {border:1px solid #458D3B;margin:2px 0px;}

#aeinfo {float:right;margin-top:10px;margin-right:10px;padding:10px;width:300px;border:1px solid #458D3B;}
#mdinfo {border:1px solid #458D3B;float:right;margin-top:15px;margin-right:20px;padding:10px;width:325px;}
#aeform {margin-right:340px;}
#aeiTitle, #mdTitle {color:#59770E;margin:0px;text-align:center;}
#aeiBody, #mdBody {text-align:justify;}

#login input {margin-left: 3em;}
fieldset.details fieldset {border:none;padding:0.5em 0em;margin: 3px 0 0;}
fieldset fieldset legend {padding: 0 0 5px;font-weight: normal;}
fieldset fieldset label {display: block;}
/*End My Details Formatting*/

#page {
	margin: 0px auto;
	width: 760px;
	border-bottom: 5px solid #d5e6eb;
	border-left: 5px solid #d5e6eb;
	border-right: 5px solid #d5e6eb;
	background: #FFFFFF;
}

/*H1 used in header*/
h1 {margin:0px;padding-left: 70px;height: 60px;font: bold 36px/100% "Trebuchet MS", Tahoma, Arial;color: #c9eefe;}
h1 a, h1 a:visited {color: #c9eefe;text-decoration: none;}
h1 a:hover {color: #ffffff;text-decoration: none;}

h2 {color:#59770E;font-size:1.5em;margin:10px;text-align:center;}
h3 {color:#59770E;font-size:1em;margin:7px;}

h4, h5 {color:#666;line-height:32px;margin:5px 0pt;}
h4 img, h5 img {
	vertical-align:bottom;
}

/* header area */
/*#header {
	background: #0FACEA url(../images/header-bg.jpg) no-repeat;
	height: 170px;
	border-bottom: 3px solid #59780a;
	position: relative;
}*/

#header {
	background: #3B5E02 url(../images/headerbg-green3.png);
	height:100px;
	min-width:770px;
	border-bottom:3px solid #59780a;
	position:relative;
}

#heading {
	position:absolute;
	padding-top:10px;
	padding-left:60px;
	font-style:italic;
}

#heading a {
	font-size:3em;
	color:#c9eefe;
	text-decoration:none;
}

#flag {
	position:relative;
/*	top:180px;	*/
	margin-left:698px;
	cursor:pointer;
}

img.flag {margin-bottom:-11px;}

.subtitle {
	font-size:1.3em;
	padding-left:10px;
	color:#DDD;
	vertical-align:super;
}

#loggedinas {
	background:transparent url(../images/man.png) no-repeat scroll left top;
	height:25px;
	padding:8px 0pt 0pt 30px;
	position:absolute;
	right:10px;
	text-align:right;
	top:68px;
	color:#D0E3E6;
}

#headerimg {position: relative;padding: 30px 0px 0px 40px;height: 60px;}
#headerimg .description{position: absolute;left: 110px;bottom: 3px;color: #c9eefe;font-size: 14px;}

#name {list-style: none;margin:0px;position:absolute;right:10px;bottom:0px;}
#name li {float:left;margin-left:5px;color:#ffffff;background: #5c8d0c url(http://klkl.co.uk/Kquestion/images/nav-button-bg.gif) repeat-x;padding:5px 15px;font:bold 14px/100% Arial, Helvetica, sans-serif;border-top: 1px solid #E6EED0;border-left:1px solid #AFCD69;border-right:1px solid #AFCD69;display:block;}
#name a {color:#ffffff;text-decoration:none;}
#name a:hover {color:#CC6600;}

#nav {list-style:none;margin:0px;position:absolute;left:5px;bottom:0px;padding-left:0px;}
#nav li {float:left;margin-left:5px;}

/* #nav .current_page_item a, #nav .current_page_item a:visited{ */
/* 	color: #CC6600; */
/* 	text-decoration: none; */
/* } */
#nav .page_item a{
	color: #ffffff;
	text-decoration: none;
	background: #5c8d0c url(../images/nav-button-bg.gif) repeat-x;
	padding: 5px 15px;
	font: bold 14px/100% Arial, Helvetica, sans-serif;
	border-top: 1px solid #E6EED0;
	border-left: 1px solid #AFCD69;
	border-right: 1px solid #AFCD69;
	display: block;
}
#nav .page_item a:hover {
	color: #CC6600;
}

#tests {
	float:left;
	width:66.5%;
	min-width:350px;
	background:#FFF;
	margin-right:1%;
	margin-bottom:1%;
	border:3px solid #CCC;
	padding:0.5%;
}

#sidebar,
#adminsidebar,
#addusersidebar {
	float:right;
	background:#FFF;
	border:3px solid #CCC;
	padding:0.5%;
	margin-bottom:1%;
	margin-right:1%;
}

#sidebar {
	width:28%;
	min-width:175px;
}

#adminsidebar {
	width:20%;
	min-width:180px;
}

/*Table Stuffs*/
#testtable {
	font-size:11px;
/* 	max-width:730px; */
}

table {border:1px solid #aaa;background:#eee;margin-left:auto;margin-right:auto;}
table.top {border-bottom:0px;}
table.bottom {border-top:0px;}
table.heading { background:#fff; border: none;margin-left:0em;}
table.subject {float:right;margin-left:10.7em;}
td.test {border:1px solid #ddd;background: #fff;}
a {color: #85AC31;}
td a {color: #85AC31;text-decoration: none;}

#link {color:#85AC31;}

#content {
	padding:1%;
	margin-left:auto;
	margin-right:auto;
}

.clearfix:after {
	content:".";
	display:block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#indexform {
	background:#FFF;
	border:3px solid #CCC;
}

.red,
#redinfo {
	background:#FFC6C6;
	border:3px solid #CB6969;
	text-align:center;
}

.blue,
#blueinfo {
	background:#CEE2EC;
	border:3px solid #26688C;
	text-align:center;
}

.green,
#greeninfo {
	background:#E7FFDF;
	border:3px solid #458D3B;
	text-align:center;
	margin-bottom:10px;
}

.border {
	border:1px solid #AAA;
}

.yellborder {
	border:2px solid #FC0;
}

.yellow,
#yellowinfo {
	background:#FFD;
	border:3px solid #FC0;
	text-align:center;
	margin-bottom:10px;
}

.blue { color:#26688C; }

#indexform,
#redinfo,
#blueinfo
{
	padding:5px 10px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:1%;
}

#indexform,
.redalert
{
	width:730px;
}

.redhov:hover {
background-color:#FFE4E4;
}

.greenhov:hover {
background-color:#E7FFDF;
}

.bluehov:hover {
background-color:#FC0;
}

#aboutimg {
/* 	float:left; */
	margin-top:-20px;
	margin-right:5px;
	margin-bottom:5px;
	margin-left:auto;
/* 	background:#EEE; */
/* 	border:2px solid #444; */
	width:300px;
	height:150px;
	
}

#about {
	float:left;
	margin-right:auto;
	width:400px;
	text-align:justify;
/*	background:#EEE;
	border:2px solid #444;*/
}

#indexoutput {
	float:right;
	width:50%;
	text-align:center;
	margin-right:10px;
	padding:5px 10px;
}

#generatetest {padding: 10px; width: 560px; float: left;}

#detailsform {
	background:#FFF;
	border:3px solid #CCC;
/* 	float:left; */
	margin:0pt auto;
	width:790px;
/* 	padding-left:10px; */
}

#progressbox,
#quizform {
	width: 730px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:9px;
	padding:10px;
}

table.prog {
	background:none;
	border:none;
}

.prog td{
	background:#FFF;
	text-align:center;
	width:25px;
	height:25px;
	cursor:pointer;
}

#quizform,
#previewquestion {
	background:#FFF;
	border:3px solid #CCC;
	padding:10px;
}

#progress {
	height:10px;
	width:300px;
	border:1px solid #458D3B;
	background:#E7FFDF;
	margin-left:auto;
	margin-right:auto;
	margin-top:-10px;
	margin-bottom:10px;
}

#pbar {
	height:10px;
	background:#458D3B;
	background: url(../images/progbg.png) repeat-x;
	color:#458D3B;
}

table.plain,
table.middle,
table.slim,
table.review {
	background:#FFF;
	border:none;
	margin-left:auto;
}

table.middle {margin:0 auto;}

.middle td { vertical-align:middle;padding-left:10px; }

.plain td {
	vertical-align:top;
}

.slim th {width:110px;}

.review th {width:200px;}

.plain th,
.middle th {width:125px;}

.plain th,
.middle th,
.slim th,
.review th {
	text-align:right;
	padding-right:10px;
	vertical-align:top;
}

TEXTAREA {width:100%;}

#quizform tr {}

#image {float:left;width:75px;}
#image img {padding-left:5px;}

#resultscontainer {
	background:#FFF;
	border:3px solid #CCC;
	width:730px;
	margin:0 auto;
	padding:5px 10px;
}

#results {float:none;min-height:100px;width:720px;margin-left:auto;margin-right:auto;}
/*#results p {margin-left:85px;}*/
#results div.explanation {
	border:1px solid #458D3B;
	background-color:#E7FFDF;
	padding: 5px;
	text-align:justify;
}

#info {
	background:#458D3B url(../images/info.png) no-repeat scroll right center;
	color:#EEE;
/*	width:595px;
	margin-left:auto;*/
	text-align:right;
	padding:3px 25px;
	cursor:pointer;
}

#edit {width:368px;height:370px;background:#FFF;border:1px solid #0FF;}
#preview {width:368px;height:370px;background:#FFF;border:1px solid #F0F;}
.in {height:auto;width:auto;float:left;text-align:left;}
.slide {display:none;width:736px;height:400px;border:1px solid #458D3B;background:#FFF;}
.initialslide {width:736px;height:400px;border:1px solid #458D3B;background:#FFF;}

.menu {width:736px;background:#BBB;padding:1px; border:1px solid #AAA;}

/* Accordion Styling */
/* Vertical Accordions */
	.accordion_toggle {
		display: block;
		height: 15px;
		width: 730px;
/* 		background: url(images/accordion_toggle.jpg) no-repeat top right #a9d06a; */
		background: #a9d06a;
		padding: 0 10px 0 10px;
		line-height: 15px;
		color: #ffffff;
		font-weight: normal;
		text-decoration: none;
		outline: none;
		font-size: 12px;
		color: #000000;
		border-bottom: 1px solid #cde99f;
		cursor: pointer;
		margin: 0 0 0 0;
	}

	.accordion_explanation {
		display: block;
		height: 15px;
		width: 630px;
		background: #a9d06a;
		padding: 0 10px 0 10px;
		line-height: 15px;
		color: #ffffff;
		font-weight: normal;
		text-decoration: none;
		outline: none;
		font-size: 12px;
		color: #000000;
		border-bottom: 1px solid #cde99f;
		cursor: pointer;
		margin: 0 0 0 85px;
	}
		
	.accordion_toggle_active {
/* 		background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f; */
		background: #e0542f;
		color: #ffffff;
		border-bottom: 1px solid #f68263;
	}
		
	.accordion_content {
		background-color: #ffffff;
		color: #444444;
		overflow: hidden;
		padding:5px 0px;
	}
	
	.explanation_accordion_content {
		background-color: #ffffff;
		color: #444444;
		overflow: hidden;
		padding:5px;
		margin: 0 0 0 85px;
		width:650px;
	}
	
/*	.accordion_content h3 {
		margin: 15px 0 5px 10px;
		color: #0099FF;
	}
*/			
/*	.accordion_content p {
		line-height: 150%;
		padding: 5px 10px 15px 10px;
	}*/
			
	.vertical_accordion_toggle {
		display: block;
		height: 30px;
		width: 746px;
/* 		background: url(images/accordion_toggle.jpg) no-repeat top right #a9d06a; */
		background:#a9d06a;
		padding: 0 10px 0 10px;
		line-height: 30px;
		color: #ffffff;
		font-weight: normal;
		text-decoration: none;
		outline: none;
		font-size: 12px;
		color: #000000;
		border-bottom: 1px solid #cde99f;
		cursor: pointer;
		margin: 0 0 0 0;
	}

	.vertical_accordion_toggle_active {
/* 		background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f; */
		background: #e0542f;
		color: #ffffff;
		border-bottom: 1px solid #f68263;
	}

	.vertical_accordion_content {
		background-color: #ffffff;
		color: #444444;
		overflow: hidden;
	}

/*	.vertical_accordion_content h3 {
		margin: 15px 0 5px 10px;
		color: #0099FF;
	}

	.vertical_accordion_content p {
		line-height: 150%;
		padding: 5px 10px 15px 10px;
	}

*/

/* Horizontal Accordion */
		
	.horizontal_accordion_toggle {
		/* REQUIRED */
		float: left;	/* This make sure it stays horizontal */
		/* REQUIRED */

		display: block;
		height: 425px;
		width: 15px;
/* 		background: url(text.svg) no-repeat top left #a9d06a; */
		background: #a9d06a;
		color: #ffffff;
		text-decoration: none;
		outline: none;
		border-right: 1px solid #cde99f;
		cursor: pointer;
		margin: 0 0 0 0;
	}
		
	.horizontal_accordion_toggle_active {
/* 		background: url(images/h_accordion_toggle_active.jpg) no-repeat top left #e0542f; */
		background:#e0542f;
		border-right: 1px solid #f68263;
	}
		
	.horizontal_accordion_content {
		/* REQUIRED */
		height: 100px;	/* We need to define a height for the accordion as it stretches the width */
		float: left;	/* This make sure it stays horizontal */
		/* REQUIRED */
			
		overflow: hidden;
		background-color: #ffffff;
		color: #444444;
	}
			
/*	.horizontal_accordion_content p {
		width: 450px;
		line-height: 150%;
		padding: 5px 10px 15px 10px;
	}*/

    /* Container styling*/
    #horizontal_container {
/*       margin: 20px auto 20px auto; */
      width: 750px;   
/*       height: 100px;     */
    }
    
    #vertical_nested_container {
      margin: 20px auto 20px auto;
      width: 620px;
    }
/* End Accordion Styling */

 div.autocomplete {
      position:absolute;
      width:530px !important;
      background-color:#EFEFF4;
      border:1px solid #888;
      margin:0px;
      padding:0px;
    }

div.subject ul li {height:20px;}
#autoinstruct_choices {width:575px !important;}

    div.autocomplete ul {
      list-style-type:none;
      margin:0px;
      padding:0px;
    }
    div.autocomplete ul li.selected { background-color: #ffb;}
    div.autocomplete ul li {
      list-style-type:none;
      display:block;
      margin:0;
      padding:2px;
/*       height:40px; */
      cursor:pointer;
      border-top:1px solid #888;
    }