#calendar tr td {
   vertical-align: top;
}

.calendar tr th {
   background-color: #dde;
   border-width: 1px;
}

.calendar tr td {
   width: 50px;
   text-align: center;
   vertical-align: top;
   background-color: #eee;
   border-width: 1px;
}

.calendar tr td .active {
   color: #000;
}

.calendar tr td .inactive {
   color: #999;
   background-color: #ddd;
}

.calendar tr td.sat, .calendar tr td.sun {
   background-color: #ccf;
}

.calendar tr td.blocked {
   background-color: #f33;
   color: #fff;
}

.calendar tr td.commented {   text-align: center;
   background-color: #f80;
   font-weight: bold;
   color: #000;
}

.calendar tr td.available {
   background-color: #3f3;
   font-weight: bold;
   color: #000;
}

.calendar tr td.hovered {
   background-color: #ff3;
   color: #f00;
}

.calendar tr td.marked {
   background-color: #007;
   color: #ff0;
}

.calendar tr td.used {
   font-weight: bold;
}