label{cursor:pointer;	}
p.req{clear:both;font-size:12px; margin:1em 0;color:#777;}
legend em, label em, p.req em{font-style:normal;margin:0 0.5em;color:red;}
legend.err, label.err{color:red;font-weight:bold !important;}
td.err{background:red;}
strong.err{color:red;}

div.error-msg ol{
	margin-left:5% !important;
}

/* -------------------------------  input widths ------------------------------------- */

.w20{width:30%;}
.w30{width:40%;}
.w40{width:50%}
.w50{width:60%;}
.w60{width:70%;}
.w70{width:80%;}

html>body input.w20{width:20%;}
html>body input.w30{width:30%;}
html>body input.w40{width:40%;}
html>body input.w50{width:50%;}
html>body input.w60{width:60%;}
html>body input.w70{width:70%;}


/* -------------------------------  Application form ------------------------------------- */


form#apply, form#enquiry, form#enrol, form#signup, form#prospectus{
	clear:both;
	width:95%;
	margin:20px 0 0 5% !important;
	min-width:600px !important;
}

#apply label, #enquiry label, #enrol label, #signup label{
	width:40%;
	display:block;
	clear:both;
	float:left;
	text-align:right;
	font-size:1.2em;
	margin:0.3333em 0.5em 0;
}
#enquiry label{
	width:40%;
}

#apply input, #enquiry input, #enrol input,  #signup input{
	margin:0.2em 0 1.3333em;
	color:#777;
	background:#fff;
}
#apply select, #enquiry select{
	margin:0.2em 0 !important;
}
#enrol select{
	margin:0.2em 0 1.3333em !important;
}


#apply fieldset, #enquiry fieldset, #enrol fieldset, #signup fieldset, #prospectus fieldset{
	border:1px solid #ccc;
	padding:0.5em 2em;
	width:90%;
	margin:1em 0 1.3333em;
}
#apply legend, #enquiry legend, #enrol legend, #signup legend, #prospectus legend{
	font-size:1.2em;
	font-weight:bold;
	padding:0 0.5em;
}

#apply fieldset input, #enquiry fieldset input{
	margin:0.3333em 0 0.2em;
}
#apply #subject_label, #apply #subject, #enquiry #subject_label, #enquiry #subject, #survey #subject_label, #survey #subject{
	display: none;
}
#apply textarea, #enquiry textarea{
	clear:right;
	float:left;
	margin:0 0.2em 0.666em;
}
html>body #apply textarea, html>body #enquiry textarea{
	margin:0 0 0.666em 0;
}

table#apply_occurrence{
	width:98%;
	margin:0 auto 1em;
}
table#apply_occurrence th{
	font-weight:normal;
	text-align:left;	
	padding:0.3em 1em 0.1em;
}
table#apply_occurrence td{
	border-top:1px solid #ccc;
}
table#apply_occurrence label{
	padding:0.3em 0.1em 0.1em;
	margin:0 !important;
	white-space:nowrap;	
}
table#apply_occurrence tr td.input{
	text-align:center !important;
}

ul#form_tabs{
	clear:both;
	float:right;
	list-style:none;
	margin:0 !important;
	padding:0 !important;	
}
ul#form_tabs li{
	float:left;
	margin:0 !important;
	padding:0 !important;
}
ul#form_tabs li input{
	margin:0 !important;
	padding:0 !important;
}
input.last{
	clear:both;
	float:left;
}
input.next{
	clear:right;
	float:right;
}

/* -------------------------------  Enrolment form ------------------------------------- */

fieldset fieldset legend{
	font-weight:normal !important;
}

fieldset#pay_options label, fieldset#benefit_types label, fieldset#asylum label{
	width:65%;
}

fieldset#pay_options input, fieldset#benefit_types input, fieldset#asylum input{
	width:10%;
	margin-top:0.6em;
}
fieldset.residence label{
	width:50% !important;
}
fieldset.residence input,fieldset.residence select{
	width:40%;
}

#dob_day_label{
	padding-left:25%;
}
fieldset#dob label,fieldset#dob select{
	display:inline !important;
	margin:0 !important;
	width:5em !important;
	float:none;	
}
#unemployment_length_label{
	width:65% !important;
}
fieldset#qualifications table td{
	border-bottom:1px solid #ccc;
	padding:0.3em 2em 1em;
	vertical-align:bottom !important;	
}
fieldset#qualifications label{
	width:100% !important;
	text-align:left !important;
}
fieldset#qualifications input{

	background:red !important;
}

table#courses_selected{
	width:97%;
	margin:10px 0;
	border:1px solid #ccc;
}
#courses_selected th, #courses_selected td{
	padding:5px;
	text-align:left;
	border:1px solid #ccc;
}
#courses_selected #tot{
	text-align:right;
	font-weight:bold;
}
#source_label, #source_other_label{
	width:65% !important;
}
fieldset#agreement{
	padding-top:2em;
	padding-bottom:2em;	
}
input#lsc_surveys, input#lsc_courses, input#kcc_mktg, input#agree{
	clear:both !important;
	float:left;
	width:10%;
	margin:0.6em;
}

label#lsc_surveys_label, label#lsc_courses_label, label#kcc_mktg_label, label#agreed_label{
	clear:right !important;
	float:left;
	text-align:justify !important;
	width:80% !important;
}
label#reduced_agree{
	width:60% !important;
	font-weight:bold;
}

input#enrol_next{
	clear:both;
	float:none;
	display:block;
	width:60px;
	margin:1em auto 8em;
}
/* ------------------------------- Enrolment confirmation ------------------------------ */

table#confirm_info{
	width:90%;
	margin: 0 auto 20px;
}

table#confirm_info th{
	width:35%;
	font-size: 1.2em;
	padding:0.3em 1em;
	vertical-align:top;
	text-align:right !important;
}
table#confirm_info td{
	font-size: 1.2em;
	padding:0.3em 1em;
	vertical-align:top;
	background:#EFEFEF;
}


/* -------------------------------  EST Enquiry form ------------------------------------- */
#est_contact{
	position:relative;
	clear:right;
	float:left;
	width:300px;
	margin:20px 0 1em 4em;
	font-size:1.2em;
	line-height: 1.666666em;
}
div.confirmation{
	position:relative;
	clear:right;
	float:left;
	width:300px;
	margin:1em 0 0 3em;
	padding:2em;
}

#contact_est{
	border:0;
}
#contact_est legend{
	font-weight:bold;
	margin:0em;	
	padding:0 0.2em;	
}
fieldset#contact_est {
	border:1px solid #ccc;
	padding:0 5% 5%;	
}
#contact_est label{
	display:block;
	clear:both;
	float:left;
	margin:0.666666em 0 0 0;
}
#contact_est #first_name, #contact_est #surname, #contact_est #company, #contact_est #telephone, #contact_est #email, #contact_est #how_hear{
	float:left;
	text-align:left;
	margin:0;
	width:100%;
	height:1.3333em;
	color:#777;
}
#contact_est #subject_label, #contact_est #subject, #survey #subject{
	display: none;
}

#contact_est textarea{
	float:left;
	text-align:left;
	margin:0;
	color:#888;
	background:#fff;
	width:100%;
}

select{margin:0.5em;}

#contact_est br{
	margin:0.7em;
}
#contact_est #code{width:5em !important; background:red;}
#contact_est p{margin:10px 0 0!important;color:red;}

#contact_est{
	width:100%;
	border:1px solid #ccc;
	border-collapse:collapse;
}
#contact_est td{
	border:1px solid #ccc;
	vertical-align:top;
	padding:0.3em;
	
}
#contact_est caption, #contact_est th{
	text-align:left;
	font-size:smaller;
}

/*----------------------- Email messages------------------------*/
div#email_body{
	width:100%;
	background:#fff;
}
#email_table, #email_table th, #email_table td{
	border:1px solid #ccc;
	margin:1em 2em;
}
#email_table th{
	text-align:left;
}
#email_table th, #email_table td{
	font-size:0.8em;
	padding:0.2em 0.5em;
}
/*----------------------- mini-survey ------------------------*/
div#mini_survey h2{
	margin-bottom:0;
	color:#666;
}
div#mini_survey form{
	margin-top:0 !important;
}
div#mini_survey{
	margin-top:2em;
	border:1px solid #ccc;
	padding:0 1em;
}
div#mini_survey label{
	font-size:1.2em;
	font-weight:bold;
	color:#666;
}
div#mini_survey textarea, div#mini_survey input{
	width:90%;	
	margin-bottom:1em !important;
}
div#mini_survey textarea, div#mini_survey input{
	width:90%;	
	margin-bottom:1em !important;
}
div#mini_survey input#send_survey{
	width:60px;	
	display:block;
	margin:0 auto 1em !important;
}
/*----------------------- prospectus ------------------------*/
#prospectus ul{
	list-style-image:none !important;
	margin:2em 5em;
}
#prospectus input, #prospectus label{
	margin:0.4em 1em;
}