/* Light mode (default) */
:root {
  --body-background-color: #ffffff;
  --body-text-color: #000000;
  --body-text-highlight-color: #486CBF;
  --table-border-color: #0033cc;
  --div-border-color: #ffffff;
  --nav-background-color: #e5eff7;
  --nav-table-border-color: #0033cc;
  --form-background-color: #e5eff7;
  --th-background-color: #d8dade;
  --th-color: #486CBF;
  --link-color: #0033cc;
  --visited-color: #551a8b
}

/* Dark mode */
.dark-mode {
  --body-background-color: #000000;
  --body-text-color: #ffffff;
  --body-text-highlight-color: #ffff00;
  --table-border-color: #0033cc;
  --div-border-color: #000000;
  --nav-background-color: #000000;
  --nav-table-border-color: #0033cc;
  --form-background-color: #000000;
  --th-background-color: #36454F;
  --th-color: #f0ae81;
  --link-color: #a8dadc;
  --visited-color: #b39cd0;
}

a {
  text-decoration: none;
}

a:link {
  color: var(--link-color);
}

a:visited {
  color: var(--visited-color);
}

a:hover {
  color: #61b8c0;
  text-decoration: underline;
}

a:active {
  color: #ffc1cc;
}

html, body {
	background-color: var(--body-background-color); color: var(--body-text-color); 
  margin: 0; padding: 0;
  font-family: Verdana, Arial, Helvetica, Courier, "Times New Roman", Georgia, sans-serif;
  width:100%;
  min-height:100vh;
  font-size: 0.9rem;
}

table#userTable {
	width:99%; height: 60px;
}

table#navTable {
	width:99%; height: 50px; font-size: 1.5rem;
	background-color: var(--nav-background-color); border-bottom: var(--nav-table-border-color) 2px solid; border-top: var(--nav-table-border-color) 2px solid;
	padding-top: 5px; padding-bottom: 5px; margin: 0px 0px 0px;
}

table#commonLink {
  width:99%; font-size: 0.80rem; margin: 10px 10px 10px;
}

.restBody {
  background-color: var(--body-background-color); border: var(--div-border-color) 2px solid; margin-left: 20px;
}

.formTable {
  border: var(--table-border-color) 2px solid; font-size: 0.8rem;
  background-color: var(--form-background-color);
}
.formTable th {
	background-color: var(--th-background-color); color: var(--th-color);
	text-align: center; vertical-align: middle;font-size: 1.0rem;
}

.formTable td:first-child {
  padding-left: 25px;
}

.formTable td:last-child {
  padding-right: 25px;
}

.confirmTable {
  font-size: 1.0rem;
  border: var(--table-border-color) 2px solid; margin-left: 50px;
  background-color: var(--form-background-color);
  border-spacing: 10px; 
}
.confirmTable th{
  background-color: var(--th-background-color); color: var(--th-color);
  text-align: center;
  vertical-align: middle;
}

.whiteTd {
  background-color: var(--th-background-color); color: var(--th-color);
}

TD#breadcrumbs {
  margin: 0px 0px 3px; font-size: 0.8em; font-weight: bold;
  padding-top: 0px; padding-left: 11px; padding-right: 0px; padding-bottom: 5px;
}

TD#help {
  margin: 0px 0px 3px; font-size: 0.70em;
  padding-top: 3px; padding-left: 0px; padding-right: 11px; padding-bottom: 5px; 
}

TD#titlecell {
  margin: 0px 0px 3px; font-size: 1.0em; font-weight: bold;
  padding-top: 3px; padding-left: 11px; padding-right: 0px; padding-bottom: 5px;
}

TD {
  margin: 0px 0px 3px; font-size: 0.90em;
  padding-top: 3px; padding-left: 0px; padding-right: 11px; padding-bottom: 5px;
}

H2 {
  margin-left: 11px; font-weight: bold; font-size: 1.00rem
}

H3 {
  margin: 0px 0px 10px; font-weight: bold; font-size: 1.25rem;
}

LI {
  padding: 0px 0px 3px;
}

.cs_SUBMITTED {
  color: #00FFFF; font-weight: bold;
}

.cs_PROCESSING {
  color: #0000FF; font-weight: bold;
}

.cs_DONE,.cs_STARTED,.cs_COMPLETE,.cs_true {
  color: #387C44; font-weight: bold;
}

.cs_PARTIALERROR,.cs_PARTIAL {
  color: #F99999; font-weight: bold;
}

.cs_CANCELED {
  color: #6B6B6B; font-weight: bold;
}

.cs_ERROR,.cs_STOPPED,.cs_NONE,.cs_false {
  color: #FF0000; font-weight: bold;
}