HTML {

}



BODY {

	background-color: #CCCCCC;

}



TD {

	padding: 0px;

}





/* Survey page (all survey content is contained in this table) */

TABLE.page {

	border: #607161 1px solid;

	padding: 0px;

	background-color: #00af9e;

	margin: 10px;

	margin-bottom: 10px;

}



/* survey header */

Table.header {

	margin: 10px;

}

TD.header {

	text-align: center;

}



/* Login screen */

TD.login{}



/* Survey title */

TD.title{

	background-color: #a5b3a3;

	padding: 5px;

	color: #FFFFFF;

	font-weight: bold;

	text-align: center;

}



/* Survey introduction */

TD.introduction {

	font-family: Arial;

	font-size: 12px;

	color: #ffffff;

	padding: 5px;

}



/* Section title */

TD.sectionTitle{

}

SPAN.sectionTitle{

	width:100%;

}



/* Question table*/

TABLE.questionTbl {

	margin: 0px;

}



TD.question {

	padding: 5px;

}



TD.questionNo{

	padding: 5px;

color: #ffffff;
}



TD.questionText{

	font-family: arial;

	color: #ffffff;

	font-weight: bold;

	padding: 5px;

}



TD.questionInput{

	padding-bottom: 10px;

}



TD.textBefore{

	padding: 5px;
	
color: #ffffff;

}



TD.textAfter{
	color:#FFFFFF;
}



/* Essay */

INPUT.essayText {

}



SELECT.essayDropdown{

}



INPUT.essayCheckbox{

}



/* Rating question */

TABLE.rating {

	margin-left: 5px;

}



TD.ratingMinMax {

}



TD.ratingNumbers {

}



TD.ratingNA {

}



TD.ratingRadio {

}



TD.ratingEmpty {

}



INPUT.ratingRadio {

}





/* Numeric question */



TABLE.numeric {

}



TD.numericPrefix {

}



TD.numericPostfix {

}



TD.numericInput {

}



INPUT.numericInput {

}



/* Dropdown question */



TABLE.dropdown {

	margin-left: 5px;

}



TD.dropdown {

}



SELECT.dropdown {

}



/* Multiple question */



TABLE.multiple {

}



TABLE.multipleChoice {

}



TD.multipleButton {

}



TD.multipleText {

padding: 10px;

color: #ffffff;

}



TD.multipleImage {

padding: 10px;

}



INPUT.multipleOther {

}



INPUT.multipleButton {

}





/* Matrix question */



TABLE.matrix {

	border-collapse:collapse;

	margin: 10px;

	margin-left: 5px;

	margin-bottom: 10px;

	/* border-collapse:separate; */



}



TD.matrixHeading {

	border: #9aaeec 1px solid;

	background-color: #edf6fa;

	font-weight: bold;

	color: #2d4b79;

}



TD.matrixCell {

	border: #9dbb9f 1px solid;

	padding: 2px;

}



TD.matrixEmpty {

	/* border: #9aaeec 0px solid; */

}



INPUT.matrixCheckbox {

}



INPUT.matrixRadio {

}



INPUT.matrixText {

}



SELECT.matrixDropdown {

}



/* ProgressBar */

TD.progressBar{

	/* controlls position of the progress bar, f.exp:

		TEXT-ALIGN: center;

	*/

}



TABLE.progressBar {

	/* controlls width of the progress bar, f.exp:

		width: 50%;

	*/

}



TD.progressBarFill {

	/* controlls the filled part of the progress bar f.exp:

		BACKGROUND-COLOR: #000000;

	*/

}



TD.progressBarBlank {

	/* controlls the blank part of the progress bar f.exp:

		BACKGROUND-COLOR: #FFFFFF;

	*/

}



TD.progressBarText {

	/* controlls the text(percentage) of the progress bar

	*/

}



TD.buttons {

	/* controlls the table cell where survey buttons are located

	*/

	background-color: #008175;

	padding: 3px;

	height: 25px;

}





TD.thankYouNote {

	/* controlls the table cell where survey thank-you note is displayed

	*/

	padding: 5px;

}



/* survey footer */

Table.footer {

	margin: 10px;

}

TD.footer {

	text-align: center;

}



/* Save and come back */

TD.saveAndComeBack {

	padding-left: 5px;

	padding-top: 5px;

}

TD.thankYouNote {

	/* controlls the table cell where survey thank-you note is displayed

	*/

	padding: 5px;

	padding-top: 20px;

	padding-bottom: 20px;

}



/* Dialog */

TD.dialog {

	padding: 5px;

	padding-top: 20px;

	padding-bottom: 20px;

}

