/* ==========================================================================
   Events
   ========================================================================== */

.eventsTheme label,
.eventsTheme .formee-lbl {
	color:#fff;
	text-align:center;
}
   
.eventsTheme .filterSortFieldsWrpr .filterBy select {width:200px !important;}
.eventsTheme .displayMode {margin-top:10px;}
 
.eventsTheme .article > .aside.calendar {
	width: 35%;
} 
 

.monthYearDropdowns img {
	margin-bottom:3px;
}

.filterViewWrpr {
	margin-bottom:10px;
}

.monthYearLabels {
	text-align:center;
}

@media only screen and (min-width:60em){
	.eventsTheme .filter {
		display: table;
		width: 100%;
	}	
	.eventsTheme .filter > div {
		display: table-cell;
		vertical-align:top;
	}

	.filterViewWrpr {
		margin-bottom:0px;
	}	
}

.eventsTheme .itemList {margin-bottom: 20px !important; padding:0; }
.eventsTheme .item .itemList {margin-bottom:0px;}

.eventsTheme .date {background-image:none; width:80px; display:table-cell; padding:10px 10px 10px 20px !important; }
.eventsTheme .date > .dateIcon {width:60px; text-align:center;border:1px solid #000; }
.eventsTheme .date > .dateIcon > .month {font-size:16px; text-transform:uppercase;  background-color:#1a3364; padding:3px; border-bottom:1px solid #000; color:#fff; min-width:40px;}
.eventsTheme .date > .dateIcon > .day {font-size:24px; font-weight:bold; padding:0 5px; background-color: #fff;}

.eventsTheme .item {display: block; padding: 0px; width: auto;}
.eventsTheme .item > .content {display: table-cell;width: 100%;vertical-align: top;padding:10px;}
.eventsTheme .item > .content .content {padding: 0px 0px 10px 0px;}
.eventsTheme .item > .content > .cancelled {font-weight:bold;color:Red;}
.eventsTheme .item > .content > .dateTime {}
.eventsTheme .item > .content > .description {}
.eventsTheme .item > .content > .location {}
.eventsTheme .item > .itemImage {width:200px; margin:10px 0 0 20px; float:left;}
.eventsTheme .item .item {border: 0px;display: table;padding: 0px;width: 100%;}

.eventsTheme .listRailInfo ul li{margin-bottom:10px;}

a.eventLink, a.eventLink:link, a.eventLink:visited {font-size:24px; line-height:normal; }

.eventsTheme .filter .btn {
	padding:6px 15px;
	font-size:16px;
}

@media only screen and (min-width:60rem){
	a.eventLink	{font-size:30px;}
}

.eventsTheme .row {background-color: #fff} 
.eventsTheme .alternate .row {background-color: #D8D8D8;} 


/* event media queries */
@media only screen and (max-width: 960px){
    .eventsTheme .filter .displayMode {display:none;}
}


/* calendar month - Tablessss. EWWWWWWWWW */

table.calendarMonth {width:100%; background-color:#fff; border-collapse:collapse;}
table.calendarMonth tr {vertical-align:top;}
table.calendarMonth th {text-align:center; color:#fff; padding:6px; background-color:#1a3364; padding:3px;}
table.calendarMonth td {vertical-align:top; padding:3px; }
table.calendarMonth td.day {font-size:12px; font-weight:bold; border:1px solid #cecece;}
table.calendarMonth th.calWeek {color:#222;background: #CCC url(../gif/cal-week.gif) no-repeat center;vertical-align: middle;}
table.calendarMonth th.calWeek a {color: #000;}

.calendarNumeral {font-weight:bold;}

.calendarDayEmpty {border:1px solid #cecece; }
.calendarDayEmpty, .calendarDayEvent {width:14%; height:50px;}
.calendarDayEvent {border:1px solid #cecece; background-color: #e8e8e8;}
.calendarDayEvent img {margin-top:5px;}

table.thumbItemtBl {width:100%; margin-bottom:10px;}
table.thumbItemtBl td {vertical-align:top; padding:10px 15px;}

table.calendarMonth a.eventNumbLink {display:block;text-align:center;padding:5px 5px 15px 5px;}


/* Event Page */
.eventsDetailsWrpr .socialLikes {float:right;}
.eventsDetailsWrpr h2.name {width:75%;  float:left;}
.eventsDetailsWrpr .rating {float:left;margin-bottom:10px;}
.eventsDetailsWrpr .export {float:right; margin-left:20px; margin-bottom:10px;}
.eventsDetailsWrpr h4.cancelled {}
.eventsDetailsWrpr .date {display:block;float:none;width:auto;padding: 0px !important; font-size:1em;margin-bottom:10px;}
.eventsDetailsWrpr .time {display:block;margin-bottom:10px;}
.eventsDetailsWrpr .image {float:right; width:300px; margin:0 0 20px 20px; max-width:50%;}
.eventsDetailsWrpr .location {}
.eventsDetailsWrpr .phone {}
.eventsDetailsWrpr .description {}
.eventsDetailsWrpr .details {}
.eventsDetailsWrpr .map {}
.eventsDetailsWrpr .export {}
.eventsDetailsWrpr .relatedEventsWrpr {}
.eventsDetailsWrpr .documentsWrpr {}


.viewType a,
.viewType span.selected {
	position:relative;
	background:#fff;
	font-weight:600;
	display:inline-block;
	text-transform:uppercase;
	vertical-align:top;
	color:#234174 !important;
	padding:8px 12px 7px 12px;
	text-decoration:none;
	margin:0 0 10px 0;
}

.viewType a:before,
.viewType span.selected:before {
	content:"";
	position:absolute; 
	top:0;
	left:50%;
	margin-left:-6px;
	width: 0; 
	height: 0; 
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid #1a3364;
	display: none;
}

.viewType a:hover,
.viewType a:focus {
	text-decoration:none;
}

.viewType span.selected:before,
.viewType a:hover:before,
.viewType a:focus:before {
	display:block;
	text-decoration:none;
}
 

.eventsTheme .filter select {height:38px;}
 
@media only screen and (min-width:60em){
	
	.eventsTheme .filter select {
		margin-bottom:10px !important;
	}
	.eventsTheme .filterSortFieldsWrpr .monthYear,
	.eventsTheme .filterSortFieldsWrpr .filterBy {
		display:table-cell;
		padding:0 10px;
		vertical-align:middle;
	}	
}

@media only screen and (min-width:80em){
	.eventsTheme .viewType,
	.eventsTheme .displayMode {
		display:inline-block;
		margin:0 10px 0 0;
		vertical-align:middle;
	}
}


.eventsTheme .filter {
	margin-bottom:2rem;
	text-align:center;
	padding:10px 15px;
}

.monthYear select {
	width:auto;
}
.monthYear select.month {width:130px;}
.monthYear select.year {width:90px;}

.monthYear label {
	display:inline-block !important;
}

@media only screen and (max-width:29.9rem){
	.eventsTheme .item > .content {
		width:auto;
	}
	
	.eventsTheme .item .item > .content,
	.eventsTheme .item  .itemImage {
		display:block;
	}
	
	.eventsTheme .item  .itemImage {
		margin:0;
	}
	
	.eventsDetailsWrpr h2.name {
		float:none;
		width:100%;
	}
	
	.eventsDetailsWrpr .export {
		float:none;
		margin:0 0 20px 0;
	}
}

.filter .formee select {
    background-position: right 10px top 19px;
}	


.monthYearDropdowns {
	white-space:nowrap;
}

.monthYearDropdowns [id*="_tdDay"] {
	position:relative;
	top:-5px;
	padding:10px 4px;
	display:inline-block;
	text-transform:uppercase;
}

.eventsTheme .hdng {font-size:24px; color:#e94d22;}