/*******************************
	Highlightted Episodes
********************************/
#highlight .tabs{
	height:33px;
	font-weight:bold;
	font-size:1.3em;
	background:url(../images/layout/home/highlight-tab-bg.png);
}
#highlight .tabs .tab{
	float:left;
	padding-right:2px;
}
#highlight .tabs .tab a{
	display:block;
	padding:10px 9px 6px 12px;
}
.jp #highlight .tabs .tab a{
	padding-top:6px;
}
#highlight .tabs .tab.selected{
	background:url(../images/layout/home/highlight-tab-bg.png) bottom right;
}
#highlight .tabs .tab.selected a{
	color:#333333;
	cursor:auto;
	background:url(../images/layout/home/highlight-tab-bg.png) bottom left;
}
#highlight .scroller{
	height:193px;	
	background:url(../images/layout/global/border-lightangrey.png) repeat-x bottom;
	position:relative;
	overflow:hidden;
	clear:left;
}
#highlight .fr{
	height: 250px !important;
}
#highlight .scroller a.back, #highlight .scroller a.next{
	background:url(../images/layout/home/highlight-buttons-slider.png);
	display:block;
	position:absolute;
	height:27px;
	width:29px;
	top:51px;
	text-indent:-99999px;
	overflow:hidden;
}
#highlight .scroller a.back{
	background-position:left top;
	left:0px;
}
#highlight .scroller a.back:hover{
	background-position:left bottom;
}
#highlight .scroller a.next{
	background-position:right top;
	right:0px;
}
#highlight .scroller a.next:hover{
	background-position:right bottom;
}
#highlight .scroller .panel{
	position:absolute;
	width:900px;
	height:191px;
	top:-1000px;
	left:40px;
	overflow:hidden;
}
#highlight .scroller .fr{
	height: 250px !important;
}
#highlight .scroller .panel.active{
	top:0px;
}
#highlight .scroller .panel ul{
	position:absolute;
	top:19px;
	left:1000px;
	width:900px;
	height:172px;
}
#highlight .scroller .panel ul.active{
	left:0px;
}
#highlight .scroller .panel ul li{
	width:168px;
	float:left;
	margin-right:15px;
	height:172px;
	position:relative;
}
#highlight .scroller .panel ul li.last{
	margin-right:0px;
}
#highlight .scroller .panel ul li img{
	background:url(../images/content/episode-thumb-shadow.png) no-repeat;
	padding:3px 8px 15px 4px;
}
#highlight .scroller .panel ul li .title{
	color:#333333;
	display:block;
	text-transform:uppercase;
	font-size:0.9em;
	font-weight:bold;
	margin-bottom:5px;
}
#highlight .scroller .panel ul li .show{
	display:block;
	font-size:0.85em;
}
#highlight .scroller .panel ul li .popup{
	display:block;
	position:absolute;
	top:-1000px;
	left:0px;
}
/* - Depreciated AJG
#highlight .scroller .panel ul li .popup{
	display:block;
	width:246px;
	background:url(../images/layout/global/popup-bg.png) no-repeat bottom;
	position:absolute;
	top:-1000px;
	left:0px;
	z-index:100;
	padding-bottom:26px;
}
#highlight .scroller .panel ul li .popup span.title{
	background:url(../images/layout/global/popup-bg.png) no-repeat top;
	padding:17px 19px 3px 16px;
}
#highlight .scroller .panel ul li .popup span.description{
	background:url(../images/layout/global/border-lightangrey.png) repeat-x top;
	padding:10px 0px;
}
#highlight .scroller .panel ul li .popup span.description,#highlight .scroller .panel ul li .popup span.meta span{
	margin:0px 16px;
	display:block;
	font-size:0.8em;
	color:#333333;
}
#highlight .scroller .panel ul li .popup span.meta span{
	margin-bottom:3px;
}


#popup{
	display:none;
	width:246px;
	background:url(../images/layout/global/popup-bg.png) no-repeat bottom;
	position:absolute;
	z-index:100;
	padding-bottom:26px;
	text-align:left;
}
#popup span.title{
	background:url(../images/layout/global/popup-bg.png) no-repeat top;
	padding:17px 19px 5px 16px;
	display:block;
	color:#333333;
	text-transform:uppercase;
	font-size:0.9em;
	font-weight:bold;
}
#popup span.description{
	background:url(../images/layout/global/border-lightangrey.png) repeat-x top;
	padding:10px 0px;
}
#popup span.description, #popup span.meta span{
	margin:0px 16px;
	display:block;
	font-size:0.8em;
	color:#333333;
}
#popup span.meta span{
	margin-bottom:3px;
}
#popup span.meta span .rating-stars{
	float:right;
	margin-right:65px;
}
#popup span.meta span .rating-stars span{
	margin:0px;
}*/