/* PRE-LOADER */
#preloader #imgAddEvent { background: url(../images/but_add_event_f2.jpg) }

/* CALENDAR */
a.iCalIcon { display: inline; padding: 2px 0 2px 15px; background-image: url(../images/icon_ical.gif); background-repeat: no-repeat; background-position: left center; }

.HighlightPadder { display: block; width: auto; height: auto; padding: 15px; background: #fbffeb; }

#CalendarEvents { position: relative; display: block; width: auto; height: auto; }
#CalendarEvents h3 { margin-top: 0; padding-top: 0; color: #86a11b; border-bottom: 1px dotted #86a11b; }
#CalendarTop { display: block; width: auto; height: auto; background: #f7ffd7 url(../images/img_calendar_top_back.gif) repeat-y top right; }


/* CALENDAR SPOTLIGHT */
#SpotLight { position: relative; display: block; width: auto; height: auto; min-height: 300px; margin-right: 200px; }
#SpotLight h3 { padding-top: 0; margin-top: 0; }
#SpotLight .CatPicture { display: block; width: 138px; height: 128px; float: left; clear: none; overflow: hidden; text-align: center; }
#SpotLight .CatDescription { display: block; width: auto; height: auto; margin-left: 148px; font-size: 11px; line-height: 130%; }
#SpotLight .CatDescription .EventName { font-size: 14px; line-height: 140%; font-weight: bold; }
#SpotLight .CatDescription .CatName { font-size: 9px; color: #777; line-height: 11px; margin: 0; padding: 0; }
#SpotLight .padder { padding: 15px; }

#SpotLight #CalendarBar { position: relative; display: block; width: 100%; height: 30px; line-height: 30px; font-size: 11px; border-bottom: 10px solid #fff; background: #ebefdd; }
#SpotLight #CalendarBar #BrowseCategory { position: absolute; top: 0; left: 10px; display: block; width: 50%; height: 30px; line-height: 30px; white-space: nowrap; }
#SpotLight #CalendarBar #SearchCalendar { position: absolute; top: 0; right: 10px; display: block; width: 50%; height: 30px; line-height: 30px; text-align: right; white-space: nowrap; }
#SpotLight #CalendarBar .category { width: 200px; }
#SpotLight #CalendarBar .search { width: 120px; }

/* THE DATE PICKER */
#EventPicker { position: absolute; top: 0; right: 0px; display: block; width: 170px; height: auto; margin-left: 10px; padding: 10px; }
#EventPicker h3 { padding-top: 5px; margin-bottom: 0; padding-bottom: 0; }
#calendar { width: 170px; height: 220px; border: 0px; }

/* HIGHLIGHTS */
#CatHilites { display: block; width: auto; height: auto; }
#CatHilites .CatWrapper { display: block; width: 49%; height: 100px; float: left; clear: none; }
#CatHilites .CatWrapper .CatPicture { display: block; width: 64px; height: 64px; margin-right: 10px; float: left; clear: none; overflow: hidden; text-align: center; }
#CatHilites .CatWrapper .CatDescription { display: block; width: auto; height: auto; margin-left: 74px; font-size: 10px; line-height: 130%; margin-right: 10px; }
#CatHilites .CatWrapper .CatDescription .EventName { font-size: 12px; line-height: 140%; }
#CatHilites .CatWrapper .CatDescription .CatName { font-size: 9px; color: #777; line-height: 12px; margin: 0; padding: 0; }

/* SPOTLIGHT & HIGHLIGHTS - ADDED 3-15-2007 */
.CatDescription .CatName2 { display: block; width: 100%; height: 12px; line-height: 12px; font-size: 10px; padding-right: 115px; margin-bottom: 2px; }
.CatDescription .CatName2 .CatType { border-right: 115px solid #fbffeb; margin-right: -115px; float: left; }
#SpotLight .CatDescription .CatName2 .CatType { border-right: 115px solid #f7ffd7; }
.CatDescription .CatName2 .CatIcons { width: 115px; float: left; margin-right: -115px; }
.CatDescription .CatName2 .CatIcons ul { display: block; width: 115px; margin: 0 0 0 5px; padding: 0; list-style: none; }
.CatDescription .CatName2 .CatIcons ul li { float: left; text-align: center; overflow: hidden; }
.CatDescription .CatName2 .CatIcons ul li a { border: 0; }
.CatDescription .CatName2 .CatIcons ul li a span { display: none; border: 0; }
.CatDescription .CatName2 .CatIcons ul li.EventIconAdult2 { display: block; width: 34px; height: 12px; }
.CatDescription .CatName2 .CatIcons ul li.EventIconChild2 { display: block; width: 27px; height: 12px; }
.CatDescription .CatName2 .CatIcons ul li.EventIconFree2 { display: block; width: 29px; height: 12px; }
.CatDescription .CatName2 .CatIcons ul li.EventIconRAC2 { display: block; width: 25px; height: 12px; }
.CatDescription .CatName2 .CatIcons ul li.EventIconAdult2 a { display: block; width: 30px; height: 12px; background: transparent url(../images/icon_event_adult.gif) no-repeat center center; margin: 0 auto; }
.CatDescription .CatName2 .CatIcons ul li.EventIconChild2 a { display: block; width: 23px; height: 12px; background: transparent url(../images/icon_event_children.gif) no-repeat center center; margin: 0 auto; }
.CatDescription .CatName2 .CatIcons ul li.EventIconFree2 a { display: block; width: 25px; height: 12px; background: transparent url(../images/icon_event_free.gif) no-repeat center center; margin: 0 auto; }
.CatDescription .CatName2 .CatIcons ul li.EventIconRAC2 a { display: block; width: 21px; height: 12px; background: transparent url(../images/icon_event_rac.gif) no-repeat center center; margin: 0 auto; }

/* EVENT LISTING ICONS - ADDED 3-16-2007 */
.EventsList .CatName2 { display: block; width: 100%; height: 12px; line-height: 12px; font-size: 10px; padding-right: 115px; margin-bottom: 2px; }
.EventsList .CatName2 .CatType { border-right: 115px solid #fff; margin-right: -115px; float: left; }
.EventsList .CatName2 .CatIcons { width: 115px; float: left; margin-right: -115px; }
.EventsList .CatName2 .CatIcons ul { display: block; width: 115px; margin: 0 0 0 5px; padding: 0; list-style: none; border: 0; }
.EventsList .CatName2 .CatIcons ul li { float: left; text-align: center; overflow: hidden; margin: 0; padding: 0; border: 0; }
.EventsList .CatName2 .CatIcons ul li a { border: 0; }
.EventsList .CatName2 .CatIcons ul li a span { display: none; }
.EventsList .CatName2 .CatIcons ul li.EventIconAdult2 { display: block; width: 34px; height: 12px; }
.EventsList .CatName2 .CatIcons ul li.EventIconChild2 { display: block; width: 27px; height: 12px; }
.EventsList .CatName2 .CatIcons ul li.EventIconFree2 { display: block; width: 29px; height: 12px; }
.EventsList .CatName2 .CatIcons ul li.EventIconRAC2 { display: block; width: 25px; height: 12px; }
.EventsList .CatName2 .CatIcons ul li.EventIconAdult2 a { display: block; width: 30px; height: 12px; background: transparent url(../images/icon_event_adult.gif) no-repeat center center; margin: 0 auto; }
.EventsList .CatName2 .CatIcons ul li.EventIconChild2 a { display: block; width: 23px; height: 12px; background: transparent url(../images/icon_event_children.gif) no-repeat center center; margin: 0 auto; }
.EventsList .CatName2 .CatIcons ul li.EventIconFree2 a { display: block; width: 25px; height: 12px; background: transparent url(../images/icon_event_free.gif) no-repeat center center; margin: 0 auto; }
.EventsList .CatName2 .CatIcons ul li.EventIconRAC2 a { display: block; width: 21px; height: 12px; background: transparent url(../images/icon_event_rac.gif) no-repeat center center; margin: 0 auto; }


/* OLD - TAKE OUT WHEN YOU UPDATE CALENDAR.CFM */
#CatHilites .CatWrapper .CatDescription small { line-height: 8px; }
.EventIconAdult { display: inline; padding: 4px 15px; width: 30px; height: 8px; background: transparent url(../images/icon_event_adult.gif) no-repeat center center; margin-right: 4px; }
.EventIconFree { display: inline; padding: 4px 13px; width: 25px; height: 8px; background: transparent url(../images/icon_event_free.gif) no-repeat center center; margin-right: 4px; }
.EventIconRAC { display: inline; padding: 4px 10px; width: 20px; height: 8px; background: transparent url(../images/icon_event_rac.gif) no-repeat center center; margin-right: 4px; }
.EventIconAdult span, 
.EventIconFree span, 
.EventIconRAC span { display: none; }

/* Calendar of events */
ul.EventsList { display: block; width: 100%; height: auto; margin: 0; padding: 0; list-style: none; margin-top: 10px; }
ul.EventsList li { border-bottom: 1px dotted #ccc; padding-bottom: 5px; margin-bottom: 5px; }
ul.EventsList div.picture { display: block; width: 100px; height: auto; float: left; margin-right: 5px; clear: none; }
ul.EventsList div.picture div.pic { display: block; width: 100px; height: auto; text-align: center; margin: 5px 5px 5px 0; }

ul.EventsList div.info { display: block; width: 510px; height: auto; float: left; clear: none; }
ul.EventsList div.info a.event-name { font-size: 13px; font-weight: bold; }

#EventListing ul.EventsList div.info small a { background-color: #fff; }
#EventListing ul.EventsList div.info small a:link,
#EventListing ul.EventsList div.info small a:visited { color: #555;  text-decoration: none; }
#EventListing ul.EventsList div.info small a:hover,
#EventListing ul.EventsList div.info small a:active { color: #fff; background-color: #555; text-decoration: underline; }

#EventListing ul.EventsList a.venue { background-color: #fff; }
#EventListing ul.EventsList a.venue:link,
#EventListing ul.EventsList a.venue:visited { color: #555;  text-decoration: none; }
#EventListing ul.EventsList a.venue:hover,
#EventListing ul.EventsList a.venue:active { color: #fff; background-color: #555; text-decoration: underline; }

ul.EventsList small { font-size: 11px; line-height: 120%; }

#InnerWrapper { display: block; width: 630px; height: auto; }
#InnerLeftColumn { display: block; width: 418px; height: auto; margin-right: 10px; float: left; clear: none; }
#InnerRightColumn  { display: block; width: 202px; height: auto; float: left; clear: none; }
#InnerLeftColumn h2 { margin-top: 0; padding-top: 0; }

/* CULTURAL CALENDAR HEADER AND NEW CUSTOMIZATION NAV */
#CalHeader { position: relative; width: auto; padding-right: 200px; }
#CalHeader #CalTitle { width: 100%; border-right: 200px solid #fff; margin-right: -200px; float: left; }
#CalHeader #CalOptions { width: 200px; float: left; margin-right: -200px; text-align: right; }
#CalHeader h4 { display: none; margin: 0; padding: 0; }
#CalHeader dl { display: block; width: 170px; height: auto; margin: 0 auto; padding: 0; list-style: none; }
#CalHeader dt { display: block; width: 85px; height: auto; text-align: center; float: left; clear: none; }
#CalHeader dt a { position: relative;}
#CalHeader dt a:hover { background-color: transparent; color: #b6c93d; }
#CalHeader dt a span { position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: auto; font-size: 10px; line-height: 120%; }
#CalHeader dt a#CalAddBut { display: block; width: 64px; height: 100px; background: #fff url(../images/but_add_events3_v2.gif) no-repeat 0px 0px; text-align: center; margin: 0 auto;  }
#CalHeader dt a:hover#CalAddBut { background: #fff url(../images/but_add_events3_v2.gif) no-repeat -64px 0; }
#CalHeader dt a#CalNLBut { display: block; width: 64px; height: 100px; background: #fff url(../images/but_email_edit_v2.gif) no-repeat 0px 0px; text-align: center; margin: 0 auto; }
#CalHeader dt a:hover#CalNLBut { background: #fff url(../images/but_email_edit_v2.gif) no-repeat -64px 0; }