#inner {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  justify-content: space-around;
  border: 1px solid black;
}

#ltable {
  height: 100%;
  /* overflow-y: scroll; */
}

#tableheader, #title {
  text-align: center;
}

#tableheader {
  /* margin-bottom: 25px; */
}

#tableheader .button {
  margin: 0 0.5em 2% 0.5em;
  cursor:pointer;
  background-color: lightgreen;
  border-radius: 10px;
  border: 1px solid lightgreen;
  padding: 4px;
}

#title {
  margin-top: 25px;
}

#results {
  /* padding: 0px 50%; */
}

td {
  font-size: 1.25vw;
  text-align: right;
}
table {
  border-collapse: collapse;
}
#ltable tr, #ltable td, #ltable table {
  border: 1px solid black;
  padding: 0 3px;
}

.W, .D, .L {
  text-align: center;
  padding: 0;
}

.win, .W, .prom {
  background-color: green;
  color: white;
}

.draw, .D, .play {
  background-color: yellow;
}

.loss, .L, .rel {
  background-color: red;
  color: yellow;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

A { text-decoration: none; }

a:link, a:active, a:visited {
  color: #002366;
}

.prom a:link, .prom a:active, .prom a:visited {
  color: white;
}

.rel a:link, .rel a:active, .rel a:visited {
  color: yellow;
}

#rgrid {
  display: flex;
  justify-content: center;
}

#tfcol, #tdata {
  border: 1px none blue;
}

#tfcol table tr td, #tdata table tr td {
  font-size: 1vw;
}

.border {
  border: 1px solid black;
}

.grid {
  border: 1px solid black;
  text-align: center;
}

abbr { text-decoration: none; }

#tdata table tr td:first-child {
  border-left-width: 0;
}