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.9em; display: block; text-align: center }
.cs__w {
	color: #e00;
	border-style: solid;
	border-width: 1px;
	border-color: #F96B0D;
	background-color: #FAFCB4;
}
textarea { overflow: auto }
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; }