html,body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #D3E2F8;
	margin: 0;
	padding: 0;
	height: 100%;
}

.overflowHide {overflow: hidden;}
.overflowShow {overflow: auto;}

table {
	background:transparent;
}

a:link {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #0066CC;
}

a:hover {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
	color: #3399FF;
}

a:visited {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #0066CC;
}

a:active {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #0066CC;
}

td {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

th {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

form {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

input {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}


.small {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.pageHeader {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
}

.bodyStyle {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.resultsTable {
	border: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	padding: 3px;
	background-color: #ffffff;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}


td tr.resultsTableHeading {
	background-color: #D3E2F8;
	text-align: left;
	vertical-align: middle;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

tr.resultsTableHeading th{
	border-top: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
}

td tr.evenRow {
	background-color: #ffffff;
	text-align: left;
	vertical-align: middle;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
td tr.oddRow {
	background-color: #eeeeee;
	text-align: left;
	vertical-align: middle;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.oddRow td, .evenRow td, .hoverRow td{
    border-bottom: 1px solid #aaa;
}

td tr.hoverRow {
	background-color: #FFFFD7;
	text-align: left;
	vertical-align: middle;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-bottom: 1px solid #aaaaaa;
}
input.sortBox{
    width:25px;
}




/* admin template settings */
td.adminHeader {
	border-top: 3px solid #4D70A0;
	text-align: left;
	vertical-align: middle;
}

td.adminMainContentBackground {
	background-color: #D3E2F8;
	vertical-align: top;
	text-align: center;
}

.adminContentArea {
	background-color: #ffffff;
	vertical-align: top;
	text-align:center;
	border: 1px solid #333333;
	color: #000000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;		
}

/* admin nav bar */
td.adminTopNavBar {
	background-color: #ff0000;
	vertical-align: top;
	background-position:top;
}
td.adminTopNavRightBorder {
	border-right: 1px solid #aaaaaa;
}
a.adminTopNavBar:link {
	color: #eeeeee;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;	
	font-weight: bold;
	text-decoration: none;
}
a.adminTopNavBar:visited {
	color: #eeeeee;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;	
	font-weight: bold;
	text-decoration: none;
}
a.adminTopNavBar:active {
	color: #eeeeee;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;	
	font-weight: bold;
	text-decoration: none;
}
a.adminTopNavBar:hover {
	color: #ffffff;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;	
}

.dynNavBar {
	color: #333333;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;	
	text-decoration: none;
}
a.dynNavBar:link {
	color: #333333;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;	
	text-decoration: none;
}
a.dynNavBar:visited {
	color: #333333;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;	
	text-decoration: none;
}
a.dynNavBar:active {
	color: #333333;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;	
	text-decoration: none;
}
a.dynNavBar:hover {
	color: #000000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;	
}



/* footer formatting */

.footerText { 
	color: #888888;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;	
	font-weight: bold;
	text-decoration: none;
}
a.footerLink:link {
	color: #888888;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;	
	font-weight: bold;
	text-decoration: none;
}
a.footerLink:visited {
	color: #888888;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;	
	font-weight: bold;
	text-decoration: none;
}
a.footerLink:active {
	color: #888888;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;	
	font-weight: bold;
	text-decoration: none;
}
a.footerLink:hover {
	color: #000000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;	
}



/* yellow box with curved edges */
.yellowBoxTop, .yellowBoxBottom {display:block; background:transparent; font-size:1px;}
.yellowBox1, .yellowBox2, .yellowBox3, .yellowBox4 {display:block; overflow:hidden;}
.yellowBox1, .yellowBox2, .yellowBox3 {height:1px;}
.yellowBox2, .yellowBox3, .yellowBox4 {background:#ffffaa; border-left:1px solid #eec600; border-right:1px solid #eec600;}
.yellowBox1 {margin:0 5px; background:#eec600;}
.yellowBox2 {margin:0 3px; border-width:0 2px;}
.yellowBox3 {margin:0 2px;}
.yellowBox4 {height:2px; margin:0 1px;}
.yellowBoxContent {display:block; background:#ffffaa; border:0 solid #eec600; border-width:0 1px;}

/* grey box with curved edges */
.greyBoxTop, .greyBoxBottom {display:block; background:transparent; font-size:1px;}
.greyBox1, .greyBox2, .greyBox3, .greyBox4 {display:block; overflow:hidden;}
.greyBox1, .greyBox2, .greyBox3 {height:1px;}
.greyBox2, .greyBox3, .greyBox4 {background:#eeeeee; border-left:1px solid #bbbbbb; border-right:1px solid #bbbbbb;}
.greyBox1 {margin:0 5px; background:#bbbbbb;}
.greyBox2 {margin:0 3px; border-width:0 2px;}
.greyBox3 {margin:0 2px;}
.greyBox4 {height:2px; margin:0 1px;}
.greyBoxContent {display:block; background:#eeeeee; border:0 solid #bbbbbb; border-width:0 1px;}

/* red box with curved edges */
.redBoxTop, .redBoxBottom {display:block; background:transparent; font-size:1px;}
.redBox1, .redBox2, .redBox3, .redBox4 {display:block; overflow:hidden;}
.redBox1, .redBox2, .redBox3 {height:1px;}
.redBox2, .redBox3, .redBox4 {background:#FFCCCC; border-left:1px solid #F4717A; border-right:1px solid #F4717A;}
.redBox1 {margin:0 5px; background:#F4717A;}
.redBox2 {margin:0 3px; border-width:0 2px;}
.redBox3 {margin:0 2px;}
.redBox4 {height:2px; margin:0 1px;}
.redBoxContent {display:block; background:#FFCCCC; border:0 solid #F4717A; border-width:0 1px;}

/* blue box with curved edges */
.blueBoxTop, .blueBoxBottom {display:block; background:transparent; font-size:1px;}
.blueBox1, .blueBox2, .blueBox3, .blueBox4 {display:block; overflow:hidden;}
.blueBox1, .blueBox2, .blueBox3 {height:1px;}
.blueBox2, .blueBox3, .blueBox4 {background:#BFCFFF; border-left:1px solid #809FFF; border-right:1px solid #809FFF;}
.blueBox1 {margin:0 5px; background:#BFCFFF;}
.blueBox2 {margin:0 3px; border-width:0 2px;}
.blueBox3 {margin:0 2px;}
.blueBox4 {height:2px; margin:0 1px;}
.blueBoxContent {display:block; background:#BFCFFF; border:0 solid #809FFF; border-width:0 1px;}

/* button box with curved edges */
.buttonBoxTop, .buttonBoxBottom {display:block; background:transparent; font-size:1px;}
.buttonBox1, .buttonBox2, .buttonBox3, .buttonBox4 {display:block; overflow:hidden;}
.buttonBox1, .buttonBox2, .buttonBox3 {height:1px;}
.buttonBox2, .buttonBox3, .buttonBox4 {background:#D3E2F8; border-left:1px solid #333333; border-right:1px solid #333333;}
.buttonBox1 {margin:0 5px; background:#333333;}
.buttonBox2 {margin:0 3px; border-width:0 2px;}
.buttonBox3 {margin:0 2px;}
.buttonBox4 {height:2px; margin:0 1px;}
.buttonBoxContent {display:block; background:#D3E2F8; border:0 solid #333333; border-width:0 1px; margin: 0px;}

div.button a,div.buttonHover a{text-decoration:none; cursor: pointer; color:#000;}
.floatLeft{width:10%; float:left; padding-left:4px;}
.floatRight{width:85%; margin: 0px;}
.floatLeft, .floatRight{height:20px; text-align:center;}

.buttonHover .buttonBoxTop, .buttonHover .buttonBoxBottom {display:block; background:transparent; font-size:1px;}
.buttonHover .buttonBox1, .buttonHover .buttonBox2, .buttonHover .buttonBox3, .buttonHover .buttonBox4 {display:block; overflow:hidden;}
.buttonHover .buttonBox1, .buttonHover .buttonBox2, .buttonHover .buttonBox3 {height:1px;}
.buttonHover .buttonBox2, .buttonHover .buttonBox3, .buttonHover .buttonBox4 {background:#C1D7F7; border-left:1px solid #333333; border-right:1px solid #333333;}
.buttonHover .buttonBox1 {margin:0 5px; background:#333333;}
.buttonHover .buttonBox2 {margin:0 3px; border-width:0 2px;}
.buttonHover .buttonBox3 {margin:0 2px;}
.buttonHover .buttonBox4 {height:2px; margin:0 1px;}
.buttonHover .buttonBoxContent{display:block; background:#C1D7F7; border:0 solid #333333; border-width:0 1px;}


/* box title */
.bubbleTitle{font-weight:bold; border-bottom:thin solid #000; margin-bottom:10px;}

/* textarea */
textarea{width:300px;height:100px; }

/* edit table title */
.editTableTitle {font-weight: bold; font-size: 18px;}

/* edit table colors */
td.editTableTitleBackground {
	background-color: #FFFFD7;
	vertical-align: middle;
	text-align: center;
	border-bottom: 1px solid #333333;
}
td.editTableNavBackground {
	background-color: #AFCCF7;
	vertical-align: top;
	text-align: center;
	border-right: 1px solid #333333;
}
td.editTableContentBackground {
	background-color: #ffffff;
	background: url('/images/dropShadowToWhite.jpg');
	background-repeat: repeat-x;
	vertical-align: top;
	text-align: left;
	padding: 10px;
}

.errorText {color: #ff0000; font-weight: bold; font-size: 14px;}


.buttonLink {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	color: #0066CC;
}

a.buttonLink:link {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	color: #0066CC;
}

a.buttonLink:hover {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
	font-weight: bold;
	color: #3399FF;
}

a.buttonLink:visited {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	color: #0066CC;
}

a.buttonLink:active {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	color: #0066CC;
}

.subRow{
    padding:10px;
    margin:0px;
    border-bottom:#AAA 1px solid;
}
.subRow div{
    background-color:#AFCCF7;
    padding:10px;
}
.rowHidden{
    display:none;
}

.show{
    display:inline;
}

.editTableContentBackground table{
    border-left:#AAA 1px solid;
    border-right:#AAA 1px solid;
}

#surveyChooser{
  background-color:#D3E2F8;
  width:100%;
  height:395px;
  text-align:center;
  border: 1px #000 solid;
  margin:5px;
  margin-right:0px;
  padding:0px;
  overflow: hidden;
}

#surveyChooser option{
    background-color:#AFCCF7;
    margin:0px;
    padding:0px;
    border-bottom:1px #000 solid;
}

.parent td{
  font-weight: bold;
  border-bottom: solid black;
  border-bottom-width: 2px;
}

.question tr td.response{
  text-align:center;
  width:30px;
  padding-right:3px;
}

.question tr td.oddResponse{
  text-align:center;
  width:30px;
  padding-right:3px;
}

.question tr td.evenResponse{
  text-align:center;
  width:30px;
  padding-right:3px;
}

.question tr td.child{
  background-color: white;
}

.option{
  text-align:center;
  font-weight: bold;
}

.optionA{
  text-align:center;
  font-weight: bold;
  color: #000;
}

.optionB{
  text-align:center;
  font-weight: bold;
  color: Navy;
}

#descrip{
  width:100%;
  margin-bottom:53px;
  height:250px;
  padding:5px;
}
div.surveyOption{
    width:200px;
    height:18px;
    border:#000 1px solid;
    margin-bottom:1px;
    margin-right:5px;
    padding:2px;
    background-color:#D3E2F8;
}
div.surveyOptionSelected{
    width:198px;
    height:16px;
    border:#000 2px solid;
    margin-bottom:1px;
    margin-right:5px;
    padding:2px;
    background-color:#D3E2F8;
}
div.surveyOption:hover{
    border:#000 2px solid;
    width:198px;
    height:16px;
}

.firstResponseSeparated{
	border: 0px;
	padding: 0 0 3px 0;
}

.responseSeparated{
	border-top: #bbb 1px solid;
	padding: 0 0 3px 0;
}

.backButton{
	align: left;
	text-align: left;
	vertical-align: bottom;
	float: left;
	font-size: 0px;
	background: transparent url(/images/surveyBack.gif) no-repeat;
	height: 48px;
	min-height: 48px;
	width: 121px;
	min-width: 121px;
	border: 0px;
	overflow: hidden;
	padding: 0px;
}

.backButton:hover{
	cursor: pointer;
}

.nextButton{
	align: right;
	text-align: right;
	vertical-align: bottom;
	font-size: 0px;
	background: transparent url(/images/surveyNext.gif) no-repeat;
	height: 48px;
	min-height: 48px;
	width: 121px;
	min-width: 121px;
	border: 0px;
	overflow: hidden;
	padding: 0px;
}

.nextButton:hover{
	cursor: pointer;
}

.oddChild{
	background-color: #EEE;
}

.evenChild{
	background-color: #DDD;
}

.blueBoxContent .oddChild{
	background-color: #AEB3FF;
}

.blueBoxContent .evenChild{
	background-color: #BFCFFF;
}

.pageOffset{
    font-size:14px;
    font-weight:bold;
}