.p_events .dynamic.padded {
	padding:35px 30px 0 30px;
}
.padded.container {
	padding:10px;
}
.container, .container p, .container div {
	font-size:15px;
	text-align:left;
}
.container input, .container select, .register select {
	border:1px solid #999;
}
.container input[type=text] {
	width:300px;
}
.eventsContainer {
    display: table;
    table-layout:fixed;
    width:100%;
    margin:0px auto;
    text-align:left;
}
.eventsBody {
    display:table-cell;
    vertical-align: top;
    padding-left:25px;
    padding-bottom:25px;
}
.eventsSidebar {
    display:table-cell;
    vertical-align: top;
    margin-left:5px;
    padding-left:20px;
    width:180px;
    text-align:left;
}
.eventsthismonth span {
	display:inline-block;
	vertical-align:top;
}
.eventsthismonth .edate {
	width:40px;
	font-weight:bold;
	margin-right:5px;
}
.eventsthismonth .etitle {
	width:calc(100% - 45px);
}
.register select {
	font-size:12px;
}
.register .required {
	position:relative;
	margin-left:0;
	color:inherit !important;
}
.register input[type=text] {
	width:85%;
}
.register label {
	width:20%;
}
.register .input {
	width: 70%;
	position:relative;
}
.soldout.button {
	background:#999;
	cursor:default;
}
ul.navControls {
	position:relative;
	text-align:right;
}
.navControls li {
	display:inline-block;
	cursor:pointer;
	width:25px;
	height:25px;
	line-height:25px;
	border-radius:25px;
	background-color:#1044b4;
	text-align:center;
	margin-right:7px;
}
.navControls li a{
	color:#fff;
	text-decoration:none;
	display:block;
}
.navControls li.active {
	background-color:#32b5e9;
}
.tabContainer {
	display:none;
}
.jsEnabled .tabContainer {
	display:block;
}
#tabs.ui-widget-content, #tabs .ui-tabs-anchor, #tabs .ui-tabs-nav, #tabs .ui-tabs-nav * {
	border-radius:0;
	border:none;
	color:inherit;
	font:inherit;
}
#tabs.ui-widget-content {
	background:none;
	padding:0;
}
#tabs .ui-widget-header {
	background:none;
	border-radius:0;
	border:none;
}
#tabs .ui-tabs-panel {
	padding:0;
}
.ui-tabs .ui-tabs-nav {
	padding:0;
}
.ui-tabs .ui-tabs-nav li {
	margin-right:7px;
}
.eventlist .photo {
	position:relative;
}
.eventlist .firstitem {
    width:96%;
    float:none;
    background-color:#ffffff;
    margin-bottom:20px;
    text-align:left;
    position:relative;
}
.eventlist h3 {
	font-weight:bold;
	cursor:pointer;
}
.eventlist .firstitem .photo {
    display:table-cell;
    width:40%;
    vertical-align:top;
    overflow:hidden;
    background-repeat:no-repeat;
    background-size:cover;
    background-position: top center;
}
.eventlist .firstitem .desc {
    display:table-cell;
    vertical-align:top;
    padding:20px;
    width:40%;
}
.eventlist {
	color:rgba(0,0,0,.8);
}
.eventlist .item {
    display:inline-block;
    vertical-align:top;
    width:29%;
    background-color:#ffffff;
    margin-right:3%;
    margin-bottom:40px;
    position:relative;
	overflow:hidden;
	font-size:14px;
}
.eventlist .item .title {
	font-size: 17px;
}
.eventlist .item .blurb {
    padding-bottom: 30px;
}
.eventlist .item .residentsonly {
	background-image:url('/apps/eventcalendar/overlay_residentevent.png');
	background-repeat:no-repeat;
	background-size:contain;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:1;
}
.eventlist .item .photo {
    overflow:hidden;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:top center;
    width:100%;
    position:relative;
}
.eventlist .item h3 {
	font-size:100%;
}
.eventlist .item .photo:before, .eventlist .firstitem .photo:before {
    content: "";
    display: block;
    padding-top: 80%;   /* initial ratio of 550x350*/
}
.eventlist .item .desc {
    padding:10px 10px 10px 10px;
}
.eventitem {
	padding:15px 30px;
	margin-bottom:18px;
	position:relative;
}
.eventitem .description * {
	text-align:left;
}
.eventlist .location a, .eventdetail .location a {
	color:inherit;
}
.eventlist .buttonControls {
	position:absolute;
	z-index:2;
	right:0;
	top:0px;
	width:100%;
	background:rgba(0,0,0,.8);
}
.eventlist .buttonControls .button a {
	padding:0px 10px;
	display:block;
}
.eventlist .buttonControls .button {
	padding:0;
	font-size:8px;
	margin-bottom:5px;
}
.eventlist .date {
    text-transform: uppercase;
    color: #ea675d;
    font-size: 11px;
    font-weight: bold;
}
.eventlist .overlay {
	position:absolute;
	height:100%;
	top:0;
	bottom:0;
	right:0;
	left:0;
	text-align:center;
}
.eventlist .item .desc .button {
    text-transform: none;
    font-style: italic;
}
.eventlist .overlay .buttonContainer {
	position: relative;
	z-index:3;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	display:none;
}
.eventlist .overlay .eventbutton span{
	display:block;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
.eventlist .overlay:hover .buttonContainer {
	display:block;
}
.eventlist .overlay .eventbutton {
	font-size:15px;
	background:#753058;
	border-radius:0;
	display:inline-block;
	vertical-align:top;
	width:33%;
	height:80px;
	color:#fff;
	margin-bottom:2px;
	cursor:pointer;
	position:relative;
}
.eventlist .overlay .eventbutton:hover {
	background:#000000;
}
.eventlist .overlay:hover {
	background:rgba(255,255,255,.8);
}
.eventitem .whatwhenwho {
	font-style:italic;
	font-weight:500;
}
.eventitem .description {
	color:#7b8083;
}
.eventbutton i.fa {
	display:block;
}
.eventbutton a {
	position:absolute;
	z-index:2;
	top:0;left:0;bottom:0;right:0;
}
.eventdetail {
	padding:20px 20px 100px 20px;
	max-width:100%;
	width:30rem;
}
.eventdetail h2 {
	text-align:inherit;
}
.eventdetail .customnav {
	font-style:italic;
	cursor:pointer;
}
.eventdetail .photoCol {
	padding-right:20px;
	width:200px;
}
.addeventatc_dropdown {
	top:auto !important;
	bottom:45px !important;
}
.eventdetail .button {
	display:block;
	position:relative;
}
.eventdetail .button a {
	position:absolute;
	left:0;right:0;top:0;bottom:0;
}
.eventdetail .share {
	margin-top:10px;
}
#tabs .divide, .eventitem .divide {
	border-right:1px solid #003963;
	padding-right:12px;
	margin-right:7px;
}
#tabs .divide:last-child, .eventitem .divide:last-child {
	border:none;
}
/* Main Wrapper */
#tabs .ui-tabs-panel {
	background: #e3f3e7;
	padding:20px;
}
#tabs .table {
	width:100%;
}
#tabs .buttonContainer {
	vertical-align:bottom;
	padding-left:10px;
	padding-bottom:5px;
	text-align:right;
}
#tabs .buttonContainer .eventbutton {
	display:inline-block;
	margin-bottom:5px;
	background-color:#0089cc;
	text-align:center;
	width:110px;
}
#tabs .eventbutton .arrow-right {
	border-left-color:#fff;
	margin-left:5px;
}
#tabs .buttonContainer .eventbutton a, .eventbutton.padded {
	color:#fff;
	height:30px;
	line-height:30px;
	text-decoration:none;
	padding:0px;
	font-size:12px;
	cursor:pointer;
	font-style:normal;
	white-space:nowrap;
}
#tabs .back {
	float:right;
}
.description .text {
	line-height:1.7;
}
.description .text.short {
    max-height: 80px;
    overflow: hidden;
}
.description .text.full {
    
}
.text p {
	margin-top:0;
}
.register h3 {
	font-style:normal;
	font-size:14px;
}
.register h1 {
	max-width:450px;
}
.register .customform input[type=text], .register .customform span.customStyleSelectBox {
	border:1px solid #7b8083;
}
.register .notes {
	font-weight:300;
	color:#8f9ca4;
	font-size:14px;
	margin-bottom:15px;
}
.register .button.right {
	position:absolute;
	/*right:0px;*/
}
.register label.auto {
	text-transform:none;
	position: relative;
	top: 3px;
}
.register .customform {
	position:relative;
	display:table;
}
.register .input {
	display:inline-block;
	vertical-align:top;
	margin-bottom:4px;
}
.register select {
	height: 24px !important;
	width: 50px !important;
}
.register .customform label {
	top:2px;
	margin-bottom:18px;
	display:inline-block;
	vertical-align:top;
}
.register.padded {
	padding:20px 30px;
}
.register label {
}

/* iPad only */
@media (min-width : 768px) and (max-width : 1024px) {
	#tabs .location {
		border:none;
	}
	.interior .bodymid .innerPadding {
		padding:10px 30px;
	}
}
/* iPad & mobile */
@media (max-width : 1024px) {
	#tabs .title, #tabs .presenter {
		display:block;
		border:none;
	}
	.description .text.short {
		height:75px;
	}
}
/* mobile only */
@media (max-width : 597px) {
	#tabs .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
		width:45%;
		font-size:15px;
	}
	#tabs .time, #tabs .location, .eventitem span, .eventitem .divide {
		display:block;
		border:none;
	}
	.register .customform label {
		margin-bottom:4px;
	}
	.ui-tabs .ui-tabs-nav li {
		white-space:normal;
		text-align:center;
	}
	.ui-tabs .ui-tabs-nav li h2 {
		text-align:center;
	}
	.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
		padding: 10px 0px;
		display:block;
		width:100%;
	}
	#tabs .table, #tabs .tablecell {
		display:block;
		width:auto;
	}
	#tabs .buttonContainer .eventbutton {
		display:block;
		width:auto;
	}
	#ssimage {
		margin-top:4px;
	}
	.register .customform input {
		margin-bottom:4px;
	}
	.eventitem .photo .photoFrame {
		height:auto;
		min-height:0;
	}
	.photoFrame img {
		width:100%;
	}
	.eventlist .item {
		display:block;
		width:auto;
		padding:0;
		margin-right:0;
		margin-bottom:10px;
	}
	.eventlist .item > div {
		display:table-cell;
		vertical-align:top;
	}
	.eventlist .item .photo {
		display:block;
		width:auto;
		background-size:contain;
	}
	.eventlist .item .desc {
		padding:2px 10px 5px 10px;
	}
	.eventlist .firstitem, 	.eventlist .firstitem .photo, .eventlist .firstitem .desc {
		display:block;
		width:auto;
	}
	.eventlist .item > a, .eventlist .firstitem > a, .eventlist .photo a {
		position:absolute;
		top:0;bottom:0;left:0;right:0;
		z-index:30;
	}
	.eventdetail .table, .eventdetail .tablecell {
		display:block;
		width:auto !important;
	}
	.eventsSidebar {
		display:none;
	}
	.eventsBody {
		display:block;
		width:auto;
	}
}