/*************************************************************************************************/
/* Author:			VINCIS / Rinse Stellingwerf	                                               	 */
/* Description:		Stylesheet for calendar module                                       		 */
/*************************************************************************************************/
@media screen 
{	
	/*********************************************************************************************/
	/* Containers (general)                                                	 			 		 */
	/*********************************************************************************************/
	#contentText
	{
		padding:				10px 0px 0px 0px	!important;
		margin:					0px		!important;	
	}
	
	
	
	#containerCalendar
	{
		
	}
	
	/*********************************************************************************************/
	/* Containers & classes (events)                                      	 			 		 */
	/*********************************************************************************************/
	#containerCalendarEvents
	{
		float:					left;
		
		width:					474px;
				
		padding:				0px;
		margin:					0px 13px 0px 0px;
		
		border-top:				1px solid #172983;	
		color:					#172983;
	}
	
	#containerCalendarEvents h3
	{		
		padding:				2px 0px 1px 0px;
		margin:					0px;
	}
	
	#containerCalendarEvents hr
	{		
		color:					#172983;
		background-color:		#ba007b;
	}
	
	
	.eventItem
	{				
		padding:				13px 13px 8px 13px;
		margin:					0px;
	}
	
	.eventDate
	{
		font-size:				1.0em;
		
		color:					#6a6e72;	
	}
	
	.eventLink
	{
		padding:				0px;
		margin:					10px 0px 0px 0px;
	}
		
	.eventReadMore a
	{
		font-weight:			bold;
		font-size:				0.9em;
		
		text-decoration:		none;
		
		color:					#06a0e1!important;		
	}
	
	.eventReadMore a:hover
	{		
		text-decoration:		underline;
		
		color:					#696969;
	}
	
	.eventInfo
	{
		padding:				0px;
		margin:					10px 0px 0px 0px;
	}
	
	#containerReactions hr
	{
		color:					#0960A2;
		background-color:		#0960A2;
	}
	
	/*********************************************************************************************/
	/* Containers & classes (navigation)                           	 			 		 		 */
	/*********************************************************************************************/
	#containerCalendarControl
	{
		float:					left;
	}
	
	#containerCalendarNavigation
	{
		width:					220px;
		height:					104px;
		
		padding:				0px;
		margin:					0 0 10px 10px;
		
		color:					#FFFFFF;		
		background-color:		#ba007b;		
	}
	
	#containerCalendarFormOptions
	{	
		padding:				5px 11px 8px 13px;
		margin:					0px;
		
		font-size:				0.9em;
	}
	
	#containerCalendarFormOptions .submitButton
	{		
		width:					44px;
		
		padding:				0px; 
		margin:					0px;
		
		font-size:				0.9em;
		font-weight:			bold;		
		text-decoration:		underline;
			
		line-height:			100%;
		cursor:					pointer;
		
		color:					#FFFFFF;		
		background-color:		#ba007b;
		
		border:					none;
	}
	
	#containerCalendarNavigation ul
	{
		height:					20px;

		padding:				0px;
		margin:					0px;
				
		color:					#FFFFFF;
	}
	
	*>#containerCalendarNavigation ul
	{
		min-height:				20px;
		height:					auto;
	}
	
	#containerCalendarNavigation ul li
	{
		padding:				4px 0px 4px 13px;
		margin:					0px;	
				
		list-style:				none;
		
		background-color:		#ba007b;
	}
	
	#containerCalendarNavigation ul .alternate
	{
		background-color:		#ba007b	!important;
	}
	
	#containerCalendarNavigation ul li a
	{		
		font-weight:			normal;
		
		color:					#FFFFFF;
	}

	#containerCalendarNavigation ul li a:hover
	{
		font-weight:			normal;
		text-decoration:		underline;
		
		color:					#FFFFFF;		
	}
	
	/*********************************************************************************************/
	/* Containers & classes (calendar component)                           	 			 		 */
	/*********************************************************************************************/
	#containerCalendarComponent
	{
		height:					180px;
		
		padding:				0px 0px 11px 0px; 
		margin:					0 0 20px 10px;	
							
		background-color:		#ba007b;
	}
	*>#containerCalendarComponent
	{
		min-height:				180px;	
		height:					auto;
	}
		
			
	#calendarMonthSelector
	{
		width:					212px;
				
		padding:				4px 4px 4px 4px;
		margin:					0px;
		
		text-align:				center;
				
		text-decoration:		none;
		font-weight:			bold;
		
		color:					#FFFFFF;		
		background-color:		#172983;
	}	
	
	#calendarWeekDays
	{
		width:					154px;
		
		padding:				0px 0px 0px 38px;
		margin:					0px;
		
		background-color:		#ba007b;
	}
	
	#calendarFields
	{
		width:					192px;
		
		padding:				0px;
		margin:					0px;	
		
		color:					#172983;		
	}
	
	#calendarFields a
	{
		text-decoration:		underline;
		
		color:					#172983;		
	}
	
	#calendarFields a:hover
	{
		text-decoration:		underline;
		
		color:					#c8cae4;
	}
	
	#calendarFields #calendarWeekDays
	{
		clear:					both;		
	}
	
	#calendarFields .calendarWeekDay
	{
		padding:				10px 0px 0px 0px;
		margin:					0px;
		
		color:					#FFFFFF;
		
		background-color:		#ba007b !important;
	}
		
	#calendarFields .calendarFieldItem
	{
		float:					left;
		
		width:					22px;
		height:					24px;
				
		text-align:				center;
		
		background-color:		#FFFFFF;
	}
	
	#calendarFields .calendarWeekNumber
	{
		padding:				0px 0px 0px 16px;
		margin:					0px;
		
		background-color:		#ba007b;
	}
	
	#calendarFields .calendarWeekNumber a
	{
		text-decoration:		none;
		
		color:					#FFFFFF;
	}
	
	#calendarFields .calendarWeekNumber a:hover
	{
		text-decoration:		underline;
		
		color:					#c8cae4;
	}
	
	#calendarFields .calendarOtherMonth
	{
		color:					#172983;
		
		background-color:		#c8cae4;
	}
	
	#calendarFields .calendarToday
	{
		width:					20px;
		height:					22px;
		
		font-weight:			bold;

		color:					#172983;
		background-color:		#c8cae4;
		
		border:					1px solid #172983;	
	}
	
	#calendarFields .calendarSelectedItem
	{
		width:					20px;
		height:					22px;
		
		font-weight:			bold;
		
		color:					#ffffff;
		background-color:		#172983;

		border:					1px solid #172983;
	}
	
	#calendarFields .calendarSelectedItem a
	{
		color:					#ffffff	!important;
	}	
}