﻿/*20120816-1427*/

#mod-580-live-ticker { position:relative; }

#live-ticker { position:relative; width:100%; height: 0; margin:0 0 0 0; overflow:hidden; }
#live-ticker.open { height: 120px; display: block; margin: 0 0 22px 0; }
#live-ticker.mosaic-mode.open { height: auto; }
#live-ticker .carousel-wrapper { height: 92px; }
#live-ticker {
	-o-transition-property: height, margin;
	-o-transition-duration: 0.5s, 0.5s;
	-webkit-transition-property: height, margin;
	-webkit-transition-duration: 0.5s, 0.5s;
	-moz-transition-property: height, margin;
	-moz-transition-duration: 0.5s, 0.5s;
	transition-property: height, margin;
	transition-duration: 0.5s, 0.5s;
}
/* live-ticker-details height is being defined among the animation settings below */
#live-ticker-details { position:relative; width:100%; overflow:hidden; /* height: 20px; */ line-height: 20px; text-align: center; vertical-align: top; zoom: 1; display: block; }
#live-ticker-carousel { position:relative; width:100%; overflow:hidden; background:#ECEAE7; }
#live-ticker-carousel .carousel.no-buttons { margin: 0 8px;}

/* ticker-details */
#live-ticker-details .ticker-details-prev,
#live-ticker-details .ticker-details-next,
#live-ticker-details .ticker-details-total { display: block; text-align: center; color: #FFF; font-weight: bold; font-size: 12px; text-transform: uppercase; }

#live-ticker-details .ticker-details-prev,
#live-ticker-details .ticker-details-next {
	position: absolute;
	top: 20px;
	width: 30px;

	-o-transition-property: top;
	-o-transition-duration: 0.2s;
	-o-transition-timing-function: ease-in;
	-webkit-transition-property: top;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-in;
	-moz-transition-property: top;
	-moz-transition-duration: 0.2s;
	-moz-transition-timing-function: ease-in;
	transition-property: top;
	transition-duration: 0.2s;
	transition-timing-function: ease-in;
}
#live-ticker.show-prev-details #live-ticker-details .ticker-details-prev,
#live-ticker.show-next-details #live-ticker-details .ticker-details-next { top: 0; }
#live-ticker-details .ticker-details-prev { left: 22px; }
#live-ticker-details .ticker-details-next { right: 22px; }

#live-ticker-details .ticker-details-total-left,
#live-ticker-details .ticker-details-total-right,
#live-ticker-details .ticker-details-total,
#live-ticker-details .ticker-details-total .ticker-details-events-text-right,
#live-ticker-details .ticker-details-total .ticker-details-events-text-left { display: block; vertical-align: top; background: url(../_img/bg-ticker-details.png?2); }
#live-ticker-details .ticker-details-total-left { display: inline-block; *display: inline; zoom: 1; padding-left: 8px; background-repeat: no-repeat; background-position: 0 0; }
#live-ticker-details .ticker-details-total-right { padding-right: 8px; background-repeat: no-repeat; background-position: right -25px; }

#live-ticker-details .ticker-details-total { white-space: nowrap; background-position: 0 -50px; }

/* details text styles */
#live-ticker-details .ticker-details-total .ticker-details-events-number,
#live-ticker-details .ticker-details-total .ticker-details-events-text-right,
#live-ticker-details .ticker-details-total .ticker-details-events-text-left { display: inline-block; *display: inline; zoom: 1; vertical-align: top; }

#live-ticker-details .ticker-details-total .ticker-details-events-text-right,
#live-ticker-details .ticker-details-total .ticker-details-events-text-left { height: 20px; font: 0/0 a; text-shadow: none; color: transparent; margin-top: 2px; }

#live-ticker-details .ticker-details-total .ticker-details-events-number { font-size: 14px; line-height: 18px; }

/* details links */
#live-ticker-details .ticker-details-total .ticker-details-links {
    margin-left: 5px;
    padding-left: 6px;
	vertical-align: top;
	display: inline-block;
	*display: inline;
	zoom:1;
	background: url("../_img/bg-lnk-details.png") no-repeat 0 0;
	/* border-left: 1px dotted #FFF; */
}
#live-ticker-details .ticker-details-total .ticker-details-links:empty { display:none; }

#live-ticker-details .ticker-details-total .ticker-details-links .ticker-details-link {
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 130px; height: 20px; font: 0/0 a; text-shadow: none; color: transparent;
	background: url(../_img/bg-ticker-details.png) no-repeat;
}

#live-ticker-details .ticker-details-total .ticker-details-links .ticker-details-schedule {
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
}

/* details IRs */
.LNG_pt #live-ticker-details .ticker-details-total .ticker-details-events-text-left { width:92px; background-position: 0 -75px; }
.LNG_pt #live-ticker-details .ticker-details-total .ticker-details-events-text-right { width: 80px; background-position: -150px -75px; }
.LNG_pt #live-ticker-details.plural .ticker-details-total .ticker-details-events-text-right { width: 80px; background-position: -300px -75px; }

.LNG_es #live-ticker-details .ticker-details-total .ticker-details-events-text-left { width: 90px; background-position: 0 -100px; }
.LNG_es #live-ticker-details .ticker-details-total .ticker-details-events-text-right { width: 78px; background-position: -150px -100px; }
.LNG_es #live-ticker-details.plural .ticker-details-total .ticker-details-events-text-right { width: 80px; background-position: -300px -100px; }

.LNG_en #live-ticker-details .ticker-details-total .ticker-details-events-text-left { width: 62px; background-position: 0 -125px; }
.LNG_en #live-ticker-details .ticker-details-total .ticker-details-events-text-right { width: 55px; background-position: -150px -125px; }
.LNG_en #live-ticker-details.plural .ticker-details-total .ticker-details-events-text-right { width: 61px; background-position: -300px -125px; }

/* details links */
.LNG_pt #live-ticker-details .ticker-details-total .ticker-details-links .ticker-details-schedule { background-position: 0 -149px; }
.LNG_pt #live-ticker-details .ticker-details-total .ticker-details-links .ticker-details-schedule:hover { background-position: -150px -149px; }

.LNG_es #live-ticker-details .ticker-details-total .ticker-details-links .ticker-details-schedule { width: 132px; background-position: 0 -174px; }
.LNG_es #live-ticker-details .ticker-details-total .ticker-details-links .ticker-details-schedule:hover { background-position: -150px -174px; }

.LNG_en #live-ticker-details .ticker-details-total .ticker-details-links .ticker-details-schedule { width: 114px; background-position: 0 -199px; }
.LNG_en #live-ticker-details .ticker-details-total .ticker-details-links .ticker-details-schedule:hover { background-position: -150px -199px; }

/* details animations */
#live-ticker.open #live-ticker-details {
	padding-top: 20px; height: 0;
}
#live-ticker.open #live-ticker-details.show-details {
	padding-top: 0; height: 20px;
}

@-moz-keyframes show-details { from { padding-top: 20px; height: 0; } to { padding-top: 0; height: 20px; } }
@-o-keyframes show-details { from { padding-top: 20px; height: 0; } to { padding-top: 0; height: 20px; } }
@-ms-keyframes show-details { from { padding-top: 20px; height: 0; } to { padding-top: 0; height: 20px; } }
@-webkit-keyframes show-details { from { padding-top: 20px; height: 0; } to { padding-top: 0; height: 20px; } }
@keyframes show-details { from { padding-top: 20px; height: 0; } to { padding-top: 0; height: 20px; } }

#live-ticker.open #live-ticker-details.show-details {
	-o-animation: show-details 0.5s ease-out;
	-webkit-animation: show-details 0.5s ease-out;
	-ms-animation: show-details 0.5s ease-out;
	-moz-animation: show-details 0.5s ease-out;
	animation: show-details 0.5s ease-out;
}

/* buttons */
#live-ticker .button { position:absolute; top:0; width:22px; height:100px; z-index:2; -webkit-box-shadow:0 0 20px 0 #BEB7AF; -moz-box-shadow:0 0 20px 0 #BEB7AF; box-shadow:0 0 20px 0 #BEB7AF; }
#live-ticker .button.disabled { box-shadow:none; }
#live-ticker .button .arrow { margin-top:44px; }
#live-ticker .button.previous .arrow { background-position:8px 0; }
#live-ticker .button.next .arrow { background-position:-23px 0; }
#live-ticker .button.previous { left:0; }
#live-ticker .button.next { right:0; }

/* carousel */
#live-ticker .carousel { margin:0 30px; overflow:hidden; }
#live-ticker .carousel ul { width:99999px; height: 100px; }

/* event */
#live-ticker .event { position:relative; float:left; padding:0 17px; margin:8px 0; height: 84px; }
#live-ticker .event ~ .event { border-left:1px dotted #BEB7AF; }
#live-ticker .event:first-child { padding-left:0; }
#live-ticker .event:last-child { padding-right:0; }

#live-ticker .event > a { float:left; }

#live-ticker .event.no-thumb.selected:first-child { padding-left:17px; }
#live-ticker .event.no-thumb.selected:last-child { padding-right:17px; }

/* event-ads */
#live-ticker .event-ads {
	position:relative;
	float:left;
	padding:8px 17px;
	height: 84px;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	background: #D9D6D0;
/* to be replaced when there will be an ad to put here */
	width: 113px;
	overflow: hidden;
	color: white;
	font-size: 24px;
	line-height: 84px;
	text-align: center;
/* END to be replaced when there will be an ad to put here */
}
#live-ticker .event-ads + li.event {
	border: 0;
}
#live-ticker .event-ads ~ .event-ads { border-left:1px dotted #BEB7AF; }
#live-ticker .event-ads ~ .event-ads { border-left:1px dotted #BEB7AF; }

#live-ticker .event-ads .event-ad-text {
    line-height: 10px;
	color: #5D5850;
    font-size: 10px;
    text-align: left;
}
#live-ticker .event-ads .event-ad,
#live-ticker .event-ads .event-ad .event-img {
	width: 113px;
	height: 63px;
	overflow: hidden;
	position: absolute;
	left: 17px;
	bottom: 8px;
	line-height: 10px;
}
#live-ticker .event-ads .event-ad div video,
#live-ticker .event-ads .event-ad div object,
#live-ticker .event-ads .event-ad div a,
#live-ticker .event-ads .event-ad div {
	position: relative;
	z-index: 10;
	top: 0;
}
#live-ticker .event-ads .event-ad .event-img {
	position: static;
	display: block;
}
#live-ticker .event-ads .event-ad div:after {
/*
	position: absolute;
	top: 0;
	z-index: 1;
	content: 'this video Id is invalid';
	color: #000;
	font-size: 10px;
*/
}
#live-ticker .event-ads > iframe { left: 0; }
#live-ticker .event-ads > a { float:left; }
/*
#live-ticker .event-ads.no-thumb.selected:first-child { padding-left:17px; }
#live-ticker .event-ads.no-thumb.selected:last-child { padding-right:17px; }
*/

/* keep it over everything not to active "hover" state */
#live-ticker .event.selected:after { content:' '; display:block; position:absolute; top:0; left:0; width:100%; height:84px; z-index:6; }


/* link */
#live-ticker .event a:focus { outline:0; }

/* title */
#live-ticker .event .title { height:23px; margin:-2px 0 0 0; font-size:12px; line-height:1em; font-weight:bold; white-space:nowrap; }
#live-ticker .event.selected .title { font-weight:normal; }
#live-ticker .event.selected a:hover .title,
#live-ticker .event.selected a:focus .title { color:#47423A !important; }

/* thumb */
#live-ticker .event .thumb,
#live-ticker .event .thumb img { float:left; overflow:hidden; }

#live-ticker .event .thumb ~ .details { float: none; padding-left: 121px; }

#live-ticker .event .thumb { position: relative; margin-right: 8px; background: url("../_img/loading.gif") no-repeat scroll center center #BEB7AF; }
#live-ticker .event .thumb .ticker-img-cover { width:113px; height:63px; position: absolute; top: 0; left: 0; background: transparent url("../_img/loading.gif") no-repeat -1000px 0; }
#live-ticker .event .thumb img { width:113px; height:63px; /*text-indent:999px;*/ }

#live-ticker .event.selected .thumb,
#live-ticker .event a:hover .thumb,
#live-ticker .event a:focus .thumb { height:57px; border:3px solid #FF9900; outline:0; }

#live-ticker .event.selected .thumb img,
#live-ticker .event a:hover .thumb img,
#live-ticker .event a:focus .thumb img { margin:-3px; }

/* play, hd and watching */
#live-ticker .event .play,
#live-ticker .event .hd,
#live-ticker .event .watching { display:block; position:absolute; top:0; left:0; z-index:3; }

#live-ticker .event .play,
#live-ticker .event .hd { position:absolute; top:0; width:24px; height:24px; overflow:hidden; text-indent:-999px; background:url("../_img/ico.png"); }

#live-ticker .event .play { left:0; background-position:0 -192px; }
#live-ticker .event.selected .play,
#live-ticker .event a:hover .play,
#live-ticker .event a:focus .play { background-position:0 -216px; margin:-3px; }

#live-ticker .event .hd { left:24px; background-position:0 -144px; }
#live-ticker .event.selected .hd,
#live-ticker .event a:hover .thumb .hd,
#live-ticker .event a:focus .thumb .hd { background-position:0 -168px; margin:-3px; }

#live-ticker .event .watching { display:none; z-index:2; width:109px; height:59px; line-height:58px; background:rgba(25,25,23,.6); text-align:center; font-size:11px; font-weight:bold; text-transform:uppercase; color:#FFF !important; }
#live-ticker .event.no-thumb .watching { color:#47423A !important; }
#live-ticker .event.selected .watching { display:block; }
#live-ticker .event.selected.no-thumb .watching { width:auto; height:auto; line-height: 92px; top:-8px; bottom:-8px; left:0; right:0; border: 3px solid #F90; background:url("../_img/gray_opacity80.png"); background:rgba(236,234,231,.8); }
.no-rgba #live-ticker .event.selected .watching { background:url("../../../_img/opacity-60.png"); }


/* PIP */
#live-ticker .event .pip { display:none; position:absolute; z-index:4; top:60px; left:106px; width:24px; height:24px; background:url("../_img/ico.png"); cursor:pointer; }

/* selected */
#live-ticker .event.selected .pip { display:none; }
#live-ticker .event.selected.selected-pip .pip { display:block; }

/* first */
#live-ticker .event:first-child .pip { left:89px; }

/* active */
#live-ticker .event .pip:hover,
#live-ticker .event.selected-pip .pip { background-position:0 -24px; }

/* disable on iOS (ipad/iphone) */
.ios #live-ticker .event .pip { display:none !important; }


/* PIP TOOLTIP */
#live-ticker .event .pip .tooltip { display:none; }

#pip-tooltip {
display:block; *display:none; position:absolute; opacity:0; z-index:4; left:0; top:-10px; width:160px; padding:8px; margin-left:41px; border:2px solid #FF9900; background:#FFF; text-align:center; font-size:11px; color:#464139 !important;
-webkit-transition-duration:400ms;
-moz-transition-duration:400ms;
-o-transition-duration:400ms;
transition-duration:400ms;
}
.no-csstransitions #pip-tooltip { top:-50px; }
#pip-tooltip.active { display:block; opacity:1; top:23px; }
#pip-tooltip .arrow { display:block; position:absolute; bottom:-9px; left:50%; width:15px; height:10px; margin:0 0 0 -7px; background:url("../../../_img/tooltip-arrow.png"); }

/* text details */
#live-ticker .event .details { float:left; margin:0; }
#live-ticker .event .details .ico-hed { float:none; padding-right:0; margin-bottom:1px; }
#live-ticker .event .details .sport-details {
	color: #464039;
	font-size: 11px;
	white-space: nowrap;
}

#live-ticker .event .details .ico-hed-live,
#live-ticker .event .details .ico-hed-now,
#live-ticker .event .details .ico-hed-rerun {
	margin-bottom: 5px;
}

/* content inserted by :after is ignored by IE7. this code avoid the rollover */
#live-ticker .event.selected a:hover .details .ico-hed-minmin { background-position: 0 1px; }
#live-ticker .event.selected a:hover .details .ico-hed-live { background-position: 0 -42px; }
#live-ticker .event.selected a:hover .details .ico-hed-goal-by-goal { background-position: 0 -224px; }
#live-ticker .event.selected a:hover .details .ico-hed-rerun { background-position: 0 -266px; }

#live-ticker .event .details .description { min-width: 100px; max-width:145px; overflow:hidden; font-weight:bold; }
#live-ticker .event .details.has-sport-details .description { max-height: 28px; }
#live-ticker .event.selected .details .description { font-weight:normal; }
#live-ticker .event.selected a:hover .details .description,
#live-ticker .event.selected a:focus .details .description { color:#47423A !important; }

/* score */
#live-ticker .ticker-team ~ .ticker-team .ticker-shield,
#live-ticker .ticker-team ~ .ticker-team,
#live-ticker .ticker-penalty,
#live-ticker .ticker-points { margin-left:7px; }


#live-ticker .live-score-board  { padding-top: 2px; }

#live-ticker .live-score-board .ticker-team ~ .ticker-team .ticker-shield,
#live-ticker .live-score-board .ticker-team ~ .ticker-team,
#live-ticker .live-score-board .ticker-penalty,
#live-ticker .live-score-board .ticker-points { margin-left:10px; }

#live-ticker .ticker-shield { max-width:24px; height:24px; }

#live-ticker .ticker-shield,
#live-ticker .ticker-versus,
#live-ticker .ticker-penalty,
#live-ticker .ticker-points { color:#463F39; font-size:23px; line-height:35px; vertical-align:middle; }

#live-ticker .live-score-board .ticker-shield,
#live-ticker .live-score-board .ticker-versus,
#live-ticker .live-score-board .ticker-penalty,
#live-ticker .live-score-board .ticker-points { line-height: 25px; }

#live-ticker .live-score-board .score-board-container { overflow:hidden; }

#live-ticker .live-score-board .ticker-shield,
#live-ticker .live-score-board .ticker-points { line-height:25px; }
#live-ticker .live-score-board .ticker-points { margin-left:10px; }

#live-ticker .score { white-space:nowrap; }

#live-ticker .score.live-score-board  { white-space:normal; }


#live-ticker .ticker-game-time { clear:both; padding:1px 0 0 0; font-size:11px; color:#999; }

#live-ticker .live-score-board .ticker-game-time { clear:none; }

#live-ticker .ticker-team { float:left; }
#live-ticker .live-score-board .ticker-team { height: 32px;}
#live-ticker .ticker-team ~ .ticker-team { padding-left:15px; background:url(../_img/versus.png) no-repeat 0 10px; }

#live-ticker .live-score-board .ticker-team ~ .ticker-team { background-position: 0 5px; }
#live-ticker a:hover .live-score-board .ticker-team ~ .ticker-team { background-position:0 -55px; }

#live-ticker a:hover .ticker-team ~ .ticker-team { background-position:0 -50px; }

#live-ticker a:hover .minmin,
#live-ticker a:focus .minmin { background-position:-200px 0; }
#live-ticker a .minmin { margin:0; }

/* IE7 */
#live-ticker.live-ticker-ie a:hover .title,
#live-ticker.live-ticker-ie a:hover .thumb,
#live-ticker.live-ticker-ie a:hover .details,
#live-ticker.live-ticker-ie a:hover .description,
#live-ticker.live-ticker-ie a:hover .ico-hed,
#live-ticker.live-ticker-ie a:hover .ticker-thumb { cursor: pointer; }

#live-ticker.live-ticker-ie li.selected a:hover .title,
#live-ticker.live-ticker-ie li.selected a:hover .thumb,
#live-ticker.live-ticker-ie li.selected a:hover .details,
#live-ticker.live-ticker-ie li.selected a:hover .description,
#live-ticker.live-ticker-ie li.selected a:hover .ico-hed,
#live-ticker.live-ticker-ie li.selected a:hover .ticker-thumb { cursor: default; }

/* MOSAIC */
#live-ticker .mosaic > ul {
	margin: 1px 8px; /* 1px will stack with li margin and will be according to the layout */
	overflow: hidden;
}
#live-ticker .mosaic .event {
	width: 213px;
	margin: 11px 0;
	padding: 0 8px;
}
#live-ticker .mosaic .event-ads .event-ads-wrap {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#live-ticker .mosaic .event-ads {
	width: 213px;
	margin: 8px 0 8px 0;
	border: 0;
	padding: 0 8px;
	background: none;
}
#live-ticker .mosaic .event-ads-wrap {
	background: #D9D6D0;
}

#live-ticker .mosaic .event-ads .event-ad-text {
	margin: 4px 0 4px 50px;
}
#live-ticker .mosaic .event-ad {
	left: 58px;
	bottom: 4px;
}
#live-ticker .mosaic .event .title {
	line-height: 10px;
	margin: 0;
}

#live-ticker .mosaic .event .details .description {
	width: 92px;
	min-width: 0%;
	max-width: 100%;
}


/* border rules */
/* general */

#live-ticker .mosaic .event-ads + .event,
#live-ticker .mosaic .event-ads,
#live-ticker .mosaic .event {
	border-left: 1px dotted #BEB7AF;
}
#live-ticker .mosaic .event .details .sport-details { white-space:normal; }

#live-ticker .mosaic ul .ie-first-inline { border-left: 0 !important; }
#live-ticker .mosaic ul li:nth-child(4n+1) { border-left: 0 !important; }