.calendar * {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: Verdana;
    font-weight: normal;
    color: #000;
  }


.calendar .invalidday a, .calendar .invalidday a:hover {
    color: #ccc;
    background: #fff;
    cursor: default;
  }


.calendar .selectedday {
    background: #747474;
    color: white;
  }


.calendar .today {
    font-weight: bold;
    color: #f00;
  }


.calendar a {
    padding: 0 2px;
    color: #000;
    text-decoration: none;
  }


.calendar a:hover {
    background: Gray;
    color: white;
    font-family: Verdana;
    font-weight: normal;
  }


.calendar table {
    border-collapse: collapse;
    font-size: 80%;
  }


.calendar tbody td {
    width: 20px;
  }


.calendar td, .calendar th {
    padding: 1px;
    text-align: center;
  }


.calendar thead td {
    font-weight: bold;
  }


.calendar thead th a {
    font-size : 80%;
    font-weight : bold;
    color:white;
  }


.calendar thead th {
    padding: 2px 0;
    vertical-align: middle;
    background: #801600;
  }


.calendar {
    padding-bottom: 2px;
    border: 1px solid #aaa;
    font-size: small;
    background: #fff;
  }


.calendaricon {
    cursor: pointer;
  }


.calendarlink, .calendaricon {
    margin: 0 3px;
  }