#calendar { width: 920px; padding: 20px; margin: 0px; }
#calendar table { border: 1px solid #ddd; border-collapse: collapse; margin: 0 0 0 1px; width: 919px; }
#calendar table a { text-decoration: none; }
#calendar th { padding: 5px; background: #ddd; }
#calendar td { padding: 0px; border: 1px solid #ddd; border-width: 1px 1px 1px 1px; }
#calendar td.more{ padding: 0 0 20px 0; background: url("/images/event-calendar/icon-pagecorner.png") 100% 100% no-repeat; }
#calendar td.paged { padding: 0; background-image: none; }

#calendar .header { border-bottom: 1px solid #ddd; width: 920px; }
#calendar .header h2 { float: left; width: 510px; white-space: nowrap; overflow: hidden; margin: 0; font-weight: 700; font-size: 15px; clear: none; }
#calendar .header li { display: inline; }
#calendar .header .controls { float: left; margin: 0; padding: 0; }
#calendar .header .controls li a { float: left; margin: 0 5px 0 0; }
#calendar .header .controls span { display: none; }
#calendar .header .button-search { padding: 5px 10px; margin: 3px; border: 1px solid #ccc; background: #eee; float: right; font-size: 11px; color: #666; cursor: pointer; }
#calendar .header .button-search:hover { color: #000; }
#calendar .header .tabs { font-size: 13px; float: right; text-align: right; margin: 0; padding: 0; list-style: none; }
#calendar .header .tabs li a { display: block; padding: 10px 10px 10px 30px; float: left; margin: 0 0 0 2px; line-height: 1; font-weight: 700; text-decoration: none; }
#calendar .header .tabs li a:hover { background-color: #ccc; color: #000; }
#calendar .header .tabs .active a, #calendar .header .tabs .active a:hover { background-color: #990000; color: #fff; }

.icon-calendar-day a { background: #ddd url( "/images/event-calendar/icon-calendar-day.gif" ) 10px 50% no-repeat; }
.icon-calendar-week a { background: #ddd url( "/images/event-calendar/icon-calendar-week.gif" ) 10px 50% no-repeat; }
.icon-calendar-month a { background: #ddd url( "/images/event-calendar/icon-calendar-month.gif" ) 10px 50% no-repeat; }

.button-previous { background: url( "/images/event-calendar/button-previous.gif" ) 0 0 no-repeat; width: 20px; height: 20px; }
.button-previous:hover { background-position: -20px 0; }

.button-next { background: url( "/images/event-calendar/button-next.gif" ) 0 0 no-repeat; width: 20px; height: 20px; }
.button-next:hover { background-position: -20px 0; }

.button-today { background: url( "/images/event-calendar/button-today.gif" ) 0 0 no-repeat; width: 40px; height: 20px; }
.button-today:hover { background-position: -40px 0; }

#dates { width: 920px; }
#dates p { font-size: 12px; }
#dates ul { list-style: none; margin: 0px; }

#dates .calendar-month h3 { font-size: 11px; font-weight: 700; text-align: right; margin: 0 0 4px 0; padding: 4px; border-bottom: 1px solid #f2f2f2; color: #bbb; }
#dates .calendar-month th { width: 14%; font-size: 11px; font-weight: 700; color: #999; }
#dates .calendar-month td { height: 100px; vertical-align: top; }
#dates .calendar-month td.skip { background: #f2f2f2; }
#dates .calendar-month td.today { background-color: #fff7f7; }
#dates .calendar-month td div { min-height: 100px; overflow: hidden; padding: 0 4px 4px 4px; }
#dates .calendar-month td div ul { padding: 0; margin: 0; }
#dates .calendar-month li { font-size: 10px; padding: 0; line-height: 1.5; }
#dates .calendar-month li a { display: block; padding: 4px; margin: 0; }
#dates .calendar-month li a:hover { border-color: #000; }
#dates .calendar-month a.next { background: #fff7f7 url( "/images/event-calendar/arrow-down.gif" ) 4px 50% no-repeat; border: 1px solid #990000; color: #990000; }
#dates .calendar-month a.next.inactive { background: #f0f0f0 url( "/images/event-calendar/arrow-down-gray.gif" ) 4px 50% no-repeat; border: 1px solid #aaa; color: #aaa; }
#dates .calendar-month a.previous { background: #fff7f7 url( "/images/event-calendar/arrow-up.gif" ) 4px 50% no-repeat; border: 1px solid #990000; color: #990000; }
#dates .calendar-month a.previous.inactive { background: #f0f0f0 url( "/images/event-calendar/arrow-up-gray.gif" ) 4px 50% no-repeat; border: 1px solid #aaa; color: #aaa; }
#dates .calendar-month a.button { font-size: 10px; font-weight: 700; display: block; padding: 4px 4px 4px 15px; margin: 4px; }
#dates .calendar-month a.button:hover { color: #000; border-color: #000; }

#dates .calendar-week h3 { font-size: 11px; font-weight: 700; text-align: right; margin: 0 0 4px 0; padding: 4px; border-bottom: 1px solid #f2f2f2; color: #bbb; }
#dates .calendar-week th { width: 14%; font-size: 11px; font-weight: 700; color: #999; }
#dates .calendar-week td { height: 100px; vertical-align: top; }
#dates .calendar-week td.skip { background: #f2f2f2; }
#dates .calendar-week td.today { background: #fff7f7; }
#dates .calendar-week ul { padding: 0; margin: 4px; }
#dates .calendar-week li { font-size: 10px; }
#dates .calendar-week li a { display: block; background: #ffffcc; border: 1px solid #f3f3c2; padding: 4px; margin: 0 0 4px 0; }
#dates .calendar-week li a:hover { border-color: #000; }

#dates .calendar-day ul { padding: 0; margin: 0; list-style: none; }
#dates .calendar-day br { display: none; }
#dates .calendar-day li { clear: both; overflow: hidden; padding: 10px 0; line-height: 1.2; }

#dates .calendar-day .time { float: left; display: block; width: 70px; overflow: hidden; font-size: small; text-align: right; }
#dates .calendar-day .title { float: left; display: block; border-left: 1px solid #ddd; padding: 0 0 0 10px; margin: 0 0 0 10px; font-size: 13px; }
#dates .calendar-day .departments { display: block; clear: both; font-size: 11px; margin: 4px 0 0 0; color: #999; }

#dates .calendar-event .sidebar { width: 220px; float: left; padding: 20px 0; }
#dates .calendar-event .sidebar h3 { font-size: 12px; font-weight: 700; color: #990000; margin: 0 0 4px 0; }
#dates .calendar-event .sidebar ul { padding: 0 0 10px 0; font-size: 11px; }
#dates .calendar-event .sidebar li { padding: 4px 0; }
#dates .calendar-event .sidebar a { text-decoration: none; }

#dates .calendar-event .mainbar { width: 680px; float: left; padding: 20px 20px 0 0; line-height: 1.5; }
#dates .calendar-event .mainbar h3 { font-size: 12px; font-weight: 700; color: #990000; }
#dates .calendar-event .mainbar p { margin: 0 0 10px 0; font-size: 12px; }
#dates .calendar-event .mainbar ul { margin: 0 0 10px 0; padding: 0 0 0 30px; list-style: square; font-size: 12px; }

#calendar .tooltip { width: 200px; display: none; position: absolute; text-align: left; border: 1px solid #ddd; background-color: White; }
#calendar .tooltip .spinner { height: 100px; }
#calendar .tooltip img { margin: 42px 92px; }
#calendar .tooltip table { width: 200px; }
#calendar .tooltip th { border: 0px; text-align: right; color: #999; }
#calendar .tooltip td { padding: 5px; border: 0px; }
#calendar .tooltip .title { font-weight: 700; margin-bottom:8px; }

#calendar .button-ical { display: block; float: left; clear: both; padding: 5px 0 5px 20px; margin: 5px 0; background: url("/images/event-calendar/icon-icalendar.gif") 0 50% no-repeat; font-size: 11px; }
#calendar .button-ical:hover { color: #000; }

#calendar-filter { text-align: left; display: none; }
#calendar-filter h3 { text-align: left; font-weight: 700; clear: both; font-size: 13px; padding: 5px 0; margin: 5px 0; border: 1px solid #ccc; border-width: 1px 0; }
#calendar-filter ul { overflow: hidden; width: 49%; float: left; margin: 0 0 10px 0; padding: 0; list-style: none; }
#calendar-filter ul ul { width: 100%; }
#calendar-filter li li { padding-left: 30px; }
#calendar-filter input { font-weight: 700; font-size: 12px; }
#calendar-filter a { font-size: 14px; padding: 2px 3px 2px 3px; }
#calendar-filter a:hover { background: #ddd; }
#calendar-filter label { font-weight: normal; font-size: 11px; }
#calendar-filter ul.single { width: 100%; }
#calendar-filter ul.single li { width: 50%; float: left; }
#calendar-filter .button-search-all { cursor: pointer; text-decoration: none; }
#calendar-filter .button-search-clear { cursor: pointer; text-decoration: none; }

.header { clear: both; }
.header .nav { width: 400px; float: left; font-size: 12px; margin: 10px 0 0 0; }
.header .legend { float: right; padding: 0 20px; }
.header .legend span { display: block; width: 16px; height: 16px; float: left; margin: 0 5px 0 0; border: 1px solid #000; }
.header .legend li { float: left; padding: 0 5px; font-size: 11px; }

.featured { background: #ffee99; border-bottom: 1px solid #e5d689; }
.featured:last-child { border: none; }

#calendar-error { width: 920px; padding: 20px; margin: 0px; }
#calendar-error h2 { margin: 0 0 10px 0; }
#calendar-error p { font-size: 12px; line-height: 19px; margin-top: 10px; margin-bottom: 10px; }