
.event-search { display: block; float: right; border: 0; }
.event-search fieldset { display: block; float: right; width: 34em; }
.event-search fieldset legend { display: none; }
.event-search fieldset dl dt { display: block; float: left; width: 10em; height: 3em; line-height: 2.3em; }
.event-search fieldset dl dt label { display: block; text-align: right; padding: 0 1em; font-size: 1.1em; font-weight: bold; }
.event-search fieldset dl dd { display: block; float: left; width: 24em; height: 3em; }
.event-search input.list-events { margin-left: 7.5em; }

.event-list .list-item { margin: 0 3em; }
.event-list .list-item h3 { font-weight: normal; margin-top: 1em; }
.event-list .list-item a { color: #1a7cc0; background: transparent url('/assets/images/backgrounds/bg-story-more.jpg') right 5px no-repeat; margin: 0 1em; padding-right: 0.6em; text-decoration: none; }
.event-list .list-item a:hover { text-decoration: underline; }

.event-list .event-list-actions { text-align: right; margin: 0 3em; }
.event-list .event-list-actions a { color: #1a7cc0; background: transparent url('/assets/images/backgrounds/bg-story-more.jpg') right 5px no-repeat; margin: 0 1em; padding-right: 0.6em; text-decoration: none; }
.event-list .event-list-actions a:hover { text-decoration: underline; }

.event-calendar { width: 73.6em; margin: 1em auto; }
.event-calendar h3 { padding: 0.5em 1em !important; display: block; }

.event-calendar .months { clear: both; }
.event-calendar .months .month-prev { display: block; float: left; width: 1.9em; border: 1px solid #ddd; border-right: 0; text-align: center; padding: 1em 0; }
.event-calendar .months .month-next { display: block; float: left; width: 1.8em; border: 1px solid #ddd; text-align: center; padding: 1em 0; }
.event-calendar .months .month-prev a, .event-calendar .months .month-next a { font-weight: bold; font-size: 1.4em; }
.event-calendar .months .month { display: block; float: left; width: 17.3em; border: 1px solid #ddd; border-right: 0; text-align: center; padding: 1em 0; }
.event-calendar .months .month a { color: #000; background-color: Transparent; font-weight: bold; font-size: 1.4em; }
.event-calendar .months .month a:hover { color: #1e92e2; background-color: transparent; text-decoration: none; }
.event-calendar .months .selected-month { color: #000; background-color: #fff; }

.calendar-display { border-right: 1px solid #ccc; }
.calendar-display .days .day-head { display: block; text-align: center; float: left; width: 10.4em; height: 1.8em; padding: 0.5em 0; border: 1px solid #ccc; border-right: 0; font-size: 1em; font-weight: bold; color: #bbb; background-color: #fff; }
.calendar-display .calendar .blank, .calendar-display .calendar .day { float: left; width: 9.6em; height: 11.6em; padding: 0.4em; color: #000; background: #fff; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; overflow-x: none; overflow-y: auto; }
.calendar-display .calendar .blank { color: #fff; background-color: #ddd; }
.calendar-display .calendar .passed { color: #fff; background-color: transparent; }
            
.calendar-display .calendar .day .num { display: block; float: right; color: #fff; background-color: #cdcdcd; font-weight: bold; width: 1.4em; height: 1.4em; line-height: 1.4em; text-align: center; }
.calendar-display .calendar .day a { text-decoration: none; display: block; float: left; font-size: 0.9em; }
.calendar-display .calendar .day a:hover { text-decoration: underline !important; }
.calendar-display .calendar .day .event .time { font-weight: bold; }

.schedule-changes { background:url('/assets/images/buttons/event-badge.png') no-repeat; width:384px; height:90px; margin-right:8px; padding:18px 12px 8px 104px }
.schedule-changes p { font-size:.9em; }