/* 	[ 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 {
}
.EventsList .RSSFeedIcon {	/* 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.2em;
			font-weight: normal;
		}

	.EventsList .ListItem {
		display: block;
		float: none;
		clear: both;
		width: auto;
		padding: 10px 0;
		margin: 0.4em 0;
	}
	/* 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;
			line-height: 1.3em;
			font-size: 100%;
			font-weight: bold;
			color: #003366;
			width: 100%;
		}
		.EventsList .ListIcon .EventsMonth {
			padding: 0px 0px;
			text-align: center;
			font-size: 85%;
			line-height: 1em;
			color: #666666;
			width: 100%;
		}
	.EventsList .ListItemWrapper {
		display: block;
		float: left;
		clear: none;
		width: 550px;
		padding: 0px 10px;
	}
	#cTL .EventsList .ListItemWrapper {
		width: 190px;
		padding: 0px 0 0 10px;
	}

	/* Custom Title */
	.EventsList .ListCustomTitle {
	}

	/* Thumbnail */
	.EventsList .ListThumbnail {
	}

	/* Title */
		.EventsList .ListTitle {
			margin: 0px 0px 0px 0px;
			padding: 0;
			background: none;
			text-decoration: none;
			font-weight: bold;
		}
		.EventsList .ListTitle a,
		.EventsList .ListTitle a:visited, 
		.EventsList .ListTitle a:link, 
		.EventsList .ListTitle a:hover {
			text-decoration: none;
			color: #005581;
		}

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

	/* Summary */
		.EventsList .ListSummary {
		padding: 0;
		}
		.EventsList .ListSummary a {
			float: left;
			clear: both;
			width: 100%;
		}

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

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

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

	
	/* Events fields */


	.EventsCalendarDetail .EventsContentWrapper {
		clear: both;
		float: left;
		width: 720px;
		padding: 10px;
		border: 3px solid #FFFFFF;
		background: #FFFFFF url(/Templates/_images/back_cPC.gif) repeat-x top left;	
	}
		.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;
		}	
		.EventsCalendarDetail .EventsContentWrapper .Description,
		.EventsCalendarDetail .EventsContentWrapper .Summary {
			clear: left;
			margin: 0px 0px 6px 0px;
			padding: 0px 0px 0px 100px;
		}	
		.EventsCalendarDetail .EventsContentWrapper .EventTitle {
			clear: left;
			margin: 0px 0px 16px 0px;
			padding: 0px;
			font-size: 1.3em;
			font-weight: bold;
			font-family: Arial, Helvetica, sans-serif;
			color: #00a4e4;
		}
	   
			/* Label */
			.EventsCalendarDetail .EventsContentWrapper .EventLabel {
				font-weight: bold;
				float: left;
				width: 100px;
				margin-left: -100px;
			}
			.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: 150px;					
		}

		.EventsCalendarDetail .PrintEventsContentWrapper .Description,
		.EventsCalendarDetail .PrintEventsContentWrapper .Summary {
			clear: left;
			margin: 0px 0px 6px 0px;
			padding: 0px 0px 0px 100px;
		}	
		.EventsCalendarDetail .PrintEventsContentWrapper .EventTitle {
			clear: left;
			margin: 0px 0px 6px 0px;
			padding: 0px;
			font-size: 1.5em;
			font-weight: bold;
			font-family: Arial, Helvetica, sans-serif;
			color: #52b500;
		}
	   
			/* 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 0 20px 0;
	padding: 10px;
	border: #d7d7d7 1px solid;
	background: #f3f3f3 url(/Templates/_images/cSwrap.gif) repeat-x top left;
}
	.EventsCalendarFinder h3 {
		font-size: 1.3em;
		color: #00a4e4;
		margin: 0 0 0.5em 0;
	}
	.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 {
		color: #00a4e4;
	}
		/* === [ Input Fields ] === */
		.EventsCalendarSearch .EventsCalendarInput {
			vertical-align: middle;
			line-height: 1em;
		}
		/* === [ Search Field ] === */
		.EventsCalendarSearch .EventsCalendarInput .Input1 {
			vertical-align: middle;
			width: 120px;
		}
		/* === [ Button ] === */
		.EventsCalendarSearch .EventsCalendarInput .Input2 {
			vertical-align: middle;
		}
		
/* -----[ Events Form ]---------------------------------------------------------- */
.EventsForm
{
}

.EventsForm .EventsFormWrapper
{
	clear:both;
	width:100%;
}

	.EventsFormWrapper .EnquiryLabelGroup
	{
		clear:both;
		padding: 5px;
	}
	
		.EnquiryLabelGroup .EnquiryLabel
		{
			float:left;
			clear:none;
			width:150px;
		}
		.EnquiryLabelGroup .EnquiryField
		{
			clear:none;
			margin-left:150px;
		}
		
		.EnquiryField input
		{
		}		

.EnquiryButton
{
	padding: 10px;
	clear:both;	
}