/*
ESPN Video Overlay (Lightbox) Styles
The styles here apply to the global video overlay/lightbox treatment.
*/

/* RESETS FOR VIDEO OVERLAY */
.mod-video-overlay .mod-media-main .mod-content {
	height: 324px;
	padding: 16px 0 0;
}
.mod-video-overlay .lower-shadow {
	bottom: 0;
}
.mod-media-data .mod-content .media-tags {
	height: 30px;
}
.mod-social .mod-content div.share-media {
	float: left;
	padding: 8px 0 0;
}
.ie7 .mod-social .mod-content div.share-media {width: 100%;}

/* Master Sprite */
.mod-vid-carousel .jcarousel-scroller,
.mod-vid-carousel .mod-carousel ul li.active .arrow,
.mod-vid-carousel .mod-carousel .pagination a,
.mod-video-rating .gray-stars .star {
	background-image: url('/prod/assets/universal_overlay/media/overlay_media_sprite.png');
}
/* Video Star Rating */
.mod-video-rating div.gray-stars {
	width: 55px;
	padding: 2px 0 0;
}
.mod-video-rating .gray-stars .star {
	height: 9px;
	width: 10px;
	margin: 0 1px 0 0;
	opacity:0.8;
	filter:alpha(opacity=80);
}
.mod-video-rating .gray-stars .star.full {background-position: -90px -72px;}
.mod-video-rating .gray-stars .star.half {background-position: -100px -72px;}
.mod-video-rating .gray-stars .star.none {
	background-position: -90px -72px;
	opacity:0.5;
	filter:alpha(opacity=50);
}
.mod-video-rating .gray-stars .star:hover {
	background-position: -90px -72px;
	opacity:1;
	filter:alpha(opacity=100);
	cursor: pointer;
}


/* VIDEO CAROUSEL PLAYLIST */
.mod-vid-carousel {
	padding: 0 0 0 15px;
	width: 576px;
}
.mod-vid-carousel .mod-content {
	border: 0;
	background: #0a0a0a;
}
.mod-vid-carousel .jcarousel-scroller {
	display: block;
	height: 30px;
	width: 30px;
	opacity:0.6;
	filter:alpha(opacity=60);
	padding: 0;
	margin-top: 32px;
}
.mod-vid-carousel .jcarousel-scroller:hover {
	opacity:0.9;
	filter:alpha(opacity=90);
}
.mod-vid-carousel .jcarousel-prev {
	background-position: 0 -51px;
	margin-right: 12px;
}
.mod-vid-carousel .jcarousel-next {
	background-position: -31px -51px;
	margin-left: 4px;
}
.mod-vid-carousel .mod-carousel.initialized {padding: 0;}
.mod-vid-carousel .mod-carousel .jcarousel-clip {
	width: 496px;
	margin: 0;
	float: left;
}
.mod-vid-carousel .mod-carousel ul li {
	width: 114px;
	margin: 0 10px 0 0;
	display: block;
}
.mod-vid-carousel .mod-carousel ul li div {
	border-color: #0a0a0a;
	position: relative;
	width: 110px;
}
.mod-vid-carousel .mod-carousel ul li h3 {
	width: 100px;
	left: -2px;
	bottom: -19px;
	background: #222;
	border-color:#0a0a0a;
	border-style: solid;
	border-width: 0 2px 2px;
}
/* hover */
.mod-vid-carousel .mod-carousel ul li:hover div,
.mod-vid-carousel .mod-carousel ul li:hover h3 {
	border-color: #777;
}
.mod-vid-carousel .mod-carousel ul li:hover a {text-decoration: none;}
/* active */
.mod-vid-carousel .mod-carousel ul li.active {
	background: none;
}
.mod-vid-carousel .mod-carousel ul li.active div,
.mod-vid-carousel .mod-carousel ul li.active h3 {
	border-color: #fff;
}
.mod-vid-carousel .mod-carousel ul li.active .arrow {
	background-position: -79px -76px;
	width: 11px;
	height: 5px;
	position: absolute;
	left: 50px;
	top: 1px;
	border: 0;
}
.mod-vid-carousel .mod-carousel ul li:hover img,
.mod-vid-carousel .mod-carousel ul li.active img {
	opacity:0.6;
	filter:alpha(opacity=60);
}
/* Pagination */
.mod-vid-carousel .mod-carousel .pagination {
	clear: both;
	padding: 0;
}
.mod-vid-carousel .mod-carousel .pagination a {
	background-position: -111px -64px;
	padding: 0 5px;
	font-size: 0.6em;
	opacity:0.6;
	filter:alpha(opacity=60);
}
.mod-vid-carousel .mod-carousel .pagination a.current {
	background-position: -111px -73px;
	opacity:0.8;
	filter:alpha(opacity=80);
}
.mod-vid-carousel .mod-carousel .pagination a:hover {
	opacity:1;
	filter:alpha(opacity=100);
}