/* Small Calendar Styles */
/* Small calendar */
#smallCalendar { width: 220px; height: 232px; margin-bottom: 1em; background: url(/images/small-calendar.png) no-repeat; overflow: hidden; padding: 18px 5px 0 5px; overflow: hidden; }
#smallCalendar h2 { color: #168041; font-weight: normal; font-size: 18px; margin: 0 0 2px 10px; padding: 0; float: left; width: 140px; }

#smallCalendar form { display: none; }

#smallCalendar .calendarControl { background: url(/images/arrows.png) no-repeat; text-indent: -5000px; float: left; margin: 3px 0 0 15px; }
#smallCalendar .calendarControl a { display: block; width: 17px; height: 20px; }
#smallCalendar .calendarControl.previousMonth { background-position: -136px 0px; }
#smallCalendar .calendarControl.previousMonth:hover { background-position: -136px -21px; }
#smallCalendar .calendarControl.nextMonth { background-position: -154px 0px; }
#smallCalendar .calendarControl.nextMonth:hover { background-position: -154px -21px; }

#smallCalendar table.calendar  { width: 220px; }

#smallCalendar td.calendar-day	{ width: 28px; height: 28px; background: url(/images/white-calendar-day.png) no-repeat; font-size:15px; position:relative; padding: 1px;}
#smallCalendar div.calendar-day { width: 28px; height: 28px; }
#smallCalendar td.calendar-day-np { width: 28px; height: 28px; background: url(/images/white-blank-day.png) no-repeat; }
#smallCalendar div.calendar-day-np { width: 28px; height: 28px;}
#smallCalendar td.calendar-day-head { font-weight:bold; font-size:14px; text-align:center; width:28px; padding: 0 0 3px 0; }
#smallCalendar div.day-number { width: 27px; height: 24px; padding-top: 2px; color: #168041; font-weight:normal; text-align: center; }
#smallCalendar td.highlight-day { background: url(/images/green-calendar-day.png) no-repeat; }
#smallCalendar td.highlight-day div.day-number { color: #fff; }

#smallCalendar .event a { background: transparent url(/images/blank.gif) repeat top left; position: absolute; text-indent: -5000px; display: block; width: 20px; height: 20px; top: 4px; left: 7px; }

/* Large Calendar Styles */

#largeCalendar { width: 855px; height: 690px; background: url(/images/big-calendar.jpg) no-repeat top left; margin: 3em 0 0 0; padding: 45px 30px 0 15px; overflow: hidden; }
#largeCalendar h2 { color: #168041; font-weight: normal; font-size: 32px; margin: 13px 0 15px 10px; padding: 0; float: left; width: 680px; }

#largeCalendar .calendarControl { background: url(/images/arrows.png) no-repeat; text-indent: -5000px; float: left; margin: 3px 0 10px 15px; }
#largeCalendar .calendarControl a { display: block; width: 67px; height: 78px; }
#largeCalendar .calendarControl.previousMonth { background-position: 0px 0px; }
#largeCalendar .calendarControl.previousMonth:hover { background-position: 0px -79px; }
#largeCalendar .calendarControl.nextMonth { background-position: -68px 0px; }
#largeCalendar .calendarControl.nextMonth:hover { background-position: -68px -79px; }

#largeCalendar table.calendar  { width: 870px; }

#largeCalendar td.calendar-day	{ height: 80px; font-size:15px; position:relative; border-right: 1px solid #6F7777; border-bottom: 1px solid #6f7777; }
#largeCalendar div.calendar-day { height: 80px; }
#largeCalendar td.calendar-day-np { height:80px; border-right: 1px solid #6F7777; border-bottom: 1px solid #6f7777; }
#largeCalendar td.last-day { border-right: none; }
#largeCalendar div.calendar-day-np { height:80px; }
#largeCalendar td.calendar-day-head { font-weight:bold; text-align:center; font-size: 15px; width:120px; padding:4px; border-bottom:1px solid #999;  }
#largeCalendar div.day-number { float: right; padding:2px; color:#6F7777; font-weight:normal; width:20px; text-align:center; }
#largeCalendar td.calendar-day, #largeCalendar td.calendar-day-np { width:120px; padding: 2px 5px 2px 5px; }

#largeCalendar .event { clear: both; padding: 3px; font-size: 12px; margin-bottom: 5px; }
#largeCalendar .event a { text-decoration: none; }
#largeCalendar .event .time { display: block; font-size: 10px; }
#largeCalendar .event a:hover { text-decoration: underline; }