﻿#jMonthCalendar { position:relative; }
#jMonthCalendar a { font-size:11px; }
.MonthlyCalendar .MonthNavigation { border-bottom:solid 2px #000000; clear:both; height:35px; padding:5px 10px 0 10px; }
.MonthlyCalendar .MonthNavPrev, .MonthlyCalendar .MonthNavNext, .MonthlyCalendar .TodayLink { margin-top:2px; }
.MonthlyCalendar .YearNavNext, .MonthlyCalendar .YearNavPrev { width:90px; float:right; }
.MonthlyCalendar .MonthName { width:100%; font-size:125%; text-align:center; vertical-align:middle; font-weight:bold; float:left; }

.MonthlyCalendar .MonthNavPrev { margin-right:10px; }
.MonthlyCalendar .MonthNavNext { margin-left:10px; }
.MonthlyCalendar img { vertical-align:middle; }


.MonthlyCalendar { height:100%; width:100%; border:solid 1px #264a4a; border-collapse:collapse; }
:root *> .MonthlyCalendar { border-left:solid 2px #264a4a; border-top:solid 2px #264a4a; }
.MonthlyCalendar #CalendarHead { width:100%; color:#FFFFFF; background:url('../img/bg/calendar-header.jpg') repeat-x; }
.MonthlyCalendar #CalendarHead .DateHeader { width:14%; background-color:#7aa8a7; text-align:center; font-weight:bold; }

.MonthlyCalendar #CalendarBody {  }
.DateLink { text-decoration:none; border-bottom:0; cursor:pointer; }
#jMonthCalendar a.DateLink  { border:0; }
.DateBox { vertical-align:top; border:solid 1px #264a4a; }
.DateLabel { height:16px; width:97%; background:#e4e8e8 none repeat scroll 0 0; margin-top:2px; margin-left:2px; text-align:right; }
.DateLabel a { cursor:pointer; color:#7f7f7f; text-decoration:none; line-height:16px; }
.DateLabel span { color:#7f7f7f; padding:0 5px 2px; line-height:16px; font-size:100%; }

#CalendarBody .Inactive, #CalendarBody .Weekend { background:#f5f5f5 none repeat scroll 0 0; z-index:0; }
.Today { background:#e8f5e3 none repeat scroll 0 0; }

#jMonthCalendar .EventTitle { color:#7f7f7f; font-weight:bold; font-size:95%; padding:4px; background-color:#cad7ca; margin:2px 2px 2px 2px; -moz-border-radius:8px 8px 8px 8px; cursor:pointer; border:solid 1px #264a4a; display:block; }
#jMonthCalendar a.EventLink { text-decoration:none; border:0; display:block; width:100%; }

