/*
** Stylesheet additions for slider carousels
** Inspiration: Matt Hinchliffe <https://github.com/i-like-robots/jQuery-Slideshow>
** Updated: 25-Feb-2013 20:12
*/

#container, #container-event {
	float: left;
	width: 624px;
	margin: 0 auto;
	padding: 0 3px;
	background: #ccc;
}

#container-event {
	width: 307px;
}
	.slideshow, .slideshowMini {
		border: 4px solid #eee;
	}

/* slides */
.slideshow, .slideshowMini {
	position: relative;
	margin: 0 0 1em;
	text-align: center;
}
	.slideshow a, .slideshowMini a {
		font-size: 1.0em;
		font-weight: normal;
		line-height: 2em;
		text-decoration: none;
		color: #fff;
		background: #000;
	}

	.slideshowMini a {
		font-size: 0.75em;
		font-weight: normal;
	}
		.slideshow a:hover,
		.slideshow .selected a {
			background-color: #666;
		}

		.slideshowMini a:hover,
		.slideshowMini .selected a {
			background-color: #666;
		}

	.carousel {
		margin: 0;
		padding: 0;
		list-style: none;
	}
		.slide {
		/*	z-index: 100; */
		}
			.slide img {
				display: block;
			}

/* pagination */
.slides-pagination {
	position: absolute;
	bottom: 1.0em;
	left: 1em;
	margin: 0;
	padding: 0;
	list-style: none;
/*	z-index: 110; */
}
	.slides-pagination li {
		display: inline;
	}
		.slides-pagination a {
			display: block;
			float: left;
			width: 2em;
			margin-right: 5px;
		}

/* skip */
.slides-next,
.slides-prev {
	position: absolute;
	top: 50%;
	margin-top: -1em;
	padding: 0 .5em;
/*	z-index: 120; */
}
.slides-next {
	right: 0;
}
.slides-prev {
	left: 0;
}
.slides-next.disabled,
.slides-prev.disabled {
	opacity: 0.5;
	cursor: auto;
}

/* DQ add */

.eventDiv {
	position: absolute;
/*	z-index: 150; */
	bottom: 1.0em;
	margin-left: 290px;
	padding: 0;
	line-height: 1em;
	width: 300px;
	white-space: normal;
	text-align: right;
	border: none;
}

.eventLink {
	padding: 5px;
}