body				{ background:/*url(../images/pageBg2.jpg) top left repeat-x*/ #E8E8E8; height:100%; font-family:Arial, Verdana, sans-serif; text-align:center;}
#holder				{ margin:1em auto; width:722px; text-align:left;}
#main_content		{ background:url(../images/bottom.gif) bottom left no-repeat; padding-bottom:8px; position:relative; }
#main_content_wrap	{ background:url(../images/box_middle.gif) top right repeat-y; }
.printonly			{ display:none; }
#header 			{ background-position:right 44px; background-repeat:no-repeat;}
#headerwrap 		{ background:url(../images/header.gif) no-repeat; padding-right:28px;}
#headerwrap2 		{ background:url(../images/header.gif) no-repeat; padding-right:19px;}
#header h1			{ font-size:0.9em; color:white; padding:12px 0 0 30px; text-transform:uppercase; }
#main_content h2	{ background:url(../images/header_middle.gif) repeat-y; padding:7px 60px 7px 30px; text-transform:uppercase; font-size:1.2em; color:white; font-weight:bold; }
#main_content #progress_bar	{ background:url(../images/header_middle.gif) repeat-y; padding:0px 10px 7px 30px; text-transform:uppercase; font-size:1.2em; color:white; font-weight:bold; line-height:22px;height:22px;}
#main_content #progress_bar span { display:block; float:left; }
#main_content #progress_score	{ background:url(../images/header_middle.gif) repeat-y; padding:0px 10px 7px 30px; text-transform:uppercase; font-size:1.2em; color:white; font-weight:bold; line-height:22px;height:22px;}
#main_content #progress_score span { display:block; float:left; }
#main_content #progress_bar span.title, #main_content #progress_score span.title { width:90px;}
#main_content span.progress_bg { border:1px solid white; width:530px; height:18px; margin-left:10px; }
#main_content span.progress_fg { height:18px; }
#main_content h2 span#timer	{ position:absolute; left:0px; width:690px; text-align:right; top:0.5em}
#main_content h2 span#quizname	{ width:500px; display:block; }

#main_content #lhs h2	{ background:none; padding:0; text-transform:none; font-size:1.2em; font-weight:bold; color:black; }

.summaryText { padding:20px 30px 0px; font-family:Verdana, Arial, sans-serif; font-size:0.95em; }
.summaryText p { margin-bottom:1em; clear:both; }
.summaryText ol,.summaryText ul  { margin-bottom:1em; margin-left:1.5em; }
#testRegistration .summaryText p  { margin-top:20px; }

#testRegistration {}
form div {margin-bottom:10px; width:500px;padding-left:100px;}
form div#reading_section { height:auto; padding-left:0; width:auto;}
form div#free_text_answer { height:auto; padding-left:0; }
form div#free_text_answer textarea { width:400px; height:8em; }
#rhs form div#free_text_answer textarea { width:340px; }
form table div {height:auto;width:auto;padding-left:0;}
form#editcandidate div {padding-left:50px;}
#centre.participant_login form div {padding-left:20px;width:530px;}
#centre.participant_login form div#form_participant_signature,#centre.participant_login form div#form_participant_photo, #centre.participant_login form div.fileimage {height:auto; }
#centre.participant_login form div.fileimage a {padding-left:0; }
#centre.participant_login form div.fileimage img {height:140px; width:auto; display:block; margin:0 auto 10px;}
#centre.participant_login form .imagefields {display:none; }


label { padding-top:5px; width:100px; padding-right:18px; text-align:right; float:left; clear:left; display:block; background:url(../images/bullet_orange.gif) right 5px no-repeat;}
label em { font-style:normal; }
input { width:300px; height:20px; margin-left:8px; border:3px double #CCCCCC; }
input.checkbox { width:auto; height:auto; margin-left:0; border:none; }
textarea { font-family:Arial, Helvetica, sans-serif; font-size:1.25em }
textarea { width:300px; height:80px; margin-left:8px; border:3px double #CCCCCC; }
select { margin-left:8px; border:3px double #CCCCCC; }
.radios input, input.radio { width:auto; height:auto; margin-left:0px; border:none; }
fieldset {border:none;margin:0px;padding:0px;}
fieldset legend {display:none;}
.submit_button {margin-top:5px; margin-bottom:15px; text-align:center;}
button {text-transform:uppercase; border:3px outset #CCCCCC; font-size:1.5em; font-weight:bold; padding:0.5em; cursor:pointer; }

a {text-decoration:none; color:#dd9819; padding-left:15px; background:url(../images/bullet_grey.gif) no-repeat; position:relative;}
a:hover { text-decoration:underline; position:relative; }

a.no_arrow { padding-left:0; background:none; }

.page_content {clear:left;}

#lhs h3			{ margin:1em 0; font-size:12px; text-decoration:underline; }
#centre h3			{ font-size:12px; text-decoration:underline; }
#middle p, #rhs p, #lhs p	{ margin-bottom:1em; }
#lhs ul			{ margin-bottom:1em; list-style-type:disc; }
#lhs li			{ margin-left:2em; }
#middle			{ padding:10px 30px 0px 30px; min-height:340px; font-family:verdana, arial, sans-serif; font-size:0.95em; position:relative;}
#middle_popup	{ padding:10px 40px 0px 40px; min-height:340px; font-family:verdana, arial, sans-serif; font-size:0.95em; position:relative;}

#middle label, #middle_popup label, #rhs label		{ padding-top:0px; width:auto; padding-right:0px; text-align:left; float:none; clear:none; display:inline; background:none;}
.quiz_submit_button			{ clear:left; padding-top:1em; }

#qno						{ font-weight:bold; margin-bottom:0.5em; margin-left:135px;}
#question					{ font-size:1.3em; }
.question					{ font-size:1.3em; padding-right:1em; }

ul#image_list li			{ float:left; width:134px; text-align:center; }
ul#image_list li .image		{ float:left; width:128px; height:128px; margin-bottom:1em; }
ul#image_list li input		{ clear:left; display:block; float:left; width:20px; }
ul#image_list li label		{ display:block; float:left; width:80px; }
#middle ul#image_list li { width:160px; padding-bottom:30px; }
#middle ul#image_list li label { width:100px; }


form div.answer {line-height:2em;clear:left;}
form div.answer input.radio {position:relative;top:3px;}
form div.submit_button,
form div.quiz_submit_button,
form div.answer,
form ul#image_list div {height:auto;width:auto;padding-left:0px;}
form div.audio {height:auto;width:auto;padding-left:0px;padding-top:none;padding-bottom:12px;}


#playerdiv {width:1px; height:1px; }

#print_button a,
.audio a {padding-left:0px; background:none; }

#lhs .image {margin-top:1em; text-align:center;}

#editcandidate label { width:165px; }
#editcandidate label em { padding-right:10px; background:url(../images/required.gif) no-repeat top right; }
#editcandidate label strong em { background:url(../images/strong-required.gif) no-repeat top right; }
#editcandidate label strong { color:red; font-weight:bold; }
form div#form_participant_mother_tongue,
form div#form_candidate_mother_tongue {height:68px;}
input#mother_tongue { display:block; margin:8px 0px 0px 191px;}
#centre.participant_login label { width:195px; padding-bottom:10px; }
#centre.participant_login label em { padding-right:10px; background:url(../images/required.gif) no-repeat top right; }
#centre.participant_login label strong em { background:url(../images/strong-required.gif) no-repeat top right; }
#centre.participant_login label strong { color:red; font-weight:bold; }

p#validation_failed_text { color:red; font-weight:bold; text-align:center; }
#middle		{ background:url(../images/box_middle.gif) top right repeat-y; }
#middle_popup	{ background:url(../images/box_middle.gif) top right repeat-y; }
#centre		{ background:url(../images/box_middle.gif) top left repeat-y; padding-bottom:2px; }
#main_content { padding-bottom:36px;}

#learning_resources { clear:left; }
#learning_resources li span { display:block; }
#learning_resources li { padding-bottom:1em; }

.summaryText ul li { margin-left:2em; }
.summaryText ul { list-style-type:disc; margin-bottom:1em; }
.summaryText ul#learning_resources li , .summaryText ul#quiz_list li { margin-left:0px; }
.summaryText ul#learning_resources, .summaryText ul#quiz_list { list-style-type:none; }

#feedbacktable { margin:1em 3em 0;
    clear: both;
    padding-top: 1em;
}
#feedbacktable th,
#feedbacktable td { text-align:center; border:1px solid black; width:128px; vertical-align:top; }
#feedbacktable td.feedback { text-align:left; padding:1px 4px; width:120px; }

#centre_long { overflow:auto; margin-right:8px; position:relative;}

#next_section { float:left; width: 300px; font-weight:bold; }
#next_section a:link, #next_section a:visited { padding-left:0px; background:none; color:#FFF; }
#next_section a:hover, #next_section a:active { text-decoration:none; color:#dd9819; }

#copyright_line { text-align:right; }
#copyright_line span { display:block; }
#copyright_line a { background-image:none; }
#testFooter { margin:1em 0; }
#testFooter p { margin-bottom:0px; }

.dontknowimage { margin:1em 0 0 0em; }

#main_holder {position:relative; height:auto;}

#form_candidate_role_applied_for span { display:block; float:left; padding-top:5px; margin-left:8px}
#form_candidate_role_applied_for select { width:306px}
#form_candidate_department_applied_for span { display:block; float:left; padding-top:5px; margin-left:8px}
#form_candidate_department_applied_for select { width:306px}
#form_candidate_shift_applied_for span { display:block; float:left; padding-top:5px; margin-left:8px}
#form_candidate_shift_applied_for select { width:306px}

p.end_link { padding-top:1em; margin-bottom:2em;}
p.end_link a { text-indent:-99999px; float:left; width:175px; height:55px; margin:0 10px; }
p.end_link a#print_link { background:url(../images/print-page.png) left top no-repeat; }
p.end_link a#learning_link { background:url(../images/learning-resources.png) left top no-repeat; }
p.end_link a#end_link { background:url(../images/end-session.png) left top no-repeat; }
p.end_link a#end_link2 { background:url(../images/end-session2.png) left top no-repeat; }
p.end_link a#feedback_link { background:url(../images/results.png) left top no-repeat; }
p.end_link a:hover { }

form div#drag {height:auto;width:auto;padding-left:0;margin:0;}
table.table_match {}	
.mark_march { color: black; background-color: white; }
.has_lhs .mark_march { width:90px; padding-right:5px; }
div#drag td.marching  { 
	text-align:center;
	font-size: 12px;
	padding: 10px; 
	border:1px solid white;  
	background-color: #e0e0e0;
  
}
.has_lhs .empty2 { width:135px; }
.empty2 { width:180px;height:36px}
.mark_match { color: black; width:100px; background-color:white;}
.drag {
	position: relative;
	cursor: move;
	margin: 2px auto;
	background-color: #f0f0f0;
	text-align: left;
	padding-left: 3px;
	font-size: 12px;
	width: 150px;
	height: 33px;
	padding-top:5px;
	padding-bottom:5px;
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 4px 4px 8px #444;
	-webkit-box-shadow: 4px 4px 8px #444;
	box-shadow: 4px 4px 8px #444;
}


.t1 {
	border: 1px solid #9B9EA2;
	height:auto;
	width:auto;
	margin:auto;
	line-height:20px;
}
.t1_feed {
	position:relative;
	left:50px;
	border: 1px solid #9B9EA2;
	height:auto;
	width:auto;
	margin:auto;
	line-height:30px;
	text-align:center;
}

.t2 {
	border: 1px solid #9B9EA2;
	height:auto;
	width:200px;
	margin:auto;	
}
.has_lhs .t2 { width:130px; }
.t2_feed {

	border: 1px solid #9B9EA2;
	text-align:center;
	height:auto;
	width:auto;
	margin:auto;	
}

.t6 {
	width:80px;
	height:80px;
	border-style:dashed;
	border-color:transparent;
	-moz-box-shadow: 0px 0px 0px white;
	-webkit-box-shadow: 0px 0px 0px white;
	box-shadow: 0x 0px 0px white;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	background-color:transparent;
}

#rhs .t7 {
	width:110px;
	max-width:110px;
}

.t7 {
	width:150px;
	max-width:150px;
	height:auto;
	line-height:normal;	
	min-height:80px;
}

.t3 {
	width:40px;
}

.text_match #middle			{ padding:10px 100px 0px 100px; }
.text_match #middle p#qno { margin-left:195px; }
.text_match #middle p.question { text-align:center }

.text_match #middle_popup p#qno { margin-left:195px; }
.text_match #middle_popup p.question { text-align:center }

#text_sequence button { border:3px double #CCCCCC; width:300px; height:auto; white-space:normal; font-size:1.1666em; font-weight:normal; text-transform:none; padding:0; display:block; margin-bottom:0.5em; }
form div#text_sequence div, form div#text_sequence {height:auto;width:auto;padding-left:0;}
form div#text_sequence textarea { margin:1em 0 1em 25px; width:260px; height:240px; }
.mark_march2 {
	color: black;
	border: 4px groove;
	font-size: 12px;
	text-align:center
}
/*.mark_march2 img { width:100px; height:100px; }*/
#image_match .mark_march2 div { width:180px; height:180px; text-align:center; }
#image_match.has_lhs .mark_march2 div { width:auto; height:110px; text-align:center; }

.image_match #middle			{ padding:10px 100px 0px 100px; }
.multi_category #middle			{ padding:10px 100px 0px 100px; }
.image_match #middle p#qno { margin-left:195px; }
.image_match #middle p.question { text-align:center }
.image_match #middle_popup p#qno { margin-left:195px; }
.image_match #middle_popup p.question { text-align:center }
.image_match form  { text-align:center }
.image_match form table { margin:0 auto; }
.image_match div.quiz_submit_button { text-align:center }
.multi_match td.dnd { width:100px; }

div#drag td.dnd {
    border: 4px groove;
    font-size: 12px;
    height: 80px;
    padding: 5px;
    text-align: left;
}
div#drag td.img_dnd_question { 
	text-align:justify;
	font-size: 12px;
	padding: 5px; 
	border:1px solid white;    
}

div#drag td.img_dnd_question div { 
	word-wrap:break-word;
}


.type_answer #middle			{ padding:10px 100px 0px 100px; }
.type_answer #middle p#qno { margin-left:195px; }
.type_answer #middle p.question { text-align:center }
.type_answer #middle_popup p#qno { margin-left:195px; }
.type_answer #middle_popup p.question { text-align:center }
.type_answer form  { text-align:center }
.type_answer div.quiz_submit_button { text-align:center }
#type_answer_table {margin:0 auto 2em; }
#type_answer_table.has_lhs { }
#type_answer_table .question { text-align:justify;padding:20px; min-width:180px }
#type_answer_table.has_lhs .question { padding:5px 0; }
#type_answer_table img {border:medium solid black;}
#type_answer_table tr { width:100%}
.type_answer form div {height:auto;width:auto;padding-left:0;}

#main_content {float: left; width: 100%; margin:0 0 1em 0;}
#main_content:after { content: ".";  display: block;  height: 0px; clear: both;  visibility: hidden; }
#lhs  { float:left; min-height:342px; width: 240px; padding:10px 10px 0px 30px; }
#rhs { float:right; min-height:340px; width:384px; padding:10px 20px 0px 20px;}
#holder	 { padding-bottom:1em; }

/*
#next_section,#footer	 { clear:both;width:100% }
*/
/* removed as the lhs column was too narrow
*/
.image_match #lhs  { width: 190px; }
.image_match #rhs { width:434px; }
.text_match #lhs  { width: 240px; }
.text_match #rhs { width:404px; padding:10px 10px 0; }
.type_answer #lhs  { width: 270px; }
.type_answer #rhs { width:354px; }
.type_answer #rhs input { width:250px; }

#popup_holder {
    display:none;
}
#popup_holder p { margin-bottom:1em; }
#popup_holder.pop_up_message_correct, #popup_holder.pop_up_message_incorrect, #popup_holder.pop_up_message_passed { display:block; width:600px; margin:0 auto; }
#popup_holder.pop_up_message_correct { background: url(../images/callout600g.gif) bottom left no-repeat; padding-bottom: 60px; }
#popup_holder.pop_up_message_passed,
#popup_holder.pop_up_message_incorrect { background: url(../images/callout600r.gif) bottom left no-repeat; padding-bottom:60px; }
#popup_holder.pop_up_message_correct #popup_holder_wrap { background: url(../images/callout600g.gif) top left no-repeat; padding: 41px 24px 10px;
}
#popup_holder.pop_up_message_passed #popup_holder_wrap,
#popup_holder.pop_up_message_incorrect #popup_holder_wrap { background: url(../images/callout600r.gif) top left no-repeat; padding:41px 24px 10px; }
#popup_holder p img { max-width:100%; height:auto }

p.free_text_answer { color:#707070; margin-bottom:2em; }

#feedbacktable .section th,
#feedbacktable .score th { font-weight:normal; }
#feedbacktable .score th,
#feedbacktable .score td { background-color:#A0A0A0; }

#feedbacktable .score th, #feedbacktable .score td {
    background-color: #C0C0C0;

}

#feedbacktable .overall_score th, #feedbacktable .overall_score td {
    background-color: #A0A0A0;
	font-weight:bold;
}

#slots_answered td { text-align:center; }
#text_sequence_buttons ul { list-style-type:disc; margin-left:1.5em; }
#text_sequence_buttons li { display:block; margin-bottom:1em; }

form div#reading_section,  form div#reading_section div { padding:0; width:auto; }
form div#reading_section .required { color:red; font-weight:bold; }

p.certificate_link { text-align:center; }

body#certificate { background:white; }
#certificate_wrap { margin:20px auto; width:640px; border:2px solid #E46D19; padding:20px; }
#certificate_wrap h2 { font-size:24px; margin-bottom:10px;}
#certificate_wrap p { margin-bottom:10px;}
#certificate_wrap #results { margin-bottom:20px;}
#certificate_wrap #photo img { height:90px; width:auto;}
#certificate_wrap #signature img { height:90px; width:auto;}
#certificate_wrap #photo { float:left; width:300px; height:100px; }
#certificate_wrap #signature { float:left; width:300px; height:100px; }
#form_participant_details_of_application { height:auto; }
form#editparticipant fieldset legend { display:block; font-weight:bold; margin-bottom:10px; padding-left:242px; }
#centre.participant_login form div.radios,
#centre.participant_login form div.documents_upload { margin:0 10px 10px 8px; width:auto; padding:5px 0 0; float:left; width:auto; min-height:2em; clear:none; }
form div.radios { margin:0 10px 0 8px; width:auto; padding:5px 0 0; float:left; width:auto; min-height:2em; clear:none; }
form div.radios div { margin:0; width:auto; padding:0; display:inline; }
div.radios label { clear:none; float:none; display:inline; background:none; padding:0; margin:0; }
#centre.participant_login form div.documents_upload div,
#centre.participant_login form div.radios div { margin:0; width:auto; padding:0; clear:none; }
#centre.participant_login div.radios label { width:auto; padding:0 15px 0 5px; }
#centre.participant_login form div { clear:left; }
#centre.participant_login form div.documents_upload input { width:auto; margin-left:0; height:auto; }

.reading_section #middle			{ padding:10px 30px 0; }

#editparticipant .field_tip { display:block; margin-left:221px; font-size:9px; clear:both; }
#editparticipant select { width:306px; }

table#multi_category { width:100%; }
#multi_category th, #multi_category td {padding:0.5em; min-width:200px;} 
#multi_category td select {min-width:200px;} 

.standard #middle			{ padding:10px 30px 0; }

#dashboard .dashboard_programme { margin-top:1em; }

#programme_results ol { margin-bottom:1em; }
#programme_results h4 { margin-top:1em; }