body {
  font-family: sans-serif;
  padding: 0;
  margin:  0;
}

img {
  border: none;
  margin-left: 11px;
}

h1 {
  color: #002C77;
  margin:  0 0 0.25em 0;
  padding: 0 0 0.25em 0;
  text-align: center;
}

h2 {
  color: #002C77;
  border-bottom: 2px solid #002C77;
  margin:  0.5em 0 0.5em 0;
  padding-bottom: 0.125em;
}

h3 {
  color: #008378;
  padding: 0;
  margin:  0.25em 0 0.25em 0;
}

h1, h2, h3, h4, h5, h6 {
  clear: both;
  font-weight: bold;
}

p {
    margin-top: 0.125em;
 }

li {
    margin: 0.25em;
}

#header {
  clear: both;
}

#logohead {
  background-color: #004684;
  clear: both;
  height: 80px;
  position: relative;
}

#leftlogo {
  position: absolute;
  top: 50%;
  height: 58px;
  margin-top: -29px;
  float: left;
}

#contentwrapper {
  clear: both;
  padding: 0;
  margin: 1em;
}

#aleks-score-box {
  width: 4em;
}
a.linkbutton {
    display: inline-block;
    font-weight: bold;
    padding: 0.5em;
    text-decoration: none;
    transition: 0.3s;
}

a.linkbutton:link, a.linkbutton:visited {
    background-color: #BDE3F5;
    color: #004684;
}

a.linkbutton:hover, a.linkbutton:active {
    background-color: #004684;
    color: #BDE3F5;
}

caption {
    caption-side: top;
    padding: 0.25em;
}

table {
  border-collapse: collapse;
  margin: 1em;
}

table, th {
  border: 1px solid black;
  padding: 0.25em;
}

tr {
    border-bottom: 1px solid black;
    opacity: 1;
    transition: opacity 0.5s ease-out;
}

td {
    padding: 0.25em;
}

td.min, td.max {
    border-right: 1px solid black;
    text-align: center;
}

td ul {
    list-style-type: none;
    margin: 0;
    padding: 0.125em;
}

td ul li {
    display: block;
}

.fade-out {
    opacity: 0;
    transition: opacity 0.25s ease-out;
}

.hidden {
    display: none;
}