@import url(Templates/Template.css);

/*==============================================

		1. Event Custom Listing Page

==============================================*/

#EventListingCurrent, #EventListingUpcoming{width: 100%;}
#EventListingUpcoming {padding-top: 1.5em;}
		.EventHeader, .ResponseHeader, .ResponseRow{clear: both; width: 100%; overflow: hidden;  border-bottom: dotted 1px #ccc;}
			.EventHeader h4, .ResponseHeader h4 {text-transform: uppercase; font-weight: bold; margin-bottom: 0.4em; margin-top: 0; font-size: 100%;}
			.EventHeader .Normal{float:left;width: 15%; margin-right: 3%; text-align: right; color: #666;}
			.EventHeader .NormalBold{float: left; width: 81%; color: #000;}
			.ResponseHeader h4, .ResponseHeader h3, .ResponseRow h3 {display:inline;}
			.ResponseHeader .SortByHeader{width: 49%; float:left;}
			.ResponseHeader .StatusHeader{width: 49%; float:right; text-align: center;}
			/*.ResponseHeader .StatusTypeHeaders{width: 40%; float:right; text-align:right;} */
			.ResponseHeader .StatusTypeHeaders > span{padding-right: 10%;}
			.ResponseRow .EventStats{float:right; width:30%;}
			.ResponseRow .EventStats > a {padding-right: 50%;}
.ResponsesSummary {padding: 25px 0;}
.PagingTable { margin: 10px 0; }

		.EventItem{border-bottom: 1px #ccc dotted; overflow: hidden; padding: 1em 0; width: 100%;}
			.EventItem p{margin-top: 0; margin-bottom: 0.875em;}
		
		.EventButtons{margin-top: 0.675em; overflow:hidden; padding-left: 18%; clear: both; }
		.EventStats{font-weight:bold;}	
.RecurrenceSummary {padding-left: 1em;}

/* event calendar display page */

.EventCalendar li { list-style-type: none; }
.RadScheduler .rsApt { height: auto !important;}

/* event edit page */

.AdminButtons{text-align: left; padding: 1em 0;}
	.FooterButtons {padding-top: 3%; }
	.AddEventSuccessMessage { padding-left: 10%; }
	.AddNewEvent {padding-top: 2%; width: 100%; height: 100%;}
	.AddNewEvent h2.SubHead {text-align: left; border-bottom: dashed 1px black; margin-bottom: 1em; padding-bottom: 0.375em; font-size: 125%;}
	
	.rsAdvRecurrenceFreq:after,
	.rsAdvRecurrencePatterns:after
	{
		content:".";
		display:block;
		clear:both;
		height:0;
		visibility:hidden;
	}
	.rsAdvRecurrenceRangePanel ul, .rsAdvRecurrenceRangePanel ul li
	{
		list-style:none;
	}
	.rsAdvRecurrenceRangePanel ul
	{
		margin:0.8em 0 0 15px;
		padding:0;
	}
	.rsAdvRecurrenceRangePanel label
	{
		padding-right: 4px;
	}
	.rsAdvancedEdit .rsAdvCheckboxWrapper input
	{
		vertical-align: middle;
	}
	.rsAdvancedEdit .rsAdvCheckboxWrapper label
	{
		width: auto;
	}
	.rsAdvRecurrenceRange
	{
		margin:1em 0 0;
		padding:0.8em 0 0 15px;
	}
	.rsAdvRecurrenceFreq
	{
		float:left;
		width:150px;
		margin:0.8em 0 0 0;
		border-right:1px solid #dfdfdf;
	}
	.rsAdvRecurrenceFreq ul
	{
		list-style:none;
		margin:0 0 0 15px;
		padding:0;
	}
	.rsAdvHourly,
	.rsAdvDaily,
	.rsAdvWeekly,
	.rsAdvMonthly,
	.rsAdvYearly
	{
		float:left;
		margin:1em 0 0 0;
		padding-left:2em;
		position:relative;
		left:-2px;
	}
	.rsAdvHourly ul,
	.rsAdvDaily ul,
	.rsAdvWeekly ul,
	.rsAdvMonthly ul,
	.rsAdvYearly ul
	{
		list-style:none;
		margin:0 0 0 15px;
		padding:0;
		width: 390px;
	}
    .rsAdvHourly li,
    .rsAdvDaily li,
    .rsAdvWeekly li,
    .rsAdvMonthly li,
    .rsAdvYearly li,
    .rsAdvRecurrenceRangePanel li,
    .rsAdvMoreControls li
	{
		margin:0 0 0.3em 0;
	}
    .rsAdvHourly input,
    .rsAdvDaily input,
    .rsAdvWeekly input,
    .rsAdvMonthly input,
    .rsAdvYearly input,
    .rsAdvHourly select,
    .rsAdvDaily select,
    .rsAdvWeekly select,
    .rsAdvMonthly select,
    .rsAdvYearly select
	{
		margin:0 2px;
	}
    .rsAdvRecurrencePatterns .rsAdvInput,
    .rsAdvRecurrenceRangePanel .rsAdvInput
	{
		width: 30px;
		padding-left: 1px;
		padding-right: 1px;
	}
    .rsAdvRecurrencePatterns .rsAdvWeekly_Weekday
	{
		float: left;
		width: 100px;
	}
	.rsAdvRecurrencePatterns ul li
	{
		list-style-type: none;
	}
	.rsAdvRecurrencePatterns
	{
		zoom:1;
	}
/* ============================ manage events page ============================ */

.MEEventsHeader{}
h2.MEvents {clear: both; overflow: hidden; width: 100%; font-size: 120%; border-bottom: 1px #ccc solid; padding-bottom: 0.375em; color: #333; 
	font-family: inherit;}
.METop{clear: both; overflow: hidden; width: 100%; border-bottom: 1px #ccc solid;}
	.MESorting{overflow: hidden; width: 40%; float: left; padding-right: 2%;}
		.MESorting .NormalBold {display: block; float: left; padding-top: 4px;}
		.MESorting table{ display: inline;}
	.MEStatus{overflow: hidden; width: 40%; float: left;}
		.MEStatus .NormalBold {display: block; float: left; padding-top: 4px;}
		.MEStatus table{ display: inline;}

#MEEventItem {padding-bottom: 2em;}
#MEEventItem .EventDate p, #MEEventItem .EventLocation p, #MEEventItem .EventDescription p {margin-top: 0;}

/* ============================ end manage events page ============================ */


	.AEEventTitle, .AEEventStartDate, .AEEventEndDate, .AEEventLocationAdd, .AEEventEditor, .AEEventFeature, .AEEventRecur, .AEEventRegister {clear: both; overflow: hidden; padding-bottom: 0.675em;}
		.AEEventEditor .NormalBold, .AEEventTitle .NormalBold, .AEEventStartDate .NormalBold, .AEEventLocationAdd .NormalBold, .AEEventEndDate .NormalBold, .AEEventFeature .NormalBold, .AEEventRecur .NormalBold, .AEEventRegister .NormalBold
		{float:left; width: 20%; margin-right: 3%; text-align: right;}
		.AEEventEditor .Normal, .AEEventTitle .Normal, .AEEventStartDate .Normal, .AEEventLocationAdd .Normal, .AEEventEndDate .Normal, .AEEventFeature .Normal, .AEEventRecur .Normal, .AEEventRegister .Normal
		{float: left; width: 81%;}

		



.AEEventEditor li { list-style-type: none; }
.registerSubmitBt, .registerMessage{margin-top: 0.675em;}


.ResponseHeader{padding: 0.375em 0;}
	.ResponseHeader > p{float: left; width: 49%; margin: 0; font-weight: bold;}
	.StatusTypeHeaders{float: right; width: 49%; text-align: center;}
		.StatusTypeHeaders .Normal{}
		.StatusTypeHeaders p{margin: 0;}

	.rsvpAtt{float: left; width: 49%;}
	.rsvpNotAtt{float: right; width: 49%;}

.rsvpDetailHeader td{background: #fff; color: #000; font-weight: bold; border-top: 1px #555 solid; border-bottom: 1px #333 solid; padding: 10px 0 6px; font-size: 120%;}
.rsvpDetailItem{border-bottom: 1px #ccc dotted; border-top: 1px #ccc dotted; }
.rsvpDetailItem td, .rsvpDetailAltItem td {padding: 8px 0;}
.rsvpDetailItem:hover, .rsvpDetailAltItem:hover{}

.rsvpDetailAltItem{background: #f2f9fc;}
.rsvpDetailItemSelect{}

.ResponseHeader .SortByHeader p, .ResponseHeader .StatusHeader p{display:inline; text-transform: uppercase; font-weight: bold; font-size: 90%;}
.ResponsesSummary .PagingTable{border: none; border-bottom: 1px #000 solid; border-top: 1px #999 solid; padding: 12px 0 6px;}
.rsvpMemberName{font-weight: bold;}
.rsvpDisplay{padding: 8px 0;}
	.rsvpEventDisplay{float: left; width: 49%;}
		.rsvpEventDisplay h3 {font-weight: bold; color: #046380; margin: 0; font-size: 110%;}
		.rsvpEventDisplay p{margin: 0; color: #555; font-size: 95%;}
	.rsvpEventStats{float: right; width: 49%; text-align: center;}
		.rsvpEventStats p{margin: 0;}

.ResponsesSummary ol{margin: 0 0 0 1.675em; padding:0;}
	.ResponsesSummary ol li .rsvpDisplay {padding: 0; margin: 12px 0 8px;}
	.ResponsesSummary ol li {}


/*========================================================

		2. Validation

========================================================*/
.ModuleMessage{width:60%; padding-top: 1em; margin: 0 auto;}
.mmTop{height: 5px; line-height: 0; background-color:transparent; background-repeat: no-repeat; background-attachment:scroll; background-position:left bottom;}
.mmBody{height: 100%; padding: 0.675em 0.675em 1em;  margin:0 auto; overflow: hidden; border-bottom: solid 1px #000;}
.mmBody .mmIcon{float:left; width: 10%; height:32px; text-indent:-9999px;}
.mmText{float: right; text-align: left; width: 88%;}
.mmText{margin: 0; padding: 0;}
.mmText > p{margin-top: 4px; font-weight: bold; color: #000;}
.mmBt{height: 5px; background-color:transparent; background-repeat: no-repeat; background-attachment:scroll; background-position:left top;}

/*========================= Error On Page ===============================*/

/*.ErrorTop{background-image:url(images/redTop.gif);}
.ErrorBody {background-image:url(images/redBody.gif);}
.ErrorBt{background-image:url(images/redBt.gif);} */

.ErrorBody {background: #fde0e0; border: 2px #ff0000 solid;}
.ErrorBody .ErrorIcon{background:url(images/errorSmallIcon.png) no-repeat;}



/*========================= Success ===============================*/

/*.SuccessTop{background-image:url(images/greenTop.gif);}
.SuccessBody {background-image:url(images/greenBody.gif);}
.SuccessBt{background-image:url(images/greenBt.gif);}*/

.SuccessBody {background:#f2fff3; border: 2px #5cd800 solid;}
.SuccessBody .SuccessIcon{background:url(images/successSmallIcon.png) no-repeat;}

/*========================= Notification ===============================*/

.WarningTop{background-image:url(images/blueTop.gif);}
.WarningBody {background-image:url(images/blueBody.gif);}
.WarningBody .WarningIcon{background-image:url(images/successSmallIcon.png);}
.WarningBt{background-image:url(images/blueBt.gif);}