body {
	font: 12px sans-serif;
}
.bold {
	font-weight: bold;
}
ul.surveyList {
	list-style-type: none;
	width: 300px;
}
ul.surveyList li {
	padding: 1px;
	background: white;
}
ul.surveyList li.odd {
	background: #EEE;
}
ul.surveyList span {
	float: left;
	width: 200px;
}

table.surveyTable thead {
	background: #CCC;
}
table.surveyTable {
	width: 90%;
	margin: auto;
}
table.surveyTable tr.odd {
	background: #EEE;
}

div.questionDiv {
	display: none;
	position: fixed;
	background: black;
	padding: 10px;
	color: white;
	border: 1px solid gray;
	filter: alpha(opacity = 80);
	opacity: 0.8;
	min-width: 250px;
	left: 300px;
	top: 100px;
	text-decoration:none;
}
div.questionDiv span {
	font-weight: bold;
	padding-left:5px;
}
a.surveyStats {
	color: #FF9933;
}
a.surveyStats:hover div.questionDiv {
	display: block;
}

p.infoBox { background: #FFFFCC; border: 1px solid #EEE; padding: 10px; }
div.formError {
	color: gray;
	display: none;
	background: #FFFFCC;
	border: 1px solid #EEE;
	padding: 3px 10px;
	margin-top: 1em;
	clear: both;
}

.surveyError { clear:both; }
.errorActive {
	border:1px solid #CCC;
	background:#FCFCFC;
	padding: 5px;
}
.errorActive .formError {
	display: block !important;
}

form.editSurvey { line-height: 1.6; }
form.editSurvey .heading { float: left; width: 150px; margin: 5px 0; }
form.editSurvey input,
form.editSurvey select { display: inline; margin: 5px;  }
form.editSurvey select { min-width: 100px; }
form.editSurvey table { width: 95%; border-collapse: collapse; margin: auto; }
form.editSurvey table th { background: #EEE; }
form.editSurvey table td { padding: 3px; }
form.editSurvey table input { margin: auto; width: 95%; }
form.editSurvey table select { margin: auto; }
form.editSurvey table textarea { margin: auto; width: 95%;  font: 12px sans-serif; }
form.editSurvey table tr,
form.editSurvey table th,
form.editSurvey table td { border: 1px solid #CCC; text-align: center; vertical-align: top; }
form.editSurvey table input[type=submit] { width: auto; background: white; border: none; color: blue; text-decoration:underline; }
form.editSurvey table input[type=submit]:hover { cursor: pointer; color:#CC6600 }
form.editSurvey div.bottomButtons { text-align: right; padding: 10px 4em; }

form.editSurvey input[type='checkbox'] { vertical-align: middle; margin: 0 5px 0 0; padding: 0; }
form.editSurvey .checkboxLabel { display: inline; margin: 0; padding: 0; }

	/* column widths */
form.editSurvey table .td1 { width: 20px; }
form.editSurvey table .td2 { width: 300px; }
form.editSurvey table .td3 { width: 200px; }
form.editSurvey table .td4 { width: 100px; }
form.editSurvey table .td5 { width: 80px; }


.ui-slider { width: 150px; height: 20px; position: relative; background-repeat: no-repeat; background-position: center center; }
.ui-slider-handle { position: absolute; z-index: 1; height: 19px; width: 20px; background-image: url("../images/selector.png");  }
.ui-slider-disabled .ui-slider-handle { opacity: 0.5; filter: alpha(opacity=50); }
.ui-slider-range { position: absolute; background: #50A029; opacity: 0.3; filter: alpha(opacity=30); width: 100%; height: 100%; }
.ui-slider, form.largeSurvey .ui-slider-1 { background-image: url("../images/slider_line.gif"); }
.ui-slider-2 { background-image: url("../images/slider_line.gif"); }

/*-------  largeSurvey class  --------*/
.largeSurvey { padding: 0; margin: 0; }
.largeSurvey > div { padding: 10px 10px; margin: 0; }

.largeSurvey select { margin: 0 0 0 1em; }

.largeSurvey .qIndex  { margin: 0 5px 1em 0; float: left; }
.largeSurvey .heading { margin: 0 0 1em 0; display: block; }

	/* CHECKBOX element  */
.largeSurvey input[type='checkbox'] { vertical-align: middle; margin: 0 5px 0 0; padding: 0; }
.largeSurvey .checkboxLabel { display: block; margin: 0; padding: 0; }
	/* RADIO element */
.largeSurvey input[type='radio'] { margin: 0 5px 0 1em; padding: 0; vertical-align: middle; }
.largeSurvey .radioLabel { display: block; margin: 0; padding: 3px 0; }
.largeSurvey .radioLabel:hover { color: #FF9933; font-weight: bold }
	/* COMMENT element */
.largeSurvey .comment { margin: 1em 0 0 1em; width: 400px; }
.largeSurvey .commentYesNo { margin: 0; padding: 0; }
.largeSurvey .commentYesNo:hover { color: #FF9933; }
	/* SLIDER element */
.largeSurvey .sliderValue { float: left; border: 1px solid #EEE; text-align: center; min-width: 30px; padding: 1px 10px; margin: 0 2em; }
.largeSurvey .ui-slider, .largeSurvey .ui-slider-1 { float:left; width: 200px; }
.largeSurvey .slider:hover .sliderHeading { color: #FF9933; font-weight: bold }

.largeSurvey .checkboxList .checkboxLabel { margin: 0 1em; }
.largeSurvey .checkboxList .checkboxLabel:hover { color: #FF9933; font-weight: bold }
/*.largeSurvey textarea { margin-left:0.5em; height: 80px; width:400px; font:font:14px sans-serif; }*/

/*-------  Newsletter class  --------*/
.newsLetter { padding: 0; }
.newsLetter > div { padding: 10px 10px; }

.newsLetter .qIndex  { margin: 0 5px 1em 0; float: left; width: 140px; }
.newsLetter .heading { margin: 0 0 1em 0; float: left; width: 140px; vertical-align: middle; }
.newsLetter .slider { margin: 0; clear: right; width: 100px; height: 20px;}

.newsLetter input{ width: 180px; margin: 0; padding: 0; }
.newsLetter input[type='checkbox'] { vertical-align: middle; width: auto; margin: 0 5px; }
.newsLetter .checkboxLabel { margin: 0 2em 0 0; padding: 0; }

.newsLetter input[type='radio'] { vertical-align: middle; width: auto; margin: 0 5px; }

/*-------  normalSurvey class  --------*/
.normalSurvey { padding: 0; width: auto}
.normalSurvey > div { padding: 10px; }

.normalSurvey .qIndex  { margin: 0 5px 1em 0; float: left; width: 140px; }
.normalSurvey .heading { margin: 0 0 1em 0; float: left; width: 140px; vertical-align: middle; }
.normalSurvey .slider { margin: 0; clear: right; width: 100px; height: 20px;}

.normalSurvey input{ width: 180px; margin: 0; padding: 0; }
.normalSurvey input[type='checkbox'] { vertical-align: middle; width: auto; margin: 0 5px; }
.normalSurvey .checkboxLabel { margin: 0 2em 0 0; padding: 0; }

.normalSurvey input[type='radio'] { vertical-align: middle; width: auto; margin: 0 5px; }

/*-------  Special control containers  --------*/
div.compactList { margin: 0; }
div.compactList > div { padding: 5px; }
div.compactList .heading { margin: 2px 1em; width: 100px; float: left; }
div.compactList select { display: inline; }

div.rateList { margin: 0; padding: 10px 2em; width: 450px; }
div.rateList label { line-height: 2em; }
div.rateList input { float: right; margin: 2px 0; }
div.rateList label { padding: 0 1em }
div.rateList > div:hover { color: white; font-weight: bold; }
div.rateList > div > input { background: #CCC; border-width: 1px; margin-right: 0.5em; }
div.rateList > div > input:hover { color: #FF9900; cursor: pointer; }

div.sliderList { margin: 0 0 1em 1em; }
div.sliderList > div { min-height: 20px; width: 100%; }
div.sliderList .sliderHeading { float: left; width: 230px; }

ul.rateList { list-style: none; }
ul.rateList * { cursor: pointer; }
ul.rateList li { background: #CCC; color: black; width: 300px; margin: 1px 5px; padding: 3px; font-size: 11px; padding-left: 10px; }
/*ul.rateList li { background: #727EA3; color: #FFF; width: 250px; margin: 1px 5px; padding: 3px; }*/
.rlHolder { border: 1px solid black !important; }

div.shortList { margin: 0; }
div.shortList > div { padding: 5px; }
div.shortList .heading { margin: 2px 1em; float: left; }
div.shortList select { display: inline; }







#newsletterBox div label.checkboxLabel {
	display: block;
	margin-left: 140px;
}