/*
----------------------------------------------------------------------------------------
Structure
----------------------------------------------------------------------------------------
*/
#currentSurvey{padding:0px 20px;}
	#currentSurvey #surveyHeader_Text{float:left; width:540px;}
	#currentSurvey h1{font-size:2.8em; margin-bottom:20px; line-height:1.2em;}
	#currentSurvey h4{font-size:1.6em; clear:both;}
	#currentSurvey img{float:right;}
	.panel{border-left:none;}
	a.dyBox_TextOnlyLink{color:#FFF; background:transparent url(/images/icons/arrow_w.png) no-repeat scroll left 6px;}
	a.dyBox_TextOnlyLink:hover, a.dyBox_TextOnlyLink:focus{color:#999; background-image:url(/images/icons/arrow.png)}
	hr.colour1{display:block; color:#333 !important;}
	.marginBottom10{margin-bottom:10px;}
	.marginBottom20{margin-bottom:20px;}
	.marginTop20{margin-top:20px;}
	.paddingRight20{padding-right:20px;}
	.colour1{color:#FFF !important;}
	.colour2{color:#999 !important;}
		.colour2 label{color:#999 !important;}
	.fontBold{font-weight:bold;}
	.column1{width:190px;}
	.column2{width:380px;}
	.columnHalf{width:480px;}
	.underlined{text-decoration:underline;}
	.centered{display:block; margin-left:auto; margin-right:auto; text-align:center;}
	.block{display:block;}
	.fRight{float:right !important;}
	.fLeft{float:left !important;}
	.fNone{float:none !important;}
/*
----------------------------------------------------------------------------------------
Survey
----------------------------------------------------------------------------------------
*/
#frmSurvey{width:100%; clear:both;}
	#frmSurvey span.fld{clear:both;}
		#frmSurvey span.fld label{color:#FFF; font-weight:normal; margin:0px; font-size:1.2em;}
		#frmSurvey span.fld input{margin:1px 0px 0px 0px;}
		#frmSurvey span.fld span{margin:0px;}
			#frmSurvey .fld span label, .colour2 .fld span label{color:#CCC !important;}
		
/*Adding dynamic height to the fields - this allows us to add margin values to the fields. Otherwise the browsers don't know how big the span.fld aree is (same as adding .clear class)*/
#frmSurvey span.fld { display: inline-block; }   
#frmSurvey span.fld:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html #frmSurvey span.fld{ height: 1%; }
#frmSurvey span.fld { display: block; }
	#frmSurvey .fld .err{clear:both;}
	
/*
----------------------------------------------------------------------------------------
Survey specifics - delete or amend when changing the survey
----------------------------------------------------------------------------------------
*/
/*Chicago airport*/
.compWin{background:url("/images/survey/comp_Win.jpg") no-repeat right top;}
	.termsConds .dyBox_TextOnlyLink{display:inline; clear:both; background:none; color:#999; text-decoration:underline; /*float:left;*/ padding-right:3px;}
		.termsConds .dyBox_TextOnlyLink:hover, .termsConds .dyBox_TextOnlyLink:focus{background:none; color:#FFF;}
		#lightbox_Flash.textBox ol li{font-size:1.2em;}
#questions{margin:20px 20px 0px 0px; width:350px; float:left;}
	#questions .fld{margin-bottom:15px;}
		#questions .fld label{padding-bottom:5px;}
		#questions .fld span label{width:120px; padding-bottom:1px;}
		#questions .fld span input{float:right}
	#questions h4{margin-top:40px;}
#personalDetails{float:right; width:400px; margin:20px 0px 0px;}
	#personalDetails .fld label{width:140px;}
	#personalDetails .fld input, #personalDetails .fld textarea, #personalDetails .fld select{clear:none; float:left;}
		#personalDetails .fld textarea{width:210px; margin-top:0px;}
#surveyControls{clear:right; float:right; margin-right:307px;}
.termsConds{display:block; margin-top:20px;}
	.termsConds a{text-decoration:underline;}
	.termsConds .fld label{width:370px !important;}
		.termsConds .fld label input{float:left; margin-right:15px !important;}
		.termsConds .fld label span{display:block; float:left; width:330px;}
	.termsConds .fld span.err{float:none; clear:both;}
	

/*Universal Studios*/
#survey_universalstudios{padding:0px 20px;}
	#survey_universalstudios .compWin{background:url("/images/survey/universalStudios/comp_Win.jpg") no-repeat right top;}
	#survey_universalstudios #surveyHeader_Text{float:left; width:540px;}
	#survey_universalstudios h1{font-size:2.8em; margin-bottom:20px; line-height:1.2em;}
	#survey_universalstudios h4{font-size:1.6em; clear:both;}
	#survey_universalstudios img{float:right;}

#survey_universalstudios #imgContinue{margin-top:30px;}
