/* html and body styling */
body, html { 
	margin: 0px auto; 
	padding: 0px auto; 
}

body {
	background-color: #d4e4cd;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 9pt;
	color: #565656;
}

/* containers */
#survey_container {
	background-color: #FFFFFF; 
	display:block; 
	width:600px; 
	margin:0 auto;
	padding:15px;
	margin:20px auto;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 1px 3px #AAAAAA;
}

#survey_progress_bar_container		{ margin-bottom:30px; height:24px; position:relative; }

/* questions */
.survey_question_title {
	font-weight: bold;
	font-size: 10pt;
}

.survey_section_title {
	font-size: 11pt;
	font-weight: bold;
}

.survey_section_description {
	margin-top: 10px;
	margin-bottom: 20px;
}

.survey_question {
	background-color: #EFEFEF;
	border: 1px solid #BBBBBB;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-top: 10px;
	padding: 10px;
	font-size: 10pt;
}

.survey_question_hint {
	padding-top: 10px;
	color: #999;
	font-size: 8pt;
}

/* navigation */
.survey_page_navigation {
	margin:15px 0px;
}

.survey_previous_page_button, .survey_next_page_button {
	border: 1px solid #AAAAAA;
	background: #EEEEEE -webkit-gradient(linear, left top, left bottom, from(#EEEEEE), to(#CCCCCC));
	background-image: -moz-linear-gradient(top, #EEEEEE, #CCCCCC);
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	padding: 4px 10px 5px 10px;
	text-shadow: 0px 1px 0px #FFFFFF;
}

.survey_previous_page_button:active, .survey_next_page_button:active {
	background: #BBBBBB -webkit-gradient(linear, left top, left bottom, from(#CCCCCC), to(#EEEEEE));
	background-image: -moz-linear-gradient(top, #CCCCCC, #EEEEEE);
}

/* form elements */

#survey_submit {
	border: 1px solid #68901e;
	background: #d5fb6e -webkit-gradient(linear, left top, left bottom, from(#d5fb6e), to(#95dd19));
	background-image: -moz-linear-gradient(top, #d5fb6e, #95dd19);
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	padding: 4px 10px 5px 10px;
	text-shadow: #dbfca2 0 1px 0;
	margin-top: 10px;
}

li.textarea textarea {
	width:80%;
	height:90px;
}

.survey_question_answer li.text input {
	width:80%;
}

ul.horizontal li {
	margin-right:10px;
}

ul {
	margin: 0px;
	margin-left: 20px;
	margin-top: 10px;
	padding: 0px;
}

#survey_submit:active {
	background: #d5fb6e -webkit-gradient(linear, left top, left bottom, from(#95dd19), to(#d5fb6e));
	background-image: -moz-linear-gradient(top, #95dd19, #d5fb6e);
}

/* progress bar */
.survey_progress_bar_box {
	float:left; 
	display:block; 
	height:20px; 
	margin:2px 0px; 
	border:1px solid #cccccc;
	background-color:#f4f4f4; 
}

.survey_progress_bar_box_active {
	float:left;
	height:24px;
	display:block;
	border: 1px solid #91c560;
	background-color: #d4ff76;
}
.survey_progress_bar_box_visited {
	float:left;
	display:block;
	height:20px;
	margin:2px 0px;
	border: 1px solid #9ac56d;
	background-color: #d4ff76;
}

/* This was used for percentages
.progress_bar_percentages			{ position:absolute; top:30px; width:40px; text-align:center; margin-left:-20px; display:block; }*/
.progress_bar_percentages			{ text-align:center; display:block; padding:1px; }

/* Typography */

.survey_title {
	font-size: 16pt;
	color: #5c8313;
	margin-bottom: 5px;
}

.survey_description {
	font-weight: bold;
	margin: 20px 0px;
}