/* 	[ COPYRIGHT CONTEGRO  - Intelligent Website Content Management ]   */
/* 	[ http://www.contegro.com ]   */



/* -----[ Event Calendar ]--------------------------------------------------------------------- */

/*
		Unless changed below, the  List will use styles from DefaultTheme.css
		Do not change class names. Alter attributes as required.
*/



/* -----[ List ]---------------------------------------------------------- */

.EventsList {
	position: relative;
	display: block;
	clear: both;
	width: 100%;
}
.EventsList .RSSFeedIcon {	/* defaults =  position:relative; z-index:50; float:right; */
/* defaults =  position:relative; z-index:50; float:right; */
}
.EventsList .ListHolder {
}
	/* Past Events Paging */
	.EventsList .ListHolderHeader {
		width:auto;
		clear: both;
	}
	.EventsList .PastEventsSelector {
		padding: 0px 0px;
	}
	.EventsList .PastEventsSelector span {
		font-size: 0.9em;
		font-weight: bold;
		text-transform: uppercase;
	}
		.EventsList .PastEventsSelector .PastEventsLink {
			font-size: 1.1em;
			color: #ab9040;
			font-weight: bold;
		}

	.EventsList .ListItem {
		display: block;
		margin: 0.5em 22px 0.5em 0;
	}
	#cRS .EventsList .ListItem, #cLS .EventsList .ListItem {
		display: block;
		margin: 0.5em 22px 0.5em 0;
		padding: 10px 8px 0px 10px;
	}
	/* Icon and Wrapper */
	.EventsList .ListIcon {
		display: block;
		background: url(/Templates/_images/EventModule-Date.gif) center;
		width: 36px;
		padding: 6px 0px 0px 0px;
		height: 30px;
		clear: none;
		float: left;
		text-align: center;
	}
		.EventsList .ListIcon .EventsDay {
			padding: 0px 0px;
			text-align: center;
			font-size: 120%;
			font-weight: bold;
			color: #999999;
			width: 100%;
		}
		.EventsList .ListIcon .EventsMonth {
			padding: 0px 0px;
			text-align: center;
			font-size: 90%;
			color: #666666;
			width: 100%;
		}
	.EventsList .ListItemWrapper {
		display: block;
		float: left;
		clear: none;
		width: 500px;
		padding: 0px 10px;
	}
	#cRS .EventsList .ListItemWrapper, #cLS .EventsList .ListItemWrapper {
		display: block;
		float: left;
		clear: none;
		width: 199px;
		padding: 0px 10px;
	}
	/* Custom Title */
	.EventsList .ListCustomTitle {
		clear: both;
	}

	/* Thumbnail */
	.EventsList .ListThumbnail {
		float: right;
	}

	/* Title */
		.EventsList .ListTitle {
			margin: 0px 0px 0px 0px;
		}
		.EventsList .ListTitle a:visited, 
		.EventsList .ListTitle a:link, 
		.EventsList .ListTitle a:hover {
		}

	/* Date, Keywords */
		.EventsList .ListAuthor{
			margin: 0 0 0em 0;
		}
	/* Date, Keywords */
		.EventsList .ListItemDate,
		.EventsList .ListKeywords {
			margin: 0 0 0em 0;
		}

	/* Summary */
		.EventsList .ListSummary {
		padding: 0 0 0 0;
		}
		.EventsList .ListSummary a {
		}

	/* Creator, Created Date, Updator, Updated Date */
		.EventsList .ListCreator,
		.EventsList .ListCreatedDate {
			margin: 0 4px 0 0;
		}
		.EventsList .ListUpdator,
		.EventsList .ListUpdatedDate {
		}

	/* EndItem (Visual break between each list item) */
		.EventsList .ListEndItem {
		}
		
		
		
/* -----[ Modal box - Popup ]---------------------------------------------------------- */

	.EventsCalendarDetail {
		clear:both;	
		margin: 20px 20px 10px 10px;
		width: 470px;
	}
	.EventsCalendarDetail div {
		font-size: 1.1em;
	}

	
	/* Events fields */


	.EventsCalendarDetail .EventsContentWrapper {
		clear: both;
		float: left;
		width: 100%;
	}
		.EventsCalendarDetail .EventsContentWrapper .EventDate,
		.EventsCalendarDetail .EventsContentWrapper .EventEndDate,
		.EventsCalendarDetail .EventsContentWrapper .Location,
		.EventsCalendarDetail .EventsContentWrapper .Organiser,
		.EventsCalendarDetail .EventsContentWrapper .ContactNumber,
		.EventsCalendarDetail .EventsContentWrapper .Category,
		.EventsCalendarDetail .EventsContentWrapper .CustomField {
			clear: left;
			margin: 0px 0px 6px 0px;
			padding: 0px 0px 0px 100px;
			width: 150px;
			font-size: 1.1em;
		}		
		.EventsCalendarDetail .EventsContentWrapper .Description,
		.EventsCalendarDetail .EventsContentWrapper .Summary {
			clear: left;
			margin: 0px 0px 6px 0px;
			padding: 0px 0px 0px 100px;
		}	
		.EventsCalendarDetail .CustomFieldItemValue p {
			font-size: 0.9em;
		}	
		.EventsCalendarDetail .EventsContentWrapper .EventTitle {
			clear: left;
			margin: 0px 0px 0.9em 0px;
			padding: 0px 0 2px 0;
			font-size: 1.4em;
			font-weight: bold;
			font-family: Arial, Helvetica, sans-serif;
			color: #666;
			border-bottom: #f1f1f1 1px solid;
		}
	   
			/* Label */
			.EventsCalendarDetail .EventsContentWrapper .EventLabel {
				font-weight: bold;
				float: left;
				font-size: 1.1em;
				width: 100px;
				margin-left: -100px;
				color: #666;
			}
			.EventsCalendarDetail .EventsContentWrapper .EventTitle .EventLabel {
				display: none;
			}

	/* Image */
	.EventsCalendarDetail .EventsImageWrapper {
		clear: none;
		float: right;	
	}
	.EventsCalendarDetail .EventsImageWrapper .EventsImage {
	}

	/* Description and Custom fields */
	.EventsCalendarDetail .EventsContent {
		clear:both;
		display: block;
	}
		.EventsCalendarDetail .EventsContent .CustomFields {
			clear: both;
			margin: 0px 0px 6px 0px;
			padding: 0px 0px 0px 100px;
		}
		.EventsCalendarDetail .EventsContent .Description img {
			max-width: 350px;	
		}
			/* Label */
			.EventsCalendarDetail .EventsContent .CustomFieldItemLabel,
			.EventsCalendarDetail .EventsContent .EventLabel {
				font-weight: bold;
				float: left;
				width: 100px;
				margin-left: -100px;
			}

	/* Buttons */
	.EventsCalendarDetail .EventsButtons {
		clear:both;
		text-align: right;
		padding: 10px 0px 0px 0px;
	}
	
/* -----[ Modal box - Print Event ]---------------------------------------------------------- */	
	.EventsCalendarDetail .PrintEventsContentWrapper {
		clear: none;
		width: 100%;
	}

		.EventsCalendarDetail .PrintEventsContentWrapper .EventTitle,
		.EventsCalendarDetail .PrintEventsContentWrapper .EventDate,
		.EventsCalendarDetail .PrintEventsContentWrapper .EventEndDate,
		.EventsCalendarDetail .PrintEventsContentWrapper .Location,
		.EventsCalendarDetail .PrintEventsContentWrapper .Organiser,
		.EventsCalendarDetail .PrintEventsContentWrapper .ContactNumber,
		.EventsCalendarDetail .PrintEventsContentWrapper .Category,
		.EventsCalendarDetail .PrintEventsContentWrapper .CustomField{
			clear: left;
			margin: 0px 0px 6px 0px;
			padding: 0px 0px 0px 100px;
			width: auto;
			color: #666666;					
		}

		.EventsCalendarDetail .PrintEventsContentWrapper .Description,
		.EventsCalendarDetail .PrintEventsContentWrapper .Summary {
			clear: left;
			margin: 0px 0px 6px 0px;
			padding: 0px 0px 0px 100px;
			color: #666666;	
		}	
		.EventsCalendarDetail .PrintEventsContentWrapper .EventTitle {
			clear: left;
			margin: 0px 0px 6px 0px;
			padding: 0px;
			font-size: 1.5em;
			font-weight: bold;
			color: #666666;	
			font-family: Arial, Helvetica, sans-serif;
			width: auto;
		}
	   
			/* Label */
			.EventsCalendarDetail .PrintEventsContentWrapper .EventLabel {
				font-weight: bold;
				float: left;
				width: 100px;
				margin-left: -100px;
			}
			.EventsCalendarDetail .PrintEventsContentWrapper .EventTitle .EventLabel {
				display: none;
			}


/* -----[ Events Calendar Finder ]---------------------------------------------------------- */

.EventsCalendarFinder {
	clear: both;	
	margin: 0px 0px 0px 6px;
	
}
	.EventsCalendarFinder h3 {
		font-size: 1.5em;
		font-weight: bold;
		padding: 0px 0 0 16px;
		color: #ab9040;
		background: url(/Templates/_images/listCustomTitle2.gif) no-repeat 0 2px;
	}
	.EventsCalendarTitle {
		clear:both;
		font-size: 1.1em;
	}
	/* === [ Required Marker ] === */
		.RequiredMarker {
			font-size: 0.9em;
			color: #CC0000;
			clear: both;
		}	
	
	/* === [ Search Box ] === */
	.EventsCalendarSearch {
		vertical-align: middle;
	}
	.EventsCalendarSearch .EventsCalendarTitle {
	}
		/* === [ Input Fields ] === */
		.EventsCalendarSearch .EventsCalendarInput {
			vertical-align: middle;
			line-height: 1em;
		}
		/* === [ Search Field ] === */
		.EventsCalendarSearch .EventsCalendarInput .Input1 {
			vertical-align: middle;
			width: 120px;
			margin: 0 4px 0 0;
		}
		/* === [ Button ] === */
		.EventsCalendarSearch .EventsCalendarInput .Input2 {
			vertical-align: middle;
		}