.events-calendar-container {font-size: 12px;}
.events-calendar-container .autoTable thhead {background-color: #ed1c24; text-align: center; color:#FFF; border-right:1px solid #FFF; font-size: 12px;}

.events-calendar-container table.autoTable {border-collapse: separate; border-spacing: 0; empty-cells: show; background-color: #FFF;}

/* main content cells NOT including the top row with dates */
.events-calendar-container .autoTable td {text-align: center; border-bottom: 1px dotted #ed1c24; /*height: 40px;*/ padding: 0px; margin: 0px;}
    .events-calendar-container .autoTable td a {/*width: 100%; height: 100%;*/}


/* top row */
.events-calendar-container .autoTable th {
    width: 45px; padding: 2px; margin: 0px; background-color: #6aa7d9; font-size: 11px;
    text-align: center; color:#FFF; font-weight: bold; border-right:1px dotted #FFF;	
}

/* the text itself inside the top row */
.autoTableHeaderTitle {}

/* additional styles for content inside events calendar */
.ccmevents-calendar-container {/*width: 100%; height: 100%;*/ padding: 1px; display: block;}
.ccmevents-calendar-description {font-size: 10px;}
.ccmevents-calendar-time {/*white-space: nowrap;*/ font-size: 12px;}


/* 'category' name at top left cell */
.events-calendar-container .autoTable th.events-calendar-category-header {font-size: 12px; background-color: #333; text-align: center; border-right:1px solid #FFF; font-size: 11px;}
/* left column category title.....the text itself, not the box*/
.events-calendar-container .autoTable td .ccmevents-calendar-category-name a {font-weight: bold; color: #ed1c24; text-align: left; font-size: 11px; text-decoration: none;}
/* category names left column */
.events-calendar-container .autoTable td.ccmevents-calendar-row-header {text-align: left; padding-right: 2px; padding-left: 2px;}

.ccmevents-calendar-active {}
.events-calendar-container .atCheckBar {display: none;}


/* events list below calendar on events page */
#eventsCalendarContainer, #eventsCalendar {border: 0px solid #c3c3c3; margin:0 0 0 0;}

#eventsCalendarContainer .singleEventContainer, #eventsCalendar .singleEventContainer {
    margin:0 0 15px 0; padding: 0 10px 10px 10px; background-color: #FFF; overflow: auto;	
    border-bottom: 1px solid #333;
}

#eventsCalendarContainer .largeEventDetails, #eventsCalendar .largeEventDetails {
    overflow: auto; padding: 0px; 
}
	
#eventsCalendarContainer .eventImage, #eventsCalendar .eventImage {display: block; float: left; border: 1px solid #ed1c24;	margin-right: 15px;}
#eventsCalendarContainer .eventImage img, #eventsCalendar .eventImage img {border: 1px solid #ed1c24;}
#eventsCalendarContainer .smallEventDetails, #eventsCalendar .smallEventDetails {display: block; float: left; border: 0px solid #d6d6d6; /*margin-left: 20px;*/}			
#eventsCalendarContainer .eventHeader, #eventsCalendar .eventHeader {padding: 5px 5px 2px 5px; font-size: 16px; font-weight: bold;}
#eventsCalendarContainer .eventDates, #eventsCalendar .eventDates {font-size: 12px; padding: 5px 5px 2px 5px;}
#eventsCalendarContainer .eventTimes, #eventsCalendar .eventTimes {font-size: 12px; padding: 0px 5px 2px 5px;}
#eventsCalendarContainer .eventVenueDescription, #eventsCalendar .eventVenueDescription {font-size: 12px; margin: 10px 0 0 0; padding: 0px 5px 2px 5px;}
#eventsCalendarContainer .eventClear, #eventsCalendar .eventClear {clear: both;}
#eventsCalendarContainer .eventButtons, #eventsCalendar .eventButtons {clear: both; display: block; padding: 10px 0px 0px 0px; border: 0px solid red;	}
#eventsCalendarContainer .eventButtons img, #eventsCalendar .eventButtons img {margin-right: 10px;}
#eventsCalendarContainer .eventMoreDetails, #eventsCalendar .eventMoreDetails {margin-top: 10px;}