/* ------------------------------------------
Client: OCR
Stylesheet: Forms
Author: Reading Room (NG)
------------------------------------------ */

span.mandatory {color: #f00;font-weight: bold;}

strong.err {  
display: block;  
color: #C00;  
font-size: 85%;  
font-weight: normal;  
text-transform: uppercase;
}

/* ------------------------------------------
-- SEARCH FORM
------------------------------------------ */

#search form.search {padding:0 0 0.6em 7px; margin:0 0 0 7px; background:#4d668e url(/cymru/english/download/search_bg2_tcm10-1476.gif) no-repeat left bottom;}
#search form.search input {padding:4px 0 0 0;}
#search form.search input#q2 {float:left; width:155px; padding:0 0 0 5px; margin:0; font-family:Arial, Helvetica, sans-serif;}
#search form.search input#searchgo {padding:0 0 0 5px; margin:0; vertical-align:middle; color:#fff;}


/* ------------------------------------------
-- 14-19 UPDATES & POSTER ORDER FORM
------------------------------------------ */

table.recaptchatable div { margin:0; }

.genericForm fieldset {padding:10px 20px 10px; border:1px solid #ccc; margin:10px 0;}

.genericForm legend {padding:0 6px; margin:0 0 0 -10px; font-size:1.1667em; font-weight:bold; color:#000;}
.genericForm label {margin:0; font-weight:normal;}
.genericForm input {margin:0;}
.genericForm h3 {margin:1.5em 0 0.5em; clear: both;line-height: 1.4em;}
.genericForm h3 span.descript {
		font-size: 0.8em;
		font-weight: normal;
		display: block;
		margin: 8px 0 0 0;
	}
.genericForm div {margin:1em 0;}
.genericForm p {margin:0.75em 0; line-height:normal;}
.genericForm div.clear {padding-bottom:0.15em;}

.genericForm .text p span {display:block;  float:left; margin:0; padding:10px 0 0 0;}
.genericForm .text p {clear:both; margin: 0; padding-top: 5px;}

/* text inputs */
.genericForm div.text label {float:left; width:25%; line-height:1.6em;}
.genericForm div.vert div.other label {width:25%; line-height:1.6em;}
.genericForm div.text input, .genericForm div.text textarea {float:left; width:50%; padding:1px 3px; border:1px solid #a7a6aa;}
.genericForm div.vert div.other input {float:left; width: auto; padding:1px 3px; border:1px solid #a7a6aa; margin: 5px 0 0 0;}
.genericForm div.text input:hover, .genericForm div.text input:focus, .genericForm div.textarea input:hover, .genericForm div.textarea input:focus, .genericForm div.vert div.other input:hover, .genericForm div.vert div.other input:focus {border-color:#000;}
.genericForm div.text .narrow input {width:15%;}
.genericForm div.text input.error, .genericForm div.text textarea.error {border-color:#ff0000;}


/* date fields */
.genericForm div.text p.datefield span.fauxLabel {display:block; float:left; width:25%; line-height:1.6em;}
.genericForm div.text p.datefield label {position: absolute; left: -9999px;}
.genericForm div.text p.datefield input {float: none; width: auto;}

/* vertical checkbox and radio */
.genericForm div.vert input.button {width: auto; height: auto;  margin: 0; padding:0 .25em;}
.genericForm div.vert input {margin:0 10px 0 0;}
.genericForm div.vert div span span, .genericForm div.vert span span {line-height:25px;}
.genericForm div.vert div.floatLeft {float:left; margin:0; width:48%;}
.genericForm div.vert div.floatRight {float:right; margin:0; width:48%;}
.genericForm div.vert div.show14-19 {float:left; margin:0; width:48%; display: none;}
.genericForm div.vert div.showpost19 {float:left; margin:0; width:48%; display: none;}
.genericForm div.vert p {line-height:1.6em;}
.genericForm div.vert span#Other_method input {
	width: 150px;	
}

.genericForm div.vert input#KS4cohortsize, .genericForm div.vert input#Reasonforchanging {
	width: 50%;	
}

.genericForm div.vert div.bodyChk {
	width: 100%;	
}

.genericForm div.vert div.bodyChk input {
		
}

.genericForm div.vert div.bodyChk h4 {
	font-size: 1.2em;
}

.genericForm div.vert div.bodyChk table td {
	padding: 5px;
	text-align: center;
}

.genericForm div.vert div.bodyChk table td.first {
	text-align: left;
	width: 30%;
}

.genericForm div.vert div.bodyChk table th {
	font-weight: bold;
	font-size: 1.2em;
	padding: 5px;
	text-align: center;
}

.genericForm div.otherGCSE, .genericForm div.otherGCE {
	width: 100%;
}

/* submit */
.genericForm div.submit input {margin:0.5em 0 0; font-weight:bold;}


.genericForm div.vert table {border:0px;}
.genericForm div.vert table tr td {padding-bottom:1em; padding-left:;}

.buttons img {
	margin: 0 10px 0 0;
	cursor: pointer;
}


/* CURRENT FORMS STYLE FOR ALL FORMS*/


 em {color: #FF0000;font-weight: bold;font-style: normal;}

.formIntro {width:380px;color: red;font-weight: bold;padding: 0 0 0 10px;}

#key{font-weight: bold;padding: 0 0 10px 0;}


/* FORM FOR BUTTON */

#btnForm form {padding: 0;margin: 0;font-family: Tahoma, Arial, sans-serif;}

#fieldsBtn fieldset {border: none;padding: 15px 0 0 10px;}

#termsBtn fieldset {border: none;padding: 10px 0 0 10px;}

#btnForm fieldset input  {border: 1px solid #ccc;font-size: 91%;font-family: Tahoma, Arial, sans-serif;margin: 0 0 10px 0;padding: 2px 0 2px 3px;}

#btnForm fieldset textarea  {border: 1px solid #ccc;font-size: 91%;font-family: Tahoma, Arial, sans-serif;margin: 0 0 10px 0;padding: 2px 0 2px 3px;width: 15em;height: 15em;}

#btnForm label.hide  {visibility: hidden;display: none;}

#btnForm a:link, #btnForm a:visited {text-decoration: underline;color: #363636;}
#btnForm a:hover {text-decoration: none;color: #000;}
#btnForm a:active {text-decoration: none;color: #000;}

#btnForm fieldset input#agreetoterms  {border: none;margin: 0 6px 0 0;padding: 0;clear: both;}

#btnForm fieldset input#l192781-192781  {margin: 0;width: 165px;}

#btnForm fieldset input#name {width: 165px;}

#btnForm label {font-size: 91%;margin: 0;padding: 0;line-height: 1.4em;}

#btnForm input.submit {margin: 5px 0 0 120px;}

/* TRAINING BOOKING FORM */

#training_form fieldset {border: 1px solid #ccc;padding: 0 10px 10px 10px;margin: 10px 0;}

#training_form fieldset:hover {border: 1px solid #999;}

#training_form fieldset input {padding: 0 0 0 3px;}
#training_form fieldset input.checkbox {border: none;}
#training_form fieldset input.radio {border: none;vertical-align: middle;}
#training_form fieldset input.submit {border: none;margin: 0.5em 0 0 0.5em;}
		
#training_form legend {padding: 0 0.5em 1em 0.5em;margin: 0;font-size: 115%;font-weight: bold;color: #000;}
	
#training_form label {display: inline;font-weight: normal;float: left;width: 14em;}
	
#training_form label.tandcs {display: inline;font-weight: normal;float: left;width: 20em;}
	
#training_form ul {list-style: none;	}
	#training_form ul li {display: block;clear: both;background: none;margin: 0.5em 0 0.5em 0;padding: 0.1em 0 0.1em 0.8em;line-height: 1.6em;}
	
#training_form ul.form li h2 {	background: none;margin: 1em 0 1em 0;padding: 0;font-size: 115%;font-weight: bold;}
	
#training_form li.terms span {padding: 0.3em 0 0.3em 0.5em;clear: left; display: block;}
#training_form li.terms a {text-decoration: underline;}
#training_form li.terms a:hover {text-decoration: none;}

#training_form li.terms span.red {display: inline;clear: none;float: none;padding-left: 0;}
	
#training_form li.terms label {width: 15em; float: none; display: inline; margin: 0; text-align: left;padding: 0 0 0 0.5em;}
	
#training_form ul li.longtitle {margin: 0.5em 0 1em 0;}
	
#training_form ul#colLeft {float: left;margin: 0 0 0 0; padding: 0;}
	
#training_form ul#colRight {float: right;padding: 0 20px 0 0;margin: 0; }
	
#training_form ul.clear {clear: both;margin: 15px 0 0 0;padding: 15px 0 0 0; }
	
#training_form ul#colLeft label, #training_form ul#colRight label {width: 18em;}

	
/* FEEDBACK FORM */

#feedback_form fieldset {border: 1px solid #ccc;padding: 0 10px 10px 10px;margin: 10px 0;}

#feedback_form fieldset:hover {border: 1px solid #999;}
		
#feedback_form fieldset input {padding: 0 0 0 3px;}

#feedback_form fieldset input.checkbox {border: none;}

#feedback_form fieldset input.radio {border: none;vertical-align: middle;}

#feedback_form fieldset input.submit {border: none;margin: 0.5em 0 0 10em;}
	
#feedback_form fieldset select {border: none;}

#feedback_form legend {padding: 0 0.5em 1em 0.5em;margin: 0;font-size: 115%;font-weight: bold;color: #000;}
	
#feedback_form label {display: inline;font-weight: normal;float: left;width: 10em;}
	
#feedback_form label.tandcs {display: inline;font-weight: normal;float: left;width: 20em;}
	
#feedback_form ul {list-style-type: none;list-style-image: none;	}
#feedback_form ul li {display: block;clear: both;background: none;margin: 0.5em 0 0.5em 0;padding: 0.1em 0 0.1em 0.8em;}
	
#feedback_form ul.form li h2 {background: none;margin: 1em 0 1em 0;padding: 0;font-size: 115%;font-weight: bold;}
	
/* ETEST SIGN UP FORM */

#etest_form fieldset {border: 1px solid #ccc;padding: 0 10px 10px 10px;margin: 10px 0;}

#etest_form fieldset:hover {border: 1px solid #999;}
		
#etest_form fieldset input {padding: 0 0 0 3px;}
#etest_form fieldset input.checkbox {border: none;}
#etest_form fieldset input.radio {border: none;vertical-align: middle;}
#etest_form fieldset input.submit {border: none;margin: 0.5em 0 0 0.5em;}
#etest_form fieldset input.submit:hover {border: none;}
	
#etest_form fieldset select {border: none;}

#etest_form legend {padding: 0 0.5em 1em 0.5em;margin: 0;font-size: 115%;font-weight: bold;color: #000;}
	
#etest_form label {display: inline;font-weight: normal;float: left;width: 10em;}
	
#etest_form label.tandcs {display: inline;font-weight: normal;float: left;width: 20em;}
	
#etest_form ul {list-style-type: none;list-style-image: none;	}
	
#etest_form ul li {display: block;clear: both;background: none;margin: 0.5em 0 0.5em 0;padding: 0.1em 0 0.1em 0.8em;}
	
#etest_form li.interest label {width: auto; float: none; display: inline; margin: 0; text-align: left;padding: 0 0 0 0.5em;}

#etest_form li.interest span, #etest_form li.terms span {padding: 0.3em 0 0.3em 0.5em;clear: left; display: block;}
#etest_form li.interest span.red, #etest_form li.terms span.red {display: inline;clear: none;float: none;padding-left: 0;}
	
#etest_form li.terms label {width: 15em;float: none;display: inline;margin: 0;text-align: left;padding: 0 0 0 0.5em;}

#etest_form ul li h2 {background: none;margin: 1em 0 1em 0;padding: 0;font-size: 115%;font-weight: bold;}
#etest_form p.eassessmentForms{margin: 0.5em 0 0.5em 0.8em;padding: 0;}
#etest_form li.terms a {text-decoration: underline;}
#etest_form li.terms a:hover {text-decoration: none;}
	
/* FUNCTIONAL SKILLS SIGN UP FORM */

#fskills_form fieldset {border: 1px solid #ccc;padding: 0 10px 10px 10px;margin: 10px 0;}

#fskills_form fieldset:hover {border: 1px solid #999;}
		
#fskills_form fieldset input {padding: 0 0 0 3px;}

#fskills_form fieldset input.checkbox {border: none;}

#fskills_form fieldset input.radio {border: none;vertical-align: middle;}

#fskills_form fieldset input.submit {border: none;margin: 0.5em 0 0 0;}

#fskills_form fieldset input.submit:hover {border: none;}
	
#fskills_form fieldset select {border: none;}
		
#fskills_form legend {padding: 0 0.5em 1em 0.5em;margin: 0;font-size: 115%;font-weight: bold;color: #000;}
	
#fskills_form label {display: inline;font-weight: normal;float: left;width: 14em;}
	
#fskills_form label.tandcs {display: inline;font-weight: normal;float: left;width: 20em;}
	
#fskills_form ul {list-style-type: none;list-style-image: none;padding: 0;margin: 0;}
	
#fskills_form ul li {	display: block;clear: both;background: none;margin: 0.5em 0 0.5em 0;padding: 0.1em 0 0.1em 0.8em;}
	
#fskills_form ul.mainContact li {	display: block;clear: both;background: none;margin: 0.5em 0 0.5em 0;padding: 0.3em 0 0.3em 0.8em;line-height: 1.6em;}
	
#fskills_form li.interest label {width: auto; float: none; display: inline; margin: 0; text-align: left;padding: 0 0 0 0.5em;}
#fskills_form li.interest span, #fskills_form li.terms span {padding: 0.3em 0 0.3em 0;clear: left; display: block;}

#fskills_form li.interest span.red, #fskills_form li.terms span.red {display: inline;clear: none;float: none;padding-left: 0;}
	
#fskills_form li.terms label {width: 15em; float: none; display: inline; margin: 0; text-align: left;padding: 0 0 0 0.5em;}
	
#fskills_form ul li h2 {	background: none;margin: 1em 0 1em 0;padding: 0;font-size: 115%;font-weight: bold;}
	
#fskills_form p.eassessmentForms{margin: 0.5em 0 0.5em 0.8em;padding: 0;}
	
#fskills_form li.terms a {text-decoration: underline;}
	
#fskills_form li.terms a:hover {text-decoration: none;}
	
/* ERROR MESSAGES */
	
#error {margin: 10px;display: block;border: 1px solid red;padding: 10px;color: black;font-weight: bold;}
#errormessage{border: 1px solid #a0da69;margin: 0 0 15px 9px;padding: 10px;background-color: #e8f6db;}
#errormessage h2{color: red;padding: 0 0 5px 0;margin: 0;}
#errormessage p{padding:0;margin: 0;font-weight: bold;}
#errormessage p.errormessageInstruct{padding: 0 0 10px 0;font-weight: normal;}

.errorMessage ul li {background: url(/cymru/english/download/asterix_tcm10-1616.gif) no-repeat left center; padding-left: 10px;}

p.unsubscribe img {
	vertical-align: bottom;	
}

#websitesError {
		margin: 5px 0 0 0;
		color: red;
		font-weight: normal;
}

div.uploadfilesfield {padding:8px; background-color:#dfdfdf;}

div.uploadifyQueue {margin:0;}

p.uploadfiles {padding:0;margin:10px 0 0 0;}

.uploadifyQueueItem {
	background-color: #F5F5F5;
	border: 2px solid #E5E5E5;
	margin-top: 5px;
	padding: 5px 10px;
	width: 350px;
	height: 35px;
	min-height: 35px;
}

html>body .uploadifyQueueItem {
	height: auto;
}
.uploadifyError {
	background-color: #FDE5DD !important;
	border: 2px solid #FBCBBC !important;
}
.uploadifyQueueItem .cancel {
	float: right;
	margin: 0;
	padding: 0;
	display: inline-block;
}
.uploadifyQueue .completed {
	background-color: #E5E5E5;
}
/*.uploadifyProgress {
	background-color: #E5E5E5;
	margin-top: 10px;
	width: 100%;
}
.uploadifyProgressBar {
	background-color: #0099FF;
	height: 3px;
	width: 1px;
}*/

.uploadifyProgress {
	display: none;
}
.uploadifyProgressBar {
	display: none;
}

ul.docUpload li {padding:0.4em 0 0.4em 15px; background:url(/cymru/english/download/doc_icon_tcm10-1618.gif) no-repeat 0 0.6em;}