@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 > 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: 10px 0; width: 100%;}
			.EventItem p{margin-top: 0; margin-bottom: 6px;}
		
		.EventButtons{margin-top: 10px; overflow:hidden; padding-left: 18%; clear: both;}
		.EventStats{font-weight:bold;}	
		
	.RecurrenceSummary {padding-left: 15px;}

/* event calendar display page */

.EventCalendar li { list-style-type: none; }
.RadScheduler_Telerik div.rsHeader p { width:110px; }

.RadScheduler .rsWrap {margin-bottom: 2px;}
.RadScheduler .rsMonthView .rsWrap {height: 18px !important; width: 100%; overflow: hidden; white-space:nowrap;}
.rsAptContent{padding-left: 2px;}
.rsCell{padding: 0 2px !important;}


/* event edit page */

.AdminButtons{text-align: left;}

	.AdminButtons a img{padding: 0 6px 0 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-type: none; 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;}

	.rsAdvRecurrenceFreq{float:left; width:20%; margin:0.8em 0 0 0; border-right:1px solid #dfdfdf;}
	.rsAdvRecurrenceFreq ul{list-style:none;margin:0 0 0 15px;padding:0;}
	.rsAdvRecurrenceFreq ul li{list-style: none;}

	.rsAdvHourly, .rsAdvDaily, .rsAdvWeekly, .rsAdvMonthly, .rsAdvYearly{float:right; width: 78%; margin:0.8em 0 0 0;}
	.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; list-style: none;}

    .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;	}

	
	
	.rsAdvancedEdit fieldset, fieldset.range_of_recurrence{border: 1px #ccc solid;}
		fieldset.range_of_recurrence, fieldset.recurrence_fs {margin-left: 10%; margin-top: 15px; background: #fefefe; padding: 5px 10px;}
	.rsAdvancedEdit legend, legend.rsAdvRecurrenceRange{font-weight: bold; padding: 0 10px;}
	
	
	
	
	
	
	
	.EventToolTip{padding: 10px; padding-bottom: 0;}
	h2.EventTitleToolTip{margin: 0;}
	.tooltip_buttons{padding: 10px 0;}	
	
	
	
	
	
	
	
	
/* ============================ 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, .AEEventTimeZone {clear: both; overflow: hidden; padding-bottom: 0.675em;}
		.AEEventEditor .NormalBold, .AEEventTitle .NormalBold, .AEEventStartDate .NormalBold, .AEEventLocationAdd .NormalBold, .AEEventEndDate .NormalBold, 
		.AEEventFeature .NormalBold, .AEEventRecur .NormalBold, .AEEventRegister .NormalBold, .AEEventTimeZone .NormalBold
		{float:left; width: 20%; margin-right: 3%; text-align: right;}
		.AEEventEditor .Normal, .AEEventTitle .Normal, .AEEventStartDate .Normal, .AEEventLocationAdd .Normal, .AEEventEndDate .Normal, .AEEventFeature .Normal  {float: left; width: 81%;}
/*		.AEEventRecur .Normal, .AEEventRegister .Normal, .AEEventTimeZone .Normal */

		

.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;}

	.ResponseAtt{float: left; width: 49%;}
	.ResponseNotAtt{float: right; width: 49%;}

.ResponseDetailHeader 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%;}
.ResponseDetailItem{border-bottom: 1px #ccc dotted; border-top: 1px #ccc dotted; }
.ResponseDetailItem td, .ResponseDetailAltItem td {padding: 8px 0;}
.ResponseDetailItem:hover, .ResponseDetailAltItem:hover{}

.ResponseDetailAltItem{background: #f2f9fc;}
.ResponseDetailItemSelect{}

.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;}
.ResponseMemberName{font-weight: bold;}
.ResponseDisplay{padding: 8px 0;}
	.ResponseEventDisplay{float: left; width: 49%;}
		.ResponseEventDisplay h3 {font-weight: bold; color: #046380; margin: 0; font-size: 110%;}
		.ResponseEventDisplay p{margin: 0; color: #555; font-size: 95%;}
	.ResponseEventStats{float: right; width: 49%; text-align: center;}
		.ResponseEventStats p{margin: 0;}

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


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

		2. Settings

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

.EventsSetting label, .EventsSetting .Help{float:left;width: 49%;}
.EventsSetting br /*dnn label renders a br tag*/ {	display: none;}
.EventsSetting input, .EventsSetting select, .EventsSetting .NumericTextBoxWrapper{float:right;width:49%;}
.EventsSetting .NumericTextBoxWrapper{text-align: center;}
.EventsSetting .NumericTextBoxWrapper div, .EventsSetting .NumericTextBoxWrapper div table{text-align: right;width: 5em !important;}
.EventsSetting .NumericTextBoxWrapper td.spinImgCell  a.spinbutton{text-align: left;}
.TemplatesSection{margin: 1em;}
.EventsSetting{clear: both;padding: 0 0 2em;}

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

		3. 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);}




.timezone_display{float: left; width: 70%;}