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


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

.MonthlyCalendar #CalendarBody { }
.DateBox { width:14%; vertical-align:top; border:solid 1px #ddd; }

.DateLabel { height:16px; width:100%; background:#F7F7F7 none repeat scroll 0 0; text-align:right; }
.DateLabel a { cursor:pointer; padding:0 5px 2px; text-decoration:none; line-height:16px; }

#CalendarBody tr
{ height: 100px; }
#CalendarBody .Weekend
{ background:#eee none repeat scroll 0 0; }
#CalendarBody .Inactive
{ background:#ccc none repeat scroll 0 0; }
.Today .DateLabel
{ background:#EC008D none repeat scroll 0 0; }
.Today .DateLabel a
{ color:#fff; }

#CalendarBody .DateBox:hover { background:#F4FAFF none repeat scroll 0 0; }
#CalendarBody .Weekend:hover { background:#F4FAFF none repeat scroll 0 0; }
#CalendarBody .Inactive:hover { background:#ccc none repeat scroll 0 0; }

#jMonthCalendar .Event { padding:4px; background-color:#fff; margin-bottom:1px; border:1px solid #999999; cursor:pointer; display:block; }
.Event a { text-decoration:none; color:#333; }
#jMonthCalendar .Event:hover { background-color: #F7941D; }
#jMonthCalendar .Event:hover a { color:#fff; }