HTML {
}

BODY {
	background-color: #E5E5E5;
	color: #000000;
	font-family: arial;
}

TD {
	padding: 0px;
}


/* Survey page (all survey content is contained in this table) */
TABLE.page {
	border: #456ead 1px solid;
	padding: 0px;
	background-color: #FFFFFF;
	margin: 10px;
	margin-bottom: 10px;
}

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

/* Login screen */
TD.login {
	padding-left: 10px;
}

/* Survey title */
TD.title {
	background-color: #548be0;
	padding: 5px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
}

/* Language selection */
TD.langSelector {
	font-size: 10px;
	padding: 2px;
	text-align: right;
}

SELECT.langSelector {
	font-size: 9px;
	font-family: verdana,arial;
}

/* Survey introduction */
TD.introduction {
	font-size: 12px;
	padding: 5px;
}

/* Section title */
TD.sectionText{
	font-size: 12px;
	font-weight: normal;
	padding: 5px;
}


/* Section title */
TD.sectionTitle{
	padding: 5px;
	font-weight: bold;
}
SPAN.sectionTitle{
	width:100%;
}

/* Question table*/
TABLE.questionTbl {
	margin: 0px;
}

TD.question {
	padding: 5px;
}

TD.questionNo {
	padding: 5px;
}

TD.questionText {
	font-weight: normal;
	padding: 5px;
}

TD.questionInput {
	padding-bottom: 10px;
}

TD.textBefore {
	padding: 5px;
}

TD.textAfter {}

/* 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 {
	margin-left: 5px;
}

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

TD.multipleImage {
}

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: #bcbcbc 1px solid;
	background-color: #9fc7fe;
	font-weight: bold;
}

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

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

INPUT.matrixCheckbox {
}

INPUT.matrixRadio {
}

INPUT.matrixText {
}

SELECT.matrixDropdown {
}

/* Upload files screen */
Table.uploadPage {
	border: #456ead 1px solid;
	padding:0px;
	background-color: #FFFFFF;
	margin: 10px;
}

TD.uploadTitle {
	background-color: #548be0;
	padding: 5px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
}

TD.uploadHelp {
	padding:5px;
}

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

SELECT.uploadSelectImage {
}

TD.uploadPreview {
}

TD.uploadButtons {
	background-color: #548be0;
	padding:1px;
}

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
	*/
	background-color: #548be0;
	padding: 3px;
	height: 27px;
}


TD.thankYouNote {
	/* controlls the table cell where survey thank-you note is displayed
	*/
	padding: 5px;
	padding-top: 20px;
	padding-bottom: 20px;
}

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

/* Save and come back */
TD.saveAndComeBack {
	padding: 10px;
}

/* Dialog */
TD.dialog {
	padding: 5px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.disabled { background-color: #DDD }