/* force scrollba hack */
html {
  overflow-y: scroll;
}
body {
  max-width: 1300px;
}
body.wide {
  max-width: 1600px;
  width: 1600px;
}
div.ranking-body {
  margin-top: 1em;
}
h3.messages {
}
h3.results {
  margin-top: 0;
}

div.result-table-holder {
  float: left;
  width: 75%;
  margin-right: 10px;
}

table.series-results {
  border: 1px solid grey;
  border-collapse: collapse;
  width: 100%;
  margin-left: 0;
  table-layout: fixed;
}
table.series-results td,
table.series-results th {
  border: 1px solid grey;
  padding: 4px;
}
table.series-results td,
table.series-results th,
table.series-results th div,
table.series-results td span {
  white-space: nowrap;
  overflow: hidden;
}
table.series-results tr td {
  height: 1.5em;
}
table.series-results tr td.discarded {
  background-color: #999;
}
table.series-results td.code {
  padding: 0px;
}
table.series-results td.code div.score {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 20;
}
table.series-results td.code div.score-inner {
  padding: 4px;
}
table.series-results td.code div.code {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 8px;
  background-color: yellow;
  line-height: 9px;
  padding: 0 1px;
  z-index: 10;
  opacity: 0.7;
} 
table.series-results tr td.discarded.code div.code {
  opacity: 0.5;
}


/* col wdiths */
table.series-results th.age,
table.series-results th.gender {
  width: 2em;
}
  
table.series-results th.rank,
table.series-results th.regatta,
table.series-results th.total {
  width: 3em;
}
table.series-results th.name {
  width: 20%;
}
table.series-results th.club {
  /* width: 24%; do not overspecify */
}
table.series-results th.selection {
  width: 16%;
}
table.series-results td.selection div.accepted-selection {
  float: left;
  width: 1em;
}

table.series-results td.total {
  font-weight: bold;
}

ul#ranking-messages {
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
}

ul#ranking-messages li {
  list-style-type: none;
  white-space: nowrap;
  overflow-x: hidden;
  /* display: none; add back later*/
}

div.ioca-ranking {
  margin: 10px;
}

div.beta-header {
  margin-left: auto;
  margin-rigth: auto;
}

div.beta-logo {
  float: right;
  text-align: center;
}
div.beta-logo img {
  padding: 10px;
}

div.permanent-message-holder {
  border: 1px solid grey;
}
div.permanent-message-outer-holder {
  margin-left: 76%;
  width: 23%;
}
div.permanent-message-holder form {
  padding: 0 10px;
  margin-bottom: 0;
}
div.permanent-message-holder form label {
  white-space: nowrap;
  margin-right: 10px;
}
div.permanent-message-holder form input {
  vertical-align: middle;
}
ul#ranking-messages.permanent {
  height: auto;
  width: auto;
  border: none;
}

li.ranking-message.notice {
  display: none;
}
li.ranking-message.fatal {
  color: red;
}
li.ranking-message.warning {
  color: #de7e01;
}
li.ranking-message.progress {
  color: green;
}

div.series-selector {
  margin-top: -0.5em;
  margin-bottom: 1em;
  float: right;
}
div.series-selector form select {
  width: 25em;
}
div.series-selector form {
  margin:0 3em;
}
div.series-selector label {
  font-weight: bold;
}

/* hide right sidebar and grow table for small screens */
@media screen and (max-width: 850px) {
  div.result-table-holder {
    width: 100%;
  }
  div.permanent-message-outer-holder {
    clear: left;
    margin-left: 0;
    padding-top: 1em;
    width: 100%;
  }
  div.beta-logo img {
    display: block;
    max-width: 120px;
    max-height: 40px;
    width: auto:
    height: auto;
  }
  div.series-selector form select {
    width: 15em;
  }
}
/* hide right sidebar and grow table for small screens */
@media screen and (max-width: 680px) {
  table.series-results td.club,
  table.series-results th.club {
    display: none;
  }
  table.series-results th.name {
    width: auto;
  }
  
}
@media screen and (max-width: 600px) {
  div.result-table-holder, div.intro, div.beta-header, div.permanent-message-outer-holder {
    width: 580px;
  }
  div.series-selector form {
    margin-left:0;
  }
  div.series-selector {
    float: none;
  }
}
h3.results a,
h3.results span.restored-from-time {
  font-size: 0.85em;
  padding-left: 1em;
}

a.toggle-declined {
  text-decoration: none;
  color: inherit;
}