/* This css stylesheet must be included in any template which will contain Survey/EOI */

div.survey_form_container
{
	background-color:#F5F5F5;
	border:1px solid #A0A0A0;
	border-collapse:collapse;
	float:left;
	padding-bottom:10px;
        margin-bottom: 15px;
	width: 723px;
}

div.survey_form_container h3
{
	background-color:#737066;
	font-family: "Helvetica Neue Bold Condensed", Helvetica,Arial,sans-serif;
	border-style:none none solid;
	color:#F5F5F5;
	display:block;
	font-size:1.2em;
	font-weight:bold;

	margin:0 0 10px;
	padding:5px 10px;
}

/* 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
{
}

/* the div which a multiple choice answer sits in */
.survey_answer_multiple_choice
{
	width: 300px;
	float: left; 
	padding-top: 2px;
	padding-bottom: 2px;
}

.survey_answer_multiple_choice input
{
        margin-left: 0px;
}

/* the div which a freeform single line answer sits in */
.survey_answer_freeform_single
{
	width: 303px;
	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;
}



/* 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
{
}

/* 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;
}

/* special case: sponsorship application form */
form#F7007_AF49_09B2_68AC table
{
	width: 98%;
}

form#F7007_AF49_09B2_68AC textarea
{
	width: 303px;
	float: right;
	background-color: #f9f9f9;
	border: 1px solid #999999;
}

/*form#F7007_AF49_09B2_68AC .survey_answer_multiple_choice
{
	margin-left: 90px;
}*/

form#F7007_AF49_09B2_68AC .survey_answer_single_choice
{
	float: left;
}

form#F7007_AF49_09B2_68AC div.survey_question
{
	width: 390px;
	float: left;
}

form#F7007_AF49_09B2_68AC .survey_answer_single_choice input
{
	float: left;
	clear: left;
}

form#F7007_AF49_09B2_68AC .survey_answer_single_choice label
{
	float: left;
	width: 280px;
}
