@charset 'UTF-8';

.template-live #trr-ctn-content { width:100%; }
.template-live #mod-header { height:105px; }

.template-live .ctn-page-header { position:relative; width:936px; margin-bottom:22px; z-index:5; }

/* ttl-page custom-logo */
.template-live .custom-logo .ttl-page a,
.template-live .custom-logo .ttl-page span { display:block; height:70px; background-repeat:no-repeat; }
.template-live .custom-logo .ttl-page a:hover { background-position:0 -70px; }

/* ttl-page no-logo */
.template-live .no-logo { overflow:hidden; }

.template-live .no-logo .ttl-page .ttl-live,
.template-live .no-logo .ttl-page .ttl-rerun { float:left; height:20px; margin:20px 8px 0 0; background-repeat:no-repeat; }
.template-live .no-logo .ttl-page .ttl-live { background-image:url("../_img/ttl-live.png"); }
.template-live .no-logo .ttl-page .ttl-rerun { background-image:url("../_img/ttl-rerun.png"); }

.LNG_pt.template-live .no-logo .ttl-page .ttl-live { width:84px; }
.LNG_es.template-live .no-logo .ttl-page .ttl-live { width:82px; background-position:0 -20px; }
.LNG_en.template-live .no-logo .ttl-page .ttl-live { width:44px; background-position:0 -40px; }

.LNG_pt.template-live .no-logo .ttl-page .ttl-rerun { width:88px; }
.LNG_es.template-live .no-logo .ttl-page .ttl-rerun { width:129px; background-position:0 -20px; }
.LNG_en.template-live .no-logo .ttl-page .ttl-rerun { width:72px; background-position:0 -40px; }

.template-live .no-logo .ttl-page .ttl-klavikator { float:left; width:400px; height:30px; margin:15px 0 0 0; background-repeat:no-repeat; }
.template-live .no-logo .ttl-page a.ttl-klavikator:hover { background-position:0 -30px; }

/* tgm */
.template-live .ctn-page-header .ctn-tgm { position:absolute; top:0; right:0; width:88px; height:31px; }


/*
content sharer
*/

.template-live #ctn-content-sharer-top { position:absolute; top:69px; left:560px; }
.template-live #ctn-content-sharer-top .trr-content-sharer.trr-content-sharer-top { padding:0; }

.template-live #ctn-content-sharer-bottom { position:relative; height:82px; }
.template-live #ctn-content-sharer-bottom #content-sharer-bottom { float:right; }
.template-live #ctn-content-sharer-bottom #content-sharer-bottom .trr-content-sharer.trr-content-sharer-bottom { height:auto; padding:0; }
.template-live #ctn-content-sharer-bottom #content-sharer-bottom .trr-content-sharer .new-block-group { background:none; }
.template-live #ctn-content-sharer-bottom #content-sharer-bottom .common-ui-ttl-share { display:none; }
.template-live #ctn-content-sharer-bottom #content-sharer-bottom .common-ui-facebook-bottom { position:absolute; top:0; left:0; width:700px; padding:0; margin:0; }


/*
bottom ad
*/
.template-live .ctn-tgm-bottom-holder .ctn-tgm-bottom { margin:0 0 0 98px; float:left; }
.template-live .ctn-tgm-bottom-holder .ctn-tgm-pagesponsorbottom { margin-left:2px; width:101px; height:91px; overflow:hidden; float:left; }


/*
*************************************************************************************************************************
ticker
*/

.template-live #mod-580-live-ticker .event .pip { display:block; }
.template-live #mod-580-live-ticker .event.selected .pip { display:none; }


/*
*************************************************************************************************************************
header ultra slim
*/

#mod-header-ultra-slim { height:24px; background:#FF9900; }
#mod-header-ultra-slim .logo { margin:0 0 0 3px; }


/*
*************************************************************************************************************************
pip tip
*/

#pip-tip {
visibility:hidden; opacity:0; position:absolute; z-index:6; top:300px; width:248px; height:124px; padding:8px; margin:0 0 0 -3px; border:3px solid #F90; background:#FFF; color:#464039;
-webkit-transition-duration:500ms; -webkit-box-shadow:8px 8px 16px -8px #333; -webkit-transition-property:opacity,top;
-moz-transition-duration:500ms; -moz-box-shadow:8px 8px 16px -8px #333; -moz-transition-property:opacity,top;
transition-duration:500ms; box-shadow:8px 8px 16px -8px #333; transition-property:opacity,top;
}
#pip-tip.visible { visibility:visible; opacity:1; top:233px; }
.ios #pip-tip { display:none !important; }
#pip-tip .title { width:100%; height:11px; background-repeat:no-repeat; overflow:hidden; line-height:99em; cursor:default; }
.LNG_pt #pip-tip .title { background-image:url("../_img/pip-tip-title-pt.png"); }
.LNG_es #pip-tip .title { background-image:url("../_img/pip-tip-title-es.png"); }
.LNG_en #pip-tip .title { background-image:url("../_img/pip-tip-title-en.png"); }
#pip-tip .text-1 { margin:0 0 10px 0; }
#pip-tip .thumb { position:relative; float:left; width:97px; height:97px; }
#pip-tip .thumb .crop { display:block; position:relative; width:67px; height:67px; overflow:hidden; }
#pip-tip .thumb .crop img { position:absolute; bottom:0; right:0; width:187px; }
#pip-tip .thumb .mask { display:block; position:absolute; z-index:2; top:6px; left:4px; width:97px; height:97px; background:url("../_img/pip-tip-mask.png"); }
#pip-tip .text-2 { padding-top:17px; }
#pip-tip .arrow { display:block; position:absolute; top:-14px; left:50%; width:26px; height:14px; margin:0 0 0 -13px; background:url("../_img/pip-tip-arrow.png"); }
#pip-tip .close { display:block; position:absolute; top:8px; right:8px; width:9px; height:9px; background:url("http://s1.trrsf.com/atm/3/core/_img/ico-general.png") 0 -900px no-repeat; overflow:hidden; text-indent:-999px; }



/*
*************************************************************************************************************************
STAGE
*/

#stage { position:relative; z-index:2; background:#ECEAE7; padding:4px; margin:0 0 17px 0; }


/*
*************************************************************************************************************************
EVENT
*/

#event { height:44px; background:#191917; overflow:hidden; }
#event #event-details { float:left; width:470px; padding:0 0 0 8px; }
#event #event-icon { float:left; }
#event #event-icon img { margin:10px 8px 0 0; vertical-align:middle; }
#event #event-description {  height:1em; padding:6px 0 3px 0; font-size:10px; color:#BEB7AF; text-transform:uppercase; overflow:hidden; }
#event #event-name { height:1.1em; overflow: hidden; font-size:16px; color:#FFF; line-height:1em; }
#event #event-name.no-description { line-height:44px; height:44px; }

#menu { float:right; margin:0 22px 0 0; }
.ios #menu { display:none !important; }
#menu li { float:left; padding:0 0 0 22px; }
#menu li a { display:block; float:left; height:44px; overflow:hidden; text-indent:-999px; outline:0; }
#menu li.selected a { cursor:default; }

.LNG_pt #menu li a { background-image:url("../_img/menu-pt.png"); }
.LNG_es #menu li a { background-image:url("../_img/menu-es.png"); }
.LNG_en #menu li a { background-image:url("../_img/menu-en.png"); }

.LNG_pt #menu-comments a { width:72px; }
.LNG_pt #menu-narration a { width:56px; }
.LNG_pt #menu-videos a { width:114px; }
.LNG_pt #menu-schedule a { width:76px; }
.LNG_pt #menu-medals a { width:55px; }

.LNG_es #menu-comments a { width:71px; }
.LNG_es #menu-narration a { width:59px; }
.LNG_es #menu-videos a { width:105px; }
.LNG_es #menu-schedule a { width:81px; }
.LNG_es #menu-medals a { width:54px; }

.LNG_en #menu-comments a { width:57px; }
.LNG_en #menu-narration a { width:94px; }
.LNG_en #menu-videos a { width:135px; }
.LNG_en #menu-schedule a { width:73px; }
.LNG_en #menu-medals a { width:41px; }

#menu-comments a { background-position:0 0; }
#menu-comments.selected a,
#menu-comments a:hover,
#menu-comments a:focus { background-position:-200px 0 !important; }

#menu-narration a { background-position:0 -44px; }
#menu-narration.selected a,
#menu-narration a:hover,
#menu-narration a:focus { background-position:-200px -44px; }

#menu-videos a { background-position:0 -88px; }
#menu-videos.selected a,
#menu-videos a:hover,
#menu-videos a:focus { background-position:-200px -88px; }

#menu-schedule a { background-position:0 -132px; }
#menu-schedule.selected a,
#menu-schedule a:hover,
#menu-schedule a:focus { background-position:-200px -132px; }

#menu-medals a { background-position:0 -176px; }
#menu-medals.selected a,
#menu-medals a:hover,
#menu-medals a:focus { background-position:-200px -176px; }

#event .ctn-tgm { position:relative; float:right; width:111px; height:44px; }


/*
*************************************************************************************************************************
PLAYER
*/

#player { width:928px; height:522px; background:#000; overflow:hidden; }

/*
*************************************************************************************************************************
PANELS
*/
#panel-container { position:absolute; top:56px; right:12px; z-index:3; width:220px; color:#FFF; overflow:hidden; }
#panel-container #loader { position:absolute; top:50%; left:50%; width:32px; height:32px; margin:-16px 0 0 -16px; background:url("../_img/ajax-loader-2.gif"); overflow:hidden; }
#panel-container .title { width:175px; height:20px; background-repeat:no-repeat; overflow:hidden; text-indent:-999px; background:url("../_img/ttl-panel-titles.png") no-repeat; }
#panel-container .close { display:block; z-index:2; position:absolute; top:4px; right:4px; width:17px; height:17px; background:url("http://s1.trrsf.com/atm/3/core/_img/ico-general.png") 4px -896px no-repeat; overflow:hidden; text-indent:-999px; }
.LNG_es #panel-container .close,
.LNG_en #panel-container .close { background-image:url("http://s1.trrsf.com/atm/3/core/_img/ico-general.png"); }

#panel-container .nav a { display:block; height:20px; background:url("../_img/carousel-arrows.png") center 0 no-repeat; background-color:rgba(153,153,153,.8); }
#panel-container .nav a:hover { background-color:rgba(255,153,0,1); }
#panel-container .prev a { background-position:center 0; border-radius:3px 3px 0 0; }
#panel-container .next a { background-position:center -20px; border-radius:0 0 3px 3px; }
#panel-container .nav a.disabled { background-color:rgba(71,66,58,.8); cursor:default; }
#panel-container .prev a.disabled { background-position:center -40px; }
#panel-container .next a.disabled { background-position:center -60px; }

.no-rgba #panel-container .nav a { background-color:#7C7C82; }
.no-rgba #panel-container .nav a:hover { background-color:#FF9900; }
.no-rgba #panel-container .nav a.disabled { background-color:#3A3636; }


/* comments */
#comments { background:url("../_img/bg-comments.png") 0 0 transparent; background:rgba(0,0,0,0.8); color:#47423A; }

/* narration */
#narration { height:451px; padding:8px; background:rgba(0,0,0,0.8); overflow:hidden; }
.no-rgba #narration { background:url("../_img/opacity-80.png"); }
#narration .title { margin:0 0 17px 0; }
.LNG_pt #narration .title { background-position:0 -43px; }
.LNG_es #narration .title { background-position:-200px -43px; }
.LNG_en #narration .title { background-position:-400px -43px; }
#narration #narration-nav-prev { margin:0 0 8px 0; }
#narration .carousel { height:358px; margin:0 0 8px 0; overflow:hidden; }
#narration .carousel ul li { padding:14px 0 15px 0; border-bottom:1px dotted #E8E8E8; overflow:hidden; }
#narration .carousel ul li:first-child { padding-top:0; }
#narration .carousel ul li:last-child { padding-bottom:0; border-bottom:0; }
#narration .carousel ul li .time { display:block; float:left; width:35px; margin:0 8px 0 0; vertical-align:top; }
#narration .carousel ul li .time.hour { font-size:12px; line-height:14px; }
#narration .carousel ul li .time.minute { font-size:18px; line-height:1em; }
#narration .carousel ul li .time img { clear:left; padding-top:5px; }
#narration .carousel ul li .text { display:block; float:left; width:160px; vertical-align:top; }
#narration .carousel ul li .text a { font-weight:bold; color:#FF9900; }
#narration .carousel ul li .text a:focus,
#narration .carousel ul li .text a:hover { text-decoration:underline; }
.RGN_US #narration .carousel ul li .time { width:50px; }
.RGN_US #narration .carousel ul li .text { width:145px; }

/* videos on demand */
#videos { overflow:hidden; height:451px; padding:8px; background:rgba(0,0,0,0.8); }
.no-rgba #videos { background:url("../_img/opacity-80.png"); }
#videos .title { margin:0 0 17px 0; }
.LNG_pt #videos .title { background-position:0 -78px; }
.LNG_es #videos .title { background-position:-200px -78px; }
.LNG_en #videos .title { background-position:-400px -78px; }
#videos #videos-nav-prev { margin:0 0 8px 0; }
#videos .carousel { height:358px; margin:0 0 8px 0; overflow:hidden; }
#videos .carousel ul li { float:left; clear:both; width:195px; padding:17px 0; border-bottom:1px dotted #E8E8E8; }
#videos .carousel ul li.top { padding-top:0; }
#videos .carousel ul li.bottom { padding-bottom:0; border-bottom:0; }
#videos .carousel ul li { overflow:hidden; }
#videos .carousel ul li a,
#videos .carousel ul li a img { float:left; overflow:hidden; }
#videos .carousel ul li a { display:block; position:relative; }
#videos .carousel ul li a img { width:195px; height:109px; }
#videos .carousel ul li a:hover,
#videos .carousel ul li a:focus { border:3px solid #FF9900; overflow:hidden; }
#videos .carousel ul li a:hover img,
#videos .carousel ul li a:focus img { margin:-3px; }
#videos .carousel ul li a .bgr { background:rgba(0,0,0,0.85); }
.no-rgba #videos .carousel ul li a .bgr { background:#000; opacity:0.85; -moz-opacity:0.85; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter:alpha(opacity=85); }
#videos .carousel ul li a .bgr,
#videos .carousel ul li a .txt { width:183px; height:31px; padding:4px 6px 0 6px; overflow:hidden; position:absolute; bottom:0; left:0; cursor:pointer; color:#FFF; }
#videos .carousel ul li a:hover .bgr,
#videos .carousel ul li a:hover .txt,
#videos .carousel ul li a:focus .bgr,
#videos .carousel ul li a:focus .txt { height:28px; padding:4px 3px 0 3px; }
#videos .carousel ul li .play { display:block; position:absolute; top:0; left:0; overflow:hidden; text-indent:-999px; width:24px; height:24px; background:url("../_img/ico.png") 0 -192px; }
#videos .carousel ul li a:hover .play { background-position:0 -216px; }

/*
*************************************************************************************************************************
VOD
*/

#vod-overlay { position:absolute; z-index:9998; top:0; left:0; width:100%; background:rgba(255,255,255,0.9); }
#vod-stage { position:fixed; _position:absolute; z-index:9999; top:100px; left:50%; width:816px; height:489px; margin:0 0 0 -416px; padding:25px 8px 8px; background:rgba(25, 25, 23, 0.8); }
#vod-close { display:block; position:absolute; top:8px; right:8px; width:9px; height:9px; background:url("http://s1.trrsf.com/atm/3/core/_img/ico-general.png") 0 -900px no-repeat; overflow:hidden; text-indent:-999px; }
#vod-player { height:459px; background:#000; }
#vod-description { height:30px; padding:0 8px; background:#191917; font-size:18px; line-height:30px; color:#FFF; }
.no-rgba #vod-overlay { background:url("../_img/opacity-90-white.png"); }
.no-rgba #vod-stage { background:#454543; }


/*
*************************************************************************************************************************
Medals
*/

#medals { height:451px; padding:8px; background:rgba(0,0,0,0.8); }
.no-rgba #medals { background:url("../_img/opacity-80.png"); }
#medals .title { margin:0 0 17px 0; }
.LNG_pt #medals .title { background-position:0 -142px; }
.LNG_es #medals .title { background-position:-200px -142px; }
.LNG_en #medals .title { background-position:-400px -142px; }

#medals table { width:220px; margin:0 0 0 -8px; }
#medals table * { vertical-align:top; }
#medals table thead tr th { padding-bottom:7px; text-align:center; }
#medals table thead tr th.country { text-align:left; padding-left:8px; }
#medals table thead tr th.country img { padding-top:3px; }

#medals table tbody { font-weight:bold; }
#medals table tbody tr th,
#medals table tbody tr td { width:1px; padding:8px 0; text-align:center; }

#medals table tbody tr th { padding:8px; text-align:left; }
#medals table tbody tr td.ctn-flag { padding:8px 0; }
#medals table tbody tr td.last { padding-right:17px; }
#medals table tbody tr td span { display:block; padding:0 8px 0 9px; border-right:1px dotted #BEB7AF; vertical-align:middle; line-height:1em; }
#medals table tbody tr td.last span { border:0; }

#medals table tbody tr.highlight th,
#medals table tbody tr.highlight td { background:#676767; }

#medals .more { padding:8px 0 0 0; }


/* schedule */
#schedule { overflow:hidden; height:451px; padding:8px; background:rgba(0,0,0,0.8); }
.no-rgba #schedule { background:url("../_img/opacity-80.png"); }
#schedule .title { margin:0 0 17px 0; }
.LNG_pt #schedule .title { background-position:0 -112px; }
.LNG_es #schedule .title { background-position:-200px -112px; }
.LNG_en #schedule .title { background-position:-400px -112px; }
#schedule #schedule-nav-prev { margin:0 0 8px 0; }

#schedule .carousel { height:358px; margin:0 0 8px 0; overflow:hidden; }
#schedule .carousel ul li { overflow:hidden; padding:17px 0; border-bottom:1px dotted #E8E8E8; }
#schedule .carousel ul li.bottom { border-bottom:0; }

#schedule .carousel ul li * { vertical-align:top; }
#schedule .carousel ul li .time { float:left; width:53px; padding-top:3px; font-size:14px; font-weight:bold; color:#FFF; }
#schedule .carousel ul li .ico { float:left; width:24px; height:24px; margin:0 8px 0 0; }
#schedule .carousel ul li .details { float:left; width:110px; }
#schedule .carousel ul li .details .sport-name { font-size:12px; font-weight:bold; }
#schedule .carousel ul li .ico-hed { margin-top:1px; }

#schedule .carousel ul li .competitors { overflow:hidden; padding:4px 0 0 0; }
#schedule .carousel ul li .competitors .country-flag { float:left; }
#schedule .carousel ul li .competitors span { display:block; float:left; padding:2px 17px 0; color:#FFF; }


/* ERRORS */

/* general */
#general-error { position:absolute; z-index:5; top:0; left:0; width:936px; background:rgba(255,255,255,0.9); text-align:center; }
.no-rgba #general-error { background:#ECEAE7; }
#general-error p { width:100%; display:inline-block; padding:40px 0 0 0; margin:250px auto 0; font-size:23px; line-height:48px; font-weight:bold; color:#464039; background:url("../_img/general-error.png") 330px  0 no-repeat; }
#general-error p span { display:inline-block; font-size:48px; }

/* context */
#context-error { position:absolute; z-index:1; top:48px; left:0; margin:0 4px; width:928px; background:rgba(255,0,0,.8); }
#context-error p { font-size:14px; color:#FFF; padding:11px; }

/* event finished */
#event-finished { position:absolute; z-index:2; bottom:50%; left:50%; margin:0 0 -283px -464px; width:928px; height:522px; background:#000 left bottom no-repeat; text-align:center; }
.LNG_pt #event-finished { background-image:url("../_img/event-finished-pt.jpg"); }
.LNG_es #event-finished { background-image:url("../_img/event-finished-es.jpg"); }
.LNG_en #event-finished { background-image:url("../_img/event-finished-en.jpg"); }