.showingContainer {
	position: relative;
	width: 100%;
	height: 70px;	
	overflow: hidden;
}

.showingContainer.last {
	border-bottom: none;
}

.showingHoverContainer,
.showingContent {
	position: relative;
	width: 100%;
	height: 42px;
	background-color: #fff;
}

.showingDate {
	float: left;
	width: 145px;
	height: 100%;
	overflow: hidden;
	line-height: 20px;
	color: #2d2d2d;
}

.showingDate .dayOfWeek { font-size: 13px; }
.showingDate .day { font-size: 23px; }
.showingDate .month { font-size: 12px; }
.showingDate .time { font-size: 12px; }

.showingPrice {
	float: right;
	line-height: 12pt;
	font-size: 10pt;
	text-align: right;
}

.showingAvailable {
	clear: both;
	font-size: 10px;
}

.showingLocation a {
	text-decoration: underline;
	font-size: 8pt;
	color: #747474;
}

.showingLocation a:hover {
	color: #ccc;
}

.showingOver, .showingOverBG {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.showingOver { display: none; }

.showingOverBG {
	background-color: #efefef;
	opacity: 0.75;						/* Firefox, Safari, Chrome, Opera */
	-ms-filter: "alpha(opacity=75)";	/* IE 8 */
	filter: alpha(opacity=75);			/* IE 4-7 */
	zoom: 1;							/* Trigger hasLayout in IE 7 and lower */
}

.showingHoverContainer:hover .showingOver {
	display: block;
}

.showingBtnTop, .showingBtnBottom {
	position: absolute;
	right: 2px;
	float: none;
	width: 110px;
	padding: 0;
	text-align: center;
	font-size: 8px;
	line-height: 11px;
}

.showingBtnTop {
	top: 2px;
}

.showingBtnTop.addMyActivity .remove { display: none; }
.showingBtnTop.removeMyActivity .add { display: none; }

.showingBtnBottom {
	bottom: 2px;
	background-color: #e42d41;
	color: #fff;
}

a.showingBtnBottom:hover {
	background-color: #555555;
	color: #fff;
}

