/*	------------------------------------------------------- 
	UPDATES TINO
	------------------------------------------------------- */




/*	------------------------------------------------------- 
	THEME
	------------------------------------------------------- */



#pe_calendar {
	padding: 15px 0 5px 15px;
	/*background: #fff;*/
}

#pe_calendar ul.weekdays {
	overflow: hidden;
	padding: 0 10px;
	margin: 0;
}
#pe_calendar ul.weekdays li {
	display: block;
	float: left;
	margin: 0 5px 0 0;
	padding: 5px 0 0 0;
	text-indent: 5px;
	width: 100%;
	color: #97968d;
	font-size: 11px;
	font-weight: bold;
}
#pe_calendar ol.month {
	overflow: hidden;
	padding: 0 10px;
	margin: 0;
}
#pe_calendar ol.month li {
	overflow: hidden;
	display: block;
	float: left;
	margin: 0 1px 1px 0;
	padding: 0;
	width: 100%;
	background: #FFFFA3;
}
#pe_calendar ol.month li.today {
	margin: 0 0 1px 0;
}
#pe_calendar ol.month li.noday {
	
}
#pe_calendar ol.month li div.head {
	overflow: hidden;
	padding: 0 1px;
	height: 18px;
	line-height: 18px;
	color: #c12900;
	text-align: right;
	font-weight: bold;
	font-size: 11px;
	background: #f6f6ef;
}
#pe_calendar ol.month li.today div.head {
	background-color: #c12900;
	color: #FFF;
}
#pe_calendar ol.month li div.day {
	overflow: auto;
	height: 90px;
	padding: 5px 0 5px 1px;
	background: #FFFFA3;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
}
#pe_calendar ol.month li.sat div.day {
	border-right: 1px solid #DDDDDD;
}
#pe_calendar ol.month li div.day ul {
	margin: 0;
	padding: 0;
}
#pe_calendar ol.month li div.day ul li {
	float: left; /*none*/
	margin: 0;
	padding: 2px 0;
	width: 100%;
	background: inherit;
	border: none;
	/*border-bottom: dotted 1px #DDD;*/
	/*overflow: scroll;*/
	/*height: 1.2em;*/
}
#pe_calendar ol.month li div.day ul li a {
	text-decoration: none;
	padding: 2px;
	margin: 0;
	display: block;
	width: auto;
	/*background-color: #EEE;*/
}
.multiple {
	display: inline;
	background-color: #CCCCCC;
	padding: 2px;
	margin: 0;
	width: auto;
}
#pe_calendar .inline-day {
	padding-right: 5px;
}
#pe_calendar .weekdays {
	display: none;
}

/*#pe-calendar-wrapper {
	font: 14px/16px Helvetica, Arial, sans-serif;
	font-weight: 100;
}*/


#pe-calendar-wrapper h5 { font-size: 1em; }
#pe-calendar-wrapper h6 { font-size: .5em; }

#pe-calendar-wrapper p {
	font-size: 1em;
	line-height: 1.5em;
	font-weight: 300;
}

#pe-calendar-wrapper form {
	display: inline-block;
}

#pe-calendar-wrapper select {
	width: auto !important;
}
#pe-calendar-wrapper .button {
	padding: 5px 10px;
	background-color: #DDD;
	color: #333;
	border: 1px solid #CCC;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.pe-live-edits {
	clear: both;
}
.pe-listing {
	/*border-bottom: 1px solid #DDD;*/
}
.pe-event {
	padding: 15px 0;
}
.pe-event .inside {
	padding: 0 10px;
}
.pe-side {
	padding: 40px 0 20px 0;
}
.pe-gmap {
	padding: 10px 0;
}
.pe-gmap img {
	border: 1px solid #DDD;
	padding: 1px;
}
.pe-table td {
	padding: 5px 10px 5px 0;
	font-weight: 200;
	vertical-align: top;
}

.pe-event-images a {
	border: 1px solid #DDD;
	background-color: transparent;
	float: left;
	margin: 3px;
}

.pe-event-images a:hover {
	border: 1px solid #DDD;
	background-color: #CCC;
	float: left;
}

.pe-event-images img {
	border: none;
	background-color: transparent;
	padding: 1px;
	width: 75px;
	height: 75px;
	float: left;
}

.cal-nav {
	/*text-align: center;*/
}


#pe-search-holder {
	min-height: 100px;
	background-color: #FFFFA3;
	display: none;
	margin: 0 0 20px 0;
	padding: 10px;
	/*border: 1px solid #DDD;*/
}
#pe-search-submit, 
#pe-search-close {
	cursor: pointer;
}
#pe-search-close {
	background-color: #333;
	color: #FFF;
}

#pe-view-trigger {
	overflow: auto;
	z-index: 100;
	width: 100%;
	/*margin-left: 40%;*/
	text-align: left;
	padding: 7px 0;
}

#pe-view-toggle {
	float: left;
	z-index: 100;
	position: absolute;
	width: 200px;
	background-color: #EEE;
	margin-top: 10px;
	display: none;
}
#pe-view-toggle ul {
	width: 100%;
}
#pe-view-toggle li {
	padding: 7px 0;
	background-color: #EEE;
	width: 100%;
}
span.toggle-view a {
}
#pe-view-trigger a {
	padding: 3px 0 3px 25px !important;
	background-color: transparent;
	display: inline-block;
	width: 86%;
	text-align: left;
}
#pe-view-toggle li.toggle-view a:hover {
	color: #990000;
}

@media screen and (min-width: 950px) {

	#pe_calendar ul.weekdays li, 
	#pe_calendar ol.month li {
		width: 13%;
	}
	#pe_calendar .inline-day {
		display: none;
	}
	#pe_calendar .weekdays {
		display: block;
	}

}