table.cal {
  width: 200px;
  display: inline;
  display: inline-table; /* for Safari */
  float: left;
  font-size: 80%;
  margin: 0 6px 6px;
}

th.dayofweek {
  text-align: center;
}

tr.caldays {
  color: #ccc;
}

td.calnote {
  color: #000;
}

td.calother {
  background: #fff; 
}

td.calavailable {
  color: #000;
  background: lightgreen;
  text-align: center;
}

td.calnotavailable {
  color: #fff;
  text-align: center;
  background: lightpink;
}

td.calnotavailableprov {
  color: #ccc;
  text-align: center;
  background: lightyellow;
}

td.keystatus {
  padding-left: 2px;
}

div.month_title{
  width: 200px;
  margin: 6px 6px 0;
  border-bottom:1px solid #ddd;
}

div.calmonth-wrapper {
  float:left;
}