body { background-color: AliceBlue; font-family:Verdana; font-size: 14px }
div.main {text-align: left}
p {margin-top: 0.5em; margin-bottom: 0.3em }
h1 { margin-top: 0.85em; margin-bottom: 0.35em; color: DarkBlue; page-break-inside: avoid; font-size: 20px; font-weight:bold }
h2 { margin-top: 0.85em; margin-bottom: 0.05em; color: DarkBlue; page-break-inside: avoid; font-size: 18px; font-weight:bold }
h3 { margin-top: 0.85em; margin-bottom: 0.05em; color: DarkBlue; page-break-inside: avoid; font-size: 14px; font-weight:bold }
h4 { margin-top: 0.85em; margin-bottom: 0.05em; page-break-inside: avoid; font-size: 14px; font-weight:bold }
h5 { margin-top: 0.5em; margin-bottom: 0.05em; font-size: 10px; font-weight:bold }
h2b {color: DarkBlue; font-size: 20px; font-weight:bold;}
h3b {color: DarkBlue; font-size: 17px; font-weight:bold;}
h4b {color: DarkBlue; font-size: 14px; font-weight:bold}
hwarn {font-weight: bold; color: red}
th {border: 1px solid Black; background-color: Coral; padding: 1px;}
td.hd {border: 1px solid Black; background-color: Coral; padding: 1px; font-weight: bold;}
td {border: 1px solid Black; padding: 1px;}
table {margin-top: 0.2em; margin-bottom: 0.2em; padding:6px; background-color: LightCyan;}
table.demo {border-style: inset; margin-top: 0.2em; margin-bottom: 0.2em; background-color: Blue;}
table.shout {border-style: double; border-color: red; padding:6px; font-weight:bold}
table.time-box {border:3px double #365f91; color: black; background-color:White}
form {display:inline; margin:0px; padding:0px}
header { border: none;  margin-top: 0.35em; margin-bottom: 0.35em; padding: 0;}
section { border: 1px solid Black; margin: 1px; padding: 0; background-color:Khaki; width: 35em;}
section.sub { border: 1px solid Grey; margin: 1px; padding: 0; background-color:Yellow; width: 34em;}
section.ssub { border: 1px solid Grey; margin: 1px; padding: 0; background-color:Beige; width: 33em;}
nav { border: none; margin: 0; padding: 0;}
details {margin: 1px}
details > summary {cursor: pointer; width: 20em; padding: 3px; background-color:PaleGreen}
tr.ctr {border: 3px solid black; text-align: center}
tr.green {background-color: Green}
td.hh1 {border: 1px solid Black; padding: 1px; color: DarkBlue; font-size: 20px; font-weight:bold }
td.hh2 {border: 1px solid Black; padding: 1px; color: DarkBlue; font-size: 18px; font-weight:bold }
td.hh2b {border: none; padding: 3px; color: DarkBlue; font-size: 18px; font-weight:bold }
td.hh3 {border: 1px solid Black; padding: 1px; color: DarkBlue; font-size: 14px; font-weight:bold }
td.hh4 {border: 1px solid Black; padding: 1px; font-size: 14px; font-weight:bold }
td.hh5 {border: 1px solid Black; padding: 1px; font-size: 10px; font-weight:bold }
td.warning {border: 1px solid Black; padding: 1px; color: red}
td.red {border: 1px solid Black; padding: 1px; background-color: Red}
td.green {border: 1px solid Black; padding: 1px; background-color: Green}
td.top {vertical-align: top}
td.center {text-align: center}
th.lbl {text-align: left; font-size: 10px; font-weight:bold }
textarea {border:3px double #365f91; resize:none; height:auto; width:auto; font-size: 10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }*/
td.rt {border: 1px solid Black; padding: 1px; text-align: right}
.btn-txt {border:3px double #365f91; border-radius: 6px; padding: 3px; background-color: #cccccc; color: black; font-size: 16px; font-weight: bold; cursor: pointer}
.btn-save {border:3px double #365f91; border-radius: 6px; padding: 3px; background-color: LightGreen; color: black; font-size: 16px; font-weight: bold; cursor: pointer}
.btn-skip {border:3px double #365f91; border-radius: 6px; padding: 3px; background-color: LightPink; color: black; font-size: 16px; font-weight: bold; cursor: pointer}
.btn-out {border-radius: 6px; background-color: Red; padding: 3px; font-size: 16px; font-weight: bold; cursor: pointer}
.btn-edit {border-radius: 6px; background-color: Cyan; padding: 3px; font-size: 16px; font-weight: bold; cursor: pointer}
.btn-select {border-radius: 6px; background-color: Orange; padding: 3px; font-size: 16px; font-weight: bold; cursor: pointer}
.btn-header {border-radius: 6px; background-color: LightBlue; padding: 3px; font-size: 16px; font-weight: bold; cursor: pointer}
.btn-download {border:3px double #365f91; border-radius: 12px; background-color: LightPink; padding: 3px; font-size: 16px; font-weight: bold; cursor: pointer}
.btn-plain {border-radius: 6px; font-size: 14px; cursor: pointer}
.btn-step {background-color:PaleGreen; border: none; padding: 3px; font-size: 18px; font-weight: bold; cursor: pointer}
.btn-nostep {background-color:PaleGreen; border: none; padding: 3px; font-size: 18px; font-weight: bold}
.btn-link {
  background: none;
  border: none;
  padding: 3px;
  font-family: arial, sans-serif;
  font-size: 16px;
  color: #069;
  text-decoration: underline;
  cursor: pointer;
}
.txt-box {border:3px double #365f91; color: black; background-color: White}
.num-box {border:3px double #365f91; color: black; background-color: White; width: 50px}
input.larger {transform: scale(2); margin:5px}
select {font-size: 14px;}
select option:checked {background-color: #90ee90}
select>option {font-size: 14px; border: 1px solid orange}
ul.nav {list-style-type: none; padding-left: 0px}
li.nav {height: 40px}
a.navhm {background: transparent url(Navhm.png) scroll no-repeat left center; font-size: 20px; padding: 5px 0px 5px 40px}
a.navup {background: transparent url(Navup.png) scroll no-repeat left center; font-size: 20px; padding: 5px 0px 5px 40px}
a.navdn {background: transparent url(Navdn.png) scroll no-repeat left center; font-size: 20px; padding: 5px 0px 5px 40px}
optgroup{
  margin: 1em;
  border: 1px solid green;
  background-color: White;
  font-size: 18px;
  font-weight:bold
}
optgroup option{
  margin: 1em;
  border: 1px solid orange;
  font-size: 14px;
  font-weight:normal
}
.tableContainer {
  margin-top: 0;
  margin-bottom: 0;
  border-width: 0;
  border-spacing: 0;
  outline: 0;
}
.tableContainer table {
  display: block;
  border-collapse: separate;
  border-spacing: 0px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  text-align: left;
  height: 100%;
  max-height: 350px;
  table-layout: fixed;
  width: 768px;
  overflow-y: scroll; /* makes the table vertically scrollable */
}
.tableContainer table tbody {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  width: 100%;
}
.tableContainer table td {
  border: 1px solid Grey;
  white-space: normal;
}
.tableHeadContainer {
  margin-top: 0;
  margin-bottom: 0;
  border-width: 0;
  border-spacing: 0;
  outline: 0;
}
.tableHeadContainer table {
  border-collapse: separate;
  border-spacing: 0px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  text-align: left;
  table-layout: fixed;
  width: 768px;
}
.tableHeadContainer table th {
  border: 1px solid Black;
  background-color: Coral;
  white-space: normal;
}
table.std {border: 1px solid black; border-collapse: collapse; background-color: LightCyan;}
table.std td {border: 1px solid black; padding: 1px;}
table.std_wide {border: 1px solid black; border-collapse: collapse; width: 100%; background-color: LightCyan;}
table.std_wide td {border: 1px solid black; padding: 1px;}
table.invisible {border: none; background-color: White;}
table.invisible td {border: none; padding: 1px}
table.invisible_wide {border: none; background-color: White; width: 100%}
table.invisible_wide td {border: none; padding: 1px}