/* 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: 640px;
}

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

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

.survey_answer_single_choice p 
{
	display: inline;
}

/* the div which a multiple choice answer sits in */
.survey_answer_multiple_choice
{
	float: left;
	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: left;
	padding-right: 15px;
}

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

/* the div which a drop down answer sits in */
.survey_answer_drop_down
{
	float: left;
	padding-right: 15px;
}
.survey_answer_drop_down select
{
	color: #737066;
	width: 190px;
}

/* 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
{
	color : #FF0000;
	border: 2px solid red;
	padding: 3px;
	text-align: center;
	width: 190px;
}


/*
** 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: 190px;
	border: 1px solid #999999;
	color: #737066;
	font-size: 11px;
}

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

/* class used for combo boxes */
.survey_combobox
{
	width: 190px;
	color: #737066;
}

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

/* class used for the submit button */
.survey_submit_button
{
	border: 0px;
	background: url(/_image/common/buttons/btn_background.gif) no-repeat top left;
        width: 77px;
        height: 28px;
        padding-bottom: 7px;
        color: #FFFFFF;
}