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

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


.survey_form_container
{
	padding: 10px;
}

/* the main form header */
.survey_form_container h3
{
	color:#545656;
	font-family:'Trebuchet MS',Verdana,Arial;
	font-size:1.3em;
	padding-bottom:10px;
}

/* the div which the survey sits in */
.survey_body
{
	font-family: 'Trebuchet MS', verdana,helvetica,sans-serif;
	color: #454545;
	border: 0px;
}

/* the div which each question sits in */
.survey_question
{
	float: left;
	width: 100px;
	padding: 0 15px 0px 0px;
        margin-top: 0.5em;
	text-align: right;
}

/* the div which a single choice answer sits in */
.survey_answer_single_choice
{
	float: left;
	width: 170px;
        margin-top: 0.5em;
}

.survey_answer_single_choice p 
{
	display: inline;
}

/* the div which a multiple choice answer sits in */
.survey_answer_multiple_choice
{
	float: left;
	width: 170px;
        margin-top: 0.5em;
}


.survey_answer_multiple_choice P
{
        float: left;
        color: #454545;
        margin: 0 8px 3px 0;
}

/* the div which a freeform single line answer sits in */
.survey_answer_freeform_single
{
	float: left;
	width: 170px;
        margin-top: 0.5em;
}

/* the div which a freeform multiline answer sits in */
.survey_answer_freeform_multiline
{
	float: left;
	width: 170px;
        margin-top: 0.5em;
}

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

/* 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
{
	vertical-align: middle;
}

/* the class use for displaying any form validation errors */
.survey_error
{
	color : #FF0000;
	border: 2px solid red;
	padding: 3px;
	text-align: center;
        width: 170px;
        font-size: 0.8em;
        clear: left;
}


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

/* class used for radio buttons */
.survey_radio
{
	vertical-align: middle;
}

/* class used for check buttons */
.survey_checkbox
{
	vertical-align: middle;
}

/* class used for single line text input */
.survey_text_field
{
	width: 170px;
	border: 1px solid #999999;
}

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

/* class used for combo boxes */
.survey_combobox
{
	width: 170px;
        margin-top: 0em;
        font-size: 11px;
border: 1px solid #999999;
}

/* 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/btn_background-on_grey.gif) no-repeat top left;
        width: 77px;
        height: 28px;
        padding-bottom: 7px;
        color: #FFFFFF;
        font-size: 11px;
}

/* class used for the survey form title */
div#flinders_survey_title
{
        padding-top: 10px;
        padding-left: 20px;
        color: #454545;
        font-size: 14px;
        margin-bottom: 10px;
}