.jcarousel-wrapper {
	position: relative;
}

	.jcarousel-wrapper .photo-credits {
		position: absolute;
		right: 15px;
		bottom: 0;
		font-size: 13px;
		color: #fff;
		text-shadow: 0 0 1px rgba(0, 0, 0, 0.85);
		opacity: .66;
	}

		.jcarousel-wrapper .photo-credits a {
			color: #fff;
		}
/** Carousel **/

.jcarousel {
	position: relative;
	overflow: hidden;
	height: 100%;
	width: 100%;
}

	.jcarousel ul {
		position: relative;
		list-style: none;
		margin: 0;
		padding: 0;
		white-space: nowrap;
	}

	.jcarousel li {
		width: 100%;
		display: inline-block;
	}

	.jcarousel span {
		/* DIV that contains the textual description inside .slide */
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		height: 2em;
		color: white;
		padding: 10px;
		font: bold 16px sans-serif, Arial;
		text-shadow: 0 -1px 1px #8a8a8a;
		/* CSS3 text shadow */
		z-index: 5;
		background-color: rgba(0, 0, 0, 0.75);
	}
/** Carousel Controls **/

.jcarousel-control-prev,
.jcarousel-control-next {
	opacity: 0;
	transition: opacity 0.6s;
	position: absolute;
	top: 200px;
	width: 30px;
	height: 30px;
	text-align: center;
	background: #4E443C;
	color: #fff;
	text-decoration: none;
	text-shadow: 0 0 1px #000;
	font: 24px/27px Arial, sans-serif;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	-webkit-box-shadow: 0 0 2px #999;
	-moz-box-shadow: 0 0 2px #999;
	box-shadow: 0 0 2px #999;
	cursor: pointer;
}

.jcarousel-wrapper:hover .jcarousel-control-prev,
.jcarousel-wrapper:hover .jcarousel-control-next {
	opacity: 1;
}

.jcarousel-control-prev {
	left: 50px;
	top: 50%;
}

.jcarousel-control-next {
	right: 50px;
	top: 50%;
}

	.jcarousel-control-prev:hover span,
	.jcarousel-control-next:hover span {
		display: block;
	}

	.jcarousel-control-prev.inactive,
	.jcarousel-control-next.inactive {
		opacity: .5;
		cursor: default;
	}
/** Carousel Pagination **/

.jcarousel-pagination {
	position: absolute;
	bottom: 0;
	left: 15px;
}

	.jcarousel-pagination a {
		text-decoration: none;
		display: inline-block;
		font-size: 11px;
		line-height: 14px;
		min-width: 14px;
		background: #fff;
		color: #4E443C;
		border-radius: 14px;
		padding: 3px;
		text-align: center;
		margin-right: 2px;
		opacity: .75;
	}

		.jcarousel-pagination a.active {
			background: #4E443C;
			color: #fff;
			opacity: 1;
			text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);
		}














/** Stage container **/

.connected-carousels .stage {
	width: 100%;
	margin: 20px auto;
	position: relative;
}

.connected-carousels .photo-credits {
	position: absolute;
	right: 15px;
	bottom: 0;
	font-size: 13px;
	color: #fff;
	text-shadow: 0 0 1px rgba(0, 0, 0, 0.85);
	opacity: .66;
}

	.connected-carousels .photo-credits a {
		color: #fff;
	}

/** Navigation container **/

.connected-carousels .navigation {
	width: 50%;
	margin: 20px auto;
	position: relative;
}

	.connected-carousels .navigation ul {
		list-style: none;
		width: 20000em;
		position: relative;
		list-style: none;
		margin: 0;
		padding: 0;
	}

.connected-carousels .carousel-navigation img {
	width: 75px;
}

.connected-carousels .carousel-navigation {
	width: 100%;
	background: #fff;
	border: 10px solid #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 2px #999;
	-moz-box-shadow: 0 0 2px #999;
	box-shadow: 0 0 2px #999;
	overflow: hidden;
	position: relative;
}

/** Shared carousel styles **/

.connected-carousels .carousel {
	overflow: hidden;
	position: relative;
}

	.connected-carousels .carousel ul {
		width: 20000em;
		position: relative;
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.connected-carousels .carousel li {
	}

/** Stage carousel specific styles **/

.connected-carousels .carousel-stage {
}

	.connected-carousels .carousel-stage ul li {
		width: 1024px;
	}

/** Navigation carousel specific styles **/

.connected-carousels .carousel-navigation li {
	cursor: pointer;
	float: left;
	list-style: none;
}

	.connected-carousels .carousel-navigation li img {
		margin: 0;
		display: block;
		border: 5px solid #fff;
	}

	.connected-carousels .carousel-navigation li.active img {
		border-color: #ccc;
	}

/** Stage carousel controls **/

.connected-carousels .prev-stage,
.connected-carousels .next-stage {
	display: block;
	position: absolute;
	top: 0;
	height: 90%;
	color: #fff;
}

.connected-carousels .prev-stage {
	left: 0;
}

.connected-carousels .next-stage {
	right: 0;
}

	.connected-carousels .prev-stage.inactive,
	.connected-carousels .next-stage.inactive {
		display: none;
	}

	.connected-carousels .prev-stage span,
	.connected-carousels .next-stage span {
		display: none;
		position: absolute;
		top: 50%;
		width: 30px;
		height: 30px;
		text-align: center;
		background: #4E443C;
		color: #fff;
		text-decoration: none;
		text-shadow: 0 0 1px #000;
		font: 24px/27px Arial, sans-serif;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;
		-webkit-box-shadow: 0 0 2px #999;
		-moz-box-shadow: 0 0 2px #999;
		box-shadow: 0 0 2px #999;
	}

.connected-carousels .prev-stage span {
	left: 20px;
}

.connected-carousels .next-stage span {
	right: 20px;
}

.connected-carousels:hover .prev-stage span,
.connected-carousels:hover .next-stage span {
	display: block;
}

/** Navigation carousel controls **/

.connected-carousels .prev-navigation,
.connected-carousels .next-navigation {
	display: block;
	position: absolute;
	width: 30px;
	height: 30px;
	background: #4E443C;
	color: #fff;
	text-decoration: none;
	text-shadow: 0 0 1px #000;
	font: 16px/29px Arial, sans-serif;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	-webkit-box-shadow: 0 0 2px #999;
	-moz-box-shadow: 0 0 2px #999;
	box-shadow: 0 0 2px #999;
}

.connected-carousels .prev-navigation {
	left: -15px;
	top: 50px;
	text-indent: 6px;
}

.connected-carousels .next-navigation {
	right: -34px;
	top: 50px;
	text-indent: 20px;
}

	.connected-carousels .prev-navigation.inactive,
	.connected-carousels .next-navigation.inactive {
		opacity: .5;
		cursor: default;
	}


.field-validation-error {
	margin-left: 10px;
	color: red;
}
