/*
----------------------------------------------------------------------------------------
Structure
----------------------------------------------------------------------------------------
*/
#currentSurvey{padding:60px 40px;background:#1a1a1a;}
	#currentSurvey #surveyHeader_Text{float:left; width:575px;}
	#currentSurvey h1{font-size:2.5em; color:#999; margin-bottom:20px; line-height:1.2em; width:500px;}
	#currentSurvey h4{font-size:1.4em; color:#fff; clear:both; width:500px;}
	#currentSurvey img{margin:60px 0px 0px 0px;}
.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)}
	#enteredText{margin-bottom:30px;}
/*
----------------------------------------------------------------------------------------
Survey
----------------------------------------------------------------------------------------
*/
#frmSurvey{float:left;}
	#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 span.fld span label{color:#CCC;}
		
/*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
----------------------------------------------------------------------------------------
*/
#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; margin: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;}
div#surveyControls{clear:right; float:right;}
#termsConds{display:block; margin-top:20px;}
	#termsConds .fld label{width:370px;}
		#termsConds .fld label input{float:left; margin-right:15px;}
		#termsConds .fld label span{display:block; float:left; width:330px;}
	#termsConds .fld span.err{float:none; clear:both;}
	
#surveypadder {margin: 40px 20px 40px;}

.req {margin-left:5px;}
p.reqfields {display:inline;color:#999999;font-size:1em;}