body { background-color: #eee; margin: 5px }
body, td { color: #000 }
div.cs__content { text-align: center }
div.cs__content table.cs__main { margin: 0 auto; text-align: left; width: 75% }
form { margin: 0 }
/* Survey title */
.cs__t { display: block }
.cs__t, .cs__t td { font-size: 14pt; text-align: center }
.cs__qctrls, .cs__qtitle { display: block; zoom: 1 }
.cs__qtitle { margin-bottom: 3pt; padding: 2pt }
/* Numbers of questions */
.cs__n { font-weight: bold }
/* Question text */
.cs__reqd { color: red; font-weight: bold }
/* Progress indicator aka pager */
.cs__scale,
/* Single choice */
.cs__sc,
/* Single choice - drop down list */
.cs__scdd,
/* Multiple choices */
.cs__mc,
/* Single line */
.cs__sl,
/* Upload field */
.cs__upl,
/* Text area */
.cs__ta,
/* Matrix */
.cs__m,
/* Comments */
.cs__c,
/* Warnings */
.cs__w,
/* Images */
.cs__img
{
	display: block;
	padding: 5pt;
	text-align: left;
	margin: 0px;
}
.cs__img { text-align: center }
.cs__ta textarea { width: 90% }
.cs__scale { text-align: center; padding-top: 5pt; padding-bottom: 5pt } 
/* page numbers and percentages in pager */
.cs__cpage, .cs__totalpages, .cs__pcount { font-weight: bold } 
/* table that contains the scale */
table.cs__percentage { color: #000; background-color: #eee; margin: auto auto 10px auto; width: 550px }
td.cs__complete, td.cs__complete_single, td.cs__togo, td.cs__togo_single { font-size: 1px; height: 12px }
/* progress bar */
td.cs__complete, td.cs__complete_single { background-color: #ccc; border-style: solid; border-color: #888 }
td.cs__togo, td.cs__togo_single { background-color: #fff; border-style: solid; border-color: #888 }
td.cs__complete { border-width: 1px 0 1px 1px }
td.cs__complete_single { border-width: 1px }
td.cs__togo { border-width: 1px 1px 1px 0 }
td.cs__togo_single { border-width: 1px }
/* Input type=checkbox and radiobutton */
.cs__option { display: block }
.cs__option input { vertical-align: middle }
.cs__option label { cursor: pointer }
.cs__option img.cs__controlimage { margin: 2px 6px 2px 0; vertical-align: middle }
.cs__controlimage { margin: 2px }
/* Additional specs for matrices */
/* Matrix table */
.cs__mtable { border-collapse: collapse; width: 100% }
/* Default cell specification */
.cs__mtable tr td { padding: 5pt; border-width: 1px; /* hack for ie6 */ border-style: dotted !important; border-style: solid; border-color: #aaa }
/* Matrix cells with answer options */
.cs__mtopodd, .cs__mtopeven { text-align: center; vertical-align: middle; background-color: #fff }
/* Matrix questions - the first column in every row, except the first one */
.cs__mleftodd, .cs__mlefteven { text-align: right }
/* empty cell at the top-left */
.cs__mtable tr td.cs__mempty { opacity: 0; filter: alpha(opacity=0); border-style: none !important }
/* Odd row, even column */
.cs__moe,
/* Odd row, odd column */
.cs__moo,
/* Even row, odd column */
.cs__meo,
/* Even row, even column */
.cs__mee {
	text-align: center;
}
/* Different colors */
.cs__mlefteven, .cs__moe, .cs__moo { background-color: #eee }
.cs__mleftodd, .cs__meo, .cs__mee { background-color: #fff }
/* Submit button */
.cs__submit { display: block; text-align: center; margin: 10px 0px 10px 0px }
.cs__submit input { margin: 0 auto }
.cs__powered { font-size: 0.7em; display: block; text-align: right }
.cs__w {
	color: #e00;
	border-style: solid;
	border-width: 1px;
	border-color: #F96B0D;
	background-color: #FAFCB4;
}
textarea { overflow: auto; 	white-space: pre-wrap; }
img.cs__controlimage { width: 20px; height: 20px; cursor: pointer; font-weight: bold; font-family: monospace }

.cs__mtable tr td.cs__left_col { border-right-color: #eee; }
.cs__mtable tr td.cs__inner_col { border-left-color: #eee; border-right-color: #eee; }
.cs__mtable tr td.cs__right_col { border-left-color: #eee; }

.cs__qtbl { border-spacing: 0; border-collapse: collapse; width: 100%; }
.cs__qtbl td, .cs__qtbl th { padding: 0; vertical-align: baseline; }
.cs__qtbl th { white-space: nowrap; }
.cs__qtbl td { width: 100%; }


/* Controls */

.cs__checkbox, .cs__radio {
	position: relative;
}

.cs__checkbox input.cs__converted, 
.cs__radio input.cs__converted {
	position: absolute;
	left: 5px;
	top: 6px;
	margin: 0;
	z-index: 0;
	left: 3px\9;
	top: 4px\9;
}

.cs__checkbox input.cs__inputother, .cs__radio input.cs__inputother {
	position: static;
}

.cs__checkbox label.cs__converted, 
.cs__radio label.cs__converted {
	display: inline-block;
	position: relative;
	z-index: 1;	
	padding: 5px 0 5px 28px;
	cursor: pointer;	
	zoom: 1;
	*display: inline;
	margin: 0;
}

.cs__checkbox label.cs__converted, .cs__radio label.cs__converted {
	background-position: -13px -15px;	
	background-repeat: no-repeat;
}

.cs__nolabel {	
	display: inline-block !important;	
	zoom: 1;
	*display: inline;
	**width: 25px !important;
}
.cs__nolabel label.cs__converted {
	height: 28px;
	padding: 0;
	width: 24px;	
} 

.cs__checkbox label.hover,
.cs__checkbox label.focus,
.cs__radio label.hover,
.cs__radio label.focus {
	background-position: -13px -515px;
}

.cs__checkbox label.checked, 
.cs__radio label.checked {
	background-position: -13px -1015px;
}

.cs__checkbox label.checkedHover, 
.cs__checkbox label.checkedFocus,
.cs__radio label.checkedHover, 
.cs__radio label.checkedFocus
{
	background-position: -13px -1515px;
}
.cs__checkbox label.focus.checked,
.cs__checkbox label.hover.checked,
.cs__radio label.focus.checked,
.cs__radio label.hover.checked 
{
	background-position: -13px -1515px;
	_background-position: -13px -1015px;
}


.cs__checkbox label.focus, 
.cs__radio label.focus {
	/*outline: 1px dotted #ccc;*/
}

.cs__checkbox label.disabled,
.cs__radio label.disabled 
{
	background-position: -13px -2015px;
}

.cs__checkbox label.cs__converted {
	background-image: url(/images/controls/checkbox-gray-blue.png);	 
	_background-image: url(/images/controls/checkbox-gray-blue.gif);
}
.cs__radio label.cs__converted { 
	background-image: url(/images/controls/radio-gray-blue.png);
	_background-image: url(/images/controls/radio-gray-blue.gif); 
}