﻿.banner {
 background: white;
 display:flex;
 align-self: stretch;
 align-items: flex-start;
	left: 1%;
	top:0%;
	z-index: 5;
}
.logo {
	width: 4.3em;
}
.domain_name > a {
	color:blue;
	font-family: Lucida Console, sans-serif;
	text-decoration: none;
	font-size: 1.80em;
}
.mission_stmt {
	color: black;
	font-family: Lucida Console, sans-serif;
	font-size: .86em;
}
body {
 background-color: white;
	font-family: Lucida Console, sans-serif;
}
.container {
	width: 98%
}
input {
	background-color: lightyellow; /*#ffc;*/
	border-style: none none solid none;
	cursor: pointer;
	font: 95% verdana, sans-serif;
}
input:required:valid {
 background-color: #cff;
	border-color: lightgreen;
}
input:required:invalid {
	border-color:Salmon;
}
input:disabled {
 background-color: #cff;
	border-color: lightgreen;
}
input:optional:valid {
	background-color: #cff;
	border-color: lightgreen;
}
input:optional:invalid {
	border-color:Salmon;
}
input:hover {
	background-color: #cf6;
}
/*change appearance of labels*/
input[type="radio"] {
	opacity:0;
}
input[type="radio"] + label {
	padding: .25%;
	background-color: lightyellow; /*#ffc;*/
	border: .15em solid #006;
	border-radius:10%;
	margin-left:-1.7em;
}
input[type="radio"]:focus + label {
	background-color: #cf6;
	border-color:Salmon;
}
input[type="radio"]:hover + label {
	background-color: #cf6;
	border-color:Salmon;
}
input[type="radio"]:checked + label {
	background-color: #cff;
	border: .25em groove lightgreen;
}

select {
	background-color: lightyellow; /*#ffc;*/
	border-color:DarkGray;
	border-style: solid;
	cursor: pointer;
	font: 95% verdana, sans-serif;
}
select:required:valid {
 background-color: #cff;
	border-color: lightgreen;
}
select:required:invalid, .required {
	border-color:Salmon;
}
select:optional:valid {
	background-color: #cff;
	border-color: lightgreen;
}
select:hover {
	background-color: #cf6;
}
textarea {
	background-color: lightyellow; /*#ffc;*/
	border-color:DarkGray;
	border-style: solid;
	cursor: pointer;
	font: 95% verdana, sans-serif;
	width: 98%;
}
textarea:required:valid {
 background-color: #cff;
	border-color: lightgreen;
}
textarea:required:invalid, .required {
	border-color:Salmon;
}
textarea:optional:valid {
	background-color: #cff;
	border-color: lightgreen;
}
textarea:hover {
	background-color: #cf6;
}
li {
 margin-left:-20px;
}
.lease_section_div_class {
 border-style: solid;
 border-color: lightgreen;
 padding: .25%;
}
button, .a_button, input[type="submit"], input[type="button"] {
	/*WebKit-based browsers Safari, Opera, Chrome*/
	
	border-radius: 12px;
	box-shadow: 4px 6px 8px #999;
	-webkit-box-shadow: 4px 6px 8px #999;
	color: #000;
	cursor: pointer;
	/*Chrome: click outlines around, remove outline*/
	outline: none;
	/*linear-gradient top to bottom is default*/
	background: #6ff; /*no support*/
	background: -webkit-linear-gradient(#6ff, #cf6); /*Safari, Chrome*/
	background: -o-linear-gradient(#6ff, #cf6); /*Opera*/
	background: -moz-linear-gradient(#6ff, #cf6); /*Firefox*/
	background: linear-gradient(#6ff, #cf6); /*standard syntax*/
	border-style: none;
	font-family: Lucida Console, sans-serif;
	padding:.5%;
}
/*click event reversing gradient*/
button:hover, button:focus, .a_button:hover, .a_button:focus, input[type="submit"]:hover, input[type="submit"]:focus, input[type="button"]:hover, input[type="button"]:focus {
	color: #000;
	background: #cf6; /*no support*/
	background: -webkit-linear-gradient(#cf6, #6ff); /*Safari, Chrome*/
	background: -o-linear-gradient(#cf6, #6ff); /*Opera*/
	background: -moz-linear-gradient(#cf6, #6ff); /*Firefox*/
	background: linear-gradient(#cf6, #6ff); /*standard syntax*/
	border-style: none;
}

.p_margin_top {
	margin-top: 1.5%;
}

.a_button {
	border: none;
	text-decoration: none;
}

.shade_div_class {
	background-color:white;
}

.shade_class {
	background-color:white;
}

.think_own_rules_div_class {
	background-color:white;
	position:absolute;
	left:7.5%;
	width:75%;
	padding:5%;
}

.display_class {
	background-color:white;
	/*position:absolute;
	left:2%;
	width:98%;*/
	padding:2%;
}
/*removed .back_class 07-17-2023 from upgrade*/
.back_class {
	cursor:pointer;
	position:absolute;
	top:1px;
	right:1px;
	width:5%;
	background-color:Orange;
	border:1px solid black;
	text-align:center;
}

.checkbox_div_class label {
	background-color: lightyellow; /*#ffc;*/
	border:1px solid DarkGray;
	cursor: pointer;
	font: 95% verdana, sans-serif;
	margin-top:0.25em;
	margin:0.25em;
}

.checkbox_div_class label:hover {
	background-color: #cf6;
	border:2px solid Blue;
}
.guideline_exceptions_class {
	color:#0066ff;
}
.compensating_factors_class {
	color:#009b77;
}

.contributing_factors_class {
	color:#cc3333;
}
.warning {
 color:#f00;
}
