/* caption determines the style of
   the month/year banner above the calendar. */

caption {
     font-family:arial,helvetica; 
     font-size:11px; 
     color: #fff;
     font-weight: bold;
     }

/* .calendar determines the overall formatting style of the calendar,  
   acting as the default unless later overruled. */

.calendar {
     font-family:arial,helvetica;
     font-size:12px; 
     width: 98%;
     color: white;
     background-color: #c0c0c0;
     border-color: #000000;
     border-style: solid;
     border-width: 1px;
     margin: 0 auto;
     }

/* .calendarlink determines the formatting of those days linked to
   content. */

.calendarlink {
     color: white;
     }

/* .header determines the formatting of the weekday headers at the top
   of the calendar. */

.headerday {
     background-color: #000000;
     border-color: #000000;
     border-style: solid;
     border-width: 1px;
     }

/* .day determines the formatting of each day displayed in the
   calendar. */

.day {
     padding:0;
     background-color: #FFFFFF;
     border-color: #000000;
     border-style: solid;
     border-width: 1px;
     text-align: center;
     color: #000000;
     }

.currentDay {
     text-align:right;
     padding:4px;
     height:14px;
     background-color: #D8D8D8;
}

.event {
     background-color: #497CAB;
     border-color: #000000;
     border-style: solid;
     border-width: 1px;
     text-align: center
     }

.calevent {
     display: block;
     padding: 2px 4px 2px 4px;
     margin-bottom: 2px;
     width: 94%;
     background-color: #6DB8FF;
/*      background-image: url("images/event-background.png"); */
     -moz-border-radius: 2px;
}

.calevent:link {
     color: #000000;
}

.calevent:visited {
     color: #000000;
}

.calevent:hover {
     color: #000000;
}

.calevent:active {
     color: #000000;
}

/* .linkedday determines the formatting of a date to which content is
   available. */

.linkedday {
     background-color: #8080ff;
     border-color: #000000;
     border-style: solid;
     border-width: 1px;
     text-align: center
     }