.survey #form input[type=checkbox], .survey #form input[type=radio], .survey #form label { color:#555555; }

.survey #form { width:100%; padding:0px; }

.survey #intro { background:#fff; border-bottom:1px solid #e7e7e8; }

.survey #register-form { margin-top:-290px; }
.survey #register-form .container.form-column { padding:60px 70px; margin-top:30px; }

.survey #register-background { height:290px; }

.survey form .progressbar .background {
	background-color:#eee;
	height:15px;
	width:100%;
}

.survey form .progressbar .bar {
	background-color:#85b42f;
	height:15px;
}

.survey .progressbar p {
	text-align:right;
	color:#85b42f;
	font-size:12px;
	line-height:16px;
	margin-top:0px;
	margin-bottom:20px;
}

.survey .buttons {
	margin-top:30px;
	text-align:right;
}

.survey .field {
	margin-top:20px;
}

.survey #questions table.label {
	border-bottom:1px solid #e7e7e8;
	margin-bottom:20px;
}
	.survey #questions table.label p { margin-top:5px; }

.survey div.error span { display:inline; }

.survey .validation { color:#cb2035; font-size:14px; }
.survey .validation p { margin-bottom:0px; }

.survey footer { overflow:hidden; }
.survey footer section { width:100%; float:none; }
.survey footer a, .survey .footer p { float:left; margin-right:25px; }

.survey #nz-govt-logo { padding-top:20px; }
.survey footer p { padding-top:17px; }
.survey footer .contact-link { float:right !important; padding-top:17px; }
.survey footer .contact-link:hover { text-decoration:underline; }

/*basic inputs*/
#form input[type=checkbox], #form input[type=radio], #form label { cursor:pointer; color:#333; }

#form input[type=text], #form textarea, #form select,
#form-feedback input[type=text], #form-feedback textarea, #form-feedback select 
{ background:#FFF; color:#333; padding:10px 18px; width:100%; border:1px solid #ddd; outline:none; border-radius:0;
transition: border-color ease-in-out 0.15s; font-size: 16px; }

	#form select { -webkit-appearance: none; }
	#form select option { background-color: #FFF; }

	#form input[type=text]:focus, #form textarea:focus, #form select:focus,
	#form-feedback input[type=text]:focus, #form-feedback textarea:focus, #form-feedback select:focus { background: #F5F5F5; border-color: #555555;}

	.survey .checkboxlist.other input[type='text'] { margin:0px; margin-top:15px; }

/*Checkbox/Radio inputs*/
.survey #questions .survey-answer { position:relative; overflow:hidden; }
	
	#questions input[type="checkbox"],
	#questions input[type="radio"] { position:absolute; top:0; left:-20px;}
	
	#questions input[type="checkbox"] + label,
	#questions input[type="radio"] + label { margin:0 15px 0 0; font-size:15px; line-height:24px; padding:0 0 0 30px; position:relative; }
	
	#questions input[type="radio"] + label:before, #questions input[type="radio"] + label:after,
	#questions input[type="checkbox"] + label:before {
	content: ""; position: absolute;  display: block; background: #FFFFFF; border-radius: 100px; }
	
	#questions input[type="radio"] + label:before,
	#questions input[type="checkbox"] + label:before { width: 18px; height: 18px; border: 1px solid #999999; left: 0px; top: 1px;  }
	#questions input[type="radio"] + label:after { width: 8px; height: 8px; left: 5px; top: 6px; }
	
	#questions input[type="checkbox"] + label:before { line-height: 18px; font-size: 12px; text-align: center; 
	color: #FFFFFF; font-family: Fontello; content: "\e825"; border-radius:0; }
	
	/* Hover */
	#questions input[type="radio"] + label:hover:before,
	#questions input[type="checkbox"] + label:hover:before { background-color: #c2c2c2; }
	
	/* Checked */
	#questions input[type="radio"]:checked + label:before,
	#questions input[type="checkbox"]:checked + label:before { border-color: #111111; background-color: #111111; }
	
	/*SELECT RATING CHECKBOXES AND RADIO BUTTONS*/
	.selectquestion.rating input[type="radio"] { position:relative !important; left: 50% !important; transform: translateX(-100%) !important;}
	.selectquestion.rating input[type="radio"]:before, .selectquestion.rating input[type="radio"]:after {
	content: ""; position: absolute;  display: block; background: #FFFFFF; border-radius: 100px; }
	.selectquestion.rating input[type="radio"]:before { width: 18px; height: 18px; border: 1px solid #999999; left: -3px; top: 0px; }
	.selectquestion.rating input[type="radio"]:after { width: 8px; height: 8px; left: 2px; top: 5px; }
	/* Hover */
	.selectquestion.rating input[type="radio"]:hover:before { background-color: #c2c2c2; }
	/* Checked */
	.selectquestion.rating input[type="radio"]:checked:before { border-color: #111111; background-color: #111111; }
	.selectquestion.rating .radiolist th {font-size:15px; line-height:24px; font-weight:normal;}
	/*ENDS*********/
	
	/*RANKING GROUP CHECKBOXES AND RADIO BUTTONS*/
	.rankinggroup input[type="radio"] { position:relative !important; left: 50% !important; transform: translateX(-100%) !important;}
	.rankinggroup input[type="radio"]:before, .rankinggroup input[type="radio"]:after {
	content: ""; position: absolute;  display: block; background: #FFFFFF; border-radius: 100px; }
	.rankinggroup input[type="radio"]:before { width: 18px; height: 18px; border: 1px solid #999999; left: -3px; top: 0px; }
	.rankinggroup input[type="radio"]:after { width: 8px; height: 8px; left: 2px; top: 5px; }
	/* Hover */
	.rankinggroup input[type="radio"]:hover:before { background-color: #c2c2c2; }
	/* Checked */
	.rankinggroup input[type="radio"]:checked:before { border-color: #111111; background-color: #111111; }
	.rankinggroup .radiolist th {font-size:15px; line-height:24px; font-weight:normal;}
	/*ENDS*********/
	
	/*RADIO LIST RADIO BUTTONS*/
	.radiolist.selectgroup input[type="radio"] { position:relative !important; left: 50% !important; transform: translateX(-100%) !important;}
	.radiolist.selectgroup input[type="radio"]:before, .radiolist.selectgroup input[type="radio"]:after {
	content: ""; position: absolute;  display: block; background: #FFFFFF; border-radius: 100px; }
	.radiolist.selectgroup input[type="radio"]:before { width: 18px; height: 18px; border: 1px solid #999999; left: -3px; top: 0px; }
	.radiolist.selectgroup input[type="radio"]:after { width: 8px; height: 8px; left: 2px; top: 5px; }
	/* Hover */
	.radiolist.selectgroup input[type="radio"]:hover:before { background-color: #c2c2c2; }
	/* Checked */
	.radiolist.selectgroup input[type="radio"]:checked:before { border-color: #111111; background-color: #111111; }
	.radiolist.selectgroup th {font-size:15px; line-height:24px; font-weight:normal;}
	/*ENDS*********/
	
	.textboxlist th { text-align:left !important; font-weight:normal !important; }
	
.survey form table.label .question { width:94%; }

.buttons a.submit-button.engage-save-button { background:none; border:none; padding:0px; float:left; }

@media (max-width: 1170px) {
	.survey #form {
		width:96% !important;
		margin:auto !important;
	}	
}

@media (max-width: 767px) {
	header {
		overflow:inherit !important; clear:both !important;
	}
	.survey #register-form .container.form-column { padding:20px; }

	.survey footer { text-align:center !important; }
	.survey footer a, .survey .footer p { float:none; margin-right:0px; display:block; }
	.survey footer .contact-link { float:none !important; padding-top:0x; margin-bottom:20px; }
	.survey form table.label .question { width:91%; }
	
	.survey #register-form { margin-top:0px !important; }
	
	.buttons a.submit-button.engage-save-button { margin-top:-9px !important; }
	
	/*survey mob optimisation*/
	table.radiolist.selectgroup { display:block !important; width:100% !important; }
	table.radiolist.selectgroup thead { display:none !important; }
	table.radiolist.selectgroup tbody tr { display:block !important; width:100% !important; }
	table.radiolist.selectgroup tbody tr td { display:block; width:100% !important; margin:5px 0px !important; text-align:left !important; border:none !important; background:none !important; }
	table.radiolist.selectgroup tbody tr td input[type="radio"] { display:none !important; }
	table.radiolist.selectgroup tbody tr td .mobile-label { display:inline-block !important; }
	
	.selectgroup.radiolist tbody th { border:none !important; background:none !important; font-weight:bold; }
	
	table.radiolist.selectgroup tbody tr th { padding:10px 0px; }
	
	table.selectquestion.rating { display:block !important; width:100% !important; }
	table.selectquestion.rating thead { display:none !important; }
	table.selectquestion.rating tbody tr { display:block !important; width:100% !important; }
	table.selectquestion.rating tbody tr td { display:block; width:100% !important; margin:5px 0px !important; text-align:left !important; border:none !important; }
	table.selectquestion.rating tbody tr td input[type="radio"] { display:none !important; }
	table.selectquestion.rating tbody tr td .mobile-label { display:inline-block !important; }
	
	
	.selectquestion.rating.vertical tbody tr th { display:block; width:100% !important; margin:5px 0px !important; text-align:left !important; border:none !important; }
	
	table.checkboxlist.selectgroup { display:block !important; width:100% !important; }
	table.checkboxlist.selectgroup thead { display:none !important; }
	table.checkboxlist.selectgroup tbody tr { display:block !important; width:100% !important; }
	table.checkboxlist.selectgroup tbody tr td { display:block; width:100% !important; margin:5px 0px !important; text-align:left !important; border:none !important; background:none !important; }
	table.checkboxlist.selectgroup tbody tr td input[type="radio"] { display:none !important; }
	table.checkboxlist.selectgroup tbody tr td .mobile-label { display:inline-block !important; }
	
	table.checkboxlist.selectgroup tbody tr th { padding:10px 0px; border:none; display:block; width:100%; background:none; font-weight:bold; }
	table.checkboxlist.selectgroup.checkboxlist tbody .alt th { background:none; }
}