/* ==================== */
/* = The 1Kb CSS Grid = */
/* ==================== */

.grid_1 {width: 60px;}
.grid_2 {width: 130px;}
.grid_3 {width: 200px;}
.grid_4 {width: 270px;}
.grid_5 {width: 340px;}
.grid_6 {width: 410px;}
.grid_7 {width: 480px;}
.grid_8 {width: 550px;}
.grid_9 {width: 620px;}
.grid_10 {width: 690px;}
.grid_11 {width: 760px;}
.grid_12 {width: 830px;}
.column {margin: 0 5px 0 5px;
         overflow: hidden;
         float: left;
         display: inline;}
.row {width: 840px;
         margin: 0 auto 5px auto;
         overflow: hidden;}
.row .row {margin: 0 -5px 0 -5px;
         width: auto;
         display: inline-block;}

/* *********** End Grid ************** */

/* *********** General Tweaks ******** */

div#app-form {padding: 0;}
div#main_content {margin-bottom: 0;}


/* *********** End General Tweaks **** */

/* *********** Headings ************** */

div#app-form h2 {font-size: 2em; color: #FCEDAF;}
div#app-form h3 {font-size: 1.5em; color: #FCEDAF; font-weight: bold;}
/* *********** End Headings ************** */


/* *********** Global Form CSS ************** */
div#app-form input {padding:2px; vertical-align: baseline;}
div#app-form p, div#app-form label {color: #FCEDAF;  line-height: normal;}
div#app-form input.submit {border:1px solid black; float: right; margin:0 50px 0px 0 ; display: inline; text-align: center;}
div#app-form textarea {font-size:1.2em !important; padding:2px; overflow: auto;}

div#app-form label.error {background-color: yellow; color: red; /*display: inline-block!important;*/ }
div#app-form input.error, div#app-form select.error, div#app-form textarea.error {border: 5px solid yellow!important;}
div#app-form span.error {border: 5px solid yellow}
div#app-form span.checkboxgroup, div#app-form span.radiogroup {display:inline-block;}
div#app-form .radio.error {border:none!important;}

div#app-form div#mst_wrap{display: none} /*Spam trap*/


/* *********** End Global Form CSS ********* */

/* *********** Form layout stuff by section ********* */
/*Because most sections of the form are different... css is applied to each section rather than fighting with it globally*/

	/*CV*/
		div#cv_upload label {width:150px; display:inline-block; margin-bottom: 15px;}
		div#cv_upload input {width: 225px;}

	/*Job details and passport and about_you*/
		div#job_and_passport label, div#about_you label {width:150px; display:inline-block; margin-bottom: 15px;}
		div#job_and_passport label.radio {width:75px; margin-left: 3px; width: auto;}
		div#job_and_passport select#position, div#job_and_passport select#location, div#job_and_passport select#non_eu_passport {width: 225px;}
		div#job_and_passport input#other_passport, div#about_you input {width: 225px;}
		div#about_you {margin-bottom: 20px;}
		
	/*Your Previous Jobs*/
		div#previous_jobs {margin: 20px 0;}
		div#previous_jobs label {width:70px; display:inline-block;}
		div#previous_jobs label.title {width:270px!important; margin-bottom: 15px;}
		div#previous_jobs input {width:90px;}
		div#previous_jobs .date label {width:45px; margin-bottom: 16px;}
		div#previous_jobs .date input {width:65px;}
		div#previous_jobs .salary label {width:50px; margin-bottom: 16px;}
		div#previous_jobs .salary input {width:110px;}
		div#previous_jobs textarea {width:80%; height: 53px;}
		
	/*More about last jobs*/
		div#last_jobs {margin: 20px 0;}
		div#last_jobs label {display:inline-block;}
		div#last_jobs label.notice_period_label {width:425px;}
		div#last_jobs input#notice_period {margin:0 0 10px 10px; width: 353px;}
		div#last_jobs textarea {width: 792px; margin-top: 10px!important;}
		
	/*Education & Qualifications*/
		div#education {margin: 20px 0;}
		div#education label {width:70px; display:inline-block;}
		div#education label.title {width:370px!important; margin-bottom: 15px;}
		div#education .date label {width:45px; margin-bottom: 16px;}
		div#education .date input {width:70px;}
		div#education textarea {width:80%; height: 53px;}
	
	/*When can't you work*/
		div#unavailable_for_work {margin: 20px 0;}
		div#unavailable_for_work label {display: block;}
		div#unavailable_for_work textarea {width: 792px; margin-top: 10px!important;}
		
	/*References*/
		div#references {margin: 20px 0;}
		div#references label {display: inline-block; margin-bottom: 10px;}
		div#references .checkbox {margin-right: 5px;}
		div#references textarea {width:80%; height: 53px;}
		
	/*Agreement (References)*/
		div#agreement_wrapper {margin: 20px 0;}
		div#agreement_wrapper input#agree_ref_date {margin-left:10px; vertical-align: baseline;}
		
	/*Where you from / Ethnic origin*/
		div#ethnic_origin {margin: 20px 0;}
		div#ethnic_origin label {display: inline-block; margin-bottom: 10px;}
		div#ethnic_origin input#origin_other_stated {margin-left:10px;}
		
	/*Nationality & dob*/
		div#nationality_wrapper {margin: 20px 0;}
		div#nationality_wrapper label {display: inline-block; margin-bottom: 5px;}
		
	/*criminal_offence_wrapper*/
		div#criminal_offence_wrapper {margin: 20px 0;}
		div#criminal_offence_wrapper label {display: inline-block; margin-right: 5px;}
		div#criminal_offence_wrapper input#criminal_offences_penalty {width:300px;}
		
	/*pending_prosecutions_wrapper*/
		div#pending_prosecutions_wrapper {margin: 20px 0;}
		div#pending_prosecutions_wrapper label {display: inline-block; margin-right: 5px;}
		div#pending_prosecutions_wrapper input#pending_prosecutions_details {width:300px;}
		
	/*your_health_wrapper*/
		div#your_health_wrapper {margin: 20px 0;}
		div#your_health_wrapper label {display: inline-block; margin:0 0 5px 5px;}
		
	/*final_agreement_wrapper*/
		div#final_agreement_wrapper {margin: 20px 0;}
		div#final_agreement_wrapper label {display: inline-block; margin:0 5px 5px 5px;}
	
		

/* *********** END Form layout stuff ***** */