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

th.rotate > div {
  transform: 
    /* Magic Numbers */
    translate(0px, 51px)
    /* 45 is really 360 - 45 */
    rotate(330deg);
  width: 48px;
}
th.rotate > div > span {
  border-bottom: 0px solid #ccc;
  padding: 5px 10px;
}

table#relationships
{

  margin-top: -100px;
}


table#relationships tbody th {
  border-bottom: 1px solid #ccc;
  margin: 0;
  border-right: 1px solid #ccc;
  padding: 8px;
}
table#relationships td {
 margin: 0;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 0;
  text-align: center;
}



div.day
{
  float:left;
  position: relative;
  margin: 8px;
}

div.clear
{
  clear: both;
  margin: 0 0 48px 0;
}