body {
  background-color: #EEEEEE;
}
table {
  border-collapse: collapse;
  background-color: #B9D3B6;
}
table.invisible, .invisible td, .invisible th {
    border: none;
}
tr {
  background-color: #B9D3B6;
}
.line, .invisible tr {
    background-color: #EEEEEE;
}
tr.alternating:nth-child(even) {
    background-color: #EEEEEE;
}
tr.alternating:nth-child(odd) {
    background-color: #B9D3B6;
}
tr.summary {
    background-color: #DDD5C7;
}
td,th {
  border: 1px solid #B9D3B6;
  padding: 2px;
  font-family: "Open Sans", sans-serif
}
td.currency {
  text-align: right;
}
tr.summary > td {
    font-weight: bold;
    border: none;
}
td.keel {
  text-align: center;
}
td.winner {
  text-align: right;
  color: #C4820E;
  font-weight: bold;
}
.yellow {
    color: #FDB515;
}
.blue {
    color: #3B7EA1;
}
.gray {
    color: #888888;
}
.green {
    color: #CFDD45;
}
p,h3,fieldset {
  font-family: "freight sans pro", "Open Sans", sans-serif;
}
fieldset {
    vertical-align: top;
    margin-bottom: 2px;
    -webkit-padding-before: 0.25em;
    -webkit-padding-after: 0.25em;
    -webkit-padding-start: 0.25em;
    -webkit-padding-end: 0.25em;
}
fieldset.adjoining {
    margin-bottom: 12px;
}
fieldset.inline {
    display: inline;
}
p.alert {
    color: #EE1F60;
}
h2 {
  font-family: "UCBerkeleyOSDemi","Minion Pro","Times New Roman",times,serif;
  color: #C4820E;
  -webkit-margin-before: 0.0em;
  -webkit-margin-after: 0.25em;
  overflow: hidden;
}
a {
    text-decoration: none;
    color: #C4820E;
}
a.legend {
    color: black;
}
a:hover, a:active {
    text-decoration: underline;
}
a.legend:hover {
    text-decoration: none;
}

a.grayable:visited {
    color: #888888;
}
.hoverable {
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    background-color: #EEEEEE;
    border-color: #888888;
}
.hoverable:hover {
    background-color: #FDB515;
    cursor: pointer;
}
.toggle {
    width: 20px;
}
input, select, textarea {
    margin: 4px;
    padding: 4px 4px;
    border: 1px solid #B9D3B6;
    border-radius: 4px;
    color: #003262;
    font-family: sans-serif;
}
.swelling {
    transform: scale(1,1) translate(0px);
    -webkit-transition-duration: 0.3s; 
    transition-duration: 0.3s;
}
.swelling:hover {
    transform: scale(3,3) translate(60px);
    -webkit-transition-duration: 0.4s; 
    transition-duration: 0.4s;
}
img {
    border-radius: 4px;
}
::-webkit-input-placeholder {
    color: #888888;
}
::-moz-placeholder {
    color: #888888;
}
:-ms-input-placeholder {
    color: #888888;
}
:-moz-placeholder {
    color: #888888;
}
input:invalid + span::after {
    content: '?';
    padding-left: 5px;
}
input:valid + span::after {
    content: '?';
    padding-left: 5px;
}