body {
	margin: 0px;
	padding: 0px;
	background-color: #97aeb0; /*#e3e8cb;*/
	font-family: Helvetica, Arial;
}

a {
	color: black;
	text-decoration: none;
}
a:hover { text-decoration: underline; }

a.arrow_link { color: #4a5f08; }
a.arrow_link:hover { text-decoration: none; } 

#main_container {
	margin: 0px auto;
	width: 990px;
	background-color: #e3e8cb;
}

#header {
	display: block;
	background-image: url( "http://www.destinationschuylkillriver.org/images/header.jpg" );
	width: 990px;
	height: 159px;
}

#nav_container {
	width: 990px;
	height: 26px;
	margin-bottom: 9px;
	background-color: #7c824b;
	border-collapse: collapse;
	border-top: 0px solid #a5ab7e;
	border-bottom: 1px solid #a5ab7e;
	border-left: none;
	border-right: none;
}

#footer_note {
	clear: both;
	font-family: Helvetica, Arial;
	font-size: 13px;
	margin: 0px;
	padding: 10px;
	text-align: center;
}
#footer_note a { color: #4a5f08; }
#footer_note .info_email {
	display: inline-block;
	background-image: url( "http://www.destinationschuylkillriver.org/_staging/images/info_email.jpg" );
	width: 230px;
	height: 13px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	position: relative;
	top: 3px;
}


#main_columns {
	margin: 0px;
	padding: 0px;
	width: 990px;
}

#main_columns a {
	color: #4a5f08;
	text-decoration: none;
}
#main_columns a:hover { text-decoration: underline; }

#main_columns tr th {
	height: 31px;
	text-align: left;
	vertical-align: top;
	color: #146792;
	font-family: Times, Helvetica, Arial;
	font-size: 16px;
}
#main_columns tr th.left_title {
	width: 653px;
	background: #e3e8cb url( "http://www.destinationschuylkillriver.org/_staging/images/page/left_title_bg.gif" ) repeat-y scroll top left;
	padding: 6px 0px 0px 35px;
}
#main_columns tr th.right_title {
	width: 282px;
	background:  #e3e8cb url( "http://www.destinationschuylkillriver.org/_staging/images/page/right_title_bg.gif" ) repeat-y scroll top left;
	padding: 6px 0px 0px 20px;
}

#main_columns tr td.left_column {
	width: 615px;
	background:  #e3e8cb url( "http://www.destinationschuylkillriver.org/_staging/images/page/left_column_bg.gif" ) repeat-y scroll top left;
	vertical-align: top;
	padding: 12px 28px 0px 45px;
	/*padding: 12px 28px 0px 45px;*/
}
	#main_columns tr td.left_column p {
		margin: 0px 0px 10px 0px;
		font-size: 14px;
		line-height: 22px;
	}
			    
	#main_columns tr td.left_column p.img_caption {
		font-size: 10px;
		line-height: 12px;
	}
	#main_columns tr td.left_column h1, h3 {
		color: #7c824b; /*#7B1D00;*/
		font-family: Helvetica, Arial;
		font-size: 22px;
		font-weight: bold;
		margin: 20px 0px 5px;
		padding: 0px;
	}
	#main_columns tr td.left_column h2 {
		color: black;
		font-weight: bold;
		margin: 10px 0px 5px 0px;
		font-size: 14px;
		line-height: 18px;
	}
	#main_columns tr td.left_column h2 a { color: #7c824b; }
	#main_columns tr td.left_column ul, ol { font-size: 12px; }
	#main_columns tr td.left_column ol li { margin-bottom: 12px; }
	#main_columns tr td.left_column .who_cares { clear: both; }
	#main_columns tr td.left_column .who_cares img { float: left; margin: 0px 5px 20px 0px; border: 1px solid black; }
	#main_columns tr td.left_column .who_cares p { margin: 0px 0px 20px 0px; }
	#main_columns tr td.left_column ul#maps_index, #main_columns tr td.left_column ul#maps_index ul { 
		font-size: 14px; 
		line-height: 18px; 
	}

#main_columns tr td.right_column {
	width: 252px;
	background:  #e3e8cb url( "http://www.destinationschuylkillriver.org/_staging/images/page/right_column_bg.gif" ) repeat-y scroll top left;
	padding: 0px 30px 0px 20px;
	vertical-align: top;
}
	#main_columns tr td.right_column p {
		margin: 0px 0px 10px 0px;
		font-size: 14px;
		line-height: 22px;
	}
	#main_columns tr td.right_column ul {
		font-family: Helvetica, Arial;
		font-size: 14px;
		line-height: 22px;
		margin: 0px 0px 12px 0px;
		padding: 0px;
		list-style-type: none;
		font-weight: normal;
	}
	#main_columns tr td.right_column ul li { margin: 9px 0px; padding: 0px; }
	#main_columns tr td.right_column ul li ul { list-style-type: disc; margin: 0px 0px 0px 20px; }
	#main_columns tr td.right_column ul li ul li { margin: 0px; }

#main_columns tr td #main_columns_footer {
	display: block;
	width: 990px;
	height: 30px;
	background:  #e3e8cb url( "http://www.destinationschuylkillriver.org/_staging/images/page/main_columns_footer_orig.gif" ) repeat-y scroll top left;
}

#main_columns tr td.left_column .form_table { margin: 10px 0px 0px 25px; }
#main_columns tr td.left_column .form_table tr th { text-align: right; font-size: 14px; width: 200px; }
#main_columns tr td.left_column .form_table tr td { vertical-align: top; font-size: 12px; }
#main_columns tr td.left_column .form_table tr td input { margin-left: 15px; }
#main_columns tr td.left_column .form_table tr th.volunteers_cell { text-align: left; }

#main_columns tr td.left_column .links_table { width: 600px; }
#main_columns tr td.left_column .links_table td { vertical-align: top; }
#main_columns tr td.left_column .links_table td h2 { font-size: 14px; margin-top: 5px; }

#home_left_column { 
	margin: 0px 0px 0px 8px;
	width: 193px;
	float: left;
	background:  #e3e8cb url( "http://www.destinationschuylkillriver.org/_staging/images/home/left_col_bg.gif" ) repeat-y scroll top left;
}
	#home_left_column a.home_left_col_label { display: block; width: 193px; }
	#home_left_column_header { 
		background-image: url( "http://www.destinationschuylkillriver.org/_staging/images/home/left_column_header.gif" ); 
		height: 52px; margin: 0px; 
	}
	#home_left_column_label1 { 
		background-image: url( "http://www.destinationschuylkillriver.org/_staging/images/home/left_column_label1.gif" ); 
		height: 26px; 
	}
	#home_left_column_label2 { 
		background-image: url( "http://www.destinationschuylkillriver.org/_staging/images/home/left_column_label2.gif" ); 
		height: 25px; 
	}
	#home_left_column_footer { 
		background-image: url( "http://www.destinationschuylkillriver.org/_staging/images/home/left_column_footer.gif" ); 
		height: 14px; /*margin-top: 250px;*/ 
	}
	#map_thumb {
		background-image: url( "http://www.destinationschuylkillriver.org/_staging/images/home/map_thumb.jpg" );
		width: 100px;
		height: 100px;
		display: block;
		margin: 0px auto;
	}
	.field_label {
		display: inline-block;
		font-family: Helvetica, Arial;
		font-size: 12px;
		margin: 10px 0px 0px;
		width: 40px;
	}
	.field_entry {
		font-family: Helvetica, Arial;
		font-size: 12px;
		margin: 10px 0px 0px;
		width: 100px;
	}
	.form_submit { margin: 10px 0px 0px 40px; }
	#home_left_column h1 {
		font-family: Helvetica, Arial;
		font-size: 12px;
		margin: 8px 17px 12px 19px;
		padding: 0px;
		font-weight: bold;
		color: #7b1d00;
	}
	#home_left_column p {
		font-family: Helvetica, Arial;
		font-size: 12px;
		margin: 0px 17px 12px 19px;
		line-height: 17px;
	}
	#home_left_column ul {
		font-family: Helvetica, Arial;
		font-size: 12px;
		margin: 0px 17px 12px 19px;
		padding: 0px;
		list-style-type: none;
		font-weight: bold;
	}
	#home_left_column ul li { margin: 9px 0px; padding: 0px; }
	#home_left_column ul li a { text-decoration: none; color: black; }

#home_middle_column {
	margin: 0px 0px 0px 5px;
	width: 477px;
	float: left;
	background:  #e3e8cb url( "http://www.destinationschuylkillriver.org/_staging/images/home/middle_col_bg.gif" ) repeat-y scroll top left;
}
	#home_middle_column a.home_middle_col_label { display: block; width: 477px; }
	#home_middle_column_header { background-image: url( "/survey/middle_column_header.gif" ); height: 36px; }
	#home_middle_column_label1 { background-image: url( "http://www.destinationschuylkillriver.org/_staging/images/home/middle_column_label1.gif" ); height: 62px; }
	#home_middle_column_footer { background-image: url( "http://www.destinationschuylkillriver.org/_staging/images/home/middle_column_footer.gif" ); height: 14px; clear: both; }
	#home_middle_column h1 {
		font-family: Helvetica, Arial;
		font-size: 12px;
		margin: 8px 17px 12px 19px;
		padding: 0px;
		font-weight: bold;
		color: #7b1d00;
	}
	#home_middle_column p {
		font-family: Helvetica, Arial;
		font-size: 14px;
		margin: 0px 17px 12px 19px;
	}
	#home_middle_column ul {
		font-family: Helvetica, Arial;
		font-size: 12px;
		margin: 0px 17px 12px 19px;
		padding: 0px;
		list-style-type: none;
		font-weight: normal;
	}
	#home_middle_column ul li { margin: 9px 0px; padding: 0px; }
	#home_middle_column a { color: #4a5f08; }
	#home_middle_column #who_cares_list {
		margin: 0px 0px 10px 0px;
		padding: 0px;
		list-style-type: none;
	}
	#home_middle_column #who_cares_list li {
		width: 100px;
		float: left;
		margin: 0px 0px 10px 14px;
		padding: 0px;
	}
	#home_middle_column #who_cares_list li img.who_cares_img {
		background-color: gray;
		display: block;
		width: 71px;
		height: 71px;
		margin: 0px 0px 3px 0px;
	}
	#home_middle_column #who_cares_list li p {
		float: left;
		margin: 0px;
		font-size: 12px;
	}

#home_right_column {
	margin: 0px 3px 0px 5px;
	width: 291px;
	float: left;
	background:  #e3e8cb url( "http://www.destinationschuylkillriver.org/_staging/images/home/right_col_bg.gif" ) repeat-y scroll top left;
}
	#home_right_column a.home_right_col_label { display: block; width: 291px; }
	#home_right_column_label0 { background-image: url( "http://www.destinationschuylkillriver.org/_staging/images/home/right_column_label0.gif" ); height: 30px; }
	#home_right_column_header { background-image: url( "http://www.destinationschuylkillriver.org/_staging/images/home/right_column_header.gif" ); height: 61px; }
	#home_right_column_label1 { background-image: url( "http://www.destinationschuylkillriver.org/_staging/images/home/right_column_label1.gif" ); height: 57px; }
	#home_right_column_label2 { background-image: url( "http://www.destinationschuylkillriver.org/_staging/images/home/right_column_label2.gif" ); height: 61px; }
	#home_right_column_label3 { background-image: url( "http://www.destinationschuylkillriver.org/_staging/images/home/right_column_label3.gif" ); height: 61px; }
	#home_right_column_footer { background-image: url( "http://www.destinationschuylkillriver.org/_staging/images/home/right_column_footer.gif" ); height: 14px; }
	#home_right_column h1 {
		font-family: Helvetica, Arial;
		font-size: 12px;
		margin: 8px 17px 12px 19px;
		padding: 0px;
		font-weight: bold;
		color: #7b1d00;
	}
	#home_right_column p {
		font-family: Helvetica, Arial;
		font-size: 12px;
		margin: 0px 17px 12px 14px;
		line-height: 17px;
		height: 100px;
	}
	#home_right_column p img.left_img {
		float: left;
		margin: 0px 7px 30px 0px;
		border: 0px;
	}
	#home_right_column p span {
		display: block;
		margin-bottom: 8px;
	}body {
	margin: 0px;
	padding: 0px;
	background-color: #97aeb0; /*#e3e8cb;*/
	font-family: Helvetica, Arial;
}

a {
	color: black;
	text-decoration: none;
}
a:hover { text-decoration: underline; }

a.arrow_link { color: #4a5f08; }
a.arrow_link:hover { text-decoration: none; } 

#main_container {
	margin: 0px auto;
	width: 990px;
	background-color: #e3e8cb;
}

#header {
	display: block;
	background-image: url( "http://www.destinationschuylkillriver.org/images/header.jpg" );
	width: 990px;
	height: 159px;
}

#nav_container {
	width: 990px;
	height: 26px;
	margin-bottom: 19px;
	background-color: #7c824b;
	border-collapse: collapse;
	border-top: 0px solid #a5ab7e;
	border-bottom: 1px solid #a5ab7e;
	border-left: none;
	border-right: none;
}

#footer_note {
	clear: both;
	font-family: Helvetica, Arial;
	font-size: 13px;
	margin: 0px;
	padding: 10px;
	text-align: center;
}
#footer_note a { color: #4a5f08; }
#footer_note .info_email {
	display: inline-block;
	background-image: url( "http://www.destinationschuylkillriver.org/_staging/images/info_email.jpg" );
	width: 230px;
	height: 13px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	position: relative;
	top: 3px;
}


#main_columns {
	margin: 0px;
	padding: 0px;
	width: 990px;
}

#main_columns a {
	color: #4a5f08;
	text-decoration: none;
}
#main_columns a:hover { text-decoration: underline; }

#main_columns tr th {
	height: 31px;
	text-align: left;
	vertical-align: top;
	color: #146792;
	font-family: Times, Helvetica, Arial;
	font-size: 16px;
}
#main_columns tr th.left_title {
	width: 653px;
	background: #e3e8cb url( "http://www.destinationschuylkillriver.org/_staging/images/page/left_title_bg.gif" ) repeat-y scroll top left;
	padding: 6px 0px 0px 35px;
}
#main_columns tr th.right_title {
	width: 282px;
	background:  #e3e8cb url( "http://www.destinationschuylkillriver.org/_staging/images/page/right_title_bg.gif" ) repeat-y scroll top left;
	padding: 6px 0px 0px 20px;
}

#main_columns tr td.left_column {
	width: 615px;
	background:  #e3e8cb url( "http://www.destinationschuylkillriver.org/_staging/images/page/left_column_bg.gif" ) repeat-y scroll top left;
	vertical-align: top;
	padding: 12px 28px 0px 45px;
	/*padding: 12px 28px 0px 45px;*/
}
	#main_columns tr td.left_column p {
		margin: 0px 0px 10px 0px;
		font-size: 14px;
		line-height: 22px;
	}
			    
	#main_columns tr td.left_column p.img_caption {
		font-size: 10px;
		line-height: 12px;
	}
	#main_columns tr td.left_column h1, h3 {
		color: #7c824b; /*#7B1D00;*/
		font-family: Helvetica, Arial;
		font-size: 22px;
		font-weight: bold;
		margin: 20px 0px 5px;
		padding: 0px;
	}
	#main_columns tr td.left_column h2 {
		color: black;
		font-weight: bold;
		margin: 10px 0px 5px 0px;
		font-size: 14px;
		line-height: 18px;
	}
	#main_columns tr td.left_column h2 a { color: #7c824b; }
	#main_columns tr td.left_column ul, ol { font-size: 12px; }
	#main_columns tr td.left_column ol li { margin-bottom: 12px; }
	#main_columns tr td.left_column .who_cares { clear: both; }
	#main_columns tr td.left_column .who_cares img { float: left; margin: 0px 5px 20px 0px; border: 1px solid black; }
	#main_columns tr td.left_column .who_cares p { margin: 0px 0px 20px 0px; }
	#main_columns tr td.left_column ul#maps_index, #main_columns tr td.left_column ul#maps_index ul { 
		font-size: 14px; 
		line-height: 18px; 
	}

#main_columns tr td.right_column {
	width: 252px;
	background:  #e3e8cb url( "http://www.destinationschuylkillriver.org/_staging/images/page/right_column_bg.gif" ) repeat-y scroll top left;
	padding: 0px 30px 0px 20px;
	vertical-align: top;
}
	#main_columns tr td.right_column p {
		margin: 0px 0px 10px 0px;
		font-size: 14px;
		line-height: 22px;
	}
	#main_columns tr td.right_column ul {
		font-family: Helvetica, Arial;
		font-size: 14px;
		line-height: 22px;
		margin: 0px 0px 12px 0px;
		padding: 0px;
		list-style-type: none;
		font-weight: normal;
	}
	#main_columns tr td.right_column ul li { margin: 9px 0px; padding: 0px; }
	#main_columns tr td.right_column ul li ul { list-style-type: disc; margin: 0px 0px 0px 20px; }
	#main_columns tr td.right_column ul li ul li { margin: 0px; }

#main_columns tr td #main_columns_footer {
	display: block;
	width: 990px;
	height: 30px;
	background:  #e3e8cb url( "http://www.destinationschuylkillriver.org/_staging/images/page/main_columns_footer_orig.gif" ) repeat-y scroll top left;
}

#main_columns tr td.left_column .form_table { margin: 10px 0px 0px 25px; }
#main_columns tr td.left_column .form_table tr th { text-align: right; font-size: 14px; width: 200px; }
#main_columns tr td.left_column .form_table tr td { vertical-align: top; font-size: 12px; }
#main_columns tr td.left_column .form_table tr td input { margin-left: 15px; }
#main_columns tr td.left_column .form_table tr th.volunteers_cell { text-align: left; }

#main_columns tr td.left_column .links_table { width: 600px; }
#main_columns tr td.left_column .links_table td { vertical-align: top; }
#main_columns tr td.left_column .links_table td h2 { font-size: 14px; margin-top: 5px; }

#home_left_column { 
	margin: 0px 0px 0px 8px;
	width: 193px;
	float: left;
	background:  #e3e8cb url( "http://www.destinationschuylkillriver.org/_staging/images/home/left_col_bg.gif" ) repeat-y scroll top left;
}
	#home_left_column a.home_left_col_label { display: block; width: 193px; }
	#home_left_column_header { 
		background-image: url( "http://www.destinationschuylkillriver.org/_staging/images/home/left_column_header.gif" ); 
		height: 52px; margin: 0px; 
	}
	#home_left_column_label1 { 
		background-image: url( "http://www.destinationschuylkillriver.org/_staging/images/home/left_column_label1.gif" ); 
		height: 26px; 
	}
	#home_left_column_label2 { 
		background-image: url( "http://www.destinationschuylkillriver.org/_staging/images/home/left_column_label2.gif" ); 
		height: 25px; 
	}
	#home_left_column_footer { 
		background-image: url( "http://www.destinationschuylkillriver.org/_staging/images/home/left_column_footer.gif" ); 
		height: 14px; /*margin-top: 250px;*/ 
	}
	#map_thumb {
		background-image: url( "http://www.destinationschuylkillriver.org/_staging/images/home/map_thumb.jpg" );
		width: 100px;
		height: 100px;
		display: block;
		margin: 0px auto;
	}
	.field_label {
		display: inline-block;
		font-family: Helvetica, Arial;
		font-size: 12px;
		margin: 10px 0px 0px;
		width: 40px;
	}
	.field_entry {
		font-family: Helvetica, Arial;
		font-size: 12px;
		margin: 10px 0px 0px;
		width: 100px;
	}
	.form_submit { margin: 10px 0px 0px 40px; }
	#home_left_column h1 {
		font-family: Helvetica, Arial;
		font-size: 12px;
		margin: 8px 17px 12px 19px;
		padding: 0px;
		font-weight: bold;
		color: #7b1d00;
	}
	#home_left_column p {
		font-family: Helvetica, Arial;
		font-size: 12px;
		margin: 0px 17px 12px 19px;
		line-height: 17px;
	}
	#home_left_column ul {
		font-family: Helvetica, Arial;
		font-size: 12px;
		margin: 0px 17px 12px 19px;
		padding: 0px;
		list-style-type: none;
		font-weight: bold;
	}
	#home_left_column ul li { margin: 9px 0px; padding: 0px; }
	#home_left_column ul li a { text-decoration: none; color: black; }

#home_middle_column {
	margin: 0px 0px 0px 5px;
	width: 477px;
	float: left;
	background:  #e3e8cb url( "http://www.destinationschuylkillriver.org/_staging/images/home/middle_col_bg.gif" ) repeat-y scroll top left;
}
	#home_middle_column a.home_middle_col_label { display: block; width: 477px; }
	#home_middle_column_header { background-image: url( "/survey/middle_column_header.gif" ); height: 36px; }
	#home_middle_column_label1 { background-image: url( "http://www.destinationschuylkillriver.org/_staging/images/home/middle_column_label1.gif" ); height: 62px; }
	#home_middle_column_footer { background-image: url( "http://www.destinationschuylkillriver.org/_staging/images/home/middle_column_footer.gif" ); height: 14px; clear: both; }
	#home_middle_column h1 {
		font-family: Helvetica, Arial;
		font-size: 12px;
		margin: 8px 17px 12px 19px;
		padding: 0px;
		font-weight: bold;
		color: #7b1d00;
	}
	#home_middle_column p {
		font-family: Helvetica, Arial;
		font-size: 14px;
		margin: 0px 17px 12px 19px;
	}
	#home_middle_column ul {
		font-family: Helvetica, Arial;
		font-size: 12px;
		margin: 0px 17px 12px 19px;
		padding: 0px;
		list-style-type: none;
		font-weight: normal;
	}
	#home_middle_column ul li { margin: 9px 0px; padding: 0px; }
	#home_middle_column a { color: #4a5f08; }
	#home_middle_column #who_cares_list {
		margin: 0px 0px 10px 0px;
		padding: 0px;
		list-style-type: none;
	}
	#home_middle_column #who_cares_list li {
		width: 100px;
		float: left;
		margin: 0px 0px 10px 14px;
		padding: 0px;
	}
	#home_middle_column #who_cares_list li img.who_cares_img {
		background-color: gray;
		display: block;
		width: 71px;
		height: 71px;
		margin: 0px 0px 3px 0px;
	}
	#home_middle_column #who_cares_list li p {
		float: left;
		margin: 0px;
		font-size: 12px;
	}

#home_right_column {
	margin: 0px 3px 0px 5px;
	width: 291px;
	float: left;
	background:  #e3e8cb url( "http://www.destinationschuylkillriver.org/_staging/images/home/right_col_bg.gif" ) repeat-y scroll top left;
}
	#home_right_column a.home_right_col_label { display: block; width: 291px; }
	#home_right_column_label0 { background-image: url( "http://www.destinationschuylkillriver.org/_staging/images/home/right_column_label0.gif" ); height: 30px; }
	#home_right_column_header { background-image: url( "http://www.destinationschuylkillriver.org/_staging/images/home/right_column_header.gif" ); height: 61px; }
	#home_right_column_label1 { background-image: url( "http://www.destinationschuylkillriver.org/_staging/images/home/right_column_label1.gif" ); height: 57px; }
	#home_right_column_label2 { background-image: url( "http://www.destinationschuylkillriver.org/_staging/images/home/right_column_label2.gif" ); height: 61px; }
	#home_right_column_label3 { background-image: url( "http://www.destinationschuylkillriver.org/_staging/images/home/right_column_label3.gif" ); height: 61px; }
	#home_right_column_footer { background-image: url( "http://www.destinationschuylkillriver.org/_staging/images/home/right_column_footer.gif" ); height: 14px; }
	#home_right_column h1 {
		font-family: Helvetica, Arial;
		font-size: 12px;
		margin: 8px 17px 12px 19px;
		padding: 0px;
		font-weight: bold;
		color: #7b1d00;
	}
	#home_right_column p {
		font-family: Helvetica, Arial;
		font-size: 12px;
		margin: 0px 17px 12px 14px;
		line-height: 17px;
		height: 100px;
	}
	#home_right_column p img.left_img {
		float: left;
		margin: 0px 7px 30px 0px;
		border: 0px;
	}
	#home_right_column p span {
		display: block;
		margin-bottom: 8px;
	}

/** BEGIN SURVEY CSS **/


h3 {
    font-size:1.3em;
    font-weight:bold;
    color:#1D2D45;
    padding-bottom:10px;
}

#answers
{
    margin:0;
    width:90%;
}

#completed
{
   width:92%;
   text-align:left;
   background-color:#fff;
   margin:15px auto;
   padding:5px;
   border: 1px solid #2f5376;
}

div.questionhelp
{
font-size: 10px; 
}

div.questionhelp img
{
   margin:0 5px;
   margin-top:-4px;
   vertical-align:middle;   
}

div.question
{
border: 1px solid #2f5376;
background-color:#fff;
width:92%;
margin:12px auto;
padding: 0.5em;
}

div.questiontext {
    font-weight:bold;
    font-size:12px;
    margin-bottom:4px;
}

#groupheader {
  font-weight: bold;
  font-size: 16px;
  font-style: normal;
  color: #2f5376;
  margin-left: 10px;
}
           
#groupdescription {
  margin-left: 10px;
  font-size: 12px;
  color: #333;
  width:92%;
}

#container {
    width:85%;
    margin:0 auto;
    border: 1px solid #2f5376;
    background-color:#E9E9E9;
    padding: 0% 0% 0.5em 0%;
}

#welcometext {
    width: 100%;
    margin:0 auto;
    text-align:left;
}

#welcometext p {
    padding-bottom: 1em;    
}

#welcome {
    color:#000;
    text-align: center;
    padding: 10px 0px;
    width: 92%;
}

#welcome p
{
    font-size:0.7em;
    margin:6px auto;
}


.submit, input.saveall {
    background-color:#FFF;
    color:#2F5376;
    padding:0 10px;
}

input.submit {
    min-width:100px;
}

input.saveall {
    font-size:0.8em;
    padding:0 5px;
}

.select {
    background-color:#EFEFEF;
    color:#555;
}
.clearall A:hover {
    text-decoration:underline;
}

.graph {
    border:solid;
    background-color:#EFEFEF;
    font-family:Verdana;
    font-size:10px;
    border-color:#FFF;
    border-width:1px;
}

 .answertext
,.answertextright {
    font-size: 12px;
}

.answertextright {
    text-align:left;
}

#progress-graph {
    line-height: 1.5em;
    font-size:0.8em;
    width: 16em;
    margin:0 auto;
    padding: 0.2em 0.5em 0.3em 1em;
    text-align: left;
    background-color: #efefef;
    color: #777777;
    border: 1px solid #fff;         
}

.hide
{
    font-weight: normal;
    position: absolute;
    top: -9999px;
    left: -9999px;
}
#progress-graph div.zero
{
    width: 3.6em;
    margin-right: 0%;
}
#progress-graph div.graph
{
    width: 8em;
    height: 1.2em;
    border: 1px solid #000;
    margin-top: -1.3em;
    margin-left: 2.8em;
    margin-right: 0%;
}
#progress-graph div.cent {
    width: 3em;
    margin-top: -1.65em;
    margin-left: 12.1em;
    margin-right: 0%;    
}

.array1 {
background-color:#D1D1D1;
text-align:center;
}

.array2 {
background-color:#EFEFEF;
text-align:center;
}

.question {
background-color:#FFF;
font-size:13px;
}


.questionhelp {
font-size:10px;
}

.asterisk {
font-family: verdana;
color: #006699;
font-size: 9pt;
}

.innergraph img {
height:12px;
vertical-align:top;
}

.innergraph table {
height:12px;
border:1px solid #000;
table-layout:fixed !important;
}

.innergraph td {
height:12px;
}

.printouttable {
width:100%;
}

.printouttable td {
border-color:#fff #fff #ddf #000;
border-style:solid;
border-width:1px;
}

.printouttable td:first-child {
font-weight:700;
text-align:right;
padding-right:5px;
padding-left:5px;
}

.printouttitle {
padding-right:5px;
padding-left:5px;
font-size:18px;
}

.surveytitle {
font-size:1.2em;
height:1.5em;
}

.surveytitle:hover {
background-color:#F0F0FF;
}

.languagechanger {
font-size:1em;
}

.errormandatory,.warningjs {
font-size:12px;
font-weight:700;
color:RED;
}

font,.text {
}

.clearall
A:link,.clearall
A:visited,.clearall
A:active {
text-decoration:none;
}

table.question tr.array1:hover,table.question tr.array2:hover {
background-color:#A7A9D1;
}

table.question td{
   padding:3px 10px;
}

table.question th{
   padding:2px 5px;
}

#limesurvey table.question tbody th.arraycaptionleft,
#limesurvey table.question thead th{
   padding:3px 10px;
   background-color:#D1D1D1;
   vertical-align:middle !important;
   font-size:0.6em;
   font-weight: bold;
}

table.question tr:first-child td:first-child{
   background-color:#fff;
}


td.answertext
{
  padding:3px 6px;
}

.dsheader
{
font-size:12px;
font-weight:bold;
}


/* -------------------------------------------------
   START: Question styles  ------------------------- */

/* =====================================
== Full list of question classes =======

 .boilerplate
,.numeric
,.choice-5-pt-radio
,.yes-no
,.gender
,.date
,.numeric-multi
,.numeric
,.list-radio
,.list-radio-flexible
,.list-with-comment
,.list-dropdown
,.list-dropdown-flexible
,.ranking
,.numeric-multi
,.language
,.multiple-opt-comments
,.multiple-short-txt
,.text-short
,.text-long
,.text-huge
,.numeric-multi
,.array-5-pt
,.array-10-pt
,.array-yes-uncertain-no
,.array-increase-same-decrease 
,.array-flexible-row 
,.array-flexible-column 
,.slider 
,.array-multi-flexi 
,.array-multi-flexi-text
,.array-flexible-duel-scale 
*/

/* - - -  - - -  - - -  - - - - - -  - - -  - - - -
   START: General list styles - - -  - - -  - - - - */
 .choice-5-pt-radio ul
,.list-radio-flexible ul
,.list-radio ul
,.list-with-comment ul
,.multiple-opt ul
,.multiple-opt-comments ul
,.multiple-short-txt ul
,.numeric-multi ul
,.yes-no ul
,.gender ul
{
    margin-left: 0%;
    padding-left: 0%;
}

 .choice-5-pt-radio li
,.list-radio-flexible li
,.list-radio li
,.list-with-comment li
,.multiple-opt li
,.multiple-opt-comments li
,.multiple-short-txt li
,.numeric-multi li
,.yes-no li
,.gender li
{
    list-style-type: none;
    text-align: left;
    margin: 0 0 0.3em 0.5em;
}
 .choice-5-pt-radio li
,.list-radio-flexible li
,.list-radio li
,.list-with-comment li
,.yes-no li
,.gender li
{
    margin-left: 2em;
    text-indent: -1.7em;
}


/* END:  General list styles - - - -  - - -  - - - -
- - - - -  - - -  - - -  - - - - - -  - - -  - - - - */


/* STYLES NOT YET DEFINED - - - - -
.boilerplate {}
*/

 .choice-5-pt-radio ul
,.yes-no ul
,.gender ul
{
    text-align: left;
	margin-left: 0%;
	padding-left: 0%;
	font-size: 90%;
}
 .choice-5-pt-radio ul li
,.yes-no ul li
,.gender ul li
{
	display: inline;
	padding: 0% 2em 0% 0%;
	margin-left: 0%;
	
}


/* STYLES NOT YET DEFINED - - - - -
.date {}
*/
.date p.question { margin-left: 1em; }
.date p.question select.day {}
.date p.question select.month {}
.date p.question select.year {}

 .date p.tip
,.numeric-multi p.tip
,.numeric p.tip
,.list-with-comment div.list p.tip 
{
    margin-left: 0.9em;
    font-size: 0.6em;
    font-style: italic;
    line-height: 150%;
    margin-bottom:10px;
}

/* Currently numeric-multi table is only the width of the widest box they contain (ul.computed/ul.slider.computed). Because ul.multinumerichelp is floated, it's outside the normal flow, so cannot affect the width of the wrapping table box.
If you want ul.multinumerichelp to float beside the input boxes, you need to uncomment the following. NOTE: the result makes multi-numeric different from the rest of the question types.*/
/*.numeric-multi table { width: 100%; } */

 .numeric-multi p.tip.error
,.numeric-multi input.tip.error
{
    color: #f70;
    font-weight: bold;
}
 .numeric-multi p.tip.good
,.numeric-multi input.tip.good
{
    color: #090;
    font-weight: bold;
}

.numeric p.question
,.numeric-multi span
,.multiple-short-txt ul li span
{
	font-size: 75%;
/*	font-style: italic;*/
}
.numeric p.question input
{
	margin:0% 0.2em;
}
/* DEFINED ABOVE UNDER "General list styles" - - - - -
.list-radio-flexible
.list-radio
*/

.list-radio .answer li label {
    display:inline-block;
    width:85%;
}


.list-radio .answer li input { 
    vertical-align:top !important;
    margin-top:2px;
}

  ul.cols-2 , table.cols-2
, ul.cols-3 , table.cols-3
, ul.cols-4 , table.cols-4
, ul.cols-5 , table.cols-5
, ul.cols-6 , table.cols-6
, ul.cols-7 , table.cols-7
, ul.cols-8 , table.cols-8
{
    width: 98%;
    margin: 0% auto 0% auto;
}

  ul.cols-2 li , ul.cols-2-ul
, ul.cols-3 li , ul.cols-3-ul
, ul.cols-4 li , ul.cols-4-ul
, ul.cols-5 li , ul.cols-5-ul
, ul.cols-6 li , ul.cols-6-ul
, ul.cols-7 li , ul.cols-7-ul
, ul.cols-8 li , ul.cols-8-ul
{
    float: left;
    padding: 0% 0.5em;
    white-space: normal
}

ul.cols-2 li , ul.cols-2-ul , table.cols-2 td { width: 47%; }
ul.cols-3 li , ul.cols-3-ul , table.cols-3 td { width: 30%; }
ul.cols-4 li , ul.cols-4-ul , table.cols-4 td { width: 22%; }
ul.cols-5 li , ul.cols-5-ul , table.cols-5 td { width: 17%; }
ul.cols-6 li , ul.cols-6-ul , table.cols-6 td { width: 15.5%; }
ul.cols-7 li , ul.cols-7-ul , table.cols-7 td { width: 12%; }
ul.cols-8 li , ul.cols-8-ul , table.cols-8 td { width: 10%; }

.list-dropdown-flexible p.question
{
    margin-left: 1em;
}
/* STYLES NOT YET DEFINED - - - - -
.list-dropdown {}
*/
.list-with-comment div.list
{
    width: 47%;
    float: left;
    padding: 0.5em;
}
.list-with-comment p.select
{
    width: 47%;
    float: left;
    padding: 0.5em;
    margin: 0%;
}
.list-with-comment div.list p
{
    margin: 0%;
    text-align: left;
}
.list-with-comment p.comment
{
    margin: 0%;
    padding: 0.5em;
    text-align: left;
    float: left;
    width: 47%;
}


.list-with-comment p.comment textarea
{
    width: 100%;
    margin-top:10px;
}



.ranking {}

/* DEFINED ABOVE UNDER "General list styles" - - - - -
.multiple-opt
*/

.language {}
/* The following styles only apply to modern (relatively) complete CSS2 compliant browsers. (Not less than IE 8) */
 .multiple-opt-comments td.answer
,.multiple-short-txt td.answer
,.numeric-multi td.answer
{
}
 .multiple-opt-comments ul
,.multiple-short-txt ul
,.numeric-multi ul
,.numeric-multi.slider ul
{
	display: table;
	padding: 0%;
	margin: 1em;
}
.numeric-multi ul	{	margin: 0% 1em 1.5em 1em;	}
.numeric-multi ul.computed
{
	float:left;
	padding-right: 2em;
}
.numeric-multi div.multinum-slider
{
	margin-top: 1.5em;
}
.numeric-multi ul.slider.computed
{
	width: 13em;
    margin-bottom: 1em;
}
 .multiple-opt-comments ul li
,.multiple-short-txt ul li
,.numeric-multi ul li
,.numeric-multi.slider ul li
{
	display: table-row;
	font-size: 90%;
}
.multiple-opt-comments ul li span.option
{
	padding: 0.3em 1em 0% 1.5em;
    text-indent: -1.5em;
	display: table-cell;
	vertical-align: baseline;
}
 .multiple-short-txt ul li label
,.numeric-multi ul li label
,.numeric-multi ul.slider li label
{
	padding: 0.3em 1em 0% 0%;
	display: table-cell;
	vertical-align: baseline;
}
.numeric-multi ul.computed li label
.numeric-multi ul.slider.computed li label
{
	padding-right: 0%;
    font-size:12px;
}

 .multiple-opt-comments ul li span.comment
,.multiple-short-txt ul li span
,.numeric-multi ul li span
,.numeric-multi ul li.slider span
{
	padding: 0.3em 0% 0% 1em;
	display: table-cell;
	vertical-align: baseline;
	white-space: nowrap;
}
.multiple-opt-comments ul li span	{	padding: 0.3em 1em 0% 0%;	}

 .numeric-multi ul.multiplenumerichelp
,.numeric-multi ul.multiplenumerichelp.slider
{
	display: table; font-size: 80%;
}
 .numeric-multi ul.multiplenumerichelp li
,.numeric-multi ul.multiplenumerichelp.slider li
{
	display: table-row
}

 .numeric-multi ul.multiplenumerichelp li span
,.numeric-multi ul.multiplenumerichelp.slider li span
{
	padding: 0% 0% 0% 0.3em;
	display: table-cell;
}
.numeric-multi ul.multiplenumerichelp span input
{
    border: none;
    background-color: #fff;
    color: #222;
    padding: 0%;
    width: 7em;
}

 .numeric input
,.text-short input
,.text-long textarea
,.text-huge textarea
{
    margin-left: 1em;
}
/* STYLES NOT YET DEFINED - - - - -
.yes-no {}
.gender {}
*/

 #limesurvey table.question thead th
,#limesurvey table.question .repeat th
{
    text-align: center;
}
#limesurvey table.question .answer tbody td
{
    text-align: center;
}

 #limesurvey table.question tbody th.answertext
{
    text-align: right;
    font-weight: normal;
    font-size: 12px;
}
#limesurvey table.question tbody th.answertextright
{
    text-align: left;
    font-weight: normal;
    font-size: 12px;
}

.array-flexible-column  table.question thead th
{
    font-size: 12px !important;    
    font-weight:normal !important;
}

.array-flexible-column thead th.odd
{
   background-color:#f1f1f1 !important;        
}


.array-flexible-column col.odd {
    background-color: #eee;
}

.array-flexible-column col.even {
    background-color: #d1d1d1;
}

.array-flexible-column table.question td
{
  text-align:center;
  
}



/* Jquery CSS
 */
/** UI Base **/
.ui-wrapper { 
    border: 1px solid #50A029; 
}

.ui-wrapper input, 
.ui-wrapper textarea { 
    border: 0; 
}

/************** Slider ********************/

.ui-slider-disabled .ui-slider-handle {
    opacity: 0.5; 
    filter: alpha(opacity=50); 
}

.ui-slider-1 { 
    width: 200px; position: relative; height: 10px;
}
.slider_callout { 
    height: 20px; 
    width: 100px; 
    overflow: hidden; 
    position: absolute; 
    top: -15px; 
    margin-left:+15px; 
    color: #284a6e; 
    font-size: 0.75em; 
    font-weight: bold; 
    text-align: left;
}

div.privacynote {
    text-align:left;
    font-size: 0.75em;
    background-color: #fff;
    width: 90%;
    margin: 10px auto;
    padding:5px;
}

table.navigator {
    width:94%;
    margin-bottom:5px;
}



div.answers table {
    margin:0 auto !important;
    border-collapse:separate;
    border-spacing: 1px;
}

.numeric-multi div.input 
{
 font-size:12px;
}

.choice-5-pt-radio li
{
    display: inline;
    margin-left: 0.5em;
} 
 .choice-5-pt-radio ul {
  margin-bottom:10px;
}

div.answers  {
    margin-bottom: 10px;
}
div #loadtable, div #savetable
{
    padding-top:10px;
}

#loadtable td, #savetable td {
    padding-top:5px;
    padding-left:3px;
}

#loadbutton, #savebutton {
    padding:0 10px;
}

td.rank label, td.rank td strong {
    font-size:0.7em;
}

.ranking select {
    min-width:140px;
    min-height:60px;
}

li.other .answer-comment {
    margin-top:-1.65em;
}

p.captcha
{
    margin-left:10px;
    margin-top:10px;
}

form.captcha table td
{
    padding:5px 5px;
}

form.captcha label
{
    font-weight:bold
}

#tokenform
{
  margin-top:1em;
}

#tokenform input
{
}

#tokenform label {  
float: left;  
width: 20em;  
margin-right: 0.5em;  
text-align: right;
}

#tokenform li
{
  padding-bottom:5px;
}

#tokenform img
{
  margin-bottom:-5px;
  margin-right: 5px;
}


p#tokenmessage
{
  margin:20px;
}


p#tokenmessage
{
  margin:20px;
  text-align:center;
}


div#wrapper{
  width:600px;
  margin:0 auto;
}


#tokenform input.submit
{
 margin-left:18em;
 margin-top:1em;
 margin-bottom:1em;
}

#statsContainer {
    width:720px;
    margin:8px auto;
    border: 1px solid #2f5376;
    background-color:#E9E9E9;
    padding: 0% 0% 0.5em 0%;
}

#statsHeader{
	background-color:#2F5376;
    color:#fff;
    text-align:center;
    padding: 10px 0px;
	height:96px;
}

.statsSurveyTitle {
	text-align:center;
	font-size:1.66em;
	padding: 15px 0px 10px 0px;
}

.statsNumRecords {
	text-align:center;
	font-size:1em;
}

table.statisticstable{
	width: 690px; 
	border: 0px solid;
	text-align:left;
	background-color:#fff;
	margin:0px auto;
	padding-bottom: 8px;
	
}

table.statisticstable td{
	padding-top: 4px;
	padding-bottom: 4px;
	border-bottom: 1px solid #CCC;
}

table.statisticstable strong{
	font-weight: bold;
}

table.statisticstable img{
	margin:3px auto;
}

div.fieldSummary{
	font-size:.9em;
	padding: 10px 10px 0px 10px;
	display: block;
}
div.questionTitle{
	font-size:1.2em;
	padding: 20px 20px 20px 20px;
	font-weight: bold;
}

td.statsImageholder {
	background-color:#fff;
}

