#hcqInteractive {
    border: 1px solid #999;
    position: relative;
    padding:0;
    background-color:#fff;
    color: #000;
    margin: 7px auto;
    /*width: 404px;*/
}

#hcqInteractive:focus {
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

#hcqInteractive img {max-width: 100%;}

#hcqInteractive .shFade {
    opacity: 1;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

#hcqInteractive .shFade:hover {
    opacity: 0.5;
}

.hcqLeft {float:left;}
.hcqRight {float:right;}
.hcqClear {clear:both;}
.hcqHidden {visibility: hidden; height:0px; width: 0px;}

#hcqInteractive header {
	background-color: #edb50f;
	padding: 1em;
	padding-bottom: 10em;
	overflow: hidden;
	padding-left: 5%;
}

	#hcqInteractive header img {
		float: left;
		margin-right: 1.5em;
	}

	#hcqInteractive header h2 {
		color: #000;
		font-weight: bold;
		background-color: transparent;
		margin: 0;
		border: none;
		font-size: 2em;
		float:left;
		padding-top: 12px;
	}

		#hcqInteractive header h2 .sub{
			color: #000;
			font-size: .8em;
			font-style: italic;
		}

#hcqInteractive #hcqMain {
	background-color: #bed63a;
	border-top: 1.5em solid #fff;
	padding-top: 0;
	position:relative;
	z-index: 5;
	padding-bottom: .5em;
}

	#hcqInteractive #hcqMain #hcqContentWrap {
		background-color: #transparent;
		position: relative;
		z-index: 10;
		width: 95%;
		left: 5.1%;
		top: -1em;
		margin-top: -9em;
	}
	
		#hcqInteractive #hcqMain #hcqContentWrap #hcqContent {
			background-color: #fff;
			-webkit-border-top-left-radius: 1em;
			border-top-left-radius: 1em;
			-webkit-border-bottom-left-radius: 1em;
			border-bottom-left-radius: 1em;
			position:relative;
			padding: 1.5em;
			margin-bottom: 1em;
		}
		
			#hcqInteractive #hcqMain #hcqContentWrap #hcqContent.hcqHome {
				padding-right: 0;
			}

			#hcqInteractive #hcqMain #hcqContentWrap #hcqContent .qnum {
				color: #937109;
				text-align:right;
				font-size: 1.1em;
				margin: 0;
			}
		
			#hcqInteractive #hcqMain #hcqContentWrap #hcqContent .ques, #hcqInteractive #hcqMain #hcqContentWrap #hcqContent .explanation {
				font-family: Georgia, 'Times New Roman';
				background-color: #a3e0f7;
				color: #2c3990;
				-webkit-border-radius: 1em;
				border-radius: 1em;
				-webkit-border-bottom-left-radius: 1em;
				border-bottom-left-radius: 1em;
				padding: 1em 2em;
				min-height: 70px;
				float: none;
				width: auto;
				display: block;
				font-weight: bold;
				background-image: url('../../alt/hazard-check/images/quiz/bigQ.png');
				background-position: 5px 5px;
				background-repeat: no-repeat;
			}
			
				#hcqInteractive #hcqMain #hcqContentWrap #hcqContent .explanation {
					background-image: url('../../alt/hazard-check/images/quiz/bigA.png');
					font-family: Arial;
					color: #000;
					font-weight: normal;
					clear: both;
					margin-bottom: 0;
				}
				
				
				
			#hcqInteractive #hcqMain #hcqContentWrap #hcqContent .hcqScore{
				font-family: Arial;
				background-color: #a3e0f7;
				color: #000;
				-webkit-border-radius: 1em;
				border-radius: 1em;
				-webkit-border-bottom-left-radius: 1em;
				border-bottom-left-radius: 1em;
				padding: 1em 2em;
				min-height: 70px;
				float: none;
				width: auto;
				display: block;
				font-weight: bold;
				text-align: center;
				margin-top: 1em;
				margin-bottom: 2em;
			}	
			
				#hcqInteractive #hcqMain #hcqContentWrap #hcqContent .hcqScore h2 {
					text-align: center;
					font-size: 2em;
					font-weight: bold;
					margin-top: .5em;
				}	
		
			#hcqInteractive #hcqMain #hcqContentWrap #hcqContent .hcqScoreTotals {
				text-align: center;
				color: #2c3990;
				font-size: 2.5em;
				line-height: 1.25em;
				font-weight: bold;
			}
			
				#hcqInteractive #hcqMain #hcqContentWrap #hcqContent .hcqScoreTotals .hcqScoreCount {
					/*font-size: 1.3em;*/
				}

			#hcqInteractive #hcqMain  #hcqHouseTree2 {
				position:absolute;
				bottom: 0;
				left:5%;
				z-index:1;
				width: 25%;
			}
			
			#hcqInteractive #hcqMain  .hcqOrderGuide {
				float: right;
				z-index:5;
				width: 45%;
				margin-right: 5%;
				font-size: 1.2em;
			}		
		
			#hcqInteractive #hcqMain #hcqContentWrap #hcqContent .hcqRightWrong {
				font-family: Georgia, 'Times New Roman';
				color: #2c3990;
				font-size: 1.5em;
				font-weight: bold;
				float: left;
				padding-top: 30px;
				margin-bottom: 1em;
				width: 85%;
			}
		
		
			#hcqInteractive #hcqMain #hcqContentWrap #hcqContent .hcqCheckmark {
				float: left;
				margin-right: 1em;
			}
			
			#hcqInteractive #hcqMain #hcqContentWrap form#hcqQForm #hcqContent {
		
			}
		
				#hcqInteractive #hcqMain #hcqContentWrap form#hcqQForm #hcqContent input {
					display: inline-block;
					margin-right: 1em;
				}
		
				#hcqInteractive #hcqMain #hcqContentWrap form#hcqQForm #hcqContent label {
					display: inline-block;
					padding-right: 50px;
					margin-right: 1em;
				}

	#hcqInteractive #hcqMain .hcqButtonWrap {
		display: block;
		float:none; 
		-webkit-border-top-left-radius: 1em;
		border-top-left-radius: 1em;
		-webkit-border-bottom-left-radius: 1em;
		border-bottom-left-radius: 1em;
		width: 100%;
		margin: 0;
		margin-bottom: 1em;
		position: relative;
	}

	#hcqInteractive #hcqMain #hcqContentWrap .hcqButtonWrap .hcqButton {
		display: block;
		float:left; 
		-webkit-border-radius: .4em;
		border-radius: .4em;
		margin-right: 1em;
		padding: .4em 1em;
		border: none;
		color: #fff;
		font-weight: bold;
		cursor: pointer;
		text-decoration: none;
	}
	
		#hcqInteractive #hcqMain #hcqContentWrap .hcqButton#hcqSubmit {
			float:right;
			background-color: #0e7094;
		}
		
		#hcqInteractive #hcqMain #hcqContentWrap .hcqButton#hcqFb {
			float:right;
			background-color: transparent;
			color:#000;
		}
		
		#hcqInteractive #hcqMain #hcqContentWrap .hcqButton#hcqBack {
			background-color: #2b388f;
		}
		
		#hcqInteractive #hcqMain #hcqContentWrap .hcqButton#hcqStartOver {
			background-color: #ab5415;
			padding-bottom: .65em;
			padding-top: .5em;
		}


#hcqInteractive #hcqMain #hcqHomeSplash {
	background-color: #6bcdf1;
	color: #000;
	-webkit-border-top-left-radius: 1em;
	border-top-left-radius: 1em;
	-webkit-border-bottom-left-radius: 1em;
	border-bottom-left-radius: 1em;
	padding: 1.5em;	
}

	#hcqInteractive #hcqMain #hcqHomeSplash p {
		font-size: 2em;
		z-index: 5;
	}
	
	#hcqInteractive #hcqMain #hcqHomeSplash .hcqButton#hcqStart, #hcqInteractive #hcqMain #hcqHomeSplash .hcqButton#hcqStart:hover {
		background-color: #2b388f;
		-webkit-border-radius: .4em;
		border-radius: .4em;
		padding: .4em 1em;
		border: none;
		color: #fff;
		font-size: 1.5em;
		font-weight: bold;
		cursor: pointer;
		float: left;
		margin-bottom: 3em;
		margin-top: 3em;
		z-index: 5;
		text-decoration: none;
	}
	
	#hcqInteractive #hcqMain #hcqHomeSplash #hcqHouseTree {
		position:absolute;
		bottom: 0;
		right: 2em;
		z-index:1;
	}

#hcqInteractive footer {
	background-color: #fff;
	padding: 1em;
	clear: both;
	float: none;
}

#hcqInteractive footer.hcqHomeFooter {
	padding-top: 75px;
	background-image: url('../../alt/hazard-check/images/quiz/homeFooter.png');
	background-repeat: repeat-x;
	background-position: top;
	top: -1em;
}

	#hcqInteractive footer img {
		float: left;
		margin-right: .8em;
	}

	#hcqInteractive footer p {
		color: #000;
		font-weight: bold;
		background-color: transparent;
		margin: 0;
		font-size: 1em;
		float: left;
		width: auto;
		padding-top: 35px;
	}
	

	#hcqInteractive footer .copyright {
		text-align:right;
		font-size: .8em;
		float: right;
		width: auto;
		padding-top: 35px;
	}
	
	#hcqInteractive .hcqSubmitArrow {
		margin-left: .8em;
		margin-bottom: .2em;
	}
	
	#hcqInteractive .hcqBackArrow {
		margin-right: .8em;
		margin-bottom: .2em;
	}
	
#hcqInteractive .hcqCongrats {	
	color: #2c3990;
}

#hcqInteractive .screen.question,
#hcqInteractive .screen.answer,
#hcqInteractive .screen.result,
#hcqInteractive .options.question,
#hcqInteractive .options.answer,
#hcqInteractive .options.result,
#hcqInteractive .footer.question,
#hcqInteractive .footer.answer,
#hcqInteractive .footer.result
{
    display: none;
}

.hcqScoreMessage { font-size: 200%; }
}

.frmErr p { color:#c00 !important; }
.frmErr p a:link, p a:visited { color: #c00; text-decoration: none !important; }
.frmErr p a:hover { color:#c00; text-decoration: underline !important; }