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


/* the class for the survey form */
.survey_form
{
}

/* the div which the survey sits in */
.survey_body
{
	width: 100%;
}

/* the div which each question sits in */
.survey_question
{
	color: #737066;
	font-weight: bold;
	float: left;
	margin-top: 4px;
	padding-left: 15px;
}

/* the div which a single choice answer sits in */
.survey_answer_single_choice
{
	float: right;
	padding-right: 15px;
}

.survey_answer_single_choice p 
{
	display: inline;
}


/* the div which a multiple choice answer sits in */
.survey_answer_multiple_choice
{
	float: right;
	padding-right: 15px;
}

.survey_answer_multiple_choice P
{
	margin-top: 2px;
	margin-bottom: 2px;
}

/* the div which a freeform single line answer sits in */
.survey_answer_freeform_single
{
	float: right;
	padding-right: 15px;
	
}

/* the div which a freeform multiline answer sits in */
.survey_answer_freeform_multiline
{
	float: right;
	padding-right: 15px;
}

/* The submit button div */
.survey_submit
{
	float: right;
	margin-top: 10px;
	text-align: right;
	padding-right: 15px;
}

/* 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
{
}

/* 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
{
}

/* the class use for displaying any form validation errors */
.survey_error
{
	border: 2px solid red;
        color: red;
	padding: 3px;
	text-align: center;
}


/*
** 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 single line text input */
.survey_text_field
{
	width: 300px;
	border: 1px solid #999999;
}

/* class used for multiline text input */
.survey_textarea_field
{
	width: 300px;
	border: 1px solid #999999;
}

/* class used for combo boxes */
.survey_combobox
{
	float: left;
}

/* class used for 'other' input (single line) */
.survey_answer_other
{
	border: 1px solid #999999;
}

/* class used for the submit button */
.survey_submit_button
{
	background-color: #e3b73a; 
	color: #333333; 
	font-size: 0.9em;
	border: 1px solid #facc4b;
}