.calendar {
  font: bold 13px "Trebuchet MS", Arial;
  color: #333;
}

.calendar td, .calendar th {
  vertical-align: middle;
  text-align: center;
  padding: 0;
}

.calendar th a {
  font-weight: bold;
  text-decoration: none;
}

table.calendar {
}

td.calendar {
  font: bold 11px "Trebuchet MS", Arial;
  width: 28px;
  height: 28px;
  background-color: #f3f3f3;
  border: 1px solid #cdcdcd;
}

td.calendar a {
  font-size: 15px;
}

th.calendarHeader {
  height: 28px;
  color: #fff;
  background-color: #555;
}

td.calendarHeader {
  width: 28px;
  height: 28px;
  color: #fff;
  background-color: #333;
}

td.calendarToday {
  font: bold 13px "Trebuchet MS", Arial;
  width: 28px;
  height: 28px;
  background-color: #ccc;
  border: 2px dotted #e85c00;
}