/* This is actually a front-end CSS file not a backoffce one */
.banners {position: relative}
.banners img {
  position: absolute;
  top: 0em;
  left: 0em;
}

.banners a.arrow {
	position: relative;
	display: block;
	width: 30px;
	height: 30px;
	background-image: url(/plugin_assets/church_cms_backend/images/arrows.png);
	z-index: 10;
	opacity: 0.75;
}

.banners a.arrow:hover {
	opacity: 1;
}

.banners a.arrow.left {
	background-position: top left;
	float: left;
	margin-left: 10px;
}

.banners a.arrow.right {
	background-position: top right;
	float: right;
	margin-right: 10px;
}