body {
  color: #039;
  font-family: "Varela Round", sans-serif; 
  font-size: 12px;
  margin: 5px;
  padding: 5px;
}
a:link, a:visited {
  color: #039;
}
a:hover, a:active {
  background: #039;
  color: #FFF;
}
/* See https://stackoverflow.com/questions/1030544/html-remove-ahover-for-images/1030680
-------------------------------------------------- */
a:hover img, a.action:hover {
  border: none !important;
  background: none;
  display: block;
}
.highlight {
  background: #B9C9FE;
  color: #113399;
  font-style: italic;
  font-weight: bold;
}
fieldset {
  padding: 2px;
  background: #E8EDFF;
  border: 1px solid #039;
}
h1 {
  background: url('../_images/bg_h1.png') top left repeat-x;
  clear: both;
  margin: 0;
  min-height: 60px;
  padding: 0;
  padding-top: 15px;
}
h2, h3 {
  clear:both;
  margin: 0;
  padding: 0;
  padding-bottom: 10px;
  padding-top: 10px;
}
input, select, textarea {
  color: #039;
  font-family: "Varela Round", sans-serif; 
  font-size: 12px;
  border: 1px solid #039;
}
input.button {
  border: 1px solid #039;
  background: #B9C9FE;
  color: #039;
  font-weight: bold;
  cursor: pointer;
}
input.button:hover {
  border: 1px solid #B9C9FE;
  background: #039;
  color: #B9C9FE;
}
label {
  cursor: pointer;
}
legend {
  background-color: #B9C9FE;
  border: 1px solid #039;
  font-family: "Varela Round", sans-serif; 
  font-size: 12px;
  font-weight: bold;
  margin-left: 10px;
  padding: 5px;
}
td.label {
  font-weight: bold;
  text-align: right;
  padding-left: 10px;
}
span.label {
  font-weight: bold;
}
#admin {
  color: #FF0000;
}
.form
{
  font-family: "Varela Round", sans-serif; 
  font-size: 12px;
  text-align: left;
  border-collapse: collapse;
  margin-bottom: 10px;
}
.form th
{
  padding: 8px;
  font-weight: bold;
  font-size: 13px;
  color: #039;
  background: #E8EDFF;
  vertical-align: top;
}
.form td
{
  padding: 8px;
  background: #E8EDFF;
  border-top: 1px solid #FFF;
  color: #669;
  vertical-align: top;
}
.form td.label
{
  padding: 8px;
  background: #E8EDFF;
  border-top: 1px solid #FFF;
  color: #669;
  vertical-align: top;
  text-align: right;
  font-weight: bold;
  vertical-align: top;
  padding-right: 10px;

}
#filters {
  display: table;
  margin: 0 auto; 
}
#list
{
  font-family: "Varela Round", sans-serif; 
  font-size: 12px;
  text-align: left;
  border-collapse: collapse;
  vertical-align: top;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
}
#list th
{
  padding: 8px;
  font-weight: bold;
  font-size: 13px;
  color: #039;
  background: #B9C9FE;
  vertical-align: top;
}
#list td
{
  padding: 8px;
  background: #E8EDFF;
  border-top: 1px solid #FFF;
  color: #669;
  vertical-align: top;
}
#foa-na-list {
  text-align: center;
  font-family: "Varela Round", sans-serif; 
  font-size: 12px;
  text-align: left;
  border-collapse: collapse;
  margin-bottom: 10px;
  border: 1px solid #FFFFFF;
}
#foa-na-list th
{
  padding: 8px;
  font-weight: bold;
  font-size: 13px;
  background-color: #039;
  color: #E8EDFF;
  border: 1px solid #FFF;
  text-align: center;
  vertical-align: top;
}
#foa-na-list td
{
  padding: 8px;
  background: #E8EDFF;
  border: 1px solid #FFF;
  color: #669;
  vertical-align: top;
}
p.dev {
  background: #039;
  border: 3px dotted #FFFFFF;
  color: #FFFFFF;
  font-weight: bold;
  letter-spacing: 10px;
  margin: 0;
  margin-bottom: 10px;
  padding: 5px;
  text-align: center;
  vertical-align: middle;
}
p.preview {
  background: #008000;
  border: 3px dotted #FFFFFF;
  color: #FFFFFF;
  font-weight: bold;
  letter-spacing: 10px;
  margin: 0;
  margin-bottom: 10px;
  padding: 5px;
  text-align: center;
  vertical-align: middle;
}
p.error, .error {
  color: #FF0000;
  font-weight: bold;
}
p.note {
  font-weight: bold;
  margin: 0px;
  padding: 0px;
  text-align: center;
}
#date {
  float: left;
  font-weight: bold;
  font-size: 80%;
  margin-bottom: 10px;
}
#header-links {
  font-weight: bold;
  font-size: 80%;
  text-align: right;
  margin-bottom: 10px;
}
.menu {
  background: #FFFFFF;
  list-style: none;
  margin: 0;
  padding: 0;
}
.menu li {
  font-family: "Varela Round", sans-serif; 
  font-weight: bold;
  margin: 0;
  padding: 0;
}
.menu a {
  background: #B9C9FE;
  border: 1px solid #000000;
  color: #039;
  display: block;
  float: left;
  margin: 2px;
  padding: 4px 4px;
  text-decoration: none;
}
.menu a:hover {
  background: #039;
  color: #B9C9FE;
}
.menu a.active {
  background: #C2C2C2;
  color: #039;
}
.required {
  color: #FF0000;
  font-weight: bold;
}
.small {
  font-size: 80%;
}
.sign-in {
  float: left;
  width: 50%;
}
.reminder {
  float: left;
  width: 50%;
}
#foa {
  float: left;
  line-height: 1.5;
  margin-right: 30px;
}
#capability {
  float: left;
  line-height: 1.5;
}
#how-to-handle-foas {
  clear: both;
  border: 1px dashed #FF0000;
  background: #FFFFFF;
  color: #000000;
  padding: 5px;
  width: 300px;
}
.h-center {
  margin: 0 auto;
}
.bold {
  font-weight: bold;
}
.center {
  text-align: center;
}
.center-div {
  margin: auto;
  width: 50%;
}
.center-table {
  margin-left: auto;
  margin-right: auto;  
}
.right {
  text-align: right;
}
.left {
  text-align: left;
}
.nowrap {
  white-space: nowrap;
}
.clear {
  clear:both;
}
.small-nav {
  font-size: 80%;
}
.black {
  color: #000000;
}
.goldenrod {
  color: #DAA520;
}
.gray {
  color: #808080;
}
.green {
  color: #32CD32;
}
.navy {
  color: #039;
}
.orange {
  color: #FFA500;
}
.purple {
  color: #800080;
}
.silver {
  color: #C0C0C0;
}
.red {
  color: #FF0000;
}
.fa-solid {
  font-size: 15px;
}
#footer {
  clear: both;
  font-size: 80%;
  margin-top: 10px;
  text-align: center;
}
#footer hr {
  color: #039;
  background-color: #039;
  height: 1px;
  margin-bottom: 15px;
  width: 80%;
}
#audit-summary {
  border-collapse: collapse;
}
#audit-summary td {
  background: #E8EDFF;
  color: #669;
  vertical-align: top;
}
#audit-summary .label {
  font-weight: bold;
  padding-left: 10px;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.padding-10 {
  padding-bottom: 10px;
}
.padding-left {
  padding-left: 10px;
}
.margin-10 {
  margin-bottom: 10px;
}
.margin-15 {
  margin-right: 15px;
}