/* Survey page (all survey content is contained in this table) */
.leftSide {
	width:0px; 
	}
.rightSide {
	width:0px; 
	}
input {
	float:none;
		
		}
.button {
    border: 1px solid #999;
    border-radius: 6px;
    clear: none;
    height: 30px;
	margin:10px;
    width: auto;
	cursor: pointer;
	background-color:#ffffff;
	float:left;
	}
#page-div {
	width:100% !important;
}
table {
	border: #f2f5f9;
	box-shadow: none;
	width:100% !important;
	}
td, th {
	padding: 4px 5px;
	font-size: 10pt;
	font-style: normal;
	border: #f2f5f9;
	box-shadow: none;
}
h2	{
	font-weight: bold;
	font-size: 16px;
color:#737373;
	margin:0px;	
	}

h3 {
	font-weight: bold;
	font-size: 14px;	
	}					
table {	}
TABLE.page {

	font-size: 10pt;
	font-style: normal;
	width:100% !important;
}
/* survey header */
Table.header {
width:100%;
}
TD.header {
	text-align: left;
	padding:0px;
	padding-left:10px;
}


/* Login screen */
TD.login{
	padding-left: 5px;
	color: #244475;
}

/* Survey title */
TD.title, h1 {
	color: #336699;
	font-weight: bold;
	font-style: normal;
	font-size: 25px;
	padding:0px;
	margin: 10px 20px;
    text-transform: uppercase;
}

TD.beforeFirstQuestion, TD.spaceBeforeFirstSectionText, TD.spaceAfterFirstSectionText, TD.spaceBeforeIntro  {
	height:0px;
	display:none;
	}
/* Survey introduction */
TD.introduction {

	font-size: 10pt;
	font-style: normal;
	text-align: left;
}

/* Section title */
TD.sectionTitle{
	color: #828080;

	font-weight: bold;
	font-style: normal;
	font-size: 13pt;
}
SPAN.sectionTitle{
	width:100%;
}

/* Question table*/
TD.question {

	font-size: 10pt;
	font-style: normal;
	text-align: left;
	}

TD.questionNo {
	font-size: 10pt;
	vertical-align:top;
	padding: 7px;
	background-color:#ffffff;
	font-weight:bold;
}

TD.questionText{

	font-size: 10pt;
	font-style: normal;
	text-align: left;
	font-weight: bold;
	padding: 7px;
	background-color:#ffffff;
}

TD.questionInput{

	font-size: 10pt;
	font-style: normal;
	text-align: left;

	}

TD.textBefore{

	font-size: 10pt;
	font-style: normal;
	text-align: left;
}

TD.textAfter{

	font-size: 10pt;
	font-style: normal;
	text-align: left;
	}

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

TABLE.multiple td {
padding: 0px;
margin: 0px;

}

TABLE.multipleChoice {
padding: 0px;
margin: 0px;
}

TABLE.multipleChoice td{
padding: 2px;
margin: 0px;

}

TD.multipleButton {
padding: 0px;
margin: 0px;
}

TD.multipleText {
padding-left: 2px;
margin: 0px;
}

TD.multipleImage {
padding: 0px;
margin: 0px;
}

INPUT.multipleOther {
padding: 0px;
margin: 0px;
}

INPUT.multipleButton {
padding: 0px;
margin: 0px;

}


/* Matrix question */

TABLE.matrix {
	border-collapse:collapse;
	margin: 10px;
	margin-bottom: 10px;
	width:99%;
	/* border-collapse:separate; */

}

TD.matrixHeading {
	border: #C4C4C4 1px solid;
	font-weight: bold;

	font-size: 10pt;
	font-style: normal;
	color:#000000;
	background-color: #D9D9D9;
}

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

	font-size: 10pt;
	font-style: normal;
	padding: 3px;
}

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

INPUT.matrixCheckbox {
}

INPUT.matrixRadio {
}

INPUT.matrixText {
}

SELECT.matrixDropdown {
}

/* Upload files screen */
Table.uploadPage {
	border: #5c6e93 1px solid;
	padding:0px;
	margin: 10px;
}

TD.uploadTitle {
	padding: 5px;
	color: #FFFFFF;
	font-weight: bold;
}

TD.uploadHelp {
	padding:5px;
}

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

SELECT.uploadSelectImage {
}

TD.uploadPreview {
}

TD.uploadButtons {
	padding: 1px;
	color: #FFFFFF;
}

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;
	height: 27px;
}

/* survey footer */
Table.footer {
	margin: 10px;
	width: 100%;
	display:none;
}
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;
}
.nothing {
	padding:0px;
	margin:0px;
	}
.homecoming {
	text-align:center;
	margin:0px;
	}
.electpic {
	border: solid 1px #054B94;
	margin-bottom:3px;
	}
.questionFreeText textarea {
    width: 90%;
}