#jMonthCalendar { position:relative; font-size:10px; width:350px; float: left;}
.MonthlyCalendar .MonthNavigation { border-bottom:solid 1px #ddd; clear:both; height:20px; padding:5px 10px 0 10px; font-size: 10px;}
.MonthlyCalendar .MonthNavPrev, .MonthlyCalendar .MonthNavNext, .MonthlyCalendar .TodayLink { width:25%; float:left; text-align: center; font-size: 10px;}
.MonthlyCalendar .YearNavNext, .MonthlyCalendar .YearNavPrev { width:10%; float:right; font-size: 10px;}
.MonthlyCalendar .MonthName { width:25%; text-align:center; font-weight:bold; float:left; font-size: 10px;}


.MonthlyCalendar { height:100%; width:100%; border:solid 1px #ddd; border-collapse:collapse; }
.MonthlyCalendar #CalendarHead { width:100%; background:#ecebeb none repeat scroll 0 0; }
.MonthlyCalendar #CalendarHead .DateHeader { width:14%; text-align:center; font-size: 10px; font-weight: bold;}

.MonthlyCalendar #CalendarBody { }
.DateBox { vertical-align:top; border:solid 1px #ddd; }
.DateLabel { height:16px; width:100%; background:#ecebeb; text-align:right; }
.DateLabel a { cursor:pointer; padding:0 5px 2px; text-decoration:none; line-height:16px; }

#CalendarBody .Inactive, #CalendarBody .Weekend { background:#ecebeb none repeat scroll 0 0; }
.Today { background:#d8f5c0 none repeat scroll 0 0; }

#jMonthCalendar .Event { font-size:12px; padding:4px; background-color:#e4f6ff; margin-bottom:1px; -moz-border-radius:0 8px 8px 8px; border:solid 1px #d4effd; cursor:pointer; display:block; }
.Event a { text-decoration:none; color:#000; }
.Event a:hover { text-decoration:underline; }

#jMonthCalendar a { text-decoration:none; color:#666666;  font-size:10px;}
#jMonthCalendar a:hover { text-decoration:underline; color:#666666;  font-size:10px;}