div.mainarea {
  height: auto;
}

h2 {
  margin-top: 2rem;
}

h2:first-of-type {
  margin-top: 0;
}

h2 a:hover {
  text-decoration: none;
}

body {
  counter-reset: h2counter;
}

h1 {
  counter-reset: h2counter;
}

.countheads ~ h2:before {
  content: counter(h2counter) ".\0000a0\0000a0"; counter-increment: h2counter;
}

h2.nocount:before {
  content: none; counter-increment: none;
}

h2 {
  counter-reset: h3counter;
}

.sorticon {
  position: relative; padding-left: 0.25em; font-size: 80%;
}

.header .sorticon:before {
  font-family: FontAwesome; padding-right: 0.5em; content: "\f0dc"; /*\f0dc - icon-sort*/
}

.headerSortDown span.sorticon:before {
  content: "\f0dd"; /*\f0dd - icon-sort-down*/
}

.headerSortUp span.sorticon:before {
  content: "\f0de"; /*\f0de - icon-sort-up*/
}

.browse_image {
  max-width: 870px; margin: 1em;
}

.caption {
  padding: 0 0 0 1em; margin: 0;
}

.get_data {
  font-size: x-large;
}

.strong {
  font-weight: bold;
}

img { max-width: 100%; }

/* indentation styling */
.Indent1 { margin-left: 3em; }
.Indent2 { margin-left: 6em; }
.Indent3 { margin-left: 9em; }

table.nogrid {
  background: #f1f1f1;
}
/* Version Notice */
.versionNotice {
  border-collapse: collapse;
  border: 1px solid;
  background-color: #c8e3f4!important;
  color: #1f6d9e;
}
.versionNotice a {
    color: #247bb3;
    transition: color 0.15s ease-in-out;
}

.versionNotice a:visited {
    color: #247bb3;
}

.versionNotice a:hover {
    color: #1d6491;
}

.versionNotice a:active {
    color: #1d6491;
}