/* Bam Calendar Page Styles */

/*basic layout*/

.calendarControl A { text-decoration: none; font-family: Helvetica, Arial, sans-serif; font-size: 14px; }
.calendarmonth { clear: both; padding: 0 0 0 10px; background: #dddbdc; }
.calendarmonth table { width: 185px; background: #dddbdc; border-collapse: separate; border-spacing: 5px; }
.calendarmonth table tr { background: #dddbdc; }
.calendarmonth th, .calendarmonth td { width: 20px; height: 20px; text-align: center; color: #333; }
.calendarmonth th { font-weight: bold; font-size: 13px; color: #9e9b9b; }
.calendarmonth td { background: #fff; }
.calendarmonth td.empty { background: #d6d6d6; }
.calendarmonth td.highlight { background: #e3e578; }

.calendarSelector ul { display: block; list-style: none; float: left; clear: both; list-style-type: none; }
ul.calendarSelector li { float: left; margin: 0; padding: 0 6px 0 0; font-size: 12px; text-decoration: none; }
.calendarSelector li a { color: #000000; text-decoration: none; text-decoration: none; }
.calendarSelector li a:hover, .calendarSelector.selected li a:hover { text-decoration: underline; }
.calendarSelector li.selected a { color: #ffffff; text-decoration: none; }


.calendar-head { border-bottom: 1px solid #EBEBEB; margin-bottom:25px; vertical-align: top; color: #999999; font-size: 13px; font-weight: bold; }

.calendar-wrap { padding: 0 87px 8px 17px; clear: both; }

.calendar-wrap h2 {
	padding-bottom:5px; margin: 0px;
}

.calendar-secondary { float: left; width: 215px; margin-bottom: 20px; }

.calendar-secondary h4 { color: #666; font-size: 11px; padding: 1px 0pt 4px 2px; }

.calendar-main { float: right; width: 662px; margin-bottom: 20px; }

.calendar-main table { margin-bottom: 25px; }

.calendar-main td { border-bottom: 1px solid #ebebeb; padding: 9px 8px 9px 0; vertical-align: top; }

.calendar-main td p { font-size: 11px; line-height: 14px; }

.calendar-main th { color: #999; font-size: 13px; font-weight: bold; }


.calendar-main .eventTitle, .calendar-main .eventTime { font-size: 12px; }

.calendar-main .eventTitle { color: #999999; }

.calendar-main .eventTitle p.name { font-size: 14px; font-weight: bold; line-height: 16px; }

.calendar-main .eventTitle p.name em { font-size: 11px; font-weight: normal; vertical-align: baseline; }
.calendar-main .eventPurchase p { color: #666666; float: right; }

.calendar-main .eventPurchase img { display: block; margin: 4px 0 0 0; }


/* calendar accordion */

.calendar-accordion { float: left; padding: 0; margin: 0; width: 215px; height: auto; font-size: 12px; }

.calendar-accordion h3 { text-indent: 15px; width: 100%; padding: 7px 0 7px 0; margin: 2px 0 0 0; background: #e8e8e8; border-top: 1px solid #dedcdd; font-weight: bold; font-size: 13px; z-index: 10000; position: relative; color: #333; }

.calendar-accordion div.element { width: 100%; z-index: 10000; position: relative; }

.overview-calendar { background: #dddbdc; }

.calendar-accordion ul { list-style: none; padding: 0 0 0 15px; }

.calendar-accordion li.focus { color: #8e913b; font-size: 11px; font-weight: bold; line-height: 24px; text-decoration: none; }

.calendar-accordion li a { color: #999999; text-decoration: none; }

.calendar-accordion li a.cat { color: #999999; font-size: 11px; line-height: 24px; text-decoration: none; }

.calendar-accordion li a:hover { color: #e67703; }

.calendar-accordion a.left-arrow { display: block; text-indent: -9999px; background: url(../img/arrow_left_cal.gif) top left no-repeat; width: 10px; height: 15px; }

.calendar-accordion a.right-arrow { display: block; text-indent: -9999px; background: url(../img/arrow_right_cal.gif) top left no-repeat; width: 10px; height: 15px; }

.calendar-select { width: 167px; }

.calendar-header { padding: 10px 14px; background-color: #dddbdc; }

.month { clear: both; padding: 0 0 0 15px; background: #dddbdc; }

.month table { width: 185px; background: #dddbdc; border-collapse: separate; border-spacing: 5px; }

.month table tr { background: #dddbdc; }
.month th, .month td { width: 20px; height: 20px; text-align: center; color: #333; }

.month th { font-weight: bold; font-size: 13px; color: #9e9b9b; }

.month td { background: #fff; }

.month td.empty { background: #d6d6d6; }

.month td.highlight { background: #e3e578; }

ul.calendar-footer { display: block; list-style: none; float: left; clear: both; padding: 15px 0 40px 5px; }

ul.calendar-footer li { float: left; margin: 0; padding: 0 6px 0 0; font-size: 12px; }

.calendar-accordion .calendar-footer li a { color: #333; text-decoration: none; }

.calendar-accordion .calendar-footer li a:hover, .calendar-accordion .calendar-footer.selected li a:hover { text-decoration: underline; }

.calendar-accordion .calendar-footer li.selected a { color: #fff; text-decoration: none; }

/* select-replace styles */

.calendar-header #month { position: relative; float: left; width: 97px; list-style: none; margin: 0; padding: 0; height: 15px; background: #fff; z-index: 9999; }

.calendar-header #month .select-replacement { position: absolute; top: 0; left: 0; width: 97px; list-style: none; z-index: 2; margin: 0; padding: 0; height: auto; background: #fff; }

.calendar-header #year { position: relative; float: right; list-style: none; width: 60px; margin: 0; padding: 0; height: 15px; background: #fff; z-index: 9999; }

.calendar-header #year .select-replacement { position: absolute; top: 0; left: 0; width: 60px; list-style: none; z-index: 2; margin: 0; padding: 0; height: auto; background: #fff; }

.calendar-header ul.select-replacement li { float: none; cursor: pointer; display: none; margin: 0; height: 15px; padding: 0 0 0 3px; }

.calendar-header ul.select-replacement a { display: block; color: #000; font-size: 10px; text-decoration: none; padding: 0; margin: 0; }

.calendar-header ul.selectOpen { z-index: 9999; }

.calendar-header ul.selectOpen li { display: block; z-index: 9999; }

.calendar-header ul.selectOpen li:hover, .calendar-header ul.selectOpen li.hover { background: #c4c4c4; }

.calendar-header ul.select-replacement li.selected, .calendar-header ul.selectOpen li.selected { display: block; font-weight: bold; background: #c4c4c4; }

.calendar-header ul.select-replacement li.selected a, .calendar-header ul.selectOpen li.selected a { color: #000; }

.calendar-header ul.select-replacement li.top, .calendar-header ul.selectOpen li.top { background: url(../img/bg_select_cal.gif) top right no-repeat; display: block; height: 15px; }

.calendar-header ul.select-replacement li.top a, .calendar-header ul.selectOpen li.top a { font-size: 11px; font-weight: bold; color: #999999; }


.accord { cursor: pointer; }

.acchead { background: #E8E8E8 none repeat scroll 0%; border-top: 1px solid #DEDCDD; color: #333333; font-size: 13px; font-weight: bold; margin: 2px 0px 0px; padding: 7px 0px; position: relative; text-indent: 15px; width: 100%; }
.acchead .divider { height: 1px; background: #e2e2e2; font-size: 1px; line-height: 1px; }
.acchead .title { padding: 10px 0px 0px 0px; font-size: 130%; }
.accord ul { list-style: none; padding: 0 0 0 15px; }
.accord li a.focus { color: #8e913b; font-size: 11px; font-weight: bold; line-height: 24px; text-decoration: none; }
.accord li a { color: #999999; text-decoration: none; }
.accord li a.cat { color: #999999; font-size: 11px; line-height: 24px; text-decoration: none; }
.accord li a:hover { color: #e67703; text-decoration:none; }

.page_top { position: relative; }
.page_top a.utilPrint { position: absolute; right: -70px; }