@charset "utf-8";
body {
 font-family:Verdana, Geneva, sans-serif;
 font-size:14px;
 margin:0px;
 background-color:#f2fbff;
 color:#002a4d;
	-webkit-text-size-adjust: none;
}
html, body { height:100%; }
#container {
 min-height:100%;
}
* html #container {
 height:100%;
}
table { border-collapse:collapse; }
td, th { font-size:14px;padding:5px; }
th { text-align:left; }

tr:nth-child(odd) { background-color:#e1f2fa; }

img { border:none; margin:0; }
p { margin-top:0px; max-height:10000em; }
hr { margin:16px 0; padding:0; height:1px; border:none; overflow:hidden; background-color:#000; }

h1 {
	font-size:14px;
 color: #fff;
 background-color: #02304a;
	padding:4px 20px 6px;
 box-shadow: 0 2px 4px 0 #dae0e5;
	margin:-47px 0 0;
	position:absolute;
	left:0;
	right:0;
}
h2 { font-size:16px;margin:0 0 10px; }
h3 { font-size:14px;margin:16px 0; }
h4 { font-size:14px;margin:16px 0 0; }

a:link { color:#0062b3; }
a:visited { color:#007ee5; }
a:active, a:hover { color:#6e993d; }

ul {
	margin-top:0px;
	margin-left:0px;
	padding-left:16px;
}

form { margin:0px; }
select, input, textarea { font-size:14px;margin:0px;padding:5px 2px; }
input[type=submit] { font-weight:bold; padding:5px 10px; }
input[type=button] { padding:5px 10px; }
input[type=radio], input[type=checkbox] {
 vertical-align: top;
 margin-top: 3px;
}

.xl, .xl td, .xl th { font-size:18px; }
.l, .l td, .l th { font-size:16px; }
.m, .m td, .m th { font-size:14px; }
.s, .s td, .s th { font-size:12px; }
.xs, .xs td, .xs th { font-size:10px; }

.inlineBlock {
	display:inline-block;
 	zoom:1;
 	*display:inline;
}

.success {
 color:#00cc00;
 font-weight:bold;
}
.error {
 color:#cc0000;
 font-weight:bold;
}
.warning {
 color:#ff9900;
 font-weight:bold;
}

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

#header {
	min-height:75px;
	border-bottom:1px solid #c2c7cc;
	box-shadow:0 2px 4px 0 #dae0e5;
	background-color:#fff;
	line-height:75px;
 padding:20px 0;
}
#header div {
	line-height:50%;
	vertical-align:middle;
	display:inline-block;
 	zoom:1;
 	*display:inline;
	width:46%;
	padding:0 1.5%;
}
#mhqap_logo img {
	width:280px;
 height:75px;
 object-fit:contain;
}
#man_logo { text-align:right; }
#man_logo img {
	max-height:75px;
}
#main {
	text-align:center;
	padding:20px 20px 105px;
}
#links {
	float:right;
 margin:26px 0 20px 20px;
}
#installer {
	float:right;
	color:#fff;
	z-index: 1;
 position: relative;
 margin: 3px 20px 0 0;
}
#es_email, #es_method {
 display:none;
}
#installer_photo {
 display:none;
 max-width:178px;
 max-height:317px;
}
#footer {
	color:#fff;
	background-color:#02304a;
	font-size:11px;
	height:75px;
	padding:0px 20px;
	line-height:75px;
	margin-top:-75px;
}
#footer span {
	vertical-align:middle;
	line-height:normal;
}
#goto {
 float:right;
 display:none;
}
#goto select { max-width:260px; }

.content {
	max-width:720px;
	margin:auto;
	text-align:left;
}

.screen {
	text-align:left;
	display:none;
	max-width:984px;
	margin-top:26px;
}
.buttons {
	text-align:center;
	margin-top: 20px;
}
.info_box {
 border:1px solid #8A9199;
 background-color:#fff;
 box-shadow: 1px 1px 5px 0 #B8C2CC inset;
 padding:10px;
 height:360px;
 overflow:auto;
 margin-bottom:16px;
}
dt { float:left; }
dd dd { margin-left:65px; }
.question_image {
	max-width:984px;
	max-height:656px;
}
.options { text-align:center; }
.option {
	padding:10px;
	min-width:226px;
	text-align:left;
	vertical-align:top;
}
.option_image {
	display:block;
 width:224px;
	height:224px;
	background-color:#fff;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
	border:1px solid #c2e5ac;
	margin:0 auto 3px;
}
.option.image {	display:inline-block; width:226px; text-align:center; }
.option > div {
	display:inline;
}
.option.image > div {
	display:inline-block;
	vertical-align:top;
	max-width:208px;
}
.matches {
 float:left;
	margin-right:20px;
	text-align:left;
}
.match {
	padding:10px 0;
}
.statements {
 overflow:hidden;
	text-align:left;
}
.statement {
	padding:10px 0;
}
.statement .option_image {
 display:inline;
 vertical-align:top;
}
.statement.image {	display:inline-block; width:245px; margin-right:20px; text-align:center; }

.select_multiple select { float:right; margin-left:20px; }
.all_yes { text-align:right; clear:both; margin:10px 10px 0 0; }

@media (max-width:990px) {
 .question_image {
		max-width:100%;
	}
}
@media (max-width:659px) {
 body #header div {
  display:block;
  margin-bottom:20px;
  text-align:center !important;
  width:auto !important;
 }
 body #header div:last-child {
  margin-bottom:0;
 }
}

.display_print {
 background-color:#fff;
 color:#000;
}
.display_print p {
 margin-top:1em;
}
.display_print #header { box-shadow:none; }
.display_print #agreement_form,
.display_print #done,
.display_print #results,
.display_print #performance_results,
.display_print #pin_screen,
.display_print #installer_photo_row,
.display_print #installer,
.display_print .all_yes
{
 display:none;
}
.display_print #main {
 text-align:left;
}
.display_print #es_email, .display_print #es_method { display:table-row; }
.display_print .screen {
 display:block;
 clear:both;
 padding-top:26px;
 margin:0;
 page-break-inside: avoid;
 width:100%;
}
.display_print table { width:100%; }
.display_print .screen h1 {
 color:#000;
 background-color:transparent;
 box-shadow:none;
 position:static;
 padding:0;
 margin:0 0 10px;
}
.display_print tr:nth-child(odd) {
 background-color:#f1f1f1;
}
.display_print input[type="text"], .display_print input[type="number"] {
	border: none;
	border-bottom: 1px solid #999;
	background-color: transparent;
	width: calc(100% - 20px);
}
.display_print input[type="checkbox"] {
	-webkit-appearance: none;
	width: 12px;
	height: 12px;
	border: 1px solid #000;
}
.display_print input[type="radio"] {
	-webkit-appearance: none;
	width: 12px;
	height: 12px;
	border: 1px solid #000;
	border-radius: 6px;
}
.display_print .buttons { display:none; }
.display_print #footer {
 color:#000;
 background-color:transparent;
}
.display_print #footer form { display:none; }
.display_print .select_multiple .select { float:right; margin-left:20px; }
.display_print .select > div:before {
	content: "";
	width: 10px;
	height: 10px;
	border: 1px solid #000;
	display: inline-block;
	margin-right: 5px;
	margin-bottom: -1px;
}
.display_print .select > div {
	display: inline-block;
	padding: 0 30px 0 0;
}
.display_print div#context_form {
 page-break-after: always;
}
.display_print div[data-for=Installer] + div[data-for=Evaluator] {
 page-break-before: always;
}