.events-calendar-container
{
font-size: 11px;

}

.events-calendar-container table.autoTable
{
border-collapse: separate;
border-spacing: 1px;
empty-cells: show;
/*width: 300px;*/
}
	/* main content cells NOT including the top row with dates */
	.events-calendar-container .autoTable td
	{
	text-align: center;
	border: 1px solid #848484;
	height: 40px;
	/*width: 45px;*/
	padding: 0px;
	margin: 0px;	
	/*background-color: #005828;*/	
	}
	
		.events-calendar-container .autoTable td a
		{
		/*width: 100%;
		height: 100%;*/		
		}
		
		
/* top row */
.events-calendar-container .autoTable th
{
border: 1px solid #848484;
/*height: 30px;*/
width: 45px;
padding: 2px;
margin: 0px;
background-color: #000;
text-align: center;
font-size: 11px;
font-weight: bold;
background-image: url(../../i/small_calendar_bg_2.png);
background-position: top left;
background-repeat: repeat-x;	
}
	
	/* the text itself inside the top row */
	.autoTableHeaderTitle
	{
	
	}


.ccmevents-calendar-container
{
/*width: 100%;
height: 100%;*/
padding: 2px;
display: block;
}

	.ccmevents-calendar-description
	{
	font-size: 10px;
	}
	
	.ccmevents-calendar-time
	{
	/*white-space: nowrap;*/
	font-size: 10px;
	line-height: 9px;
	margin-bottom: 5px;
	}

	
/* 'category' */
.events-calendar-container .autoTable th.events-calendar-category-header
{
background-color: #252122;
color: #fff;
}
	
/* left column cell....category names box, but NOT the 'category' title at the top*/
.events-calendar-container .autoTable td.ccmevents-calendar-row-header
{
text-align: center;
padding-right: 3px;
padding-left: 3px;
/*width: 20px;*/
background-color: #252122;
background-image: url(../../i/small_calendar_bg.png);
background-position: top left;
background-repeat: repeat-x;	
}


	/* left column category title.....the text itself, not the box*/
	.events-calendar-container .autoTable td .ccmevents-calendar-category-name a
	{
	font-weight: bold;
	color: #fff;
	/*white-space: nowrap; */	
	font-size: 11px;
	text-align: center;
	/*width: 50px;*/	
	}


.ccmevents-calendar-active
{

}


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


/*** Events list below calendar ***/

#eventsCalendarContainer
{
/*width: 300px;*/
border: 0px solid #c3c3c3;
}

#eventsCalendar
{
border: 0px solid #c3c3c3;
/*width: 300px;*/
}

#eventsCalendar img
{
margin-right: 10px;
}

.eventHeader
{
font-size: 14px;
font-weight: bold;
padding: 5px 5px 2px 5px;
}

.eventDates
{
font-size: 12px;
padding: 5px 5px 2px 5px;
}

.eventTimes
{
font-size: 12px;
padding: 0px 5px 2px 5px;
}

.eventButtons
{
margin: 2px 5px 2px 5px;
}

#eventsCalendar hr
{
color: #c3c3c3;
/*width: 300px;*/
}