body {
	margin: 1.5em;
}

form.survey {
	
}

label{
	cursor:pointer;
}

div.question {
	/*text-align: justify;*/
	padding: 0;
}
td.questionNr {
	vertical-align: top;
}
table.horizontalRadio, table.verticalRadio, table.horizontalCheckBox, table.verticalCheckBox, table.matrix {
}

p {
	margin: 0px;
}

/*
** ...Answer only for position
*/
div.textAreaAnswer,div.textAnswer,div.numericAnswer,div.radioAnswer,div.checkBoxAnswer,div.selectAnswer,div.rankingAnswer,div.matrixAnswer,div.dateAnswer {
	padding: .5em;
	/*margin-left: 3em;
        margin-top: 1em;*/
}

div.textQuestionText,div.textAnswer,div.numericQuestionText,div.numericAnswer
	{ /*display: inline;*/
	
}

/*	
**	TEXT Questions
*/
div.textQuestionText {
	
}

/*	
**	TEXTAREA Questions
*/
div.textAreaQuestionText {
	
}

/*	
**	NUMERIC Questions
*/
div.numericQuestionText {
	
}

/*	
**	RADIO Questions
*/
div.radioQuestionText {
	
}

table.horizontalRadio {

}

tr.horizontalRadioInput {
	
}

tr.horizontalRadioTopLabel {
	
}

td.horizontalRadioTopLabel,td.horizontalRadioTopLabelInput {
	text-align: center;
	vertical-align: bottom;
}

tr.horizontalRadioBottomLabel {
	
}

td.horizontalRadioBottomLabel,td.horizontalRadioBottomLabelInput {
	text-align: center;
	vertical-align: top;
}

td.horizontalRadioLeftLabel,td.horizontalRadioLeftLabelInput {
	text-align: right;
	vertical-align: middle;
}

td.horizontalRadioRightLabel,td.horizontalRadioRightLabelInput {
	text-align: left;
	vertical-align: middle;
}

table.verticalRadio {
	
}

tr.verticalRadioInput {
	
}

td.verticalRadioLeftLabel,td.verticalRadioLeftLabelInput {
	text-align: right;
	vertical-align: middle;
}

td.verticalRadioOtherLabel,td.verticalRadioOtherLabelInput {
	text-align: left;
	vertical-align: middle;
}

/*	
**	SELECT Questions
*/
div.selectQuestionText {
	/*display: inline;*/
}

/*	
**	Additional text field for:
**	RADIO Questions,
**	SELECT Questions
*/

div.withText {
	margin-top: 1em;
}

div.withTextLabel {
	font-style: italic;
}

div.withTextInput {
	
}

input.withTextInput {

}

/*	
**	CHECKBOXES Questions
*/
div.checkBoxQuestionText {
	
}

table.horizontalCheckBox {
	
}

tr.horizontalCheckBoxInput {
	
}

tr.horizontalCheckBoxTopLabel {
	
}

td.horizontalCheckBoxTopLabel,td.horizontalCheckBoxTopLabelInput {
	text-align: center;
	vertical-align: bottom;
}

tr.horizontalCheckBoxBottomLabel {
	
}

td.horizontalCheckBoxBottomLabel,td.horizontalCheckBoxBottomLabelInput {
	text-align: center;
	vertical-align: top;
}

td.horizontalCheckBoxLeftLabel,td.horizontalCheckBoxRightLabelInput {
	text-align: right;
	vertical-align: middle;
}

td.horizontalCheckBoxRightLabel,td.horizontalCheckBoxLeftLabelInput {
	text-align: left;
	vertical-align: middle;
}

tr.horizontalCheckBoxWithTextLabel {
	
}

td.horizontalCheckBoxWithTextLabel {
	text-align: left;
	vertical-align: middle;
	font-style: italic;
}

tr.horizontalCheckBoxWithTextInput {
	
}

td.horizontalCheckBoxWithTextInput {
	text-align: left;
	vertical-align: middle;
}

input.horizontalCheckBoxWithTextInput {
	
}

table.verticalCheckBox {
	
}

tr.verticalCheckBoxInput {
	
}

td.verticalCheckBoxLeftLabel {
	text-align: right;
	vertical-align: middle;
}

td.verticalCheckBoxOtherLabel,td.verticalCheckBoxOtherLabelInput,td.verticalCheckBoxLeftLabelInput {
	text-align: left;
	vertical-align: middle;
}

td.verticalCheckBoxWithTextLabel {
	text-align: right;
	font-style: italic;
	padding-left: 1em;
}

td.verticalCheckBoxWithTextInput {
	
}

input.verticalCheckBoxWithTextInput {
	
}

/*	
**	RANKING Questions
*/
div.rankingQuestionText {
	
}

div.rank {
	margin-top: 0.5em;
	margin-bottom: 0em;
}
label.rank{
	padding-right: 0.5em;
}

/*	
**	MATRIX Questions
*/
div.matrixQuestionText {
	
}

table.matrix {
	border: 1px solid black;
}

tr.matrixHeaders {
	
}

th.matrixEvenColHeader,th.matrixUnevenColHeader {
	background-color: silver;
	font-weight: normal;
	text-align: center;
	vertical-align: bottom;
}

th.matrixLabelsColHeader {
	
}

tr.matrixUnevenRow {
	background-color: #f0f0f0;
}

tr.matrixEvenRow {
	
}

td.matrixRowLabel {
	padding-right: 1em;
}

td.matrixTextRow {
	font-style: italic;
}

td.matrixEvenColCell,td.matrixUnevenColCell {
	text-align: center;
	white-space: nowrap;
}
input.matrixTextNumber {
	width: 95%;
}
label.matrixButtonBackground{
	padding: 2pt;
}
/*
** Container for buttons and progress bar
*/
div.bottom {
	text-align: center;
}

div.buttons {
	padding: 1em;
}
input.backButton{
}
div.abandonButton{
	text-align: right;
}
/* 
** progress bar
*/
div.progressBar {
	text-align: center;
	width: 100%;
}

table.progressBar {
	margin-left: auto;
	margin-right: auto;
	border: 1px inset;
	font-size: xx-small;
	color: #f0f0f0;
	text-decoration: none;
}

td.progress {
	background-color: #009;
	text-decoration: none;
	width: 5%;
	height: 10pt;
}

td.progressEnd {
	background-color: #f0f0f0;
	text-decoration: none;
	width: 5%;
	height: 10pt;
}

div.progressNr {
	font-size: 0.82em;
}

div.error {
	color: #900;
}
/* 
** Text that follows after survey was submitted
*/
div.followText {
	
}
