﻿/* survey landing page */

#divSurveySplash
{
	position: relative;
	height: 300px;
	
}

div.Survey_largepanel {
background:#3D4C61 url(images/survey/surveyBG.gif) no-repeat scroll left bottom;
margin:0 0 0 0;
padding:5px 15px 15px;
width:944px;
}



#divSurveyBanner
{ 
	background: url(images/survey/surveybanner.jpg) top left no-repeat;
	width: 346px;
	height: 299px;
}

#divSurveyTextBox
{
	position: absolute;
	width: 571px;
	height: 147px;
	left: 375px;
	top: 15px;
	background: url(images/survey/surveyTextBG.gif) top left no-repeat;
}


#divSurveyTextBox p
{
	margin: 20px 0px 0px 20px;
	width: 530px;
	text-align: justify;

}



#divRewardsCrap
{
	float: left;
	width: 100px;
}

#divButtonTakeSurvey
{
	float: right;
	margin-left: 0px;
	width: 300px;
}


#divButtons
{
	position: absolute;
	top: 200px;
	left: 620px;
	height: 42px;
	width: 415px;
}






div.survey_question
{
	float: left;
	clear: left;
	padding: 10px;
	font-size: 1.2em;
	width: 600px;
}

/* General Styles */
div.survey_answers
{
	float: left;
	clear: left;
}

div.survey_answers ul
{
	margin-left: 20px;
	list-style-image: none;
	list-style-type: none;
}

div.survey_answers ul li
{
	list-style-image: none;
	list-style-type: none;
	float: left;
}

div.survey_answers ul li textarea.other
{
	margin-left: 25px;
	width: 400px;
	height: 100px;
	padding-left: 0px;
}

div.survey_answers ul li textarea
{
	margin-left: 25px;
	width: 400px;
	height: 50px;
	padding-left: 0px;
}

/* Multiple Choice */
ul.single_rating
{
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: lower-alpha;
	background-color: Red;
}

ul.single_rating li 
{
	padding-bottom: 5px;
	margin-left: 0px;
	padding-left: 0px;
	float: left;
	clear: left;
	width: 500px;
}

ul.single_rating li label
{
	padding-left: 5px;
}


/* Rating Styles */
ul.multi_rating
{
	background-color: green;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

ul.multi_rating li
{
	margin:  0px 0px 0px 0px;
	padding:  0px 0px 0px 0px;
	width: 800px;
	float: left;
	clear: left;
}

div.multi_rating_item_text
{
	font-size: 1.1em;
	float: left;
	clear: left;
	width: 800px;
	margin:  20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

ul.multi_rating_item_values
{
	font-size: 1em;
	float: left;
	margin:  5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 800px;
}

ul.multi_rating_item_values li
{
	float: left;
	clear: none;
	padding: 0px 0px 0px 14px;
	margin: 0px;
	white-space: nowrap;
	width: auto;
}

ul.multi_rating_item_values li label
{
	padding-left: 5px;
}


/* FLOATING CHECKBOX LIST */
ul.checkbox_list_floating
{
	margin-left: 20px;
	width: 600px;
}

ul.checkbox_list_floating li
{
	list-style-image: none;
	list-style-type: none;
	float: left;
}

ul.checkbox_list_floating li label
{
	padding-left: 5px;
}

ul.checkbox_list_floating li.checkbox_no_fillin
{
	width: 280px;
	padding: 5px;
	margin: 0px;
	float: left;
	clear: none;
}

ul.checkbox_list_floating li.checkbox_fillin
{
	width: 580px;
	padding: 5px;
	margin: 0px;
	float: left;
	clear: both;
}

ul.checkbox_list_floating li.checkbox_fillin textarea
{
	width: 460px;
	margin-left: 20px;
	height: 50px;
}


/* RANKING TABLE */
table.ranking_table
{
	margin: 10px 0px 10px 20px;
	border-collapse: collapse;
}

table.ranking_table tr td
{
	width: 50px;
	text-align: center;
	padding-bottom: 10px;
}

table.ranking_table tr td.item_spacer
{
	width: auto;
}

table.ranking_table tr td.item_text
{
	width: 200px;
	text-align: right;
	padding-right: 10px;
	font-weight: bold;
}

table.ranking_table tr.header_row td
{
	font-weight: bold;
	color: #fec000;
}

table.ranking_table tr.header_row td.item_text
{
	width: 200px;
	padding-right: 20px;
}


textarea.fill_in
{
	margin-left: 25px;
	width: 500px;
	height: 100px;
}