/* 	[ 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; */
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

.EventsList .ListHolder {
	margin: 10px 0;
}
#cRS .EventsList .ListHolder {
	margin: 0px 0 20px 0;
}
	/* Past Events Paging */
	.EventsList .ListHolderHeader {
		width:auto;
		clear: both;
	}
	.EventsList .PastEventsSelector {
		padding: 0px 10px;
	}
	.EventsList .PastEventsSelector span {
		font-size: 0.9em;
		padding: 0 10px 0 0;
		font-weight: bold;
		text-transform: uppercase;
	}
		.EventsList .PastEventsSelector .PastEventsLink {
			font-size: 0.9em;
			font-weight: normal;
		}

	.EventsList .ListItem {
		width: auto;
		float: left;
		clear: none;
		margin: 0px 20px 20px 0;
		padding: 0px 0 0 0px;
	}
	#cRS .EventsList .ListItem {
		width: auto;
		height: auto;
		float: none;
		clear: both;
		margin: 0 0 2px 0;
		padding: 0.1em 0 6px 0;
	}
	.EventsList .ListItem:hover {
	background-color: #cccccc;
}
	/* 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;
		margin: 10px 0 0 10px;
	}
		.EventsList .ListIcon .EventsDay {
			padding: 0px 0px;
			text-align: center;
			font-size: 95%;
			font-weight: bold;
			color: #333;
			width: 100%;
		}
		.EventsList .ListIcon .EventsMonth {
			padding: 0px 0px;
			text-align: center;
			font-size: 75%;
			color: #666666;
			width: 100%;
		}
	
	.EventsList .ListItemWrapper {
		display: block;
		float: left;
		height: 172px;
		clear: none;
		width: 360px;
		padding: 0px 0px 0px 15px;
	}
	
	#cRS .EventsList .ListItemWrapper {
		display: block;
		float: left;
		clear: none;
		width: 142px;
		height: auto;
		min-height: 30px;
		padding: 0px 0px 0px 8px;
	}
	/*#cRS .EventsList #ctl00_cRS_ctl00_cRS_ContainerHolder_1514_ctl00_ListHolder .ListItemWrapper {
		display: block;
		float: left;
		clear: none;
		width: auto;
		height: auto;
		*height: 30px;
		padding: 0px 0px 0px 8px;
		*padding: 0px 0px 10px 8px;
	}*/
	
	/* Custom Title */
	.EventsList .ListCustomTitle {
		font-size: 9px;
		margin: 0 0 0.9em 0;
	}
	#cRS .EventsList .ListCustomTitle {
		font-size: 100%;
		font-weight: bold;
		color: #FFFFFF;
		background: url(/Templates/parnz/_images/listTitle.gif) repeat-x bottom left;
		padding: 12px 20px 12px 18px;
		margin: 0px;
	}

	/* Thumbnail */
	.EventsList .ListThumbnail {
		position: absolute;
		padding: 0px 10px 0px 10px;
		top:30px;
		left: 230px;
		height: 119px;
		width: 119px;
	}

	/* Title */
		.EventsList .ListTitle {
			width:450px;
			font-size:12px;
			margin: 0px 0px 0px 0px;
			padding: 10px 0 10px 0px;
		}
		.EventsList .ListTitle a:visited, 
		.EventsList .ListTitle a:link, 
		.EventsList .ListTitle a:hover {
		}
		#cRS .EventsList .ListTitle {
		    width:100%;
			margin: 0px 0px 0px 0px;
			padding: 10px 0px 0 0px;
			font-size: 75%;
		}
		#cRS .EventsList .ListTitle a:visited, 
		#cRS .EventsList .ListTitle a:link, 
		#cRS .EventsList .ListTitle a:hover {
		}

	/* Date, Keywords */
		.EventsList .ListAuthor{
			width:200px;
			padding: 0px 10px 0 0px;
		}
	/* Date, Keywords */
		.EventsList .ListItemDate,
		.EventsList .ListKeywords {
			font-style: normal;
			width:200px;
			padding: 0 0px 0 0px;
			clear: both;
		}
		#cRS .EventsList .ListKeywords {
			font-style: normal;
			width: 162px;
			padding: 0px 0px 0 0px;
			clear: both;
		}

	/* Summary */
		.EventsList .ListSummary {
		    width: 200px;
			padding: 4px 0 0 0px;
			
		}
		.EventsList .ListSummary a {
			float: left;
			clear: both;
			margin: 6px 0px 0px 0px;
			background: url(/Templates/parnz/_images/morelinkRed.gif) no-repeat left center;
		}
			#cRS .EventsList .ListSummary {
				width:100%;
				clear: both;
				padding: 0px 0 0 0px;
			}
			 #cRS .EventsList #ctl00_cRS_ctl00_cRS_ContainerHolder_1514_ctl00_ListHolder .ListSummary {
				width: 162px;
			} 
			/#cRS .EventsList .ListSummary a {
				margin: 6px 0px 0 0px;
				clear: both;
				width: 100%;
			}
			#cRS .EventsList #ctl00_cRS_ctl00_cRS_ContainerHolder_1514_ctl00_ListHolder .ListSummary a{
				width: 162px;
				margin: 6px 0px 0 0px;
			}
		

	/* Creator, Created Date, Updator, Updated Date */
		.EventsList .ListCreator,
		.EventsList .ListCreatedDate {
			padding: 0 0px 0 0px;
			font-size: 75%;
			font-style:normal;
		}
		#cRS .EventsList .ListCreator,
		#cRS .EventsList .ListCreatedDate {
			font-style: normal;
		}
		.EventsList .ListUpdator,
		.EventsList .ListUpdatedDate {
		}

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

	.EventsCalendarDetail {
		clear:both;
		padding-bottom: 25px;
		
	}
	.EventsCalendarDetail div {
		font-size: 1em;	
	}

	
	/* Events fields */


	.EventsCalendarDetail .EventsContentWrapper {
		clear: both;
		float: left;
		width: 660px;
		*width: 650px;
		padding: 10px;
		margin-right: 20px;
	}
		.EventsCalendarDetail .EventsContentWrapper .EventDate,
		.EventsCalendarDetail .EventsContentWrapper .EventEndDate,
		.EventsCalendarDetail .EventsContentWrapper .Location,
		.EventsCalendarDetail .EventsContentWrapper .Organiser,
		.EventsCalendarDetail .EventsContentWrapper .ContactNumber,
		.EventsCalendarDetail .EventsContentWrapper .Category,
		.EventsCalendarDetail .EventsContentWrapper .CustomField {
			clear: left;
			float: left;
			margin: 0px 0px 6px 0px;
			padding: 0px 0px 0px 100px;
			width: 330px;
			font-size: 1em;
		}		
		.EventsCalendarDetail .EventsContentWrapper .Description,
		.EventsCalendarDetail .EventsContentWrapper .Summary {
			clear: left;
			margin: 0px 0px 6px 0px;
			padding: 0px 0px 0px 100px;
			font-size: 1em;
		}
		.EventsCalendarDetail .EventsContentWrapper .Description a {
			text-decoration: none;
		}	
		.EventsCalendarDetail .EventsContentWrapper .Description .EventLabel,
		.EventsCalendarDetail .EventsContentWrapper .Summary .EventLabel {
			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: #8e8e8e;
			border-bottom: #ccc 1px solid;
		}
	   
			/* Label */
			.EventsCalendarDetail .EventsContentWrapper .EventLabel {
				font-weight: bold;
				float: left;
				font-size: 0.9em;
				width: 100px;
				margin-left: -100px;
				color: #00a556;
			}
			.EventsCalendarDetail .EventsContentWrapper .CustomFieldItemValue {
				font-size: 90%;
			}
			.EventsCalendarDetail .EventsContentWrapper .EventTitle .EventLabel {
				display: none;
			}

	/* Image */
	.EventsCalendarDetail .EventsImageWrapper {
		clear: none;
		float: right;
		padding: 0 0px 0 10px;	
	}
	.EventsCalendarDetail .EventsImageWrapper .EventsImage {
		margin: 0;
		
	}

	/* 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: 330px;	
		}
			/* 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;
			float: left;
			margin: 0px 0px 6px 0px;
			padding: 0px 0px 0px 100px;
			width: 330px;
			font-size: 1em;				
		}

		.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: 90%;
			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;
}
	.EventsCalendarFinder h3 {
		font-size: 1.3em;
	}
	.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;
		}
		/* === [ Button ] === */
		.EventsCalendarSearch .EventsCalendarInput .Input2 {
			vertical-align: middle;
		}