/*******************************
	Highlightted Episodes
********************************/
#highlight .tabs{
	height:33px;
	font-weight:bold;
	font-size:1.3em;
	background:url(../images/layout/highlight-tab-bg.png);
	width:755px; /**/
	_font-size:1.5em;
}
#highlight .tabs .tab{
	float:left;
	padding-right:2px;
}
#highlight .tabs .tab a{
	display:block;
	padding:11px 9px 6px 12px;
	_padding:10px 9px 6px 12px;
}
.jp #highlight .tabs .tab a{
	padding-top:6px;
}
#highlight .tabs .tab.selected{
	background:url(../images/layout/highlight-tab-bg.png) bottom right;
	_background:url(../images/layout/..highlight-tab-bg.png) bottom right;
}
#highlight .tabs .tab.selected a{
	color:#333333;
	cursor:auto;
	background:url(../images/layout/highlight-tab-bg.png) bottom left;
	_background:url(../images/layout/..highlight-tab-bg.png) bottom left;
}

#highlight .tabs .tab.selected h2 a{
	color:#333333;
	cursor:auto;
	font-size:1.1em;
	font-weight:bold;
	background:url(../images/layout/highlight-tab-bg.png) bottom left;
	_background:url(../images/layout/..highlight-tab-bg.png) bottom left;
}
#highlight .tabs .tab.selected h2{
	color:#333333;
	cursor:auto;
	font-size:1.1em;
	background:url(../images/layout/highlight-tab-bg.png) bottom left;
	_background:url(../images/layout/..highlight-tab-bg.png) bottom left;
}
#highlight .scroller{
	height:280px;
	background:url(../images/layout/..border-lightangrey.png) repeat-x bottom;
	position:relative;
	overflow:hidden;
	clear:left;
	right:8px; /**/
	width: 776px;
}
#highlight .fr{
	height: 250px !important;
}
#highlight .scroller a.back, #highlight .scroller a.next{
	background:url(../images/layout/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:10px;
}
#highlight .scroller a.back:hover{
	background-position:left bottom;
}
#highlight .scroller a.next{
	background-position:right top;
	right:-1px;
}
#highlight .scroller a.next:hover{
	background-position:right bottom;
}
#highlight .scroller .panel{
	position:absolute;
	width:730px;/*900px*/
	height:260px;
	top:-1000px;
	left:45px;
	overflow:hidden;
}
#highlight .scroller .fr{
	height: 250px !important;
}
#highlight .scroller .panel.active{
	top:0px;
}
#highlight .scroller .panel ul{
	position:absolute;
	top:19px;
	left:770px;/*1000*/
	width:750px;/*900*/
	height:172px;
}
#highlight .scroller .panel ul.active{
	left:0px;/*0*/
	margin-left: 0px;
}
#highlight .scroller .panel ul li{
	width:158px;/*168px*/
	float:left;
	margin-right:20px;
	_margin-right:18px;
	position:relative;
	font-size:1em; line-height:13px; font-weight:normal;
}
#highlight .scroller .panel ul li.last{
	margin-right:0px;
}
#highlight .scroller .panel ul li img{
	background:url(../images/layout/episode-thumb-shadow.png) no-repeat;
	padding:3px 8px 15px 4px;
}
#highlight .scroller .panel ul li .title{
	color:#333333;
	display:block;
	font:bold 12px Arial;
	margin-bottom:5px;
}
#highlight .scroller .panel ul li .show{
	display:block;
	font:bold 11px arial;
	color:#0093DC;
}
#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/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/popup-bg.png) no-repeat bottom;
	position:absolute;
	z-index:100;
	padding-bottom:26px;
	text-align:left;
}
#popup span.title{
	background:url(../images/layout/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/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;
}*/

