html, body { background:#f0f0f0; font-family: 'Museo', Arial, sans-serif; color:#000; height: 100%; }

img { max-width:100%; display:inline-block; height:auto; }

.container { max-width:640px; margin:0 auto; background:#fff; }

p, ul { font-size:16px; line-height:24px; margin:0 0 10px; }
	
h1 { font-size:30px; line-height:34px; color:#00A492; margin:0 0 10px; }

ul#fields, #FormFields ul { list-style:none; margin:0; padding:0; }

footer { background:#00A492; padding:20px 40px; }

.terms { padding:20px 40px;  }
.terms p { font-size:10px; line-height:14px; margin:0; }

.content { padding:40px; }

#IntroText { margin-bottom:40px; }

.field { margin-bottom:20px; }

.field-text p { margin:0 0 5px; }

.field-text span.required { color:#00A492; }

.content-block, #Recevie_my_documents_by_post { margin-top:40px; }

img.ui-datepicker-trigger { position:absolute; right:10px; top:7px; }
em.format { display:none; }

.qq-upload-button { position:relative !important; box-shadow:none !important; height:29px !important; }

input[type=text], textarea, select { font-family: 'Museo', Arial, sans-serif; width:100%; box-sizing:border-box; border:1px solid #000; box-shadow:none; font-size:16px; line-height:20px; padding:10px; color:#000; -webkit-appearance:none; -moz-appearance:none; border-radius:3px; }
input[type=text]:focus, textarea:focus, select:focus { outline:none; }


.booleanfield td { padding-right:40px; }

/* To allow for the positioned checkbox / radio */
.field td, .survey-answer td, .selectquestion.other, .field-value { position:relative; }

/* Move this old element out of the way */
input[type=checkbox], input[type=radio] { position:absolute; top:0; left:0; opacity:0; }

/* Add in replacement, not supported in IE7 and below */
input[type=checkbox] + label:before, input[type=radio] + label:before {
	content: "";
	display:block;
	float:left;
	border:1px solid #3B3B3B;
	box-sizing: border-box;
	width:36px;
	height:36px;
	border-radius:4px;
	margin-left:-50px;
}

input[type=checkbox]:checked + label:before, 
input[type=radio]:checked + label:before { background:url(checkbox-select.png) no-repeat center center; }

label { display:block; font-size:16px; line-height:36px; margin-left:50px; color:#000; }

.buttons { margin-top:30px; }

.btn-style { display:inline-block; line-height:40px; border-radius:20px; padding:0 30px; font-size:16px; font-weight:bold; color:#000; text-decoration:none; cursor:pointer; background:#FFC60B; }
.btn-style:hover, .btn-style.selected { box-shadow: 0 8px 6px -6px black; }

#First_name_1, #Last_name_1 { width:270px; }

#First_name_1 { float:left; }
#Last_name_1 { float:right; }
#Date_of_birth { clear:both; }

.field .error { font-size:12px; line-height:16px; color:red; }

@media only screen and (max-width: 599px) {
	#First_name_1, #Last_name_1 { width:100%; float:none; }
}