﻿body {
}

#jMonthCalendar a { font-size:12px; }
        
#jMonthCalendar { position:relative; }
.MonthlyCalendar .MonthNavigation { border-bottom:solid 1px #ddd; clear:both; height:20px; padding:2px 2px 6px 2px; }
.MonthlyCalendar .MonthNavPrev, .MonthlyCalendar .MonthNavNext, .MonthlyCalendar .TodayLink { width:60px; float:left; margin-right:2px; }
.MonthlyCalendar .MonthNavPrev a, .MonthlyCalendar .MonthNavNext a, .MonthlyCalendar .TodayLink a { text-decoration:none;}
.MonthlyCalendar .YearNavNext, .MonthlyCalendar .YearNavPrev {text-decoration:none; width:70px; float:right; margin-left:2px; }
.MonthlyCalendar .YearNavNext a, .MonthlyCalendar .YearNavPrev a {text-decoration:none; }
.MonthlyCalendar .MonthName {padding:4px; width:500px; 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 { vertical-align:top; border:solid 1px #ddd;width:137px }
.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 .Inactive, #CalendarBody .Weekend { background:#fafafa none repeat scroll 0 0; }
.Today .DateLabel { background:#FFCD42 none repeat scroll 0 0; }
.DateLabel { border-bottom:1px solid #FFF;  }

#jMonthCalendar .Event { height:17px; overflow:hidden; font-size:12px; padding:1px 1px 1px 2px; background-color:#C0D0FF; margin-bottom:1px; /* border:solid 1px #000;*/ cursor:pointer; display:block; }
.Event a { text-decoration:none; color:#000; }
.Event a:hover { text-decoration:underline; }


/******************************************/

#jMonthCalendar .Planned { background-color: #DDD;color:#222;}
#jMonthCalendar .Execute { background-color: #666; color:#f8f8f8;}

#jMonthCalendar table td {padding:1px;}

.Event span {display:block}
