<style type="text/css"> 
<!-- 

The first style is the table outline of the calendar. I used a collapse method of the border as shown here.
.table.calendar { border: 1px solid #000000; border-collapse: collapse; color: #000000; background: #FFFFFF; } 

The next style is for the table cell of the selected date. For example, if we selected July 18th, then the cell with the date of "18" would be shaded.
.td.today { border: 1px solid white; color: #000000; background: #EFEFEF; font-weight: bold;} 

The next style is used for days within the current month. It's a basic style with a 1 pixel border and the background is white.
.td.monthdays { border: 1px solid #434470; color: #000000; background: #FFFFFF;} 

The last style is "nonmonthdays" for days that are displayed in the calendar but fall outside of the selected month that is displayed.
.td.nonmonthdays { border: 1px solid white; color: #000000; background: #EFEFEF;} 
--> 
</style> 





<style type="text/css"> 
<!-- 
a.clickme, a.clickme:active, a.clickme:visited { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #0000FF; text-decoration: underline; }
a.clickme:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #6666FF; text-decoration: underline; }

/* caption determines the style of the month/year banner above the calendar. */ 
caption  
     { 
     font-family:arial,helvetica;  
     font-size:11px;  
     color: black; 
     font-weight: bold; 
     } 
.cal_caption  
     { 
     font-family:arial,helvetica;  
     font-size:11px;  
     color: black; 
     font-weight: bold; 
     } 
     
/* .cal determines the overall formatting style of the calendar, acting as the default unless later overruled. */ 
.cal  
{ 
     font-family:verdana,arial,helvetica;  
     font-size:11px;  
     color: white; 
     background-color: #c0c0c0; 
     border-color: #000000; 
     border-style: solid; 
     border-width: 1px; 
} 

/* .cal_link determines the formatting of those days linked to content. */ 
.cal_link { color: white; } 

/* .cal_header determines the formatting of the weekday headers at the top of the calendar. */ 
.cal_header  
{ 
//     background-color: #996633; 
background-color: #990000; 
     border-color: #000000; 
     border-style: solid; 
     border-width: 1px; 
} 

/* .cal_day determines the formatting of each day displayed in the calendar. */ 
.cal_day  
{ 
     color: white; 
     background-color: #808080; 
     border-color: #000000; 
     border-style: solid; 
     border-width: 1px; 
     text-align: center 
} 
/* .day determines the formatting of each day displayed in the calendar. */ 
.cal_day_reserved 
{ 
     color: white; 
     background-color: #FF0000; 
     border-color: #000000; 
     border-style: solid; 
     border-width: 1px; 
     text-align: center
} 
/* .day determines the formatting of each day displayed in the calendar. */ 
.cal_day_cancled  
{ 
     background-color: #808080; 
     border-color: #000000; 
     border-style: solid; 
     border-width: 1px; 
     text-align: center 
} 

/* .linkedday determines the formatting of a date to which content is available. */ 
.cal_linkedday  
{ 
     background-color: #8080ff; 
     border-color: #000000; 
     border-style: solid; 
     border-width: 1px; 
     text-align: center 
}

--> 
</style> 
