
a { font-size:11px; }
        
#jMonthCalendar { position:relative; }
.MonthlyCalendar .MonthNavigation {  clear:both; height:20px; padding:5px 10px 0 10px; }
.MonthlyCalendar .MonthNavPrev, .MonthlyCalendar .MonthNavNext, .MonthlyCalendar .TodayLink { width:7%; float:left; font-size:9px; font-family:Arial}
.MonthlyCalendar .YearNavNext, .MonthlyCalendar .YearNavPrev { width:10%; float:right; font-size:12px; font-family:Arial }
.MonthlyCalendar .MonthName { width:59%; text-align:center; font-weight:bold; float:left; font-size:11px; font-family:Arial }


.MonthlyCalendar { height:100%; width:100%; border:solid 0px #ddd; border-collapse:collapse; }
.MonthlyCalendar #CalendarHead { width:100%;  }
.MonthlyCalendar #CalendarHead .DateHeader { width:14%; text-align:center;font-size:11px; font-family:Arial  }

.MonthlyCalendar #CalendarBody { }
.DateBox {  cursor:pointer; border:0px solid #454545; padding:0; margin:0; }
.DateBox div  { cursor:pointer; padding:0; text-decoration:none;  font-size:14px;   }

#CalendarBody .Inactive { /*background-color:#F0F0F0*/   }
#CalendarBody .Weekend { /*background-color:#FFEFD2*/ color:#B41619;}

#jMonthCalendar .Event { font-size:12px; padding:4px; background-color:#C0D0FF; margin-bottom:1px; -moz-border-radius:0 8px 8px 8px;  cursor:pointer; display:block; }
.Event a { text-decoration:none; color:#000; }
.Event a:hover { text-decoration:underline; }

.Inactive .DateLabel {color:#cacaca;}

