/*Update*/

@media screen 
{

	/********************************************************************************************/
	/* =Override styles														*/
	/********************************************************************************************/
	
	#content table
	{
		clear:					none;
	}
	
	#content ul li
	{
		background-image:		none;
		padding:				0;
		margin:					3px 0 0 0;
	}

	/********************************************************************************************/
	/* =Settings															*/
	/********************************************************************************************/
	/* Today color and Mouseover - CalendarComponent */
	#totalContainer #calendarComponent .today a
	{
		color:					#f5f5f5;	/* =104 */
		background-color:		#999;		/* =102 */
	}
	
		#totalContainer #calendarComponent .today a:hover
		{
		}
	
	body #totalContainer #calendarComponent .selectedItem span,
	body #totalContainer #calendarComponent .selectedItem a
	{
		font-weight:		bold;
		text-decoration:	none;
		
		color:				#69085c;
	}
	
		body #totalContainer #calendarComponent .selectedItem a:hover
		{
			color:				#69085c;
		}
	
	/* selectedWeek */
	#totalContainer #calendarComponent tbody .selectedWeek th a,
	#totalContainer #calendarComponent .selectedWeek td span,
	#totalContainer #calendarComponent .selectedWeek td a
	{
		background-color:		#dadada;	 /* =unique */
		color:					#333;		/* =13 */
	}
	
	
		#totalContainer #calendarComponent .selectedWeek td
		{
			background-color:		#f5f5f5;	 /* =104 */
			background-image:		none;
		}
	
	
			/* other month */
		#totalContainer #calendarComponent .otherMonth
		{

			color:				#c0c0c0	;	/* =12 */
		}
		
		/* today */
		#totalContainer #calendarComponent .today
		{
	
			color:					#333;		/* =13 */
		}
	
	/********************************************************************************************/
	/* =eventList																				*/
	/********************************************************************************************/
	#eventList	
	{
		margin:				0;
		padding:			6px 0 0 0 ;
	}

		#eventList dt
		{
			margin:				13px 0 0 0;
			
			color:				#E2007A;	/* =100 */
			font-size:			1.36em;
			font-weight:		bold;
		}
		
		#eventList dd
		{
			position:				relative;
			
			margin:					6px 0 0 0;
			padding:				0 0 6px 0;
			height:					10px;
			min-height:				10px;
			
			background-image:		none;
	
			border-bottom:			1px solid #dadada;
		}
		*>#eventList dd
		{
			height:					auto;
		}
		
		#eventList dd p
		{
			margin:					0;
		}
		
		#content #eventList img
		{
			display:			block;
			padding:			0;
			margin:				0;
			
			border:				0;
		}
		
			#content #eventList h3
			{
				font-size:			1.09em;
				
				margin:				8px 0 0 0;
				padding:			11px 0 0 0;
				
				line-height:		1.2em;
			}

			#content #eventList .readMore
			{
				line-height:		1.2em;
			}
				
	/********************************************************************************************/
	/* =eventData																				*/
	/********************************************************************************************/
	#content .eventData
	{
		color:				#E2007A;	/* 101*/
		width:				100%;
		
		margin:				8px 0 0 0;
		padding:			0;
	}
	
		#content .eventData th
		{
			width:				12px;
			padding-right:		8px;
			
			vertical-align: 	top; 
		}
		
		#content .eventData td
		{
			line-height:		1.36em;
			padding-bottom:		6px;

			text-decoration:	none;
			
			vertical-align: 	top; 
		}

			#content .eventData td span
			{
				font-weight:			bold;
			}

	/********************************************************************************************/
	/* =eventData popout																		*/
	/********************************************************************************************/
	 #content #eventList .repeatEvent h3
	{
		display:				block;
		margin:					0 0 0 28px;
		padding:				4px 0 0 0;				
	}
	
	#content #eventList .repeatEvent a
	{
		display: 				inline-block;
		text-decoration:		none;
	}
	
		#content #eventList .repeatEvent a:hover
		{
			border:					0px solid #fff;
		}
		#content .repeatEvent a .explanation
		{
			display:				block;

			position:				absolute;
			left:					0;
			top:					0;
			
			text-indent: 			-5000px;	/* remove text */
			
			width:					20px;
			height:					20px;
			padding:				0;
			margin:					0;
			
			line-height:			0.1em;
			
			background-image:		url(/Content/Images/Modules/Events/repeat.gif);
			background-repeat:		no-repeat;
			background-position: 	left top;
			
			cursor:					pointer;
		}
		
			#content .repeatEvent a .overview 
			{
				display:				none;
				height:					0;
				width:					0;

				_z-index: 				-1; /* ie6 hack */
			}
			*>#content .repeatEvent a .overview 
			{
				display:				inline;
				
				position:				absolute;
				top:					-100000;
				left:					-9999999px;
			}
			
				#content #eventList .repeatEvent a:hover .overview 
				{
					display:				block;
	
					margin:					0 0 0 20px;
					
					padding:				8px;
					width:					450px;
					height:					50px;
					
					color:					#333;
					font-size:				0.83em;
					font-weight:			normal;
					text-decoration:		none;
					
					background-color:		#f5f5f5;
					border:					1px solid #dadada;
					
					cursor:					default;
					
					_z-index: 				999999; /* ie6 hack */
				}
				*>#content #eventList .repeatEvent a:hover .overview 
				{
					margin:					0;
					left:					20px;
					top:					-35px;
					z-index: 				999999;
				}
				
					#content .repeatEvent a:hover .overview span
					{
						display:				block;
						text-decoration:		underline;
						cursor:					pointer;
					}
	
		
			
	/********************************************************************************************/
	/* =containerCalendarControl																*/
	/********************************************************************************************/	
	#totalContainer #containerCalendarControl
	{
		margin:					0;
		min-height:				172px;
		height:					172px;
		font-size:			    0.85em;
	}
	*>#totalContainer #containerCalendarControl
	{
		height:					auto;
	}

	/********************************************************************************************/
	/* =calendarNavigation																		*/
	/********************************************************************************************/	

	#totalContainer #calendarNavigation
	{
	    display:            none;
		margin:				0;

	}
	
	#totalContainer #calendarNavigation h3
	{
		clear:				both;
		padding:			0;
		line-height:		1.27em;
	}
	
		/* View Radio's */
		#calendarform ul
		{
		}
		
			#totalContainer #calendarform ul li
			{
				float:					left;
				
				padding:				0 26px 26px 0;
				margin:					0;
				
				line-height:			1.27em;
				
				background-image:		none;
			}

				#totalContainer #calendarform label
				{
				}
	
				#totalContainer #content  #calendarform .cm_radio
				{
					float:					left;
					display:				inline;
					
					padding:				0;
					margin:					0 5px 0 0;
				}
	
				#totalContainer #calendarform .hide
				{
					display:				none;
					visibility:				hidden;
					height:					0;
					width:					0;
				}
	
		#totalContainer #calendarform .cm_button
		{
			display:				block;
			float:					left;

			width:					50px;
			height:					19px;	
			margin:					0;
			
			font-size:				1.0em;
		}
		
		/* viewMode */
		#containerCalendarControl #viewMode,
		#containerCalendarControl #viewModeContainer
		{
			float:				right;
			display:			inline;
			width:              154px;
		}
		
			#containerCalendarControl #viewModeContainer h3
			{
			    padding-top:         0;
			    padding-bottom:      10px;
			    
			    color:               #69085c;
			}
		
			#totalContainer #containerCalendarControl #viewMode li
			{
				float:				left; 
				display:			inline;
				
				width:				128px;
				padding:			0 0 0 16px;	
				margin:				3px 0 0 0;
				background-image:	none;
				height:				30px;
			}

			#totalContainer #viewMode li a,
			#totalContainer #viewMode li span
			{
				display:				block;
	
				width:					86px;
				height:					20px;
				
				margin:					0;
				padding:				7px 18px 0 26px;
				
				color:					#69085c;
				text-decoration:		none;
				font-weight:            normal;

				background-image:		url(/Content/Images/General/button_medium.gif);
				background-repeat:		no-repeat;
				background-position: 	0 top;
			}

					#totalContainer #viewMode li a:hover
					{
						background-position: 	0 -30px;
						color:					#69085c;
					}

			#totalContainer #viewMode li span
			{
                   font-weight:         bold;
                   color:               #69085c;
                   
					background-position: 	0 -30px;
			}



		/* button navigation */ 	
		#totalContainer #buttonNavigation
		{
			clear:					both;
		}

			#totalContainer #buttonNavigation li
			{
				float:					left;
				display:				inline;
				
				padding:				0 6px 0 0;
				margin:					0;
				
				line-height:			1.27em;
				
				background-image:		none;
			}
					

			#totalContainer #buttonNavigation .previous a span,
			#totalContainer #buttonNavigation .next a span
			{
				display:				block;
	
				width:					30px;
				height:					30px;
				
				margin:					0;
				padding:				0 0 0 0;
	
				text-indent: 			-5000px;	/* remove text */
	
				background-image:		url(/Content/Images/General/navigation_large.gif);
				background-repeat:		no-repeat;
				background-position: 	left top;
				background-color:		transparent;
				
				border:					medium none;
				overflow:				hidden;
				cursor:					hand;
			}
			*>#totalContainer #buttonNavigation li a span
			{
				cursor:					pointer;
			}
			
				/* previous */
				#totalContainer #buttonNavigation .previous a span
				{
					background-position: 	left top;
				}
				
					#totalContainer #buttonNavigation .previous a:hover span
					{
						background-position: 	left -30px;
					}
					
				/* next */
				#totalContainer #buttonNavigation .next a span
				{
					background-position: 	-30px top;
				}
				
					#totalContainer #buttonNavigation .next a:hover span
					{
						background-position: 	-30px -30px;
					}


			#totalContainer #buttonNavigation .current a
			{
				display:				block;
	
				width:					86px;
				height:					22px;
				
				margin:					0 0 0 26px;
				padding:				8px 18px 0 26px;
				
				color:					#777;
				text-decoration:		none;
				font-weight:            normal;

				background-image:		url(/Content/Images/General/button_medium.gif);
				background-repeat:		no-repeat;
				background-position: 	0 top;
			}

					#totalContainer #buttonNavigation .current a:hover
					{
						background-position: 	0 -30px;
						color:					#333;
					}
			
	/*********************************************************************************************/
	/* =calendarComponent				                        		              			 */
	/*********************************************************************************************/
	body #totalContainer #calendarComponent
	{
		float:					left;
		display:				inline;
		clear:					none;
		
		position:				relative;
		
		width:					204px;	
		margin:					0;
		
		border-bottom:			1px solid #dadada;
		line-height:            2.1818em;
	}
	
		#totalContainer #calendarComponent caption
		{
			padding:				0;
			margin:					0;
			
			color:					#69085c;
			text-decoration:		none;
			font-weight:			bold;
		}
		
			#totalContainer #calendarComponent caption span
			{
				display:				block;
				width:					169px;	
				
				padding:				2px 0 8px 35px;
								
				text-align:				center;
				line-height:			1.27em;
				font-size:				1.09em;
				
				white-space:			nowrap;
			}
		
			#totalContainer #calendarComponent caption a
			{
				position:				absolute;
				top:					0;
				
				display:				block;
	
				width:					20px;
				height:					20px;
				
				margin:					0;
				padding:				0 0 0 0;
	
				text-indent: 			-5000px;	/* remove text */
	
				background-image:		url(/Content/Images/General/navigation_small.gif);
				background-repeat:		no-repeat;
				background-position: 	left top;
				background-color:		transparent;
				
				border:					medium none;
				overflow:				hidden;
				cursor:					hand;
			}
			*>#totalContainer #calendarComponent caption a
			{
				cursor:					pointer;
			}
			
				/* previous month */
				#totalContainer #calendarComponent caption .previousMonth
				{
					left:					38px;
					background-position: 	left top;
				}
				
					#totalContainer #calendarComponent caption .previousMonth:hover
					{
						background-position: 	0 -20px;
					}
				
				/* next month */
				#totalContainer #calendarComponent caption .nextMonth
				{
					right:					3px;
					background-position: 	right top;
				}
				
					#totalContainer #calendarComponent caption .nextMonth:hover
					{
						background-position: 	-20px -20px;
					}			
				
				/* head*/
				body #totalContainer #calendarComponent thead
				{
				}
				
				/* weekdays */
				#totalContainer #calendarComponent thead th
				{
					font-weight:			bold;
					border-bottom:			1px solid #dadada;
					border-top:				1px solid #dadada;
					font-size:				0.87em;
				}
				
					#totalContainer #calendarComponent thead th.tableStart
					{
						border-top:				none;
						width:					35px;
					}
					
		/* body*/
		body #totalContainer #calendarComponent tbody
		{
		}
		
		/* weeknumbers*/
		#totalContainer #calendarComponent tbody th 
		{
			width:					35px;
			
			font-weight:			bold;
			
			border-right:			1px solid #dadada;
			border-left:			1px solid #fff;
		}
		
			#totalContainer #calendarComponent tbody th a
			{
				font-weight:			bold;
				color:					#777;	/* =10 */
				text-decoration:		none;
				width:					35px;
			}

				#totalContainer #calendarComponent tbody th a:hover
				{
					color:					#333;	/* =13 */
					text-decoration:		underline;
					
					background-color:		#f5f5f5;	/* =104 */
				}
		
		/* generic cell */
		#totalContainer #calendarComponent td,
		#totalContainer #calendarComponent th
		{
			color:					#777;		/* =10 */
			text-align:				center;
			padding:				0;
		}
		
			#totalContainer #calendarComponent td a,
			#totalContainer #calendarComponent td span,
			#totalContainer #calendarComponent th a
			{
				display:				block;
				padding:				0;
			}
			
			#totalContainer #calendarComponent td,
			#totalContainer #calendarComponent td span,
			#totalContainer #calendarComponent td a
			{
				width:					24px;
				height:					24px;
			}
			
			#totalContainer #calendarComponent tbody th,
			#totalContainer #calendarComponent tbody th a
			{
				height:					24px;
			}
	
		/* generic */
		#totalContainer #calendarComponent td a
		{
			color:					#777;	/* =10 */
			text-decoration:		none;
			
			background-image:		url(/Content/Images/Modules/Events/calendar_selected.gif);
			background-repeat:		no-repeat;
			background-position: 	left -120px;
		}

			#totalContainer #calendarComponent td a:hover
			{
				color:					#333;		/* =13 */
				font-weight:			bold;

				background-image:		url(/Content/Images/Modules/Events/calendar_selected.gif);
				background-repeat:		no-repeat;
				background-position: 	left -144px;
			}
			
		/* other month */
		#totalContainer #calendarComponent .otherMonth
		{
			/* Settings, see top of File */
		}
		
		/* today */
		#totalContainer #calendarComponent .today
		{
			/* Settings, see top of File */			
		}
		
			#totalContainer #calendarComponent .today a
			{
				/* Settings, see top of File */
	
				font-weight:		bold;
				
				background-image:	url(/Content/Images/Modules/Events/calendar_selected.gif);
				background-repeat:	no-repeat;
				background-position:left -48px;
			}
			
				#totalContainer #calendarComponent .today a:hover
				{
					/* Settings, see top of File */
					
					background-position: 	left -72px;
				}
		
		/* selected item */
		body #totalContainer #calendarComponent .selectedItem a,
		body #totalContainer #calendarComponent .selectedItem span
		{
			font-weight:		bold;
			text-decoration:	none;

			/* Settings, see top of File */
		
			background-image:		url(/Content/Images/Modules/Events/calendar_selected.gif);
			background-repeat:		no-repeat;
			background-position: 	left top;
		}
		
			body #totalContainer #calendarComponent .selectedItem a:hover
			{
				background-position: 	left -24px;
			}	
			
	/* selectedWeek */
	#totalContainer #calendarComponent tbody .selectedWeek th a,
	#totalContainer #calendarComponent .selectedWeek td span,
	#totalContainer #calendarComponent .selectedWeek td a
	{
		/* Settings, see top of File */
		
		background-image:		url(/Content/Images/Modules/Events/calendar_selected.gif);
		background-repeat:		repeat-x;
		background-position: 	left -96px;
	}
	
	#totalContainer #calendarComponent .selectedWeek td a
	{
		background-position: 	left -168px;
	}
	#totalContainer #calendarComponent .selectedWeek td a:hover
	{
		background-position: 	left -144px;
	}
	
		#totalContainer #calendarComponent .selectedWeek td
		{
			/* Settings, see top of File */

			background-image:		none;
		}
	
		#totalContainer #calendarComponent .selectedWeek .today span,
		#totalContainer #calendarComponent .selectedWeek .today a
		{
			background-image:		url(/Content/Images/Modules/Events/calendar_selected.gif);
			background-repeat:		no-repeat;
			background-position: 	left top;
		}
		
		#totalContainer #calendarComponent .selectedWeek .today a
		{
			background-image:		url(/Content/Images/Modules/Events/calendar_selected.gif);
			background-repeat:		no-repeat;
			background-position: 	left top;
		}	
}


/*********************************************************************************************/
/* =Print 									                                      			 */
/*********************************************************************************************/
@media print
{
	#containerCalendarControl
	{	
		display:				none;
		visibility:				hidden;
	}
}