/* This css stylesheet must be included in any template which will contain Survey/EOI */

div.survey_form_container
{
	border-collapse:collapse;
	float:left;
	padding-bottom:10px;
        margin-bottom: 15px;
	width: 630px;
}

div.survey_form_container h3
{
	display: none;
}

/* mandatory information row */
.mandatory_info
{
	padding-bottom: 10px;
}


/* the class for the survey form */
.survey_form
{
	margin-left: 10px;
	color: #666666;
        line-height: 20px;
}

/* the div which the survey sits in */
.survey_body
{
}

/* the div which each question sits in */
.survey_question
{
	width: 300px;
	float: left;
	padding-top: 2px;
	padding-bottom: 2px;
}

/* the div which a single choice answer sits in */
.survey_answer_single_choice
{
white-space: nowrap;
}

.survey_answer_single_choice p
{
display: none;
}

/* the div which a multiple choice answer sits in */
.survey_answer_multiple_choice
{
	width: 312px;
	float: left; 
	padding-top: 2px;
	padding-bottom: 2px;
}

.survey_answer_multiple_choice p
{
	margin: 2px 0px;
}

.survey_answer_multiple_choice input
{
        margin-left: 0px;
}

/* the div which a freeform single line answer sits in */
.survey_answer_freeform_single
{
	width: 314px;
	float: right; 
	color: #666666;
	padding-top: 2px;
	padding-bottom: 2px;
}

/* the div which a freeform multiline answer sits in */
.survey_answer_freeform_multiline
{
	
}

/* the div which a drop down answer sits in */
.survey_answer_select
{
	padding-top: 2px;
	padding-bottom: 2px;
        float: right;
}

/* the div which a drop down answer sits in */
.survey_answer_select_multi
{
	padding-top: 2px;
	padding-bottom: 2px;
	float: right;
}



/* The submit button div */
.survey_submit
{
	width: 603px;
	text-align: right;
}

/* the div where the cutoff html is displayed (survey has closed) */
.survey_cutoff
{
}

/* the div where where the terms and conditions are displayed */
.survey_terms
{	
	width: 605px;
	padding-top: 2px;
	padding-bottom: 2px;

}

/* the div where the user agrees to the terms and conditions */
.survey_terms_agree
{
}

/*
** The follow classes style the various survey elements (text, errors etc) 
*/

/* the class used for displaying the question text */
.survey_question_text
{
}

/* the class used for displaying the answer text */
.survey_answer_text
{
	color: #666666;
}

/* the class use for displaying any form validation errors */
.survey_error
{
	border: 1px solid #CE6D18;
	color: #CE6D18;
	padding: 3px;
	margin-top: 3px;
}


/*
** The follow classes style the form elements (buttons, checkbox's etc 
*/

/* class used for radio buttons */
.survey_radio
{
}

/* class used for check buttons */
.survey_checkbox
{
}

/* class used for select menues */
.survey_select
{
	width: 303px;
	border: 1px solid #999999;
	background-color: #f9f9f9;
	color: #666666;
}

/* class used for select (multi) menues */
.survey_select_multi
{
	width: 303px;
	border: 1px solid #999999;
	background-color: #f9f9f9;
	color: #666666;
        float: right;
}


/* class used for single line text input */
.survey_text_field
{
	width: 300px;
	border: 1px solid #999999;
	background-color: #f9f9f9;
}

/* class used for multiline text input */
.survey_textarea_field
{
	width: 290px;
}

/* class used for 'other' input (single line) */
.survey_answer_other
{
}

/* class used for the submit button */
.survey_submit_button
{
}

/* class used for rbp form survey instruction */
.rbp_form_instruction
{
	padding-left: 200px;
}

/* Hide/Show Land Type */
.hide_land_type
{
	display: none;
}

.show_land_type
{
	display: block;
}

.survey_project_error
{
	margin-left: 302px;
}