#calcontrols span { white-space:nowrap; }
#calviewopts img { vertical-align:-5px; }
#caltable {
	width:100%;
	background-color:#fff;
}
#caltable .calrow>div {
	width:15.6%;
	border:1px solid #999;
	font-size:80%;
}
#caltable .calrow>div.past, #caltable .calrow>div.noday {
	background-color:#f3f3f6;
	color:#888;
}
#caltable .calrow>div:first-child, #caltable .calrow>div:last-child {
	background-color:#e3e3e3;
	width:11%;
}
#caltable .calrow>div.today {
	background-color:#fc3;
	border-color:#fc3;
}
.event {
	position:relative;
	padding:1px 6px;
	margin:0 -8px;
	background-color:rgba(255,255,255,0.8);
	border-bottom:1px solid #e3e3e3;
	line-height:1.5em;
}
.event:last-child { border-bottom-width:0; }
.event .onHover {
	display:none;
	position:absolute;
	top:5px;
	left:95%;
	width:10vw;
	background-color:#e3e3e3;
	color:#333;
	padding:10px 15px;
	border:1px solid #999;
	border-radius:3px;
	z-index:10;
}
#caltable>div>div:last-child .event .onHover { left:-10vw; }
.event:hover .onHover { display:block; }
.event:nth-child(even) { background-color:#f3f3f6; }
.event.private {
	color:#999;
	font-style:italic;
	font-size:90%;
}
.event.private .onHover { font-style:normal; }
.event.officehours {
	background-color:#fc3;
	color:#000;
}
.event.public, .event.ourevent, .event.imported { color:#fff; }
.event.imported { background-color:#4A6FA8; }
.event.public { background-color:#4E855C; }
.event.ourevent { background-color:#69f; }
.event.public.ourevent {
	background-color:#263;
	background:-webkit-linear-gradient(#60916C, #1F5C2E);
	background:linear-gradient(#60916C, #1F5C2E);
}

.event.multiartist {
	background:none!important;
	background-color:#A34747!important;
}
.event.multiartist.multifirst {
	background:-webkit-linear-gradient(90deg,#5C1F1F, #A34747)!important;
	background:linear-gradient(90deg,#5C1F1F, #A34747)!important;
}
.event.multiartist.multilast {
	background:-webkit-linear-gradient(-90deg,#5C1F1F, #A34747)!important;
	background:linear-gradient(-90deg,#5C1F1F, #A34747)!important;
}

.event.multifood {
	background:none!important;
	background-color:#909932!important;
}
.event.multifood.multifirst {
	background:-webkit-linear-gradient(90deg,#484D19, #909932)!important;
	background:linear-gradient(90deg,#484D19, #909932)!important;
}
.event.multifood.multilast {
	background:-webkit-linear-gradient(-90deg,#484D19, #909932)!important;
	background:linear-gradient(-90deg,#484D19, #909932)!important;
}

.event.multipopupshop {
	background:none!important;
	background-color:#329099!important;
}
.event.multipopupshop.multifirst {
	background:-webkit-linear-gradient(90deg,#1E565C, #329099)!important;
	background:linear-gradient(90deg,#1E565C, #329099)!important;
}
.event.multipopupshop.multilast {
	background:-webkit-linear-gradient(-90deg,#1E565C, #329099)!important;
	background:linear-gradient(-90deg,#1E565C, #329099)!important;
}

.event.clickable { cursor:pointer; }
.event.clickable img {
	float:right;
	margin:4px -2px 2px 5px;
}
.event.public, .event.private, .event.officehours, .event.ourevent, .event.plainevent, .event.multiartist, .event.multifood, .event.multipopupshop, .event.imported { display:none; }
.unfiltered .event.public, .unfiltered .event.private, .unfiltered .event.officehours, .unfiltered .event.ourevent, .unfiltered .event.imported, .unfiltered .event.plainevent,
	.public .event.public, .private .event.private, .officehours .event.officehours, .ourevent .event.ourevent,
	.multiartist .event.multiartist, .multifood .event.multifood, .multipopupshop .event.multipopupshop, 
	.plainevent .event.plainevent, .plainevent .event.imported
	{ display:block; }

@media screen and (max-width:700px) {
	#calviewopts { display:none; }
	#caltable { width:auto; }
	#caltable .calrow>div {
		width:auto!important;
		border-width:0 1px 1px 1px;
	}
	#caltable .calrow>div.today { border-bottom-width:0; }
	#caltable .empty, #caltable .tablehead { display:none; }
	.event {
		padding:1px 8px;
		font-weight:bold;
	}
	.event .onHover {
		position:static;
		display:block!important;
		vertical-align:top;
		margin:1px 8px;
		padding:2px 2px 2px 8px;
		width:auto;
		background-color:transparent;
		border-width:0;
		font-weight:normal;
	}
	.public .onHover, .ourevent .onHover, .imported .onHover { color:#ccc; }
	.calrow>div { display:none!important; }
	.unfiltered .calrow>div.dhpublic, .unfiltered .calrow>div.dhprivate, .unfiltered .calrow>div.dhofficehours, .unfiltered .calrow>div.dhourevent, .unfiltered .calrow>div.dhplainevent,
		.unfiltered .calrow>div.dhmultiartist, .unfiltered .calrow>div.dhmultifood, .unfiltered .calrow>div.dhmultipopupshop,
		.multiartist .calrow>div.dhmultiartist, .multifood .calrow>div.dhmultifood, .multipopupshop .calrow>div.dhmultipopupshop,
		.public .calrow>div.dhpublic, .private .calrow>div.dhprivate, .officehours .calrow>div.dhofficehours, .ourevent .calrow>div.dhourevent, .plainevent .calrow>div.dhplainevent
		{ display:block!important; }
	.past {
		height:1px;
		padding:0!important;
		border-width:0!important;
		overflow:hidden;
	}
	.calrow>div>div { display:flex; }
	.daynum { display:none; } 
	.dayimg {
		display:inline-block!important;
		flex:0 0 auto;
	}
	.calrow>div>div>div:last-child { flex:1 1 auto; }
	.event { margin:0 -7px 0 8px; }
}

#caltable.listview { width:auto; }
#caltable.listview .calrow>div {
	width:auto!important;
	border-width:0 1px 1px 1px;
}
#caltable.listview .calrow>div.today { border-bottom-width:0; }
#caltable.listview .empty, #caltable.listview .tablehead { display:none!important; }
#caltable.listview .event {
	padding:1px 8px;
	font-weight:bold;
}
#caltable.listview .event .onHover {
	position:static;
	display:block;
	vertical-align:top;
	margin:1px 8px 1px 15px;
	padding:2px 2px 2px 8px;
	width:auto;
	background-color:transparent;
	border-width:0;
	font-weight:normal;
}
#caltable.listview .public .onHover, #caltable.listview .ourevent .onHover, #caltable.listview .imported .onHover { color:#ccc; }
#caltable.listview.rtab700, #caltable.listview.rtab700>div, #caltable.listview.rtab700>div>div { display:block; }
#caltable.listview .calrow>div { display:none!important; }
#caltable.listview.unfiltered .calrow>div.dhpublic, #caltable.listview.unfiltered .calrow>div.dhprivate, #caltable.listview.unfiltered .calrow>div.dhofficehours, #caltable.listview.unfiltered .calrow>div.dhourevent, #caltable.listview.unfiltered .calrow>div.dhplainevent,
	#caltable.listview.unfiltered .calrow>div.dhmultiartist, .unfiltered #caltable.listview.calrow>div.dhmultifood, #caltable.listview.unfiltered .calrow>div.dhmultipopupshop,
	#caltable.listview.multiartist .calrow>div.dhmultiartist, #caltable.listview.multifood .calrow>div.dhmultifood, #caltable.listview.multipopupshop .calrow>div.dhmultipopupshop,
	#caltable.listview.public .calrow>div.dhpublic, #caltable.listview.private .calrow>div.dhprivate, #caltable.listview.officehours .calrow>div.dhofficehours, #caltable.listview.ourevent .calrow>div.dhourevent, #caltable.listview.plainevent .calrow>div.dhplainevent
	{ display:block!important; }
#caltable.listview .past {
	height:1px;
	padding:0;
	border-width:0!important;
	overflow:hidden;
}

#caltable.listview .calrow>div>div { display:flex; }
.dayimg, #caltable.listview .daynum { display:none; }
.dayimg img { display:block; }
#caltable.listview .dayimg {
	display:inline-block;
	flex:0 0 auto;
}
#caltable.listview .calrow>div>div>div:last-child { flex:1 1 auto; }
#caltable.listview .event { margin:0 -7px 0 8px; }
