#slider-outer {
 width: 154px;
 padding: 0.5em;
 background-color: #eee;
 font-size: 75%;
 border: #cccccc 1px solid;
 border-top: 0px;

 margin:2em auto 0;
 position:relative;
}

.headings {
 margin-left: 0px;
 color: #00f;
 font-weight: bold;
 font-family: Arial, Helvetica, sans-serif;
}


@media ( min-width:60em ) {
#slider-outer {
 float:right;
 margin: 0 -16px 0 20px;}
}

.pointstable th, .pointstable td {
    border: 1px solid black;
    padding-right: 0.5em;
}
table.pointstable{
    border: 1px solid black;
    border-collapse: collapse;
    margin-right: 2em;
    overflow-x:auto;
}

.pointscroll{
    overflow-x:auto;
}

.resultstable th,
.resultstable td {
    border: 1px solid black;
    padding-left: 0.3em;
    padding-right: 1em;
}

table.resultstable {
    border: 1px solid black;
    border-collapse: collapse;
    overflow-x:auto;
}

.boxes {
  display:table;
  width: 100%;
  height: 2em;
}

.box {
  display: table-cell;
  text-align: left;
  vertical-align:middle;
  line-height: 2em;
  width: 30%;
}

@media (max-width: 31em) {
.box {
  display: block;
  width: 100%;
  text-align: center;
     }
}

td.empty{
    border-style:solid;
    border-width:1px;
    border-color: white;
}
table.last{
    border-collapse: collapse;
    border-width:0px;
}
td.last{
    border-style:solid;
    border-width:0px 1px 0px 1px;
    border-color: black;
}
td.first{
    border-style:solid;
    border-width:0px 1px 0px 1px;
    border-color: black;
}
td.bracket{
    border-style:solid;
    border-width:1px 1px 1px 1px;
    border-color: white;
    border-bottom: 1px solid black;
}