/* ********************
	hightlights module
*********************** */

/*	hightlights header  */
.hightlightsMod .hightlightsHeader{ background:url(../img/linear/highlights_tit.png) no-repeat 0 0; height:44px; position:relative; margin-top:5px;}
.hightlightsMod .hightlightsHeader.close{ background-position:bottom left;}
.hightlightsMod .hightlightsHeader div.off {display:none;}

.hightlightsMod .tools{ position:absolute; top:10px; left:20px;}
.hightlightsMod .tools li{ float:left; margin:0 30px 0 0;}
.hightlightsMod .fav{ background:url(../img/linear/ico_fav.png) 0 0; width:20px; height:18px;}
.hightlightsMod .fav:active{ background-position:0 -18px;}
.hightlightsMod .fav.on{ background-position:0 -36px;}
.hightlightsMod .fav.on:active{ background-position:0 -54px;}

.hightlightsMod .search{ background:url(../img/linear/ico_search.png) 0 0; width:18px; height:20px;}
.hightlightsMod .search:active{ background-position:0 -20px;}
.hightlightsMod .search.on{ background-position:0 -40px;}
.hightlightsMod .search.on:active{ background-position:0 -60px;}

/*	hightlights filters  */
.hightlightsMod .hightlightsHeader .filtersMenu{position:absolute; top:8px; left:110px; background:url(../img/linear/filters_bar.png) center center no-repeat; width:800px; height:27px; }


.hightlightsMod .hightlightsHeader .filtersMenu.disabled li a, .hightlightsMod .hightlightsHeader .filtersMenu.disabled li a:hover {color:#778191;cursor:default;}
.hightlightsMod .hightlightsHeader .filtersMenu.disabled li a.sel {color:#778191;cursor:default;}
.hightlightsMod .hightlightsHeader .filtersMenu.disabled .prev {cursor:default;}
.hightlightsMod .hightlightsHeader .filtersMenu.disabled .prev:hover, .hightlightsMod .hightlightsHeader .filtersMenu.disabled .prev:active {
	background-position: 0 -28px;
}
.hightlightsMod .hightlightsHeader .filtersMenu.disabled .next {cursor:default;}
.hightlightsMod .hightlightsHeader .filtersMenu.disabled .next:hover, .hightlightsMod .hightlightsHeader .filtersMenu.disabled .next:active {
	background-position: 0 -28px;
}

.hightlightsMod .hightlightsHeader .prev{ background:url("../img/linear/ico_arr_left.png") no-repeat scroll 0 -28px transparent; width:9px; height:14px; position:absolute; top:7px; left:0; cursor:pointer; }
.hightlightsMod .hightlightsHeader .prev:hover {
	background-position: 0 0;
	
}.hightlightsMod .hightlightsHeader .prev.off:hover {
	background-position: 0 0;
	cursor: default;
	background:url("../img/linear/ico_arr_left.png") no-repeat scroll 0 -28px transparent;
}
.hightlightsMod .hightlightsHeader .prev:active {
	background-position: 0 -14px;
}

.hightlightsMod .hightlightsHeader .prev+div {
	background-image: url("../img/linear/filters_bar_shadow_left.png");
	background-repeat: no-repeat;
	height: 43px;
	left: 0;
	margin-left: 35px;
	position: absolute;
	top: -8px;
	width: 18px;
}

.hightlightsMod .hightlightsHeader .next{ background:url("../img/linear/ico_arr_right.png") no-repeat scroll 0 -28px transparent; width:9px; height:14px; position:absolute; top:7px; right:0; cursor:pointer; }
.hightlightsMod .hightlightsHeader .next:hover {
	background-position: 0 0;
	
}.hightlightsMod .hightlightsHeader .next.off:hover {
	background-position: 0 0;
	cursor: default;
	background:url("../img/linear/ico_arr_right.png") no-repeat scroll 0 -28px transparent;
	
}
.hightlightsMod .hightlightsHeader .next:active {
	background-position: 0 -14px;
}

.hightlightsMod .hightlightsHeader .next+div {
	background-image: url("../img/linear/filters_bar_shadow_right.png");
	background-repeat: no-repeat;
	height: 43px;
	margin-right: 35px;
	position: absolute;
	right: 0;
	top: -8px;
	width: 18px;
}

.hightlightsMod .hightlightsHeader .filtersW{position:absolute; width:730px; height:27px; overflow:hidden; margin:0 35px;}


.hightlightsMod .hightlightsHeader .filters {float:left; position:relative;}
.hightlightsMod .hightlightsHeader .filters li{ float:left; background:url(../img/linear/divider.png) no-repeat top left;}
.hightlightsMod .hightlightsHeader .filters li.last a{ background:url(../img/linear/divider.png) no-repeat top right;}

.hightlightsMod .hightlightsHeader .filters li a{ display:block; padding:0 20px; height:27px; line-height:27px; font-size:15px;font-family:'SkyTextRegular';}
.hightlightsMod .hightlightsHeader .filters li a:hover{color:#eec841;}
.hightlightsMod .hightlightsHeader .filters li a.sel{ color:#eec841;}
.hightlightsMod .hightlightsHeader .filters li a.last {
	padding-right: 0;
}

.hightlightsMod .hightlightsHeader .toggle{ background:url(../img/linear/ico_arrows_updown.png) 0 0 no-repeat; width:16px; height:25px; position:absolute; cursor:pointer; top:10px; right:20px}
.hightlightsMod .hightlightsHeader .toggle.up{background-position:0 0;}
.hightlightsMod .hightlightsHeader .toggle.up:active{background-position:-16px 0;}
.hightlightsMod .hightlightsHeader .toggle.down{background-position:-32px 0;}
.hightlightsMod .hightlightsHeader .toggle.down:active{background-position:-48px 0;}
 
/*	hightlights content  */
#hightlightsSlider{ padding:3px 20px 0 20px; position:relative; height:275px; overflow:hidden;}

#hightlightsSlider .arrLeft{ background:url(../img/linear/slider_arrow_left.png) 0 0 no-repeat; width:35px; height:67px; cursor:pointer; position:absolute; left:0px; top:134px;}
#hightlightsSlider .arrLeft:hover{ background-position:-35px 0;}
	#hightlightsSlider .arrLeft:active{ background-position:-70px 0;}
	
#hightlightsSlider .arrRight{ background: url("../img/linear/slider_arrow_right.png") no-repeat scroll 0 0 transparent;
	cursor: pointer;
	height: 67px;
	position: absolute;
	right: 0;
	top: 134px;
	width: 35px;}

#hightlightsSlider .arrRight:hover{ background-position:-35px 0;}
	#hightlightsSlider .arrRight:active{ background-position:-70px 0;}

	
#hightlightsSlider a.off{display:none;}

#hightlightsSlider .pagW{ position:absolute; bottom:18px; left:0; width:984px;}
#hightlightsSlider .pagW2{ float: right; left: -50%; position: relative;}
#hightlightsSlider .pag{ left: 50%; position: relative;}
#hightlightsSlider .pag li{ float:left;  margin:0 4px;}
#hightlightsSlider .pag a{ background:url(../img/linear/pag.png) no-repeat top right; width:11px; height:10px;}
#hightlightsSlider .pag a.sel{ background-position:top left; }


.hightlightsMod .hightlightsContent{ background: url(../img/linear/highlights_content.png) no-repeat 0 0; height:223px;} 
.hightlightsMod .hightlightsContent .items{ position:relative;height:223px;overflow:hidden;}
.hightlightsMod .hightlightsContent .item{ background:url(../img/linear/bg_highlights.png) 0 0 no-repeat; width:230px; height:170px; padding:27px 6px 6px 3px; float:left; position:relative;}
.hightlightsMod .hightlightsContent .item.hover{ background-position:-236px 0; }
.hightlightsMod .hightlightsContent .item.active{ background-position:-472px 0; }


.hightlightsMod .hightlightsContent .channel{ position:absolute; left:20px; top:2px; height:25px; line-height:25px; color:#102647; font-size:14px; font-family: 'SkyTextRegular';}

.hightlightsMod .hightlightsContent.rect{ /*background: url(../img/linear/highlights_content_rect.png) no-repeat 0 0; */height:283px;}

.hightlightsMod .hightlightsContent .tit{ text-transform: uppercase;padding:8px 10px 3px 10px; color:#fff; font-size:1.05em;}
.hightlightsMod .hightlightsContent .tit2 { margin:12px 0 12px 9px; color: #48719f; font-size:2em; font-weight:normal; font-family: 'SkyTextRegular'; display:block; letter-spacing:-0.03em}
.hightlightsMod .hightlightsContent .info{ background:url(../img/linear/ico_info.png) 0 0; width:12px; height:12px; position:absolute; right:20px; bottom:19px;}
.hightlightsMod .hightlightsContent .time{ padding:0 10px 0 10px; color:#82c8f5;  font-family: 'SkyTextRegular';}
.hightlightsMod .hightlightsContent .time b{ font-family: 'SkyTextMedium';}

.hightlightsMod .hightlightsContent .play{ position:absolute; top:65px; left:100px; background:url(../img/linear/ico_play_highlight.png) 0 0 no-repeat; width:34px; height:33px;}
.hightlightsMod .hightlightsContent .play.true{ background-position: 0 0;}

.hightlightsMod .hightlightsContent .play.false{ background-position: -34px 0;}
.hightlightsMod .hightlightsContent .play.false:hover{ background-position: -68px 0;}
.hightlightsMod .hightlightsContent .play.false:active{ background-position: -102px 0;}

.hightlightsMod .hightlightsContent .play.inactive{ background-position: -136px 0;}


div.pic a.thumb_hover {width: 230px;height: 136px;display: block;position: absolute;left: 3px;background: url("../img/external/hover_thumb.png") 0 0 no-repeat;}
div.pic a.thumb_hover:hover {background-position: 0 -139px;}
/* ********************
	channels module
*********************** */
.channelsMod { /* background:url(../img/linear/channels_footer.png) bottom left no-repeat; padding:0 0 38px 0; */ }
.channelsMod.close{ display:none;}
.channelsMod .channelsHeader{clear:both; background:url(../img/linear/bg_th2.png) 0 0 repeat-x; height:38px; display:block; border:1px solid #000;}
.channelsMod .channelsHeader li{ height:33px; line-height:33px; float:left; padding:5px 10px 0 10px; color:#fff; background:url(../img/linear/divider2.png) 0 2px no-repeat; width:201px}
.channelsMod .channelsHeader li.now{ width:220px}
.channelsMod .channelsHeader li.after{ width:220px}
.channelsMod .channelsHeader li.later{ width:259px}

.channelsMod .channels{clear:both; border:1px solid #0b1a32; }

.channelsMod .scroll-pane{height:480px; overflow: auto;}

.channelsMod .channels .row{ height:60px; clear:both }
.channelsMod .channels .channel{ width:222px; height:60px; background:url(../img/linear/bg_program.png) 0 0 no-repeat; position:relative; float:left; margin:0 0 1px 0;}

.channelsMod .channels .program{ background: url(../img/linear/bg_program.png) 0 0 repeat; width:224px; height:40px; float:left; padding:10px 8px; margin:0; position:relative;}
.channelsMod .channels .program:hover{ background-position:0 -60px;}
.channelsMod .channels .program:active{ background-position:0 -120px;}

	.channelsMod .channels .onair{ background-position:0 -180px;}
	.channelsMod .channels .onair:hover{ background-position:0 -240px;}
	.channelsMod .channels .onair:active{ background-position:0 -300px;}
	.channelsMod .channels .play.onair:hover {
		background-position: 0 0;
	}
	
.channelsMod .channels .go{ background:url(../img/linear/bg_program_arrows.png) 0 0 no-repeat; width:39px;  height:60px; float:left;}
.channelsMod .channels .go:hover{ background-position:0 -60px; }
.channelsMod .channels .go:active{ background-position:0 -120px; }

	.channelsMod .channels .go a{ display:block; width:12px; height:15px; margin:23px 10px 10px 10px;}
	
	
	.channelsMod .channels .onair .shadow, .channelsMod .channels .now .shadow{ height:60px; width:17px; position:absolute; top:0; left:0; display:block; }

	.channelsMod .channel .name{ width:111px; height:60px; background-position:center center; background-repeat:no-repeat; position:absolute; top:0; left:52px;}
	.channelsMod .channel .fav{ background:url(../img/linear/ico_fav_small.png) no-repeat 0 0; width:15px; height:15px; position:absolute; top:12px; left:18px;}
	
	.channelsMod .channel .fav.false{ background-position:0 0;}
	.channelsMod .channel .fav.false:active{ background-position:0 -15px;}
	
	.channelsMod .channel .fav.true{ background-position:0 -30px;}
	.channelsMod .channel .fav.true:active{ background-position:0 -45px;}
	
	.channelsMod .channel .fav.inactive{ background-position:0 -60px; cursor:default}
	
	.channelsMod .channel .number{ color:#fff; position:absolute; top:12px; left:18px; top:37px; left:15px; font-size:0.9em}
	.channelsMod .channel .play{ background:url(../img/linear/in_onda_channel_button_bg_up.png) 0 0 no-repeat; width:37px; height:37px; position:absolute; right:10px; top:13px;}
.channelsMod .channel .play:hover {
	background-image: url("../img/linear/in_onda_channel_button_bg_over.png");
}		
		
		.channelsMod .channel .play.onair{ background-image: url("../img/linear/in_onda_channel_button_bg_selected.png");}
		
		
	/* 	inserire qui elenco loghi canali
		..........
	 */
	.channelsMod .channel .c_skytg24{ background-image:url(../img/linear/pic/logo_skytg24.png);}
	
	
	.channelsMod .program .name{ padding:5px 0 0 0; font-weight:normal;  font-size:14px;}
		.channelsMod .program.now .name, .channelsMod .program.now .name a{ color:#fff; }
		.channelsMod .program.onair .name, .channelsMod .program.onair .name a{ color:#001f48;}
		
	.channelsMod .program .time{ padding:0 0 0 16px; margin:5px 0 0 0; font-size:1em; background:url(../img/linear/ico_clock.png) top left no-repeat;}
	
		.channelsMod .program.now .time{ color:#82c8f5; background-position:0 -14px; font-family: 'SkyTextRegular';}
		.channelsMod .program.onair .time{ color:#001f48; background-position:top left;}
		.channelsMod .program.after .time{ color:#82c8f5; background-position:0 -14px; }
		.channelsMod .program.later .time{ color:#82c8f5;  background-position:0 -14px; }	
		.channelsMod .program b{ font-weight:normal; font-family: 'SkyTextMedium'; }
	

/* ********************
	SEARCH MODULE
*********************** */
.hightlightsMod .searchForm{ position:absolute; top:6px; left:217px; background:url(../img/linear/bg_search.png) 0 0 no-repeat; width:553px; height:30px;}
.hightlightsMod .searchForm .inputT{ float:left; margin:2px 0 2px 20px; border:0 none; height:24px; line-height:24px; color:#999; width:500px; font-size:1.1em; background:transparent; }
.hightlightsMod .searchForm .inputS{ float:left; border:0 none; font-size:0; text-indent:-999999em; overflow:hidden; background:url(../img/linear/search_butt.png) 0 0 no-repeat;  width:21px; height:21px; cursor:pointer; margin:5px 0 0 5px; outline:none !important; color:#FFF;}
	
	.searchMod { display:none; /*background:url(../img/linear/channels_footer.png) bottom left no-repeat; padding:0 0 38px 0;*/ }
	.searchMod .searchResults{clear:both; border:1px solid #0b1a32; background: rgba(0, 0, 0, 0.10); }
	.searchMod .scroll-pane{height:560px; overflow: auto;}
	
	
	.searchMod .tit{ margin:15px 20px 40px 20px; color: #48719f; font-size:2.5em; font-weight:normal; font-family: 'SkyTextRegular'; display:block;}
	
	.searchMod .subtit{ height:30px;  padding:0 20px; line-height:30px; display:block; width:942px; margin-bottom: 0; }
	.searchMod .subtit.onair{ background:url(../img/linear/results_tit_onair.png) 0 0 repeat-x; color:#001f48; font-size:1.5em;}
	.searchMod .subtit.day{ background:url(../img/linear/results_tit_day.png) 0 0 repeat-x; color:#525252; font-size:1.5em;}
	
	.searchMod .results{ background:#dcdcdc}
	.searchMod .result{ border-bottom:1px solid #b0b0b0; border-top:1px solid #fff; height:123px;}
	.searchMod .result .channel{ width:255px; padding:20px 0 0 20px; float:left; height:103px;}
	.searchMod .result .channel .number, .searchMod .result .channel .name{ color:#001f48; font-family: 'SkyTextRegular'; font-size:2.15em;}
	
	.searchMod .result .channel .play{ background:url(../img/linear/ico_play2.png) 0 0 no-repeat; width:37px; height:37px;  margin:5px 0 0 0;}
	.searchMod .result .channel .play:hover{ background-position:-37px 0;}
	.searchMod .result .channel .play:active{ background-position:-74px 0;}
	
	.searchMod .result .program{ width:687px; float:left; padding:20px 9px 0 0; height:103px;}
	
	.searchMod .result .program .name{font-family: 'SkyTextMedium'; color:#001f48; font-size:1.5em; clear:both; margin:0 0 2px 0;}
	.searchMod .result .program .time{ background:url(../img/linear/ico_clock.png) 0 3px no-repeat; color:#001f48; font-size:1.2em; padding:0 0 0 15px;  height:12px; display:inline;}
	.searchMod .result .program .cat{ color:#001f48; font-size:1.2em; display:inline;  font-family:'SkyTextRegular'; }
	.searchMod .result .program .intro{ color:#001f48; clear:both; padding:15px 0 0 0; font-size:1.2em; line-height:18px;  font-family:'SkyTextRegular'; }
	
	.searchMod .pagination {color: #48719F;display: block; font-family: 'SkyTextRegular'; font-size: 1.5em;font-weight: normal; margin: 0px 20px 20px ;text-align:right}
	
	
	
	
.hightlightsMod .fav, .hightlightsMod .search, .hightlightsMod .hightlightsContent .info, .hightlightsMod .hightlightsHeader .toggle, .channelsMod .channel .name, .channelsMod .channels .go, .channelsMod .channel .fav, .channelsMod .channel .play, #hightlightsSlider .pag a, .hightlightsMod .searchForm .inputS, .searchMod .result .channel .play, .schedule .rec, .footerW .footer .logo a, .headerW .logo a, .headerW .secondMenu .settings, .rankingMod .tableMenu .next a, .rankingMod .tableMenu .prev a, .rankingMod .rankingHeader .filters .close, .rankingMod .pag a, .hightlightsMod .hightlightsContent .play {
	display: block;
	font-size: 0;
	overflow: hidden;
	text-indent: -99999em;
}
.go {
	position: absolute;
	right: -9px;
}


.tooltip {
	background: url("../img/linear/tooltip.png") no-repeat scroll 0 0 transparent;
	color: #FFFFFF;
	display: none;
	font-size: 14px;
	height: 40px;
	padding: 10px;
	text-align: center;
	width: 66px;
	z-index: 9999999999999999999;
}

/* FIx for page width*/
#wrapperLinear {width:984px; padding:0 14px; margin: 0 auto;}
  #pageLinear {width:984px; text-align:left; }


.page-hp .videoBoxW {
	padding: 5px 0 40px;
	text-align: center;
}

.page-hp .videoBox {
	width:990px;
	margin-left:auto;
margin-right:auto;
}

.page-hp .filtersBoxW {
	/*padding: 0 0 40px;*/
}

.page-hp .filtersBoxW .filtersBox {
	margin: 0 auto;
	position: relative;
	top: -5px;
	width: 990px;
}
/* fix for hl */

.hightlightsMod h3{
	color: #FFFFFF;
	font-family: 'SkyTextMedium';
	font-size: 16px;
	line-height: 1;
	margin-bottom: 0px;
	padding-left: 14px;
}

.hightlightsMod a {
	color: #FFFFFF;
	text-decoration: none;
	
}

/* ****************************
	LIGHTBOX STRUCTURE
***************************** */

div.lightboxGO_bg{width:100%; height:100%; display:none; position:fixed; top:0; left:0; z-index:1000; background:#000000;}
div.lightboxGO{width:100%; height:100%; display:none; position:relative; position:absolute; top:0; left:0; z-index:1001;}

div.lightboxGO a.icoclose{ display:block; width:14px; height:15px; background: url(../img/linear/lb_close.png) no-repeat 0 0; position:absolute; top:24px; right:24px; cursor:pointer;}
div.lightboxGO a.icoclose:active{ background-position:0 -15px;} 

div.lightboxGO a.lb_close {width:14px;}

span.clear {
	display: block;
}



/***cambiacanale_aprihtml.css
 * 
 * 
 */


.highlighth_cambiacanale {
	background-image: url("../img/olympic/banner_no_shadow.png");
}

.highlighth_aprihtml {
	background-image: url("../img/olympic/banner_no_shadow.png");
}
/* di default gli elementi olimpici sono nascosti */
#banner_aprihtml, #iframe_aprihtml {
	display: none;
}

.banner_aprihtml {
	margin: 0 auto 15px auto;
	width:991px;
	top:-20px;
	position:relative;
/*
	height: 45px;
	margin-bottom: 36px;
	margin-top: -20px;
*/
}

.banner_aprihtml a {
/*
	background-repeat: no-repeat;
	cursor: pointer !important;
	display: block;
	height: 100%;
	margin: auto;
	width: 991px;
*/
}

.iframe_aprihtml {
	margin-left: 3px;
	width: 984px;
	margin-top: -20px;
	overflow: hidden;
}

.hightlightsMod .hightlightsContent .item.highlight_cambiacanale {
	background-repeat: no-repeat;
}


.hightlightsMod .hightlightsContent .item.highlight_aprihtml {
	background-repeat: no-repeat;
}

.hightlightsMod .hightlightsContent .item.highlight_cambiacanale_aprihtml {
	background-repeat: no-repeat;
}

.hightlightsMod .hightlightsContent .item.highlight_cambiacanale div.pic, .hightlightsMod .hightlightsContent .item.highlight_cambiacanale h3.tit, .hightlightsMod .hightlightsContent .item.highlight_cambiacanale p.channel, .hightlightsMod .hightlightsContent .item.highlight_cambiacanale p.time {
	display: none;
}

.hightlightsMod .hightlightsContent .item.highlight_cambiacanale_aprihtml div.pic, .hightlightsMod .hightlightsContent .item.highlight_cambiacanale_aprihtml h3.tit, .hightlightsMod .hightlightsContent .item.highlight_cambiacanale_aprihtml p.channel, .hightlightsMod .hightlightsContent .item.highlight_cambiacanale_aprihtml p.time {
	display: none;
}




.hightlightsMod .hightlightsContent .item.highlight_aprihtml div.pic, .hightlightsMod .hightlightsContent .item.highlight_aprihtml h3.tit, .hightlightsMod .hightlightsContent .item.highlight_aprihtml p.channel, .hightlightsMod .hightlightsContent .item.highlight_aprihtml p.time {
	display: none;
}


.hightlightsMod .hightlightsContent .item.highlight_aprihtml a.play {
	background: none repeat scroll 0% 0% transparent;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
}


.hightlightsMod .hightlightsContent .item.highlight_cambiacanale_aprihtml a.play {
	background: none repeat scroll 0% 0% transparent;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
}
.hightlightsMod .hightlightsContent .item.highlight_cambiacanale a.play {
	background: none repeat scroll 0% 0% transparent;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
}