.calendar {
 font-family:"Adobe Garamond Pro";
 font-size: 16px;
 width: 235px;
 height:236px;
 border: 1px solid #aaaaaa;
 margin-bottom:3px;
 margin-top:7px;
}

.calendarHeader {
 clear: both;
 margin-top:5px;
 height: 30px;
}

.calendarHeader a:active {
 text-decoration: none;
}

.calendarHeader a:link {
 text-decoration: none;
 color:black;
}

.calendarHeader a:hover {
 text-decoration: none;
 color: rgb(0,102,204);
}

.calendarHeader a:visited {
 text-decoration: none;
}

.calendarHeader div {
  float:left;
}

.calendarArrowLeft {
  width: 13px;
  text-align:left;
  margin-left:2px;
}

.calendarMonth {
  color: rgb(0,102,204);
  width:203px;
  text-align: center;
}

.calendarArrowRight {
  width: 15px;
  text-align: right;
}

.calendarDaysBar {
 clear: both;
 height:30px;
 border-bottom: 1px solid #f5f5f5;
}

.weekDayFrame {
 margin-left:1px;
 width: 30px;
 float:left;
 text-align:right;
}

.weekDayDay {
 text-align:left;
 margin-left:17px;
}

.calendarBody {
  margin-top:10px;
  clear: both;
}

.calendarWeek {
  clear: both;
  margin-top:2px;
  margin-left:3px;
  height:25px;
}
   
.calendarDay {
  float: left;
  width:30px;
  text-align: right;
  font-family: "Adobe Garamond Pro";
}

.validDay {
 font-weight:bold;
}

.invalidDay {
 color: gray;
 font-weight:normal;
}