/*
THIS STYLES BOTH THE LARGE AND SMALL CALENDAR (THEY USE THE SAME CSS).
FURTHER DOWN YOU WILL SEE THE CSS FOR THE EVENTS CONTAINERS THAT APPEAR BELOW THE MAIN CALENDAR
*/

.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: 1px;
display: block;
}

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

	
/* 'category' */
.events-calendar-container .autoTable th.events-calendar-category-header
{
text-align: center;
background-color: #252122;
color: #fff;
font-size: 9px;
}
	
/* 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: 2px;
padding-left: 2px;
/*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;	
	text-align: center;	
	font-size: 9px;
	}


.ccmevents-calendar-active
{

}


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


/*** EVENTS LIST BELOW CALENDAR ***/

#eventsCalendarContainer, #eventsCalendar
{
border: 0px solid #c3c3c3;
margin-top: 5px;
}

	#eventsCalendarContainer .singleEventContainer, #eventsCalendar .singleEventContainer
	{
	padding: 10px;			
	background-color: #171812;	
	background-image: url(../../i/box_shade_top_wht.png);
	background-position: top left;
	background-repeat: repeat-x;		
	border: 1px solid #9F773C;
	-moz-border-radius: 20px;  
   -webkit-border-radius: 20px;  
   border-radius: 20px;  
	margin-bottom: 10px;
	overflow: auto;
	}
	
		#eventsCalendarContainer .largeEventDetails, #eventsCalendar .largeEventDetails
		{
		padding: 10px;			
		/*background-color: #fafafa;		*/
		/*background-image: url(../../i/box_shafde_top_wht.png);
		background-position: top left;
		background-repeat: repeat-x;		*/
		border: 1px solid #9F773C;	
		-moz-border-radius: 12px;  
  		-webkit-border-radius: 12px;  
 	   border-radius: 12px;  
		overflow: auto;
		}
					
			#eventsCalendarContainer .eventImage, #eventsCalendar .eventImage
			{
			display: block;
			float: left;
			border: 0px solid #a5a5a5;	
			margin-right: 15px;		
			}
			
				#eventsCalendarContainer .eventImage img, #eventsCalendar .eventImage img
				{				
				border: 1px solid #9F773C;							
				}
			
			#eventsCalendarContainer .smallEventDetails, #eventsCalendar .smallEventDetails
			{
			display: block;
			float: left;
			border: 0px solid #a5a5a5;
			/*margin-left: 20px;*/
			}			
			
				#eventsCalendarContainer .eventHeader, #eventsCalendar .eventHeader
				{
				font-size: 16px;
				font-weight: bold;
				padding: 5px 5px 2px 5px;
				}
				
				#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;
				padding: 0px 5px 2px 5px;	
				margin-top: 10px;	
				}	
				
	
	#eventsCalendarContainer .eventClear, #eventsCalendar .eventClear
	{	
	clear: both;	
	}
				
	#eventsCalendarContainer .eventButtons, #eventsCalendar .eventButtons
	{
	padding: 10px 0px 0px 0px;
	clear: both;
	display: block;
	border: 0px solid red;	
	}
	
		#eventsCalendarContainer .eventButtons img, #eventsCalendar .eventButtons img
		{
		margin-right: 10px;
		}
	
	#eventsCalendarContainer .eventMoreDetails, #eventsCalendar .eventMoreDetails
	{
	margin-top: 10px;
	}