/* 	[ 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, #cPC .EventsList .ListHolder  {
	background: none;
	width: 94%;
	padding: 0;
}

.Home #cRS .EventsList .ListHolder {
	background: #ededed url(/Templates/_images/HomeCatList-bkg.gif) no-repeat top left;
}
	/* Past Events Paging */
	.EventsList .ListHolderHeader {
		width:auto;
		clear: both;
		padding: 0 0 0.9em 0;
	}
	.EventsList .PastEventsSelector {
		padding: 0px 0px;
	}
	.EventsList .PastEventsSelector span {
		font-size: 1em;
		padding: 0 10px 0 0;
		font-weight: bold;
		text-transform: uppercase;
	}
		.EventsList .PastEventsSelector .PastEventsLink {
			font-size: 1em;
			font-weight: normal;
		}
		.PastEventsSelector a:link {
	}
	.PastEventsSelector a:visited,
	.PastEventsSelector a:hover,
	.PastEventsSelector a:active {
			color: #666666;
	}


	.EventsList .ListItem {
		display: block;
		margin: 1em 0;
		padding: 0;
		background: none;
		border: none;
		width: 636px;
	}
	/* Icon and Wrapper */
	.EventsList .ListIcon {
		display: block;
		background: url(/Templates/Waterway/_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: 1.2em;
			font-weight: bold;
			color: #003366;
			width: 100%;
		}
		.EventsList .ListIcon .EventsMonth {
			padding: 0px 0px;
			text-align: center;
			font-size: 1em;
			color: #666666;
			width: 100%;
		}
	.EventsList .ListItemWrapper {
		display: block;
		float: left;
		clear: none;
		width: 580px;
		padding: 0px 0px 0 10px;
	}

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

	/* Thumbnail */
	.EventsList .ListThumbnail {
	}

	/* Title */
		.EventsList .ListTitle {
			margin: 0px 0px 0px 0px;
			border-bottom: none;
			line-height: 1.4em;
			font-size: 22px;
			text-transform: capitalize;
		}
		.EventsList .ListTitle a:visited, 
		.EventsList .ListTitle a:link, 
		.EventsList .ListTitle a:hover {
			color: #000000;
			text-decoration: none;
			font-weight: normal;
		}

	/* Date, Keywords */
		.EventsList .ListAuthor{
			border-bottom: none;
			color: #666666;
		}
	/* Date, Keywords */
		.EventsList .ListItemDate,
		.EventsList .ListKeywords {
			border-bottom: none;
			color: #666666;
		}

	/* Summary */
		.EventsList .ListSummary {
			color: #666666;
		}
		.EventsList .ListSummary a {
			color: #fff;
			font-size: 0.9em;
			text-transform: uppercase;
			background: #8fc6fc;
			clear: both;
			float: left;
			text-decoration: none;
			padding: 0px 4px;
			margin: 4px 0 0 0;
		}

	/* Creator, Created Date, Updator, Updated Date */
		.EventsList .ListCreator,
		.EventsList .ListCreatedDate {
			width: 100%;
			color: #003366;
			font-style: italic;
		}
		.EventsList .ListUpdator,
		.EventsList .ListUpdatedDate {
		}

	/* EndItem (Visual break between each list item) */
		.EventsList .ListEndItem {
			padding: 10px 0 0 0;
			border-bottom: #e1e1e1 1px solid;
		}
		
		
		
/* -----[ Modal box - Popup ]---------------------------------------------------------- */

	.EventsCalendarDetail {
		clear:both;	
		margin: 20px 0px 10px 0px;
		text-align: left;
	}
	.EventsCalendarDetail div {
		font-size: 1em;
	color: #5f5e5e;
	}

	
	/* Events fields */


	.EventsCalendarDetail .EventsContentWrapper {
		clear: both;
		float: left;
		width: 90%;	
	}
		.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 150px;
			width: 200px;
			font-size: 1.2em;
			font-weight: bold;
		}		
		.EventsCalendarDetail .EventsContentWrapper .Description,
		.EventsCalendarDetail .EventsContentWrapper .Summary {
			font-size: 1.2em;
			line-height: 1.5em;
			clear: left;
			margin: 0px 0px 6px 0px;
			padding: 0px 0px 0px 150px;
		}	
		.EventsCalendarDetail .EventsContentWrapper .Description p {
			font-size: 1em;
		}	
		.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: 1em;
				width: 150px;
				margin-left: -150px;
			}
			.EventsCalendarDetail .EventsContentWrapper .EventTitle .EventLabel {
			}

	/* 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 150px;
		}
		.EventsCalendarDetail .EventsContent .Description img {
			max-width: 350px;	
		}
			/* Label */
			.EventsCalendarDetail .EventsContent .CustomFieldItemLabel,
			.EventsCalendarDetail .EventsContent .EventLabel {
				font-weight: bold;
				float: left;
				width: 150px;
				margin-left: -150px;
			}

	/* 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 0.9em 0px;
			padding: 0px;
			font-size: 1.5em;
			font-weight: bold;
			font-family: Arial, Helvetica, sans-serif;
			color: #8e8e8e;
			border-bottom: #eee 1px solid;
		}
	   
			/* Label */
			.EventsCalendarDetail .PrintEventsContentWrapper .EventLabel {
				font-weight: bold;
				float: left;
				width: 100px;
				margin-left: -100px;
				color: #67a5e5;
			}
			.EventsCalendarDetail .PrintEventsContentWrapper .EventTitle .EventLabel {
				display: none;
			}


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

.EventsCalendarFinder {
	clear: both;	
	margin: 0 0 0 0;
	padding: 6px;
	background-color: #fff;
	border: #ccd5da 1px solid;
}
#cLS .EventsCalendarFinder {
	width: 171px;
	margin: 10px 0 0 0;
}
	.EventsCalendarFinder h3 {
		font-size: 1.3em;
		border-bottom: #ccd5da 1px solid;
	}
	.EventsCalendarTitle {
		clear:both;
		font-size: 1.1em;
		color: #68a5e5;
		margin-bottom: 0.4em;
	}
	/* === [ 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: auto;
		}
		/* === [ Button ] === */
		.EventsCalendarSearch .EventsCalendarInput .Input2 {
			vertical-align: middle;
			margin: 0 4px 0 4px;
		}
/* Automatically Updateded in patch version 1.1.3 */
/* -----[ Patch 1.2.0 ]----- */
/* -----[ Add to EventsCalendar.css  ]----- */

.EventListOrderingBottom {
    font-size: 1.1em;
    margin: 1em 0;
}


.EventListOrderingBottom a.OrderingBack {
    background-position: left center;
    padding: 0 5px;
}

.EventListOrderingBottom a.OrderingNext {
    background-position: right center;
    padding: 0 10px;
}

.EventListOrderingBottom a.OrderingNext,
.EventListOrderingBottom a.OrderingBack {
    background: none repeat scroll 0 0 #2AAAD7;
    border: 0 none;
    color: #FFFFFF;
    margin: 0 4px;
    text-transform: uppercase;
}

.EventListOrderingBottom a {
    line-height: 0.1em;
    padding: 0 4px;
    text-decoration: none;
}

/* ============================================Telerik RadCalendar EventsCalendar skin */

table.calendarWrapper_EventsCalendar
{
	cursor: default;
	font: normal 11px Arial;
	background: #67a5e5;
	width: 100%;
	border: #ccd5da 1px solid;
}
.RadCalendar .rcMainTable {
	width: 170px!important;
}
table.RadCalendar_Windows7
{
   width: 170px!important;
	background:#fff;
	color:#333;
	font:12px "segoe ui",arial,sans-serif;
}


.TableLayout_EventsCalendar
{
	margin: 0px 0px 0px 0px;
	background-color: #FFF;
	border: 2px solid #edf3f6;
	width: 170px;
	font: normal 12px Arial;
}
.TableLayout_EventsCalendar table td
{
	font: normal 14pt Arial;
}
.TableLayout_EventsCalendar td a
{
	text-align: center;
	font: normal 11px Arial;
	width: auto;
	padding: 2px 0px;
	display: block;
	text-decoration: none;
	color: #000;
	cursor: default;
}

.DaysOfWeek_EventsCalendar {
	background-color: #bfbfbf;
	color: #ffffff;
	text-align: center;
	text-transform: uppercase;
	font: normal 11px Arial;
}

.otherMonth_EventsCalendar {
	color: #67a5e5;
	text-align: center;
}

.otherMonth_EventsCalendar a {
	color: #67a5e5 !important;
	text-align: center;
}

.titlebar_EventsCalendar {
	font: normal 12px Arial;
	font-weight: bold;
	width: 100%;
	color: #FFFFFF;
	background: #67a5e5;
	padding: 4px;
}

.MonthYearFastNav_EventsCalendar
{
	background: #fff;
	font: normal 10px Arial;
	color: #1a64ae;
	border-collapse: collapse;
	filter: progid:DXImageTransform.Microsoft.Shadow(direction=140,color=#666666,strength=3);
	cursor: default;
	padding: 5px 0;
}

.MonthYearFastNav_EventsCalendar td
{
	vertical-align: middle;
	border: #eee 1px solid;
	
}

.MonthYearFastNav_EventsCalendar td.selected_EventsCalendar
{
	color: #000;
	text-align: center;
	background: #67a5e5;
}

.MonthYearFastNav_EventsCalendar td.bottom_EventsCalendar
{
	text-align: right;
	padding-left: 9px;
}

.MonthYearFastNav_EventsCalendar td input
{
	background: #508ece;
	font: normal 8px Arial;
	color: #fff;
	float: left;
	width: auto;
	margin-right: 1px;
}

.radCalDefault_EventsCalendar a,
.radCalWeekendDefault_EventsCalendar a
{
	background: #fff;
	text-align: right;
	width: 15px;
	height: 13px;
	display: block;
	text-decoration: none;
	color: #1a64ae;
}
.radCalHover_EventsCalendar a,
.radCalWeekendHover_EventsCalendar a
{
	background: #90beee;
	text-align: right;
	width: 15px;
	height: 13px;
	display: block;
	text-decoration: none;
	color: #fff;
	cursor: hand;
}

.radCalToday_EventsCalendar a
{
	background: #90beee;
}

.radCalTodaySelected_EventsCalendar a
{
	background: #67a5e5;
}

.radCalTodaySelected_EventsCalendar
{
	background:  #67a5e5  !important;
}

.radCalSelect_EventsCalendar a,
.radCalWeekendSelect_EventsCalendar a
{
	background:  #67a5e5;
}

.radCalSelect_EventsCalendar,
.radCalWeekendSelect_EventsCalendar
{
	background:  #67a5e5; !important;
}

.radPopupImage_EventsCalendar img
{
	vertical-align: middle;
	_vertical-align: top; /* IE fix */	
	margin-left: 2px;
	margin-right: 2px;
	margin-top: -1px; /* IE margins fix */
	_margin-top: 0px; 
}

.radDisabled_EventsCalendar img
{
	 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
			/* === [ Past Event ] === */
			.outOfRange_EventsCalendar {
				color: #CCCCCC;
				text-align: center;
				background: #fff;
			}
			/* === [ Future Event ] === */
			.radCalDefault_HasEventsCalendar a,
			.radCalWeekendDefault_HasEventsCalendar a {
                background: #d8e9f1;
                display: block;
                text-decoration: none;
                color: #1a64ae;
			}