#calendar {
  position: absolute; top: 18px; left: 0; width: 100%; height: 179px;
  background: url(images/calendar/white_bgr.gif) no-repeat;
}
#calendar .header {
  position: absolute; top: 3px; left: 10px; right: 15px; height: 25px;
  font-weight: bold; font-size: 125%; line-height: 150%;
}
#calendar .header .prev-enabled 
{
  position: absolute; display: block; top: 6px; left: 160px; width: 10px; height: 10px;
  overflow: hidden; line-height: 30px; background: white url(images/calendar/blue_arr_left.gif);
}
#calendar .header .next-enabled 
{
  position: absolute; display: block; top: 6px; left: 180px; width: 10px; height: 10px;
  background: white url(images/calendar/blue_arr_right.gif); overflow: hidden; line-height: 30px;
}
#calendar #dates {
  position: absolute; top: 28px; left: 3px; height: 147px; width: 200px; 
  background: black url(images/calendar/black_bgr.jpg) no-repeat; color: white; text-align: center;
}

#calendar #dates .header { position: absolute; top: 3px; left: -2px; height: 15px; width: 200px; }
#dates .row0, #dates .row1, #dates .row2, #dates .row3,
#dates .row4, #dates .row5, #dates .row6 {
  position: absolute; height: 22px; width: 28px;
}
#dates .row0 { top: -3px; height: 15px; }
#dates .row1 { top: 16px; }
#dates .row2 { top: 37px; }
#dates .row3 { top: 58px; }
#dates .row4 { top: 80px; }
#dates .row5 { top: 102px; }
#dates .row6 { top: 124px; }

#dates .col0 { left: 5px; }
#dates .col1 { left: 33px; }
#dates .col2 { left: 61px; }
#dates .col3 { left: 89px; }
#dates .col4 { left: 117px; }
#dates .col5 { left: 145px; }
#dates .col6 { left: 173px; }

/* Quick fix to hide the blue boxes on the calendar - JQ - 12-22-2008 */
#dates .event { background: transparent /* url(images/calendar/date_blue_box_small.gif) */ 1px 2px no-repeat; }

#dates .day .calendar-link { display: block; }
#dates .day .calendar-literal { cursor: default; }

#dates .day a { text-decoration: none; color: white; }
/* #dates .day a:hover { color: #333; background-color: white; } */
#dates .event .hidden { display: none; }

/* A shown calendar entry is actually created far up the hierarchy, so it can't have a cascading entry */
.cal-visible 
{
  display: block; position: absolute; border: 0; margin: 1em; 
  height: 160px; width: 300px; overflow-x: hidden; overflow-y: hidden;
  /* Set the z-index to something really large so that it is forced over everything else */
  z-index: 100000;
}

.calendar-entry { background-color: transparent; }
.calendar-url { font: bold 11px Verdana; text-decoration: none; color: #666; }
.calendar-url:hover { color: #2F54C6; }

.calendar-box { position: absolute; top: 0; height: 143px; }
.calendar-box-left-col { left: 0; width: 38px; }
.calendar-box-centre-col { left: 38px; width: 239px; }
.calendar-box-right-col { right: 0; width: 23px; }

.calendar-box-left { left: 0; width: 38px; background-color: transparent; }
.calendar-box-centre { left: 0; width: 239px; background-color: transparent; }
.calendar-box-right { left: 0; width: 23px; background-color: transparent; }

.calendar-box-top { position: absolute; top: 0; left: 0; height: 16px; }
.calendar-box-middle { position: absolute; top: 16px; height: 119px; }
.calendar-box-bottom { position: absolute; top: 135px; height: 25px; }

.calendar-box-left-col .calendar-box-top { background-image: url(images/calendar/event/top_left.png); }
.calendar-box-left-col .calendar-box-middle { background-image: url(images/calendar/event/middle_left.png); }
.calendar-box-left-col .calendar-box-bottom { background-image: url(images/calendar/event/bottom_left.png); }
.calendar-box-centre-col .calendar-box-top { background-image: url(images/calendar/event/top_centre.png); }
.calendar-box-centre-col .calendar-box-middle { background-image: url(images/calendar/event/middle_centre.png); }
.calendar-box-centre-col .calendar-box-bottom { background-image: url(images/calendar/event/bottom_centre.png); }
.calendar-box-right-col .calendar-box-top { background-image: url(images/calendar/event/top_right.png); }
.calendar-box-right-col .calendar-box-middle { background-image: url(images/calendar/event/middle_right.png); }
.calendar-box-right-col .calendar-box-bottom { background-image: url(images/calendar/event/bottom_right.png); }

.calendar-box-text { position: absolute; top: -6px; left: -8px; width: 240px; height: 130px; background-color: transparent; overflow: hidden; }
.calendar-box-text ul { padding-left: 15px; margin: 5px 0 5px 0; height: 87px; overflow: hidden; }
.calendar-box-text li { font: bold 12px Verdana,sans-serif; color: #666; }
.calendar-box-text .calendar-title { font: bold 12px Verdana,sans-serif; color: #333; }
.calendar-box-text .calendar-more { font: bold 12px Verdana,sans-serif; color: #333; text-align: right; margin-top: 5px; cursor: pointer; }
.calendar-box-text .calendar-more:hover { color: #2F54C6; }