}
img{
  color: #000000;

  
}


.form_bg {
    background-image: url("http://www.thorospect.com/app_images/seamless_metal2.jpg");
 background-attachment: fixed;
}

.outset {
    border-width:6px;	
    border-style:outset;
	border-radius: 8px;
background-color: 666666;
box-shadow: 5px 5px 5px #333333;
}

.yes {background-color: 00ff00;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 20px;
color: 000000;}


.no {background-color: ff0000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 20px;
color: ffffff;}

.photo_frame {

border: 2px solid black;
background-color: #ffffff;
width: 80%;
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #000000;
-webkit-box-shadow: 10px 8px 12px -5px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 8px 12px -5px rgba(0,0,0,0.75);
box-shadow: 10px 8px 12px -5px rgba(0,0,0,0.75);

}


.submit_button {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #ffffff;
    border-width:4px;	
    border-style:outset;
	border-radius: 20px;
width: 50%;
padding: 8px;
font-size: 14px;
background-color: #003300;
box-shadow: 8px 8px 8px #333333;
}
.squareblue {
  background-color: #ee432e;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee432e), color-stop(50%, #c63929), color-stop(50%, #b51700), color-stop(100%, #891100));
  background-image: -webkit-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  background-image: -moz-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  background-image: -ms-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  background-image: -o-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  background-image: linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  border: 1px solid #951100;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 0 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
  box-shadow: inset 0 0 0 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
  color: #fff;

  padding: 12px 0 4px 0;
  text-align: center;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.8);
  width: 25vw;
	border-radius: 8px; }
  
  .square a {
	text-decoration: none;
	color: white;
}

.contact_bg {background-color: #006600;}



.square {
  background-color: #ee432e;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee432e), color-stop(50%, #c63929), color-stop(50%, #b51700), color-stop(100%, #891100));
  background-image: -webkit-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  background-image: -moz-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  background-image: -ms-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  background-image: -o-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  background-image: linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  border: 1px solid #951100;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 0 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
  box-shadow: inset 0 0 0 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
  color: #fff;

  padding: 4px 0 4px 0;
  text-align: center;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.8);
  width: 25vw;
	border-radius: 8px; }
  
  .square a {
	text-decoration: none;
	color: white;
}


.square:hover {
    background-color: #f37873;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000066), color-stop(50%, #db504d), color-stop(50%, #cb0500), color-stop(100%, #a20601));
    background-image: -webkit-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    background-image: -moz-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    background-image: -ms-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    background-image: -o-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    background-image: linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    cursor: pointer; }
.square:active {
    background-color: #d43c28;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d43c28), color-stop(50%, #ad3224), color-stop(50%, #9c1500), color-stop(100%, #700d00));
    background-image: -webkit-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
    background-image: -moz-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
    background-image: -ms-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
    background-image: -o-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
    background-image: linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
    -webkit-box-shadow: inset 0 0 0 1px rgba(255, 115, 100, 0.4);
    box-shadow: inset 0 0 0 1px rgba(255, 115, 100, 0.4); }
    
    
    .grad1 {
	background: #006600;
background: -webkit-linear-gradient(#000033,
#cccccc,
#ffffff,
#cccccc,
	#000033);
background: -o-linear-gradient(#000033,
#cccccc,
#ffffff,
#cccccc,
	#000033);
background: -moz-linear-gradient(#000033,
#cccccc,
#ffffff,
#cccccc,
	#000033);
background: linear-gradient(#000033,
#cccccc,
#ffffff,
#cccccc,
	#000033);
}
.picname {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-family: Verdana, Arial, Helvetica, sans-serif;
	display: inline;
	color: #ff0000;
	font-size: 14px;
	font-weight: bold;
    background: #ffffff;
	text-align: right;
    border-color:#000000;
    border-width:1px;	
    border-style: solid;
    background-color: #ffffff;
padding-right: 2px;
padding-left: 2px;
	border-radius: 3px;

}
.has_photo {
	background: #ffffff;
}
.summary {
	display: block;
	font-size: 16px;
	text-align: center;
	font-family: Arial;
	font-weight: bold;
	color: white;
}
.summary a {
	text-decoration: none;
	color: white;
}
.header {
	display: block;
	position: fixed;
	top: 0px;
	left: 0px;
	text-align: center;
	width: 100%;
	font-family: Arial;
	color: white;
}
.headermenu {
	display: block;
	position: static;
	top: 0px;
	left: 0px;
	text-align: center;
	width: 100%;
	font-family: Arial;
	color: white;
}
.footermenu {
	display: block;
	position: fixed;
	bottom: 0px;
	left: 0px;
	text-align: center;
	width: 100%;
	font-family: Arial;
	color: white;
}
@media print {
.footermenu, .footermenu * {
	display: none !important;
}
.report_title, .report_title * {
	display: none !important;
}
}
.content {
	display: block;
	z-index: -1;
	position: absolute;
	top: 70px;
	left: 0px;
}
.icon_title {
	display: inline;
	font-family: Arial;
	text-decoration: none;
	color: white;
	font-size: 10px;
	font-weight: bold;
}
.icon_title a:link {
	text-decoration: none;
	color: white;
	font-weight: bold;
}
.icon_title a:visited {
	text-decoration: none;
	color: white;
	font-weight: bold;
}

.instant_quote {
	display: inline;
	font-family: Arial;
	text-decoration: none;
	color: white;
	font-size: 14px;
	font-weight: bold;
}
.instant_quote a:link {
	text-decoration: none;
	color: white;
	font-weight: bold;
}
.instant_quote a:visited {
	text-decoration: none;
	color: white;
	font-weight: bold;
}
.button {
	border-radius: 8px;
}
.square2 {
	width: 25vw;
	border-radius: 8px;
}

.square2 a {
	text-decoration: none;
	color: white;
  }

.client_info {
	font-family: verdana, helvetica, arial;
	font-size: 10px;
	color: #000000;
	display: block;
	text-align: right;
}
.new_box {
	background: #00ff00;
}
.average_box {
	background: #CAC8F9;
}
.fix_box {
	background: #ff9933;
}
.replace_box {
	background: #ffff00;
}
.warning_box {
	background: #ff0000;
}
.restricted_box {
	background: #666666;
}
.not_inspected_box {
	background: #000000;
}

.statement_box {
	background: #ffffff;
}
.new {
	font-family: verdana, helvetica, arial;
	font-size: 12px;
	color: #000000;
	display: block;
	background: #00ff00;
	text-align: left;
	padding: 5px;
	margin-left: 10px;
	margin-right: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: black;
}

.new::first-letter {
  text-transform: capitalize;
}
.average {
	font-family: verdana, helvetica, arial;
	font-size: 12px;
	color: #000000;
	display: block;
	background: #CAC8F9;
	text-align: left;
	padding: 5px;
	margin-left: 10px;
	margin-right: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: black;
}
.average::first-letter {
  text-transform: capitalize;
}
.fix {
	font-family: verdana, helvetica, arial;
	font-size: 12px;
	color: #000000;
	display: block;
	background: #ff9933;
	text-align: left;
	padding: 5px;
	margin-left: 10px;
	margin-right: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: black;
}
.fix::first-letter {
  text-transform: capitalize;
}
.replace {
	font-family: verdana, helvetica, arial;
	font-size: 12px;
	color: #ff0000;
	display: block;
	background: #ffff00;
	text-align: left;
	padding: 5px;
	margin-left: 10px;
	margin-right: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: black;
}
.replace::first-letter {
  text-transform: capitalize;
}
.warning {
	font-family: verdana, helvetica, arial;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	display: block;
	background: #ff0000;
	text-align: left;
	padding: 5px;
	margin-left: 10px;
	margin-right: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: black;
}
.warning::first-letter {
  text-transform: capitalize;
}
.restricted {
	font-family: verdana, helvetica, arial;
	font-size: 12px;
	color: #ffffff;
	display: block;
	background: #666666;
	text-align: left;
	padding: 5px;
	margin-left: 10px;
	margin-right: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: black;
}
.restricted::first-letter {
  text-transform: capitalize;
}
.restricted a {
	color: #ffffff;
	font-weight: bold;
    display: inline;
}
.not_inspected {
	font-family: verdana, helvetica, arial;
	font-size: 12px;
	color: #ffffff;
	display: block;
	background: #000000;
	text-align: left;
	padding: 5px;
	margin-left: 10px;
	margin-right: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: black;
}
.not_inspected::first-letter {
  text-transform: capitalize;
}
.not_inspected a {
	color: #ffffff;
	font-weight: bold;
    display: inline;
}
.statement {
	font-family: verdana, helvetica, arial;
	font-size: 12px;
	color: #000000;
	display: block;
	text-align: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 1em;
	width: auto;
}
.statement::first-letter {
  text-transform: capitalize;
}

.photo {
	font-family: verdana, helvetica, arial;
	font-size: 12px;
	color: #000000;
	display: block;

}
.nau {
	background: red;
/* For browsers that do not support gradients */
background: -webkit-linear-gradient(left,
#CAC8F9 ,
#CAC8F9,
	#ffffff);
/* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(right,
#00ff00,
#CAC8F9,
	#ffffff);
/* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(right,
#00ff00,
#CAC8F9,
	#ffffff);
/* For Firefox 3.6 to 15 */
background: linear-gradient(to right,
#00ff00 ,
#CAC8F9,
	#ffffff);
/* Standard syntax (must be last) */
	font-family: verdana, helvetica, arial;
	font-size: 12px;
	color: #000000;
	display: block;
	padding: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: black;
}
.menu_container {
	width: 100%;
}

@media (min-width: 550px) {

menu_container2 {
	display: none;}






}
li {
	font-family: verdana, helvetica, arial;
	font-size: 12px;
	color: #000000;
}
.recommend {
	font-family: verdana, helvetica, arial;
	font-size: 10px;
	color: #000066;
	font-weight: bold;
	display: block;
	text-align: left;
	
    margin-top: 4px;
    margin-left: 10px;
	list-style-type: square;
}
.recommendation {
	font-family: verdana, helvetica, arial;
	font-size: 10px;
	color: #000000;
	display: block;
	text-align: left;
	margin-left: 10px;
	margin-bottom: 20px;
}

.recommendation::first-letter {
  text-transform: capitalize;
}



.recommendation a {
	color: #ff0000;
	font-weight: bold;
}
.subtopic {
	font-family: verdana, helvetica, arial;
	font-weight: bold;
	font-size: 14px;
	color: #ff0000;
	display: block;
	margin-left: 10px;
    padding:20px 0px 5px;

}
.topic {
	font-family: verdana, helvetica, arial;
	font-weight: bold;
	font-size: 16px;
	color: #ffffff;

	display: block;
    border: 1px solid white;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 5px 5px 5px #888888;
	margin-top: 24px;
	margin-bottom: 12px;
	padding-top: 2px;
	padding-bottom: 2px;
	background: #000066;
	width: 80%;

	text-align: center;
}

.topic a:link {text-decoration: none;
color: white;}

.topic a:visited {text-decoration: none;
color: white;}


.address {
	font-family: verdana, helvetica, arial;
	font-weight: bold;
	font-size: 18px;
    margin-top: 16px;
	color: #000066;
	display: block;
	text-align: center;
	padding: 2px;
}
.navigation {
	font-family: verdana, helvetica, arial;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
}

.prepared_by {
	font-family: verdana, helvetica, arial;
	font-size: 12px;
	color: #000000;
}
.report_title {
	font-family: helvetica, arial;
	font-size: 20px;
	color: #ffffff;
	text-align: center;
    padding-top: 2px;
    padding-bottom: 2px;
	font-weight: bold;
	display: block;
	background-color: #A31400;
	width: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
    z-index: 99;
box-shadow: 5px 5px 5px #333333;
}
.report_title_top {
	font-family: helvetica, arial;
	font-size: 20px;
	color: #ffffff;
	text-align: center;
    padding-top: 2px;
    padding-bottom: 2px;
	font-weight: bold;
	display: block;
	background-color: #A31400;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
    z-index: 99;
box-shadow: 5px 5px 5px #333333;
}
.filler {
	font-family: verdana, helvetica, arial;
	display: block;
	font-size: 12px;
	color: #000000;
}
.remarks {
	font-family: verdana, helvetica, arial;
	display: block;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
}
.system {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #ff0000;
	font-weight: bold;
	background: #ffffff;
}
.subsystem {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	background: #000000;
}

.subsystem2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	background: #000000;
}
.description {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	padding-left: 2px;
}
.menu_anchor_top {
	display: block;
	position: fixed;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	top: 30px;
	left: 105px;
}
.myCheckbox input {
	display: none;
}
.myCheckbox span {
	width: 32px;
	height: 32px;
	display: block;
	background: url("http://www.thorospect.com/app_images/ounchecked_box.png");
}
.myCheckbox input:checked + span {
	background: url("http://www.thorospect.com/app_images/ochecked_box.png");
}
.myCheckboxCamera input {
	display: none;
}
.myCheckboxCamera span {
	width: 32px;
	height: 32px;
	display: block;
	background: url("http://www.thorospect.com/app_images/lens.png");
}
.myCheckboxCamera input:checked + span {
	background: url("http://www.thorospect.com/app_images/lens_checked.png");
}
@media (min-width: 750px) {
.new {
	width: 800px
}
.average {
	width: 800px
}
.fix {
	width: 800px
}
.replace {
	width: 800px
}
.warning {
	width: 800px
}
.restricted {
	width: 800px
}
.statement {
	width: 800px
}
.not_inspected {
	width: 800px
}
.recommendation {
	width: 800px
}
.menu_container {
	width: 850px
}
.container {
	width: 850px

}
.report_title_top {
	font-family: helvetica, arial;
	font-size: 24px;
}

}