/* overlay (for object representations) */
#caMediaPanel {
	display: none;
}

a#caMediaOverlayContentMedia_viewerControlZoomIn.tileviewerControlZoomIn,
a#caMediaOverlayContentMedia_viewerControlZoomOut.tileviewerControlZoomOut {
	opacity: 1 !important;
	background-color:rgba(255,255,255,0.8);
	padding:5px;
	border-radius:5px;
	margin-top:-5px;

}

.tileviewer div.viewerControls {
	width: 36px;
	position: absolute;
	top: 40px;
	left: 0px;
	padding: 3px;
	background-color: rgba(255, 255, 255, 0.8);
	
	opacity: 1 !important;
	
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	border-bottom-right-radius: 6px;
}
div.caMediaOverlayControls {
	background-color: #000;
	color:#FFF;
	font-size: 11px;
	text-align:center;
	position:absolute;
	padding: 10px 0px 10px 0px;
	width:100%;
	bottom:0px;
	left:0px;
	z-index: 32000;			/* needs to be on top of caMediaPanel, which has z-index=31000 */
	opacity:.5;
}

div.caMediaOverlayControls .objectInfo {
	font-size:11px;
	font-family: Helvetica, Arial, sans-serif;
	color:#FFF;
	padding-left:10px;
	text-align:left;
	width:40%;
	float:left;
}
div.caMediaOverlayControls .close {
	float:right;
	width:15px;
	height:16px;
	background-image:url("assets/images/x_white.png");
	margin: 0px 10px 0px 20px;
}