/*
 * admin screens
 */


/* Test Submit */

#test-submit-screen a
{
	color:#006EB9;
	text-decoration:none;
	font-size:15px;
}

.test-submit-continue a
{
	font-weight:bold;
	color:#ff0000;
	font-size:15px;
}

.test-submit-continue a:hover
{
	font-weight:bold;
	color:#5490AC;
	font-size:15px;
}

/*
 * test.manage.list
 */
div#testlist ul li
{
	list-style: none;	
}

div#testlist h2
{
	border-bottom: 1px solid #999999;	
}

div#testlist h2 a
{
	text-decoration: none;		
}

div#testlist p
{
	padding: 0px;
	margin: 0px;	
}

div#testlist ul.sublinks
{
	clear: both;
	margin: 0px;
	padding: 0px;		
}

div#testlist ul.sublinks li
{
	float: left;
	display: block;
	padding: 5px;	
}
/*
 * end test.manage.list
 */

/*
 * test.manage.edit
 */

p#sectionSortingMessage
{
	display: none;
	padding: 5px;
}

p#sectionSortingMessage.changesPending
{
	display: block;
	background-color: #ffffdd;
	border: 1px solid #ccccaa;
}

div#sectionlist ul li
{
	border: 1px solid #bbbbbb;
	background-color: #eeeeee;
	clear: both;
}

div#sectionlist ul li.placeholder
{
	background-color: #dddddd;
	border: 1px solid #999999;
	height: 1.5em; 
	line-height: 1.2em; 	
}

div#sectionlist h2
{
	border-bottom: 1px solid #999999;	
}

div#sectionlist h2 a
{
	text-decoration: none;		
}

div#sectionlist p
{
	padding: 0px;
	margin: 0px;	
}

div#sectionlist ul.sublinks
{
	clear: both;
	margin: 0px;
	padding: 0px;		
}

div#sectionlist ul.sublinks li
{
	float: left;
	display: block;
	padding: 5px;
	border: none;
	background-color: transparent;	
	clear: none;
}

div#results p
{
	clear: both;
	padding: 5px;
}

div#results p span.label
{
	padding: 0px 5px;
}
/*
 * end test.manage.edit
 */

/**
 * test.manage.questions
 */

div#questionMessage
{
	margin: 10px 0px;
	text-align: center;	
}

div#questionSortingMessage
{
	text-align: center;
	display: none;
	padding: 5px;
	margin: 10px 0px
}

div#questionSortingMessage.changesPending
{
	display: block;
	background-color: #ffffdd;
	border: 1px solid #ccccaa;
}

div#questionSortingMessage p
{
	padding: 5px;
}

div#questions_sidemenu
{
	width: 150px;
	float: left;
	background-color: #eeeeee;
}

div#questions_sidemenu ul
{
	margin: 0px;
	padding: 0px;	
	list-style: none;
}

div#questions_sidemenu ul li
{
	margin: 0px;
	padding: 0px;	
	list-style: none;
}

div#questions_sidemenu ul li a
{
	padding: 10px 5px;
	display: block;
	font-weight: 400;
}

div#questions_container
{
	width: 500px;
	margin-left: 170px;	
}

div#addquestion_container
{
	border: 1px solid #dddddd;
	background-color: #eeeeee;
	padding: 5px;
	display: none;	
}

div#addquestion_container.enabled
{
	display: block;	
}

div#addquestion_container input
{
	padding: 5px;
	width: 200px;	
}

div#questionlist h3
{
	margin: 0px;
	padding: 3px;	
}

div#questionlist ul
{
	margin: 0px;
	padding: 3px;	
}

div#questionlist ul li
{
	border: 1px solid #dddddd;
	background-color: #eeeeee;
}


div#questionlist ul.sublinks
{
	clear: both;
	margin: 0px;
	padding: 0px;		
}

div#questionlist ul.sublinks li
{
	float: left;
	display: block;
	padding: 5px;
	border: none;
	background-color: transparent;	
	clear: none;
}

div#questionlist ul.sublinks li
{
	font-weight: 400;
}

div#questionlist ul.sublinks li a
{
	font-weight: 400;
}

p.deleteQuestionLink
{
	float: right;
}

p.question_input input
{
	padding: 5px;
	font-size: 110%;
}

div#questionlist ul.answerlist
{
	list-style: none;
	margin: 0px;
}

div#questionlist ul.answerlist li
{
	background-color: #ffffff;
}

div#questionlist ul.answerlist li.correct
{
	background-color: #ffffff;
	border: 1px solid #66cc66;
}

p.questionDetailMessage
{
	text-align: center;
	display: none;
	padding: 5px;
	margin: 10px 0px
}

p.changesPending
{
	display: block;
	background-color: #ffffdd;
	border: 1px solid #ccccaa;
}

ul.answerlist li p.deleteanswer_container
{
	float: right;
	clear: both;
	padding: 0px;
	margin: 0px;
}

ul.answerlist li p.correctanswer_container
{
	float: right;
	clear: both;
	padding: 0px;
	margin: 0px;
}

ul.answerlist li p.correctanswer_container label
{
	padding-top: 2px;
	text-align: right;
	width: 100px;
}
/**
 * end test.manage.questions
 */

/**
 * end usersectors.manage
 */

div#manageusersectors
{
	
}

div#manageusersectors ul li
{
	clear: both;
	list-style: none;
	padding: 5px;
}

div#manageusersectors p
{
	margin: 0px;
	padding: 0px;
}


div#manageusersectors a.deletelink
{
	display: block;
	width: 20px;
	height: 20px;
	background-image: url('/images/icons/ico-delete-on.gif');
}

div#manageusersectors a.deletelink span
{
	display: none;
}

/**
 * end usersectors.manage
 */

/*
 * end admin screens
 */

/**
 * public screens
 */

div.correct
{
    border: 1px solid #339933;
    background-color: #eeffee;
    color: #339933;
}

div.incorrect
{
    border: 1px solid #993333;
    background-color: #ffeeee;
    color: #993333;
}

div.modified
{
    border: 1px solid #999933;
    background-color: #ffffee;
    color: #999933;
}


/**
 * test.certificate
 */
div#certificate_container
{
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-color: #DCE9ED;
	font-family: arial;
}

div#certificate
{
	width: 800px;
	min-height: 100%;
	margin: 0px auto;
	padding: 20px;
	background-color: #ffffff;
	text-align: center;
}

p#certificate_name
{
	font-size: 150%;
	padding: 20px;
}

p#certificate_date
{
	font-size: 110%;
	padding: 10px;
}

/**
 * end test.certificate
 */

/**
 * user.register
 */
div#user_register
{
	
}

div#user_register p
{
	clear: both;	
}

div#user_register p label
{
	width: 100px;
	display: block;
	float: left;	
}

div#user_register p#otherSectorContainer
{
	display: none
}


div#user_register div#alreadyregistered
{
	width: 200px;
	float: right;	
	text-align: center;
}

div#user_register div#alreadyregistered a
{
	width: 100px;
	display: block;	
	background-color: #0074BF;
	color: #ffffff;
	border: 1px solid #000000;
	text-decoration: none;
	padding: 3px;
	margin: 0px auto;
}

div#user_register div#registrationform
{
	width: 400px;
	float: left;	
}

div#user_register span.checker
{
	padding: 5px; 
	text-align: center; 
	width: 150px; 
	margin-left: 80px; 
	display: block;
}

div#user_register input#submitbutton
{
	padding: 5px; 
	width: 150px; 
	margin-left: 90px; 
	display: block;
}


.postcode-explanation
{
	color:#0074BF;
}
/**
 * end user.register
 */


/**
 * user.teststatus
 */
div#user_teststatus
{
	
}

div#user_teststatus h2
{
	border-bottom: 1px solid #cccccc;	
	margin: 2px;
	padding: 2px;
}

div#user_teststatus h3
{
	border-bottom: 1px solid #cccccc;	
	margin: 2px;
	padding: 2px;
}

div#user_teststatus div.test
{
	padding: 10px;
	background-color: #eeeeee;
}

div#user_teststatus div.sectionmessage
{
    padding: 10px 3px;
    background-color: #4C469C;
}

div#user_teststatus div.sectionmessage p
{
    /*color: #4C469C;*/
    color: #ffffff;
    font-size: 110%;
}

div#user_teststatus div.testsection
{
	margin: 10px;
	padding: 5px 10px;
	background-color: #ffffff;	
}

div#user_teststatus p
{
	margin: 0px;
	padding: 3px;
}

div#user_teststatus .teststatus
{
	text-align: right;
}

div#user_teststatus .testsectionstatus
{
	text-align: right;
}

div#user_teststatus div.previousresults
{
	text-align: right;
	float: right;
}

div#user_teststatus div.previousresults ul
{
	text-align: right;
	float: right;
	list-style: none;
	display: none;
	width: 100%;
}

div#user_teststatus div.previousresults ul li
{
	display: block;
	padding: 5px;
	margin: 2px;
}

div#user_teststatus div.previousresults:hover
{
	border: 1px solid #dddddd;
	background-color: #ffffff;
	padding: 3px;
}

div#user_teststatus div.previousresults:hover p
{
	background-color: #dddddd;
}

div#user_teststatus div.previousresults:hover ul
{
	display: block;
}
/**
 * end user.teststatus
 */



/**
 * end public screens
 */

/**
 * layoutitems
 */
div.question
{
    padding: 0px 10px;
}

div.question h2
{
	clear: both;
	padding: 5px 0px;
	display: block;	
}

ul.answers li
{
	clear: both;
	list-style: none;
	padding: 3px;
}
 
ul.answers li label
{
	float: none;
}

div.question p.answer_details
{
    padding: 5px 15px;
    background-color: #eeeeee;
}
/**
 * end layoutitems
 */

/**
 * reports
 */ 
div.report
{
	
}

div.report table
{
	width: 100%;
	padding: 2px;
	border: 1px solid #eeeeee;
	margin-bottom: 20px;
	font-size: 90%;
	border-collapse: collapse;
}

div.report table thead
{
	background-color: #a6a6a6;
	color: #ffffff;
}

div.report table th
{
	text-align: center;
	padding: 3px;
	font-size: 110%;
	font-weight: 400;
}

div.report table th.title
{
	text-align: left;
}

div.report table tr
{
}

div.report table tr.sectorgroup
{
	background-color: #f6f6f6;
	color: #c6c6c6;
}

div.report table tr.sectorgroup td
{
	font-size: 110%;
	padding: 10px;
}

div.report table tr.empty
{
	color: #606060;
}

div.report table td
{
	text-align: center;
	padding: 3px;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
}

div.report table td.title
{
	text-align: left;
}

/**
 * resultsbysector report
 */
div#resultsbysector
{
	
}

div#resultsbysector h2
{
	margin: 0px;
	font-weight: 400;
	background-color: #e0e0e0;
	color: #909090;
	padding: 5px;
	font-size: 140%;
}

div#resultsbysector h3
{
	margin: 0px;
	font-weight: 400;
	background-color: #f0f0f0;
	color: #a0a0a0;
	font-size: 120%;
	padding: 5px;
}

div#resultsbysector div.resultdetails p
{
	border-left: 1px solid #dddddd;
}

div#resultsbysector div.resultdetails p
{
	margin: 0px;
	margin-left: 30px;
	padding: 3px;	
}
/**
 * end resultsbysector report
 */

/**
 * manage courseorders screen
 */
div#courseorder_details p
{
    clear: both;
    padding: 5px;
    border-bottom: 1px dashed #dddddd;
    display: block;
}

div#courseorder_details label
{
    width: 150px;
}

div#courseorder_details div#changeCourse
{
    display: none;
    background-color: #eeeeee;
}

div#courseorder_details div#newcoursedate_container
{
    display: none;
}
/**
 * manage courseorders screen
 */

 /**
 * end reports
 */

