body 
{
	background-color:#99FFFF;
	padding-top:50px;
}

th.rotate {
  /* Something you can count on */
  height: 140px;
  white-space: nowrap;
}

th.rotate > div {
  transform: 
    /* Magic Numbers */
    translate(25px, 51px)
    /* 45 is really 360 - 45 */
    rotate(315deg);
  width: 30px;
}
th.rotate > div > span {
  border-bottom: 1px solid #808080;
  padding: 5px 10px;
}

th.row-header {
    padding: 0 10px;
    border-bottom: 1px solid #808080;
    margin-right:10px;
  }

 td {
    /*text-align: center;*/
    padding: 5px 5px;
    /*border: 1px solid #808080;*/
    width:30px;
  }

.green
{
	background-color:#00FF40;
}

.yellow
{
	background-color:#FFFF00;
}

.gray
{
	background-color:#ccc;
}