html { height: 100%;}

body {
  font: 14px/1.8em 'Open Sans', Helvetica, Arial, Helvetica, sans-serif;
  color: #444;
  background #fff;
  -webkit-font-smoothing: antialiased;
  height: 100%;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  border: thick solid;
}

td {
  vertical-align: top;
  text-align: center;
}

td, th {
  border: solid 1px #222;
  padding: 0.25em 0.5em;
}

th {
  font-weight: bold;
  text-align: center;
  background: #eee;
}

.red {background-color:rgba(255,0,0,0.25);}
.blue {background-color:rgba(0,0,255,0.25);}
.green {background-color:rgba(0,255,0,0.25);}

thead {
  border: thick solid;
}

.totalRatio {
  font-weight: bold;
  font-size: 120%;
}

.total-red {color:#bf5f5f;}
.total-blue {color:#5f5fbf;}
.total-green {color:#5fbf5f;}