body {
  font: 16px Arial;
}

table {
  border-collapse: collapse;
  font-family: sans;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

th,td {
  border-style: solid;
  border-width: thin;
  border-collapse: collapse;
  border-color: Black;
}

th {
  background-color: LightGray;
}

.stickyHeaderTable th,td {
  border-style: solid;
  border-width: thin;
  border-collapse: separate;
  border-color: Black;
  border-top: none !important;
}


.stickyHeaderTable {
  overflow-y: scroll;
  flex-grow: 1;
}

.stickyHeaderTable tr.toggles th{
    position: sticky;
    top: 0;
    background-color: #ffffff;
    outline: 1px solid white;
}

.stickyHeaderTable tr.stickyHeaders th{
    position: sticky;
    border-top: none !important;
    border-bottom: none !important;
    box-shadow: inset 0 1px 0 #000000,
                inset 0 -1px 0 #000000;
    border-color: Black;
}

/* "Errata" in a td or a textblock is an issue to resolve; mark it red so it will stand out. */
td.errata, textarea.errata {
  color: Crimson
}

/******************
 * Dropdown Styling
 ******************/

/* Dropdown Button */
.dropButton {
  background-color: #3498DB;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

/* Dropdown button on hover & focus */
.dropButton:hover, .dropButton:focus {
  background-color: #2980B9;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
/*  position: relative; */
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdownContent {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdownContent a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdownContent a:hover {background-color: #ddd}

/* Show the dropdown menu (use JS to add this class to the .dropdownContent container when the user clicks on the dropdown button) */
.show {display:block;}