body {
  font-family: verdana, arial, helvetica, sans-serif;
  background-color: white;
  color: black;
}

#CenteredLogin {
  text-align: center;
  padding-bottom: 1em;
}


#LoginSiteBanner {
  text-align: center;
  padding-bottom: 1em;
}

#LoginSiteBanner h1 {
  background-color: white;
  color: #343434;
  font-size: 3em;
  margin: 0;
}

#LoginSiteBanner h2 {
  background-color: white;
  color: #707070;
  font-weight: normal;
  font-size: 1em;
  margin-top: 0;
}

#SiteBanner {
  text-align: left;
  overflow: hidden;
  margin: 0 0 0 10em;
  height: 8vh;
  width: 30vw;
  float: top;
  /* border: 2px dashed #00f; */
}

#SiteBanner h1 {
  background-color: white;
  color: #343434;
  font-size: 2.5em;
  margin: 0;
}

#SiteBannerText {
  text-align: left;
  font-size: 1.0em;
  color: #707070;
  position: absolute; 
  bottom: 0; 
  left: 0;
}

#TimeBanner {
  margin: 0em 2.0em 0 0em;
  height: 9vh;
  width: 40vw;
  position: absolute;
  right: 0;
  top: 0;
  /* border: 2px dashed #888; */
}
#TimeBannerText {
  text-align: right;
  font-size: 1.0em;
  color: #707070;
  position: absolute; 
  bottom: 0; 
  right: 0;
}


#PageBanner {
  padding-bottom: 1em;
}

#PageBanner h1 {
  background-color: white;
  color: #343434;
  font-size: 1.5em;
  letter-spacing: 1em;
  margin: 0;
}  
  
#PageBanner h2 {
  background-color: white;
  color: #707070;
  font-weight: normal;
  font-size: 0.75em;
  letter-spacing: 0.5em;
  margin-top: 0;
}

#Navigation {
  position: absolute;
  left: 0;
  width: 9em;
  /* border: 2px dashed #f0f; */
}

#Navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#Navigation li {
  rem_border-bottom: 1px solid #B4B4B4;
  border-bottom: 1px solid #000000;
}

#Navigation li a:link, #Navigation li a:visited {
  display: block;
  padding: 0.5em;
  background-color: #343434;
  color: #B4B4B4;
  text-decoration: none;
}

#Navigation li a.current {
  display: block;
  padding: 0.5em;
  background-color: black;
  color: white;
}

#Navigation li a:hover {
  background-color: #606060;
  color: yellow;
}

#Navigation ul ul {
  margin: 0 0 0 1em;
}

#Navigation ul ul a:link, #Navigation ul ul a:visited {
	font-size: 0.8em;
  background-color: #343434;
  color: #B4B4B4;
}

#Navigation ul ul a.current {
  display: block;
  padding: 0.5em;
  background-color: black;
  color: white;
}

#Navigation ul ul a:hover {
  background-color: #606060;
  color: yellow;
}

#Navedit {
	width: 15em;
}

#Navedit li {
  display: block;
  height: 1.5em;
  padding: 0.1em;
	relist-style: none;
	rem_border-bottom: 1px solid #B4B4B4;
  border-bottom: 1px solid #000000;
  background-color: #B4B4B4;
}

#Navedit li input {
  padding: 0.5em;
  color: #343434;
  text-decoration: none;
  
  rem-display: block;
	rem-relist-style: none;
  rem-background-color: #B4B4B4;
  
}

#Navedit ul {
  display: block;
	relist-style: none;
  margin: 0 0 0 4em;
  padding: 0;
	font-size: 0.8em;
}



#Footer {
  margin: 2.5em 2.5em 0 13.75em;
  font-size: 0.8em;
}

#MainContent {
  margin: 0 1em 0 10em;
  /* float: bottom; */
  max-height: 87vh;
  /* border: 2px dashed #0ff; */
}

#MainContent h2 {
  background-color: white;

  color: #343434;
  margin: 1em 0 0 0;
  font-size: 1em;
}

#MainContent h1 {
  color: #343434;
  background-color: #B4B4B4;
  padding: 0.5em;
  border: 2px solid #a0a0a0;
  font-size: 1.2em;
}

#MainContent p {
  margin: 0;
}

#MainContent > *:first-child {
  margin-top: 0;
}

#MainContent dt {
  font-size: 1.2em;
  font-weight: 500;
}

#MainContent dd {
  margin-left: 1em;
  padding-bottom: 1em;
}


ul.LinkList {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.LinkList li {
  padding-bottom: 0.5em;
}

td, th {
  border: 0px solid #a0a0a0;
  padding: 0.1em 0.1em;
 	text-align: left;
}

td.label {
	text-align: right;
}

/* Here we do the report class used in both table data and table header
   we also do one for the button (input) so it will fill up the table header
   cell. */
table.report {
	font-size: 0.8em;
	padding: 0em 0.5em 0em 0.5em;
	text-align: center;
}
table.report th {
	font-size: 0.8em;
	padding: 0em 0.5em 0em 0.5em;
	text-align: left;
	border: 1px solid #000000;
	background-color: #B4B4B4;
}
table.report td  {
	font-size: 0.8em;
	padding: 0em 0.5em 0em 0.5em;
	text-align: left;
	border: 1px solid #000000;
}
table.report input {
	width: 100%;
}

/* Here we do the editgrid class used in both table data and table header
   Its for a nicely formatted table for inputs */
table.editgrid {
	font-size: 0.9em;
	padding: 0em 0.5em 0em 0.5em;
	text-align: center;
}
table.editgrid th {
	font-size: 0.9em;
	padding: 0em 0.5em 0em 0.5em;
	text-align: left;
	border: 1px solid #000000;
	background-color: #B4B4B4;
}
table.editgrid td  {
	font-size: 0.9em;
	padding: 0em 0.5em 0em 0.5em;
	text-align: left;
	border: 1px solid #000000;
}
table.editgrid input {
	padding: 0em 0em 0em 0em;
	font-size: 0.7em;
	width: 100%;
}

.clickable {
  cursor: pointer;
}

.command {
  font-style: italic;
}

.doctitle {
  font-style: italic;
}

table {
  margin-top: 0em;
  border-collapse: collapse;
  caption-side: bottom;
}  

table.detail {
  margin-top: 1em;
  border-collapse: collapse;
  caption-side: bottom;
}

table.detail th {
  text-align: left;
  color: #343434;
  background-color: #B4B4B4;
  border: 0px solid #a0a0a0;
}

table.detail td {
  text-align: right;
}

tr.row1 {
  color: #343434;
  background-color: #B4B4B4;
  border: 0px solid #a0a0a0;
}

input.txt {
  width: 20em;
}

input.btn {
  width: 70px;
}

form p {
  clear: left;
  margin: 0;
  padding-top: 5px;
}

form p label {
  float: left;
  width: 10em;
  font-size: 0.9em;
  font-style: bold;
}

.warningText {
  font-size: 1em;
  font-style: bold;
}

.code {
  font-family: monospace;
}

.italic {
  font-style: italic;
} 

#MainContent ol li ul {
  list-style: none;
  margin-top: 1em;
  margin-bottom: 1em;
}

#MainContent ol li {
  margin-bottom: 0.5em;
}

#MainContent .text {
	width: 200px;
}

li p.code {
  padding: 1em 0 1em 1em;
}