div.calendar {
  font-size: smaller;
  color: black; }
  div.calendar.popup {
    margin-left: -20px;
    margin-top: -20px; }
  div.calendar table {
    background-color: #eeeeee;
    border: 1px solid #aaaaaa;
    border-collapse: collapse; }
  div.calendar thead {
    background-color: white; }
  div.calendar td,
  div.calendar th {
    padding: 3px;
    text-align: center; }
  div.calendar td.title {
    font-weight: bold;
    font-size: 12px;
    color: #555555;
    font-family: "Tahoma", sans-serif; }
  div.calendar td.button {
    font-size: 12px;
    font-family: "Tahoma", sans-serif; }
  div.calendar th {
    background: #dddddd;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    font-weight: bold;
    color: #555555;
    font-size: 11px; }
  div.calendar tr.days td {
    color: #555555;
    text-align: center;
    cursor: pointer; }
    div.calendar tr.days td a {
      display: block;
      padding: 1px 2px;
      background: #eeeeee;
      text-decoration: none;
      border: 1px solid #eeeeee;
      font-size: 11px;
      font-family: "Tahoma", sans-serif; }
      div.calendar tr.days td a:hover {
        background-color: #88abc2;
        cursor: pointer;
        color: white; }
      div.calendar tr.days td a:active {
        background-color: #ccddee;
        color: white; }
    div.calendar tr.days td.selected a {
      background-color: #88abc2;
      border: 1px solid #49708a;
      color: white; }
    div.calendar tr.days td.today a {
      border: 1px solid #88abc2;
      background: #ebf7f8;
      color: #333333;
      font-weight: bold; }
    div.calendar tr.days td.otherDay a {
      color: #bbbbbb; }