﻿/* CSS Document */
#jMonthCalendar a, span{ font-size:11px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; }
.eachdaylabel {width:14px; font-size:11px; padding:2px 5px 2px 2px; text-align:right;  float:right }
        
#jMonthCalendar { position:relative; background-color:#F7F7F7;}

.MonthlyCalendar .MonthNavigation { border-bottom:solid 1px #ddd;  height:20px; padding:2px 10px 3px 10px;   }
.MonthlyCalendar .closeCalendar { border-bottom:solid 1px #ddd; height:20px; padding-left:5px; #margin-bottom:-5px;}
/*
.MonthlyCalendar .MonthNavPrev, .MonthlyCalendar  .MonthlyCalendar .TodayLink { width:10%; float:left; }
.MonthlyCalendar .MonthNavNext, .YearNavNext, .MonthlyCalendar .YearNavPrev  { width:10%; float:right; }
.MonthlyCalendar .MonthName { width:75%; text-align:center; font-weight:bold; float:left; font-family:Arial, Helvetica, sans-serif; }
*/
.MonthlyCalendar .MonthNavPrev { width:10%; float:left; }
.MonthlyCalendar .MonthNavNext { width:10%; float:right; }
.MonthlyCalendar .MonthName { width:80%; text-align:center; font-weight:bold; float:left; font-family:Arial, Helvetica, sans-serif; }
.closeX { width:100%; 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;border-bottom:solid 1px #ddd;  }

.MonthlyCalendar #CalendarBody { }
.DateBox { border:solid 1px #ddd;  background-color:#fafafa;}
.DateLabel { height:14px; width:14%; background:#F7F7F7 none repeat scroll 0 0; text-align:right; }
.DateLabel a { cursor:pointer; padding:2px 5px 2px 2px; text-decoration:none; line-height:16px;  }

#CalendarBody .Inactive { background:#fafafa none repeat scroll 0 0; color:#E2E2E2; }
#CalendarBody .Weekend { background:#fafafa none repeat scroll 0 0; }

.Today { background:#A1D8F1 none repeat scroll 0 0; }
.Eventday { background:#CCCCCC none repeat scroll 0 0;border:solid 1px #000; font-weight:bold; }

#jMonthCalendar .Event { font-size:12px; padding:4px; background-color:#C0D0FF; margin-bottom:1px; -moz-border-radius:0 8px 8px 8px; border:solid 1px #000; cursor:pointer; display:block; }

#jMonthCalendar .Eventday a { text-decoration:none; color:#0066CC; }
#jMonthCalendar .Eventday a:hover { text-decoration:underline; color:#FF6600;}


