.module.interactive {
	position: relative;
}

.module.interactive .moduleHeaderInline {
	z-index: 5;
}


/* control the widths of the nav button area */
.carouselControls {
	background: url("bg_videoCarousel.gif") top left no-repeat;
	width: 60px;
	float: left;
	display: inline;
	position: absolute;
	top: 2px;
	right: 8px;
	z-index: 1000;
	padding: 0 0 0 3px;
	border: 0px solid #f00;
}

.carouselStatus {
	font-size: 9px;
	font-weight: normal;
	color: #666;
}

.carouselControls .buttonActive,
.carouselControls .buttonInactive {
	float: left;
	padding: 0;
	margin: 2px 0 0 0;
	display: inline;
	position: relative;
}

.carouselControls img {
	float: left;
	margin: 1px;
	padding: 0;
	display: inline;
}

.buttonActive, .buttonInactive {
	float: left;
	margin: 1px;
	padding: 0;
	display: inline;
}

.buttonActive {
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	cursor: pointer;
	cursor: hand;
}

.buttonInactive {
	filter:alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3;
	cursor: default;
}