HTML {
}
BODY {
		font-family: arial;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		margin-top: 25px;
		padding: 20px;
}
TABLE {
		margin: 0px;
		padding: 0px;
		font-family: arial;
		color:#000080;
		font-size: 12px;
}
TD {
		padding: 0px;
		margin: 0px;
/* text-align: center; */
}
/* Survey page (all survey content is contained in this table) */
TABLE.page {
		border: 0px;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
}
TABLE.sections {
		text-align: center;
		margin: 0px;
		width: 100%;
		border: 0px;
}
TD.sections {
		border: 0px;
		text-align: left;
		padding-left:2px;
		padding-right:2px;
		padding-top:2px;
		padding-bottom:2px;
}
TD.topLeftCorner {
}
TD.topRightCorner {
}
TD.leftSide {
}
TD.rightSide {
}
TD.bottomLeftCorner {
}
TD.bottomRightCorner {
}
/* survey header */
TABLE.header {
		width: 100%;
}
TD.header {
		text-align: center;
}
/* Login screen */
TD.login {
		padding-left: 20px;
		text-align: left;
}
/* Survey title */
TD.title {
		color: #000080;
		font-size: 17px;
		font-weight: bold;
		text-align: left;
		vertical-align: middle;
		border-bottom: #000080 1px solid;
		padding-top: 2px;
		padding-bottom: 0px;
		padding-left: 3px;
}
/* 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;
		color:#000080;
		padding: 5px;
}
/* Section title */
TD.sectionText {
		font-size: 12px;
		font-weight: normal;
		padding: 2px;
		padding-top: 5px;
		padding-bottom: 5px;
		text-align: left;
}
/* Section title */
TD.sectionTitle {
		color: #000080;
		border-bottom: #7F90CF 1px solid;
		font-weight: bold;
		padding: 0px;
		height:18px;
}
SPAN.sectionTitle {
		font-size: 15px;
		width:100%;
}
/* Question table */
TABLE.questionTbl {
		color:#000080;
		margin: 0px;
		margin-top: 3px;
		padding:0px;
		text-align: left;
}
TD.question {
		padding: 0px;
}
TD.questionNo {
		font-family: arial;
		font-size: 12px;
		padding: 2px;
		padding-left: 3px;
}
TD.questionText {
		font-family: arial;
		vertical-align:middle;
		padding: 2px;
		color:#000080;
		font-size: 12px;
		font-weight: bold;
}
TD.questionInput {
		padding-bottom: 10px;
		padding-top: 5px;
}
TD.questionFreeText {
		padding-bottom: 5px;
}
TD.textBefore {
		padding: 5px;
}
TD.textAfter {
}
.afterLastQuestion,.spaceAfterFirstSectionText,.beforeFirstQuestion,.spaceBeforeSectionText,.spaceAfterSectionText {
		margin: 0px;
		border: 0px;
		height: 0px;
}
.spaceAfterSectionText {
		padding: 3px;
}
.afterLastQuestion {
		padding: 3px;
}
.spaceBeforeFirstSectionText {
		padding: 4px;
}
.betweenQuestions {
		padding: 3px;
		height: 6px;
}
SELECT,TEXTAREA {
		border: #7F90CF 1px solid;
		color:#000080;
		padding: 1px;
}
/* Essay */
INPUT.essayText {
		border: #7F90CF 1px solid;
		color:#000080;
		padding: 1px;
}
/* Essay */
INPUT.questionFreeText {
		border: #7F90CF 1px solid;
		color:#000080;
		padding: 1px;
}
SELECT.essayDropdown {
}
INPUT.essayCheckbox {
}
/* Rating question */
TABLE.rating {
		font-family: arial;
		color:#000080;
		font-size: 12px;
		margin-left: 5px;
}
TD.ratingMinMax {
		font-family: arial;
		color:#000080;
		font-size: 12px;
		margin-left: 5px;
}
TD.ratingNumbers {
		font-family: arial;
		color:#000080;
		font-size: 12px;
		margin-left: 5px;
		padding-left: 5px;
		padding-right: 5px;
}
TD.ratingNA {
		font-family: arial;
		color:#000080;
		font-size: 12px;
		margin-left: 5px;
}
TD.ratingRadio {
		font-family: arial;
		color:#000080;
		font-size: 12px;
		margin-left: 5px;
}
TD.ratingEmpty {
		font-family: arial;
		color:#000080;
		font-size: 12px;
		margin-left: 5px;
}
INPUT.ratingRadio {
		font-family: arial;
		color:#000080;
		font-size: 12px;
		margin-left: 5px;
}
/* Numeric question */
TABLE.numeric {
		margin-left: 5px;
}
TD.numericPrefix {
		font-family: arial;
		color:#000080;
		font-size: 12px;
		margin-left: 5px;
}
TD.numericPostfix {
		font-family: arial;
		color:#000080;
		font-size: 12px;
		margin-left: 5px;
}
TD.numericInput {
}
INPUT.numericInput {
		border: #7F90CF 1px solid;
		color:#000080;
		padding: 1px;
}
/* Dropdown question */
TABLE.dropdown {
		margin-left: 5px;
}
TD.dropdown {
}
SELECT.dropdown {
}
/* question */
TABLE.Choice {
		font-family: arial;
		color: #000080;
		font-size: 12px;
		margin-left: 5px;
}
TD.Button {
		border:none;
		font-family: arial;
		color:#000080;
		font-size: 12px;
		margin-left: 5px;
}
input.Button {
	border-style: outset;
	border-width: 1px;
	padding-left: 5px;
	margin-left: 5px;
	background-color: #000080;
	color:#FFFFFF;
	font-size: 12px;
	padding:0px;

}
TD.Text {
		font-family: arial;
		color:#000080;
		font-size: 12px;
		margin-left: 5px;
}
TD.Image {
		font-family: arial;
		color:#000080;
		font-size: 12px;
		margin-left: 5px;
}
INPUT.multipleOther {
		font-family: arial;
		color:#000080;
		font-size: 12px;
		margin-left: 5px;
		border: #7F90CF 1px solid;
}
INPUT.multipleButton {
		font-family: arial;
		color:#000080;
		font-size: 12px;
		margin-left: 2px;
		margin-top: 1px;
}
td.multipleText {
		font-family: arial;
		color:#000080;
		font-size: 12px;
		vertical-align: text-top;
}
td.multipleButton {
		vertical-align: top;
}
/* Matrix question */
TABLE.matrix {
		border-collapse:collapse;
		margin: 10px;
		margin-left: 5px;
		margin-bottom: 10px;
/* border-collapse:separate; */
}
TD.matrixHeading {
		border: 0px;
		font-weight: bold;
}
TD.matrixCell {
		border: #B1BEFF 1px solid;
		color:#000080;
		padding: 2px;
		font-size: 12px;
}
TD.matrixEmpty {
		border: none;
}
INPUT.matrixCheckbox {
}
INPUT.matrixRadio {
}
INPUT.matrixText {
		text-align: left;
		border: #7F90CF 1px solid;
		color:#000080;
		padding: 1px;
}
SELECT.matrixDropdown {
		text-align: left;
}
/* Upload files screen */
Table.uploadPage {
		border-top: #000080 1px solid;
		border-bottom: #000080 1px solid;
		padding:0px;
		margin: 10px;
}
TD.uploadTitle {
		padding: 5px;
		color: #000080;
		font-weight: bold;
		text-align: center;
}
TD.uploadHelp {
		padding:5px;
}
TD.upload {
		padding-left:5px;
		padding-right:5px;
}
SELECT.uploadSelectImage {
}
TD.uploadPreview {
}
TD.uploadButtons {
		padding:5px;
		text-align: right;
}
Input.uploadField {
		width: 100%;
		border: #7F90CF 1px solid;
		color:#000080;
		padding: 1px;
}
/* ProgressBar */
TD.progressBar {
/*
	controls position of the progress bar, f.exp:
	TEXT-ALIGN: center;
 */
}
TABLE.progressBar {
/*
	controls width of the progress bar, f.exp:
	width: 50%;
 */
}
TD.progressBarFill {
/*
	controls the filled part of the progress bar f.exp:
	BACKGROUND-COLOR: #000000;
 */
		BACKGROUND-COLOR: #000080;
}
TD.progressBarBlank {
/*
	controls the blank part of the progress bar f.exp:
 */
	BACKGROUND-COLOR: #A0A0A0;
}
TD.progressBarText {
/*
	controls the text(percentage) of the progress bar
 */
}
TD.buttons {
/*
	controls the table cell where survey buttons are located
 */
		border-top: #000080 1px solid;
		padding: 2px;
		padding-bottom: 3px;
		padding-top: 2px;
		height: 30px;
		text-align: right;
		vertical-align: top;
}
TD.thankYouNote {
/*
	controls the table cell where survey thank-you note is displayed
 */
		padding: 5px;
		padding-top: 20px;
		padding-bottom: 20px;
}
/* survey footer */
Table.footer {
		width: 100%;
		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;
}
/* matrix tooltip */
.tooltip {	
	background: #f7f7f7;
	border: 1px solid #fff;	
	padding: 5px;	
	color: #000080;	
	font-size: 12px;
	box-shadow: 0px 0px 5px 1px rgba(0, 0, 100, 0.6);
	-webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 100, 0.6);
	-moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 100, 0.6);
}