HTML {
}

BODY {
}
/* Survey page (all survey content is contained in this table) */
TABLE.page {
	margin: 10px;
}

/* survey header */
Table.header {
	margin: 10px;
}
TD.header {
	text-align: center;
}

/* Login screen */
TD.login{
	color: #444444;
	background-color: #f1f2f2;
	padding-left: 5px;
	padding-top: 5px;
}

/* Survey title */
TD.title{
	background-color: #c5c5c6;
	border: #b0b0b0 1px solid;
	padding: 3px;
	color: #444444;
	font-size: 12px;
	font-weight: bold;
}

/* Survey introduction */
TD.introduction {
	font-family: verdana;
	font-size: 12px;
	color: #444444;
	border: #E0E0E0 1px solid;
	background-color: #f1f2f2;
	padding: 5px;
}

/* Section title */
TD.sectionTitle{
	color: #444444;
	background-color: #e9e9e1;
	width:100%;
	border: #E0E0E0 1px solid;
	padding: 5px;
	font-style:italic;
	font-weight: bold;
	margin: 0px;
}
SPAN.sectionTitle{
	width:100%;
}

/* Question table*/
TD.question {
	color: #444444;
	border: #E0E0E0 1px solid;
	background-color: #f1f2f2;
}

TD.questionNo{}

TD.questionText{
	font-family: arial;
	color: #444444;
	font-weight: bold;
}

TD.questionInput{
	padding: 5px;
}

TD.textBefore{
	padding: 0px;
}

TD.textAfter{}

/* Essay */
INPUT.essayText {
}

SELECT.essayDropdown{
}

INPUT.essayCheckbox{
}

/* Rating question */
TABLE.rating {
}

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 {
}

TD.dropdown {
}

SELECT.dropdown {
}

/* Multiple question */

TABLE.multiple {
}

TABLE.multipleChoice {
}

TD.multipleButton {
}

TD.multipleText {
}

TD.multipleImage {
}

INPUT.multipleOther {
}

INPUT.multipleButton {
}


/* Matrix question */

TABLE.matrix {
	border-collapse:collapse;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-top: 0px;
	margin: 0px;
	/* border-collapse:separate; */

}

TD.matrixHeading {

}

TD.matrixCell {
	padding: 2px;
	border: #D0D0D0 1px solid;
}

TD.matrixEmpty {
	/* border: #9aaeec 0px solid; */
}

INPUT.matrixCheckbox {
}

INPUT.matrixRadio {
}

INPUT.matrixText {
}

SELECT.matrixDropdown {
}

/* Upload files screen */
Table.uploadPage {
	color: #444444;
	border: #E0E0E0 1px solid;
	background-color: #f1f2f2;
	margin: 10px;
}

TD.uploadTitle {
	background-color: #c5c5c6;
	border: #b0b0b0 1px solid;
	padding: 3px;
	color: #444444;
	font-size: 12px;
	font-weight: bold;
}

TD.uploadHelp {
	padding:5px;
}

TD.upload {
	padding-left:5px;
	padding-right:5px;
}

SELECT.uploadSelectImage {
}

TD.uploadPreview {
}

TD.uploadButtons {
	background-color: #c5c5c6;
	border: #b0b0b0 1px solid;
	color: #444444;
	font-size: 12px;
	font-weight: bold;
}

Input.uploadField {
	width: 250px;
}

/* 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
	*/
	padding: 3px;
	background-color: #c5c5c5;
	border: #b0b0b0 1px solid;
	height: 27px;
}

/* survey footer */
Table.footer {
	margin: 10px;
}
TD.footer {
	text-align: center;
}

/* Save and come back */
TD.saveAndComeBack {
	padding-left: 5px;
	padding-top: 5px;
	color: #444444;
	background-color: #f1f2f2;
}
TD.thankYouNote {
	/* controlls the table cell where survey thank-you note is displayed
	*/
	padding: 5px;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #444444;
	background-color: #f1f2f2;
}

/* Dialog */
TD.dialog {
	padding: 5px;
	color: #444444;
	background-color: #f1f2f2;
}