body { 
	font: 10pt verdana;
	margin: 0px; 
	padding: 0px;
}

.spacer {
	clear: both;
	height: 1px;
	overflow: hidden;
}

ul {
	padding: 0px;
	margin: 0px;
}

li {
	padding: 0px;
	margin: 0px;
}

table {
	width: 1000px;
	margin: auto;
	border: 0px;
	padding: 0px;
	border-collapse: collapse;
}

/* Heading - container for surveyTitle and introMessage */
#heading {
	
}

#surveyTitle {
	font-weight: bold;
	font-size: 150%;
	padding: 5px;
	margin: 5px;
	color: #006;
	/*background-color: #006;*/
	/*background-image: url(../img/logo.jpg);
	background-position: 935px;
	background-repeat: no-repeat;*/
	/*height: 45px;*/
  display: flex;
  align-items: center;
}
#surveyTitle > h1 {
  font-size: .9em;
}
#surveyTitle > h1 > a > img {
  transform: translateY(-7px);
}

#introMessage p {
	font: 10pt/12pt verdana;
	padding: 5px;
	margin: 5px;
	border-top: 1px solid black;
	border-bottom: 3px solid black;
	color: #0066cc;
}

form {
	padding: 0px;
	margin: 0px;
}

.formContainer ul {
	padding: 0px 0px 0px 15px;
	margin: 0px;
}

.formContainer ul li {
	list-style-type: none;
	border: 1px solid white;
}

/* GROUP LEVEL SETTINGS */

.group {
	padding: 0px 0px 0px 0px;
	margin: 0px 5px 5px 0px;
	width: 890px;
	vertical-align: text-top;
}

.groupHeading {
	font: 10pt verdana;
	font-weight: bold;
	padding: 10px 0px 0px 0px;
}

/* SECTION LEVEL SETTINGS */
.section {	/* container for all sections under a group */
	padding: 0px;
	margin: 0px;
	font: 10pt verdana;
}


.group .section ul li {
	padding-bottom: 3px;
}

.group .section ul li ul li {
	padding-bottom: 0px;
}

/* SECTION HEADINGS *************************/
.sectionHeading {
	padding-bottom: 0px;
	margin-top: 0px;
/*	display: none;*/
}

.sectionHeadingInline {
	padding-bottom: 0px;
	margin-top: 0px;
	display: inline;
	width: 375px;
}

html>body .sectionHeadingInline {
	float: left;
}
/* END: SECTION HEADINGS*********************/


.section ul {
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

.section ul li {
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}
/*
.sectionOptionText {
	display: inline;
	width: 350px;	
	font: 10pt verdana;
}

html>body .sectionOptionText{
	display: block;
	float: left;
}
*/

.sectionOptionInput {
	display: inline;
}

html>body .sectionOptionInput{
	display: block;
	float: left;
}

ul.sectionOptionSet {
	list-style-type: none;
	display: inline;
}

ul.sectionOptionSet li {
	display: inline;
}

ul.sectionBlockOptionSet li {
	display: block;
	padding-left: 20px;
}

/* Option set for 'How did you receive service?' */
ul.sectionServiceOptionSet {
	list-style-type: none;
	padding-left: 20px;
	display: inline;
}

ul.sectionServiceOptionSet li {
	display: inline;
}

ul.sectionServiceOptionSet li input {
	border-width: 0px 0px 1px 0px;
	border-color: black;
}
/* End: Option set for 'How did you receive service?' */


/* Option set with 2 column layout */
.sectionHeading2Column {
	display: block;
}

ul.sectionOption2Column {
	display: block;
	padding-left: 20px;
}

ul.sectionOption2Column li {
	width: 425px;
	display: inline;
	overflow: auto;
}

html>body .sectionOption2Column li {
	float: left;
}
/* End: Option set with 3 column layout */


/* Option set with 3 column layout */
.sectionHeading3Column {
	display: block;
}

ul.sectionOption3Column {
	display: block;
	padding-left: 20px;
}

ul.sectionOption3Column li {
	width: 285px;
	display: inline;
	overflow: auto;
}

html>body .sectionOption3Column li {
	float: left;
}
/* End: Option set with 3 column layout */


/* Option set with 4 column layout */
.sectionHeading4Column {
	display: block;
}

ul.sectionOption4Column {
	display: block;
	padding-left: 20px;
}

ul.sectionOption4Column li {
	width: 210px;
	display: inline;
	overflow: auto;
}

html>body .sectionOption4Column li {
	float: left;
}
/* End: Option set with 4 column layout */


/* Hidden section */
.sectionHeadingHidden {
	display: none;
}

.sectionOptionSetHidden {
	display: none;
}
/* End: Hidden section */

.questionSet {	
	padding: 10px 10px 0px 0px;
	width: 875px;
	margin: 0px;
}

.questionSet ul li {
	list-style-type: none;
	vertical-align: text-top;
	margin-left: 0px;
	padding: 0px 0px 0px 9px;
}
html>body .questionSet ul li {
	border-top: 1px solid #ccc;
}

.questionSet ul li.color {
	background-color: #eeeeee;
}

/* Grouped Question's Headings (under a 'section') */
.questionGroupRow {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #000000;
	background-color: #c1d6eb;
}

.questionGroupText { /* left spacing area for group headings, usually empty */
	width: 375px;
	padding: 0px 10px 0px 0px;
	margin-right: 10px;
	display: inline;
}
html>body .questionGroupText {
	display: block;
	float: left;	
}


/* GROUP HEADINGS **********************************/
.questionGroupOption {
	padding: 0px;
	width: 75px;
	text-align: center;
	vertical-align: top;
	overflow: hidden;
	display: inline;
	height: 100%;
}

html>body .questionGroupOption {
	display: block;
	float: left;
}

.groupHeadingOptionWide {
	padding: 0px;
	width: 90px;
	text-align: center;
	vertical-align: top;
	overflow: hidden;
	display: inline;
	height: 100%;
}

html>body .groupHeadingOptionWide {
	display: block;
	float: left;
}
/* END: GROUP HEADINGS *****************************/

/* Individual questions under one section */
.questionText {
	width: 375px;
	padding-right: 10px;
	vertical-align: top;
	display: inline;
	font: 10pt/15pt verdana;
}
html>body .questionText {
	display: block;
	float: left;	
}

.questionOptionContainer{
	vertical-align: top;
	display: inline;
}
html>body .questionOptionContainer {
	display: block;
	float: left;	
}

/* QUESTION OPTIONS */
.questionOption {
	width: 75px;
	text-align: center;
	display: inline;
}
html>body .questionOption {
	display: block;
	float: left;
}

.questionOptionWide {
	width: 90px;
	text-align: center;
	display: inline;
}
html>body .questionOptionWide {
	display: block;
	float: left;
}
/* END: QUESTION OPTIONS */

textarea {
	height: 80px;
	width: 600px;
}

#footerMessage {
	font: 10pt/12pt verdana;
	padding-left: 15px;
	margin: 5px;
	font-weight: bold;
}

#submitButton {
	padding: 0px 0px 30px 20px; 
}

#endMessage {
	font: italic 10pt/22pt georgia;
	padding: 5px;
	margin: 5px;
	width: 400px;
	text-align: center;
	border: 1px solid #A9A9A9;
}

fieldset {
    border: none;
    padding: 0px;
}

legend {
    height: 0;
}