/* 20120726-2311 */ @charset "utf-8"; #mod-header, #mod-footer { width: 936px; margin: 0 auto; } #trr-ctn-general { position: static; } #videos-london h1, #videos-london h2, #videos-london h3, #videos-london h4, #videos-london h5 { line-height: normal; } .trr-content-sharer.trr-content-sharer-top { padding-top: 4px !important; } input, textarea, select { outline: 0; } .lin-hor-solid { border-top: 1px solid #CCCCCC; line-height: 1px; } #divAnnotatio { clear: both; } #trr-ctn-content > .ctn-cols { clear: both; margin-top: 30px; } .lin-ver-dotted { height: 13px; width: 2px; font: 0/0 a; background: url("http://s1.trrsf.com.br/atm/3/core/_img/lin-dotted.png") repeat-y center center; } .ttl-section.ttl-dynamic span { text-transform: lowercase; } .ttl-section.ttl-dynamic a { background: none; } /* head + search form */ .head { clear: both; overflow: visible; height: 30px; margin: 0 0 22px; padding-top: 8px; } .head .ttl-page { line-height: 9999px; text-indent: 0; overflow: hidden; font-size: 23px; font-weight: normal; text-transform: uppercase; color: #999999; float: left; width: auto; } .head .ttl-page .logo-terratv { display: block; margin: 3px 0 0; width: 115px; height: 20px; background: url("../_img/logo-terra-tv.png") no-repeat left top; } .head .ttl-page .logo-terratv:hover { background-position: left bottom; } .head .ttl-page strong { font-weight: bold; color: #464039; } .head form { float: right; } .head form input[type=text] { font-size: 14px; display: inline-block; border: 1px #BEB7AF solid; border-right: 0; width: 366px; margin: 0; padding: 5px 8px 5px; height: 18px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .head form input[type=text]:focus { border-color: #FF9900; } .head form input[type=submit] { display: inline-block; font: 0/0 a; color: transparent; vertical-align: top; margin: 0; padding: 0; border: 0; width: 30px; height: 30px; background: transparent url("../_img/forms.png") no-repeat right top; cursor: pointer; } .head form input[type=text]:focus, .head form input[type=submit]:hover, .head form input[type=submit]:focus { background-position: right -30px; } /* all sports */ #mod-621-all-sports { float: left; position: relative; z-index: 990; } #mod-621-all-sports > a { float: left; background: url("../_img/ttl-dotted.png") 0 50% no-repeat; } #mod-621-all-sports > a strong { display: block; cursor: pointer; white-space: nowrap; height: 30px; text-transform: uppercase; line-height: 30px; padding: 0 18px 0 20px; background: url("../_img/ico-all-sports.png") no-repeat right center; } #mod-621-all-sports > a:hover, #mod-621-all-sports > a:hover * { color: #47423A!important; } #mod-621-all-sports .layer-sports { display: none; } #mod-621-all-sports .layer-sports .lin-hor-dotted { position: static; } #mod-621-all-sports.active > a { position: absolute; top: -8px; padding: 5px 16px 10px 0; z-index: 2; border: solid 3px #FF9900; border-bottom: none; background: #FFF; white-space: nowrap; } #mod-621-all-sports.active > a strong { padding-left: 17px; } #mod-621-all-sports.active .layer-sports { display: block; } #mod-621-all-sports .layer-sports { position: absolute; top: 37px; border: solid 3px #FF9900; background: #FFF; padding: 17px; width: 770px; -webkit-box-shadow: 5px 5px 4px 0 rgba(0,0,0,0.2); -moz-box-shadow: 5px 5px 4px 0 rgba(0,0,0,0.2); box-shadow: 5px 5px 4px 0 rgba(0,0,0,0.2); } #mod-621-all-sports .layer-sports ol { float: left; width: 185px; height: 250px; padding-left: 10px; background: url("http://s1.trrsf.com.br/atm/3/core/_img/lin-dotted.png") repeat-y 0 0; } #mod-621-all-sports .layer-sports ol.first, #mod-621-all-sports .layer-sports ol:first-child { padding-left: 0; background: none; } #mod-621-all-sports .layer-sports ol li { margin-bottom: 8px; } #mod-621-all-sports .layer-sports ul li em { margin-bottom: 5px; } #mod-621-all-sports .layer-sports ol a { display: block; height: 24px; line-height: 24px; padding-left: 30px; background-image: url("../_img/london-sports-24x24.png"); background-repeat: no-repeat; font-size: 14px; font-weight: bold; } #mod-621-all-sports .layer-sports ol .item-sport { cursor: pointer; display: block; height: 24px; line-height: 24px; padding-left: 30px; background-image: url("../_img/london-sports-24x24.png"); background-repeat: no-repeat; font-size: 14px; font-weight: bold; } #mod-621-all-sports .layer-sports ol .item-sport.disabled { opacity: 0.3; cursor: default; display: block; height: 24px; line-height: 24px; padding-left: 30px; background-image: url("../_img/london-sports-24x24.png"); background-repeat: no-repeat; font-size: 14px; font-weight: bold; } #mod-621-all-sports .layer-sports ul { clear: both; } #mod-621-all-sports .layer-sports ul li { float: left; width: 185px; padding-left: 10px; background: url("http://s1.trrsf.com.br/atm/3/core/_img/lin-dotted.png") repeat-y 0 0; } #mod-621-all-sports .layer-sports ul li:first-child { padding: 0; background: none; } #mod-621-all-sports .layer-sports ul li .ctn-captioned-image .img { margin: 0; } #mod-621-all-sports .ctn-captioned-image { overflow: hidden; width: 178px; margin: 0; } #mod-621-all-sports .ctn-captioned-image .img img { display: block; width: 178px; height: 100px; } #mod-621-all-sports .layer-sports .ttl-subtitle { font-size: 13px; padding-bottom: 10px; white-space: nowrap; } #mod-621-all-sports .archery { background-position: 0 0; } #mod-621-all-sports .athletics { background-position: 0 -24px; } #mod-621-all-sports .badminton { background-position: 0 -48px; } #mod-621-all-sports .basketball { background-position: 0 -72px; } #mod-621-all-sports .boxing { background-position: 0 -96px; } #mod-621-all-sports .canoe { background-position: 0 -120px; } #mod-621-all-sports .cycling { background-position: 0 -144px; } #mod-621-all-sports .fencing { background-position: 0 -168px; } #mod-621-all-sports .soccer { background-position: 0 -192px; } #mod-621-all-sports .gymnastics { background-position: 0 -216px; } #mod-621-all-sports .weightlifting { background-position: 0 -240px; } #mod-621-all-sports .handball { background-position: 0 -264px; } #mod-621-all-sports .equestrian { background-position: 0 -288px; } #mod-621-all-sports .hockey { background-position: 0 -312px; } #mod-621-all-sports .judo { background-position: 0 -336px; } #mod-621-all-sports .wrestling { background-position: 0 -360px; } #mod-621-all-sports .synchronised-swimming, #mod-621-all-sports .synchronized-swimming { background-position: 0 -384px; } #mod-621-all-sports .swimming { background-position: 0 -408px; } #mod-621-all-sports .modern-pentathlon { background-position: 0 -432px; } #mod-621-all-sports .water-polo { background-position: 0 -456px; } #mod-621-all-sports .rowing { background-position: 0 -480px; } #mod-621-all-sports .diving { background-position: 0 -504px; } #mod-621-all-sports .taekwondo { background-position: 0 -528px; } #mod-621-all-sports .tennis { background-position: 0 -552px; } #mod-621-all-sports .table-tennis { background-position: 0 -576px; } #mod-621-all-sports .shooting { background-position: 0 -600px; } #mod-621-all-sports .triathlon { background-position: 0 -624px; } #mod-621-all-sports .sailing { background-position: 0 -648px; } #mod-621-all-sports .volley, #mod-621-all-sports .volleyball { background-position: 0 -672px; } #mod-621-all-sports .beach-volley { background-position: 0 -696px; } #mod-621-all-sports .disabled.archery { background-position: 0 0!important; } #mod-621-all-sports .disabled.athletics { background-position: 0 -24px!important; } #mod-621-all-sports .disabled.badminton { background-position: 0 -48px!important; } #mod-621-all-sports .disabled.basketball { background-position: 0 -72px!important; } #mod-621-all-sports .disabled.boxing { background-position: 0 -96px!important; } #mod-621-all-sports .disabled.canoe { background-position: 0 -120px!important; } #mod-621-all-sports .disabled.cycling { background-position: 0 -144px!important; } #mod-621-all-sports .disabled.fencing { background-position: 0 -168px!important; } #mod-621-all-sports .disabled.soccer { background-position: 0 -192px!important; } #mod-621-all-sports .disabled.gymnastics { background-position: 0 -216px!important; } #mod-621-all-sports .disabled.weightlifting { background-position: 0 -240px!important; } #mod-621-all-sports .disabled.handball { background-position: 0 -264px!important; } #mod-621-all-sports .disabled.equestrian { background-position: 0 -288px!important; } #mod-621-all-sports .disabled.hockey { background-position: 0 -312px!important; } #mod-621-all-sports .disabled.judo { background-position: 0 -336px!important; } #mod-621-all-sports .disabled.wrestling { background-position: 0 -360px!important; } #mod-621-all-sports .disabled.synchronised-swimming, #mod-621-all-sports .disabled.synchronized-swimming { background-position: 0 -384px!important; } #mod-621-all-sports .disabled.swimming { background-position: 0 -408px!important; } #mod-621-all-sports .disabled.modern-pentathlon { background-position: 0 -432px!important; } #mod-621-all-sports .disabled.water-polo { background-position: 0 -456px!important; } #mod-621-all-sports .disabled.rowing { background-position: 0 -480px!important; } #mod-621-all-sports .disabled.diving { background-position: 0 -504px!important; } #mod-621-all-sports .disabled.taekwondo { background-position: 0 -528px!important; } #mod-621-all-sports .disabled.tennis { background-position: 0 -552px!important; } #mod-621-all-sports .disabled.table-tennis { background-position: 0 -576px!important; } #mod-621-all-sports .disabled.shooting { background-position: 0 -600px!important; } #mod-621-all-sports .disabled.triathlon { background-position: 0 -624px!important; } #mod-621-all-sports .disabled.sailing { background-position: 0 -648px!important; } #mod-621-all-sports .disabled.volley, #mod-621-all-sports .disabled.volleyball { background-position: 0 -672px!important; } #mod-621-all-sports .disabled.beach-volley { background-position: 0 -696px!important; } #mod-621-all-sports .archery:hover { background-position: -250px 0; } #mod-621-all-sports .athletics:hover { background-position: -250px -24px; } #mod-621-all-sports .badminton:hover { background-position: -250px -48px; } #mod-621-all-sports .basketball:hover { background-position: -250px -72px; } #mod-621-all-sports .boxing:hover { background-position: -250px -96px; } #mod-621-all-sports .canoe:hover { background-position: -250px -120px; } #mod-621-all-sports .cycling:hover { background-position: -250px -144px; } #mod-621-all-sports .fencing:hover { background-position: -250px -168px; } #mod-621-all-sports .soccer:hover { background-position: -250px -192px; } #mod-621-all-sports .gymnastics:hover { background-position: -250px -216px; } #mod-621-all-sports .weightlifting:hover { background-position: -250px -240px; } #mod-621-all-sports .handball:hover { background-position: -250px -264px; } #mod-621-all-sports .equestrian:hover { background-position: -250px -288px; } #mod-621-all-sports .hockey:hover { background-position: -250px -312px; } #mod-621-all-sports .judo:hover { background-position: -250px -336px; } #mod-621-all-sports .wrestling:hover { background-position: -250px -360px; } #mod-621-all-sports .synchronised-swimming:hover, #mod-621-all-sports .synchronized-swimming:hover { background-position: -250px -384px; } #mod-621-all-sports .swimming:hover { background-position: -250px -408px; } #mod-621-all-sports .modern-pentathlon:hover { background-position: -250px -432px; } #mod-621-all-sports .water-polo:hover { background-position: -250px -456px; } #mod-621-all-sports .rowing:hover { background-position: -250px -480px; } #mod-621-all-sports .diving:hover { background-position: -250px -504px; } #mod-621-all-sports .taekwondo:hover { background-position: -250px -528px; } #mod-621-all-sports .tennis:hover { background-position: -250px -552px; } #mod-621-all-sports .table-tennis:hover { background-position: -250px -576px; } #mod-621-all-sports .shooting:hover { background-position: -250px -600px; } #mod-621-all-sports .triathlon:hover { background-position: -250px -624px; } #mod-621-all-sports .sailing:hover { background-position: -250px -648px; } #mod-621-all-sports .volley, #mod-621-all-sports .volleyball:hover { background-position: -250px -672px; } #mod-621-all-sports .beach-volley:hover { background-position: -250px -696px; } /* video info */ .video-info { clear: both; margin: 0 0 15px; } .video-info .date { display: block; font-size: 11px; color: #999999; } .video-info .title { font-size: 23px; color: #47423A; font-weight: bold; margin: 1px 0; } .video-info .desc { width: 619px; font-size: 12px; color: #5d5850; line-height: 16px; font-weight: normal; } .video-info .ctn-tgm { float: right; margin: 19px 0 0; width: 89px; height: 32px; } /* video thumbs */ .ctn-captioned-image .video-time { background: url("http://s1.trrsf.com.br/atm/3/core/_img/opacity-60.png"); color: #FFFFFF !important; font-style: normal; font-size: 11px; font-weight: bold; display: block; height: 24px; line-height: 24px; padding: 0 4px; position: absolute; top: 0; left: 48px; /*opacity: 0.6;*/ } .ctn-captioned-image .no-hd .video-time { left: 24px; } .ctn-captioned-image a .ico-hed-3d { background:url(../_img/3D-ico.png) 0 0 no-repeat !important; } .ctn-captioned-image a:hover .ico-hed-3d { background:url(../_img/3D-ico.png) -100px 0 no-repeat !important; } .ctn-captioned-image .img:hover .video-time { background: #FF9900; /*opacity: 1;*/ } .ctn-captioned-image .img.description em { float: left; } .ctn-captioned-image .img.description:hover { border: 0; overflow: visible; } .ctn-captioned-image .img.description:hover em { display: block; border: 3px solid #F90; overflow: hidden; } .ctn-captioned-image .img.description em, .ctn-captioned-image .img.description .info, .ctn-captioned-image .img.description strong { cursor: pointer; } /* VIDEOS CAROUSEL */ .videos-carousel-placeholder { clear: both; width: 100%; height: 274px; margin-bottom: 20px; overflow: hidden; } #mod-623-videos-carousel { z-index: 1; clear: both; position: absolute; left: 0; width: 100%; height: 274px; overflow: hidden; margin-top: -294px; background-color: #3B3B3A; background: -webkit-gradient(radial, center center, 0, center center, 460, from(#676767), to(#191917)); background: -webkit-radial-gradient(circle, #676767, #191917); background: -moz-radial-gradient(circle, #676767, #191917); background: radial-gradient(circle, #676767, #191917); } #mod-623-videos-carousel .shadow-left, #mod-623-videos-carousel .shadow-right { position: absolute; z-index: 2; left: 50%; width: 31px; height: 274px; background: url("../_img/video-shadow.png") no-repeat; } #mod-623-videos-carousel .shadow-left { margin-left: -181px; } #mod-623-videos-carousel .shadow-right { background-position: 0 -300px; margin-left: 152px; } #mod-623-videos-carousel ul { width: 1520px; position: absolute; left: 50%; margin-left: -760px; } #mod-623-videos-carousel li { display: block; position: relative; float: left; } #mod-623-videos-carousel li a { position: relative; float: left; width: 304px; opacity: 0.3; overflow: hidden; } #mod-623-videos-carousel li > div { position: absolute; top: -9999px; } #mod-623-videos-carousel li em { display: block; height: 171px; } #mod-623-videos-carousel li.active em { display: none; } #mod-623-videos-carousel li.active > div { position: static; top: 0; height: 171px; } #mod-623-videos-carousel li.active { background:#000; } #mod-623-videos-carousel li.active a, #mod-623-videos-carousel li:hover a { opacity: 1; cursor: pointer; } #mod-623-videos-carousel li a:hover, #mod-623-videos-carousel li a:hover strong { color: #FFF!important; } #mod-623-videos-carousel li.active a:hover, #mod-623-videos-carousel li.active a:hover strong { color: #FF9900!important; } #mod-623-videos-carousel li.active > span { top: -9999px; } #mod-623-videos-carousel strong { display: block; width: 284px; height: 98px; color: #FFF; font-weight: bold; font-size: 16px; line-height: 140%; padding: 5px 10px 0; } #mod-623-videos-carousel .prev, #mod-623-videos-carousel .next { position: absolute; z-index: 10; left: 50%; display: block; width: 42px; height: 75px; margin-top: 100px; text-indent: -9999px; overflow: hidden; background: url("../_img/carousel-setas.png") no-repeat; } #mod-623-videos-carousel .prev { margin-left: -230px; } #mod-623-videos-carousel .prev:hover { background-position: 0 -180px; } #mod-623-videos-carousel .next { margin-left: 195px; background-position: -400px -0; } #mod-623-videos-carousel .next:hover { background-position: -400px -180px; } #mod-623-videos-carousel .ctn-tgm { position: absolute; top: 235px; left: 50%; margin-left: -144px; z-index: 1; width: 89px; height: 32px; } #mod-623-videos-carousel .ctn-tgm a, #mod-623-videos-carousel .ctn-tgm a img { display: block; } /* MOD 620 SPORTS LIST ASIDE */ .mod-620-sports-list-aside ul { padding-bottom: 0; } .mod-620-sports-list-aside .sports-list .london-sports-aside.disabled { opacity: 0.25; cursor: default; } .mod-620-sports-list-aside .volley, .mod-620-sports-list-aside .volleyball-aside { background-position: 0 -980px; } .mod-620-sports-list-aside .synchronised-swimming-aside, .mod-620-sports-list-aside .synchronized-swimming-aside { background-position: 0 -560px; } /* MOD 620c SPORTS LIST HORIZONTAL */ .sports-list-horizontal .ctn-section { padding-bottom: 0; } .sports-list-horizontal .ctn-section .ttl-dynamic a span { } .sports-list-horizontal ul { overflow: hidden; margin: 16px 0 0; } .sports-list-horizontal .sports-list li { float: left; width: 30px; height: 30px; padding: 0; margin: 0 1px 1px 0; } .sports-list-horizontal .sports-list li.last { margin: 0 0 1px 0; } .sports-list-horizontal .sports-list li a, .sports-list-horizontal .sports-list li span { display: block; cursor: pointer; } .sports-list-horizontal .london-sports-aside { width: 30px; height: 30px; background: url("../_img/london-sports-aside-30x30.png") no-repeat; text-indent: -9999px; } .sports-list-horizontal .london-sports-aside.disabled { opacity: 0.25; cursor: default; } .sports-list-horizontal .archery-aside { background-position: 0 0; } .sports-list-horizontal .athletics-aside { background-position: 0 -30px; } .sports-list-horizontal .badminton-aside { background-position: 0 -60px; } .sports-list-horizontal .basketball-aside { background-position: 0 -90px; } .sports-list-horizontal .boxing-aside { background-position: 0 -120px; } .sports-list-horizontal .canoe-aside { background-position: 0 -150px; } .sports-list-horizontal .cycling-aside { background-position: 0 -180px; } .sports-list-horizontal .fencing-aside { background-position: 0 -210px; } .sports-list-horizontal .soccer-aside { background-position: 0 -240px; } .sports-list-horizontal .gymnastics-aside { background-position: 0 -270px; } .sports-list-horizontal .weightlifting-aside { background-position: 0 -300px; } .sports-list-horizontal .handball-aside { background-position: 0 -330px; } .sports-list-horizontal .equestrian-aside { background-position: 0 -360px; } .sports-list-horizontal .hockey-aside { background-position: 0 -390px; } .sports-list-horizontal .judo-aside { background-position: 0 -420px; } .sports-list-horizontal .wrestling-aside { background-position: 0 -450px; } .sports-list-horizontal .synchronised-swimming-aside, .sports-list-horizontal .synchronized-swimming-aside { background-position: 0 -480px; } .sports-list-horizontal .swimming-aside { background-position: 0 -510px; } .sports-list-horizontal .modern-pentathlon-aside { background-position: 0 -540px; } .sports-list-horizontal .water-polo-aside { background-position: 0 -570px; } .sports-list-horizontal .rowing-aside { background-position: 0 -600px; } .sports-list-horizontal .diving-aside { background-position: 0 -630px; } .sports-list-horizontal .taekwondo-aside { background-position: 0 -660px; } .sports-list-horizontal .tennis-aside { background-position: 0 -690px; } .sports-list-horizontal .table-tennis-aside { background-position: 0 -720px; } .sports-list-horizontal .shooting-aside { background-position: 0 -750px; } .sports-list-horizontal .triathlon-aside { background-position: 0 -780px; } .sports-list-horizontal .sailing-aside { background-position: 0 -810px; } .sports-list-horizontal .volley, .sports-list-horizontal .volleyball-aside { background-position: 0 -840px; } .sports-list-horizontal .beach-volley-aside { background-position: 0 -870px; } .sports-list-horizontal .disabled.archery-aside { background-position: 0 0!important; } .sports-list-horizontal .disabled.athletics-aside { background-position: 0 -30px!important; } .sports-list-horizontal .disabled.badminton-aside { background-position: 0 -60px!important; } .sports-list-horizontal .disabled.basketball-aside { background-position: 0 -90px!important; } .sports-list-horizontal .disabled.boxing-aside { background-position: 0 -120px!important; } .sports-list-horizontal .disabled.canoe-aside { background-position: 0 -150px!important; } .sports-list-horizontal .disabled.cycling-aside { background-position: 0 -180px!important; } .sports-list-horizontal .disabled.fencing-aside { background-position: 0 -210px!important; } .sports-list-horizontal .disabled.soccer-aside { background-position: 0 -240px!important; } .sports-list-horizontal .disabled.gymnastics-aside { background-position: 0 -270px!important; } .sports-list-horizontal .disabled.weightlifting-aside { background-position: 0 -300px!important; } .sports-list-horizontal .disabled.handball-aside { background-position: 0 -330px!important; } .sports-list-horizontal .disabled.equestrian-aside { background-position: 0 -360px!important; } .sports-list-horizontal .disabled.hockey-aside { background-position: 0 -390px!important; } .sports-list-horizontal .disabled.judo-aside { background-position: 0 -420px!important; } .sports-list-horizontal .disabled.wrestling-aside { background-position: 0 -450px!important; } .sports-list-horizontal .disabled.synchronised-swimming-aside, .sports-list-horizontal .disabled.synchronized-swimming-aside { background-position: 0 -480px!important; } .sports-list-horizontal .disabled.swimming-aside { background-position: 0 -510px!important; } .sports-list-horizontal .disabled.modern-pentathlon-aside { background-position: 0 -540px!important; } .sports-list-horizontal .disabled.water-polo-aside { background-position: 0 -570px!important; } .sports-list-horizontal .disabled.rowing-aside { background-position: 0 -600px!important; } .sports-list-horizontal .disabled.diving-aside { background-position: 0 -630px!important; } .sports-list-horizontal .disabled.taekwondo-aside { background-position: 0 -660px!important; } .sports-list-horizontal .disabled.tennis-aside { background-position: 0 -690px!important; } .sports-list-horizontal .disabled.table-tennis-aside { background-position: 0 -720px!important; } .sports-list-horizontal .disabled.shooting-aside { background-position: 0 -750px!important; } .sports-list-horizontal .disabled.triathlon-aside { background-position: 0 -780px!important; } .sports-list-horizontal .disabled.sailing-aside { background-position: 0 -810px!important; } .sports-list-horizontal .disabled.volley, .sports-list-horizontal .disabled.volleyball-aside { background-position: 0 -840px!important; } .sports-list-horizontal .disabled.beach-volley-aside { background-position: 0 -870px!important; } .sports-list-horizontal a:hover .archery-aside, .sports-list-horizontal li.active .archery-aside { background-position: -30px 0; } .sports-list-horizontal a:hover .athletics-aside, .sports-list-horizontal li.active .athletics-aside { background-position: -30px -30px; } .sports-list-horizontal a:hover .badminton-aside, .sports-list-horizontal li.active .badminton-aside { background-position: -30px -60px; } .sports-list-horizontal a:hover .basketball-aside, .sports-list-horizontal li.active .basketball-aside { background-position: -30px -90px; } .sports-list-horizontal a:hover .boxing-aside, .sports-list-horizontal li.active .boxing-aside { background-position: -30px -120px; } .sports-list-horizontal a:hover .canoe-aside, .sports-list-horizontal li.active .canoe-aside { background-position: -30px -150px; } .sports-list-horizontal a:hover .cycling-aside, .sports-list-horizontal li.active .cycling-aside { background-position: -30px -180px; } .sports-list-horizontal a:hover .fencing-aside, .sports-list-horizontal li.active .fencing-aside { background-position: -30px -210px; } .sports-list-horizontal a:hover .soccer-aside, .sports-list-horizontal li.active .soccer-aside { background-position: -30px -240px; } .sports-list-horizontal a:hover .gymnastics-aside, .sports-list-horizontal li.active .gymnastics-aside { background-position: -30px -270px; } .sports-list-horizontal a:hover .weightlifting-aside, .sports-list-horizontal li.active .weightlifting-aside { background-position: -30px -300px; } .sports-list-horizontal a:hover .handball-aside, .sports-list-horizontal li.active .handball-aside { background-position: -30px -330px; } .sports-list-horizontal a:hover .equestrian-aside, .sports-list-horizontal li.active .equestrian-aside { background-position: -30px -360px; } .sports-list-horizontal a:hover .hockey-aside, .sports-list-horizontal li.active .hockey-aside { background-position: -30px -390px; } .sports-list-horizontal a:hover .judo-aside, .sports-list-horizontal li.active .judo-aside { background-position: -30px -420px; } .sports-list-horizontal a:hover .wrestling-aside, .sports-list-horizontal li.active .wrestling-aside { background-position: -30px -450px; } .sports-list-horizontal a:hover .synchronised-swimming-aside, .sports-list-horizontal li.active .synchronised-swimming-aside, .sports-list-horizontal a:hover .synchronized-swimming-aside, .sports-list-horizontal li.active .synchronized-swimming-aside { background-position: -30px -480px; } .sports-list-horizontal a:hover .swimming-aside, .sports-list-horizontal li.active .swimming-aside { background-position: -30px -510px; } .sports-list-horizontal a:hover .modern-pentathlon-aside, .sports-list-horizontal li.active .modern-pentathlon-aside { background-position: -30px -540px; } .sports-list-horizontal a:hover .water-polo-aside, .sports-list-horizontal li.active .water-polo-aside { background-position: -30px -570px; } .sports-list-horizontal a:hover .rowing-aside, .sports-list-horizontal li.active .rowing-aside { background-position: -30px -600px; } .sports-list-horizontal a:hover .diving-aside, .sports-list-horizontal li.active .diving-aside { background-position: -30px -630px; } .sports-list-horizontal a:hover .taekwondo-aside, .sports-list-horizontal li.active .taekwondo-aside { background-position: -30px -660px; } .sports-list-horizontal a:hover .tennis-aside, .sports-list-horizontal li.active .tennis-aside { background-position: -30px -690px; } .sports-list-horizontal a:hover .table-tennis-aside, .sports-list-horizontal li.active .table-tennis-aside { background-position: -30px -720px; } .sports-list-horizontal a:hover .shooting-aside, .sports-list-horizontal li.active .shooting-aside { background-position: -30px -750px; } .sports-list-horizontal a:hover .triathlon-aside, .sports-list-horizontal li.active .triathlon-aside { background-position: -30px -780px; } .sports-list-horizontal a:hover .sailing-aside, .sports-list-horizontal li.active .sailing-aside { background-position: -30px -810px; } .sports-list-horizontal a:hover .volley, .sports-list-horizontal li.active .volley, .sports-list-horizontal a:hover .volleyball-aside, .sports-list-horizontal li.active .volleyball-aside { background-position: -30px -840px; } .sports-list-horizontal a:hover .beach-volley-aside, .sports-list-horizontal li.active .beach-volley-aside { background-position: -30px -870px; } /* VIDEO LIST */ .video-list { clear: both; overflow: hidden; } .video-list li { float: left; width: 300px; background: url("http://s1.trrsf.com.br/atm/3/core/_img/lin-dotted.png") 100% 0 repeat-y; padding-right: 9px; margin-right: 9px; } .video-list li.last { background:none; } .video-list a.img { margin-right: 0; } .video-list a > em { margin-right: 17px; } .video-list a > span { float: left; width: 48px; margin-bottom:5px; height: 48px; text-indent:-9999px; overflow: hidden; background: url("../_img/london-sports-48x48.png") no-repeat; } .video-list a > strong { float: left; width: 88px; font-size: 12px; } .video-list .archery { background-position: 0 0; } .video-list .athletics { background-position: 0 -48px; } .video-list .badminton { background-position: 0 -96px; } .video-list .basketball { background-position: 0 -144px; } .video-list .boxing { background-position: 0 -192px; } .video-list .canoe { background-position: 0 -240px; } .video-list .cycling { background-position: 0 -288px; } .video-list .fencing { background-position: 0 -336px; } .video-list .soccer { background-position: 0 -384px; } .video-list .gymnastics { background-position: 0 -432px; } .video-list .weightlifting { background-position: 0 -480px; } .video-list .handball { background-position: 0 -528px; } .video-list .equestrian { background-position: 0 -576px; } .video-list .hockey { background-position: 0 -624px; } .video-list .judo { background-position: 0 -672px; } .video-list .wrestling { background-position: 0 -720px; } .video-list .synchronised-swimming, .video-list .synchronized-swimming { background-position: 0 -768px; } .video-list .swimming { background-position: 0 -816px; } .video-list .modern-pentathlon { background-position: 0 -864px; } .video-list .water-polo { background-position: 0 -912px; } .video-list .rowing { background-position: 0 -960px; } .video-list .diving { background-position: 0 -1008px; } .video-list .taekwondo { background-position: 0 -1056px; } .video-list .tennis { background-position: 0 -1104px; } .video-list .table-tennis { background-position: 0 -1152px; } .video-list .shooting { background-position: 0 -1200px; } .video-list .triathlon { background-position: 0 -1248px; } .video-list .sailing { background-position: 0 -1296px; } .video-list .volley, .video-list .volleyball { background-position: 0 -1344px; } .video-list .beach-volley { background-position: 0 -1392px; } .video-list a:hover .archery { background-position: -48px 0; } .video-list a:hover .athletics { background-position: -48px -48px; } .video-list a:hover .badminton { background-position: -48px -96px; } .video-list a:hover .basketball { background-position: -48px -144px; } .video-list a:hover .boxing { background-position: -48px -192px; } .video-list a:hover .canoe { background-position: -48px -240px; } .video-list a:hover .cycling { background-position: -48px -288px; } .video-list a:hover .fencing { background-position: -48px -336px; } .video-list a:hover .soccer { background-position: -48px -384px; } .video-list a:hover .gymnastics { background-position: -48px -432px; } .video-list a:hover .weightlifting { background-position: -48px -480px; } .video-list a:hover .handball { background-position: -48px -528px; } .video-list a:hover .equestrian { background-position: -48px -576px; } .video-list a:hover .hockey { background-position: -48px -624px; } .video-list a:hover .judo { background-position: -48px -672px; } .video-list a:hover .wrestling { background-position: -48px -720px; } .video-list a:hover .synchronised-swimming, .video-list a:hover .synchronized-swimming { background-position: -48px -768px; } .video-list a:hover .swimming { background-position: -48px -816px; } .video-list a:hover .modern-pentathlon { background-position: -48px -864px; } .video-list a:hover .water-polo { background-position: -48px -912px; } .video-list a:hover .rowing { background-position: -48px -960px; } .video-list a:hover .diving { background-position: -48px -1008px; } .video-list a:hover .taekwondo { background-position: -48px -1056px; } .video-list a:hover .tennis { background-position: -48px -1104px; } .video-list a:hover .table-tennis { background-position: -48px -1152px; } .video-list a:hover .shooting { background-position: -48px -1200px; } .video-list a:hover .triathlon { background-position: -48px -1248px; } .video-list a:hover .sailing { background-position: -48px -1296px; } .video-list a:hover .volley, .video-list a:hover .volleyball { background-position: -48px -1344px; } .video-list a:hover .beach-volley { background-position: -48px -1392px; } /* RERUNS (reprises) */ #mod-625-videos-reruns { overflow: hidden; } #mod-625-videos-reruns .ctn-section { position: relative; } #mod-625-videos-reruns .pagination { position: absolute; top: 7px; right: 66px; } #mod-625-videos-reruns .pagination li { cursor: pointer; float:left; background:#999; width:8px; height:9px; margin-right:12px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } #mod-625-videos-reruns .pagination li.on { background: #47423A; } #mod-625-videos-reruns .pagination li:hover { background: #FF9900; cursor: pointer; } #mod-625-videos-reruns .pagination-reruns { position: absolute; top: 0; right: 0; width: 56px; height: 24px; padding-left: 8px; } #mod-625-videos-reruns .pagination-reruns li { float: left; } #mod-625-videos-reruns .pagination-reruns li:first-child { padding-right: 8px; } #mod-625-videos-reruns .pagination-reruns a { width:24px; height:24px; margin:0; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background-image: url("../_img/sprite-thumbs.png"); background-repeat: no-repeat; background-position: left -60px; } #mod-625-videos-reruns .pagination-reruns a.next { background-position: right -60px; } /* VIDEOS FULL (na integra) */ #mod-625b-videos-full { overflow: hidden; } #mod-625b-videos-full .ctn-section { position: relative; } /* PROGRAMS MOMENTS WORLD CORNER */ #mod-626-programs-moments .ctn-zone { float:left; margin-right: 8px; margin-bottom: 22px; padding-right: 8px; border-right: 1px solid #CCCCCC; } /* EXPLORE */ #mod-624-explore { overflow: hidden; margin: 0; } #mod-624-explore .video-number { text-transform: lowercase; float: left; height: 25px; line-height: 25px; font-size: 23px; color: #999999; } #mod-624-explore .video-number strong { color: #463F39; } #mod-624-explore .video-number em { color: #463F39; font-style:normal; } #mod-624-explore .show-order { float: right; text-transform: lowercase; } #mod-624-explore .show-order span { float: left; line-height: 20px; height: 20px; margin: 0 11px 0 0; } #mod-624-explore .show-order .vid-thumbs { float: left; height: 20px; width: 30px; margin: 0 0 0 -1px; font: 0/0 a; background: url("../_img/sprite-thumbs.png") no-repeat; } #mod-624-explore .show-order .small { background-position: left -20px; } #mod-624-explore .show-order .small.active { cursor: default; background-position: left top!important; } #mod-624-explore .show-order .small:hover { background-position: left -40px; } #mod-624-explore .show-order .big { background-position: right -20px; } #mod-624-explore .show-order .big.active { cursor: default; background-position: right top!important; } #mod-624-explore .show-order .big:hover { background-position: right -40px; } #mod-624-explore .show-order .droplist { float: left; margin-top: 1px; } #mod-624-explore .lin-ver-dotted { float: left; margin: 3px 11px 0; } /* EXPLORE - filters left column */ #mod-624-explore .filters { float: left; width: 225px; background: #ECEAE7; } #mod-624-explore .filters .date .head-tags { padding: 0 8px; } #mod-624-explore .filters .head-tags { overflow: hidden; padding: 0; } #mod-624-explore .filters .head-tags h3 { float: left; font-size: 14px; line-height: 19px; color: #463F39; text-transform: uppercase; } #mod-624-explore .filters .head-tags a { text-transform: lowercase; color: #999; float: right; background: url("../_img/sprite-setas.png") no-repeat 100% -45px; padding: 0 20px 0 0; } #mod-624-explore .filters form > ul { padding: 12px 0; overflow: hidden; } #mod-624-explore .filters form > input[type=submit] { position: absolute; width: 1px; font: 0/0 a; top: -9999px; left: -9999px; } #mod-624-explore .filters form ul > li { padding: 12px 0; margin: 0 8px; background: url("http://s1.trrsf.com.br/atm/3/core/_img/lin-dotted.png") repeat-x left bottom; } #mod-624-explore .filters form ul > li:first-child { padding-top: 0; } #mod-624-explore .filters form ul > .last { background: none; padding-bottom: 0; padding-right: 8px!important; } #mod-624-explore .filters form ul > .date { display: none; padding: 12px 0 0 !important; margin: 0; } #mod-624-explore .filters ul > li ul, #mod-624-explore .filters ul > li .calendar { padding-top: 14px; } #mod-624-explore .filters ul > li li { padding:0 0 8px; background: none #ECEAE7; margin: 0; } #mod-624-explore .filters ul > li li:last-child { padding:0; } #mod-624-explore .filters ul > li li a { display: block; font-weight: bold; padding-left: 12px; } #mod-624-explore .filters ul > li li label em, #mod-624-explore .filters ul > li li a em { color: #999999; font-style: normal; } #mod-624-explore .filters ul > li li label { cursor: pointer; font-weight:bold; } #mod-624-explore .filters ul > li li label:hover { color: #FF9900; } #mod-624-explore .filters ul > li li .active { font-weight: normal; padding: 4px 25px 4px 12px; background: #FFFFFF url("../_img/sprite-thumbs.png") no-repeat right -85px; } #mod-624-explore .filters ul > li li .active { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #mod-624-explore.search .filters ul > li li .active { background-image: none; } #mod-624-explore .filters ul > li .hide-content { display: none; background-position: 100% 5px; } #mod-624-explore .filters ul > li .hide-content:hover { background-position: 100% -95px; } #mod-624-explore .filters ul > li .show-content { display: block; } #mod-624-explore .filters ul > li .show-content:hover { display: block; background-position: 100% -145px; } #mod-624-explore .filters ul > li input[type=text] { width: 197px; margin: 12px 0 0; padding: 4px 5px; border: 1px solid #BEB7AF; font-size: 12px; } #mod-624-explore .filters ul > li input[type=text]:focus { border-color: #FF9900; } #mod-624-explore .filters ul > li input[type=text] { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #mod-624-explore .filters ul > li input[type=checkbox] { margin: 0 8px 0 0; padding: 0; border: 0; vertical-align: middle; } #mod-624-explore .filters ul .filter-content { overflow: hidden; max-height:0; -webkit-transition: max-height 0.3s ease-in-out; -moz-transition: max-height 1s ease-in-out; transition: max-height 1s ease-in-out; } #mod-624-explore .filters ul .filter-content.loading { background: url("../_img/loader-filter.gif") no-repeat center center; height:85px; } #mod-624-explore .filters ul .filter-content.loading ul, #mod-624-explore .filters ul .filter-content.loading input { display: none; } #mod-624-explore .filters ul .no-filters-found { color: #7F7871; padding: 40px 0 30px; text-align: center; font-size: 12px; } #mod-624-explore .filters ul .active .filter-content { max-height:1000px; } #mod-624-explore .filters ul .active .hide-content { display: block; } #mod-624-explore .filters ul .active .show-content { display: none; visibility: hidden; } /* EXPLORE - custom checkboxes / radiobuttons http://blog.gface.com/2012/02/10/css3-checkboxes-and-radiobuttons-gface-style/ */ .gf-form label, .gf-checkbox input[type="checkbox"] + label::before, .gf-radio input[type="radio"] + label::before { vertical-align: middle; } /* hide the checkboxes and radios */ .gf-checkbox input[type="checkbox"], .gf-radio input[type="radio"] { position: absolute; opacity: 0; } /* we use generated content to create a placeholder for the checkbox and the radio */ .gf-checkbox input[type="checkbox"] + label::before, .gf-radio input[type="radio"] + label::before { content: ""; display: inline-block; width: 13px; height: 13px; line-height: 13px; margin: 0 8px 1px 0; background: url("../_img/sprite-radio-checkbox.png") no-repeat 0 -13px; vertical-align: middle; } /* disabled checkbox or radio */ .gf-form input[type="checkbox"]:disabled + label, .gf-form input[type="radio"]:disabled + label { opacity: .5; cursor: default; /* or cursor: no-drop */ } /* hover checkbox (unselected state only) */ .gf-checkbox input[type="checkbox"]:not(:checked):hover + label::before { background-position: 0 -13px; } /* selected checkbox */ .gf-checkbox input[type="checkbox"]:checked + label::before { background-position: 0 -26px; } /* normal state radio */ .gf-radio input[type="radio"] + label::before { background-position: -13px 0; } /* radio hover (unselected state only) */ .gf-radio input[type="radio"]:hover + label::before { background-position: -13px -13px; } /* selected radio */ .gf-radio input[type="radio"]:checked + label::before { background-position: -13px -26px; } .gf-radio input[type="radio"]:checked + label { color: #FF9900; } /* focused checkbox or radio */ .gf-form input[type="checkbox"]:focus + label, .gf-form input[type="radio"]:focus + label { outline: none; color: #FF9900; } /* older versions of internet explorer do not support either generated content, so we display the system checkboxes and radio buttons */ @media \0screen { .gf-checkbox input[type="checkbox"], .gf-radio input[type="radio"] { position: static; } } .gf-checkbox input[type="checkbox"], .gf-radio input[type="radio"] { *position: static; *margin-right: 4px!important; } /* IE7 */ /* EXPLORE - thumbnails */ #mod-624-explore .thumbnails { width: 711px; float: right; padding-bottom: 0; } #mod-624-explore .thumbnails.loading { background: url("../_img/loader.gif") no-repeat center center #FFFFFF; height:400px; } #mod-624-explore .thumbnails.loading .result-info, #mod-624-explore .thumbnails.loading #no-videos-found, #mod-624-explore .thumbnails.loading .lst-thumbs, #mod-624-explore .thumbnails.loading .pagination-next-prev { display: none!important; } #mod-624-explore .result-info { overflow: hidden; margin: 0 0 22px 42px; } #mod-624-explore .result-info h3 { line-height: normal; font-size: 18px; font-weight: normal; color: #463F39; text-transform: uppercase; padding-bottom: 17px; } #mod-624-explore .result-info h3 em { color: #999999; font-style: normal; } #mod-624-explore .result-info li { float: left; margin: 0 10px 0 0; background-color: #FFE4B4; } #mod-624-explore .result-info li span { cursor: default; float: left; height: 20px; line-height: 20px; color: #47423A!important; font-size: 11px; padding: 0 5px; } #mod-624-explore .result-info li em { float: left; font: 0/0 a; height: 20px; width: 25px; line-height: 20px; background-image: url("../_img/sprite-thumbs.png"); background-repeat: no-repeat; background-position: right -85px; } #mod-624-explore .result-info li a:hover em { cursor: pointer; background-color: #FF9900; background-position: right -105px; } #mod-624-explore .result-info li { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #mod-624-explore .result-info li a em { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } #mod-624-explore .result-info .clear-all { float: left; margin-right: 10px; height: 20px; font: 0/0 a; background: url("http://s1.trrsf.com.br/atm/3/sports/olympics/london2012/videos/_img/sprite-button-clear-all.png") no-repeat 0 0; } .LNG_pt #mod-624-explore .result-info .clear-all { width: 99px; background-position: left top; } .LNG_es #mod-624-explore .result-info .clear-all { width: 103px; background-position: left -20px; } .LNG_en #mod-624-explore .result-info .clear-all { width: 64px; background-position: left -40px; } #mod-624-explore .lst-thumbs .ctn-captioned-image .img { margin: 0; } #mod-624-explore .lst-thumbs li { overflow: hidden; float: left; padding: 0 0 42px 42px; background: #FFFFFF; } #mod-624-explore .lst-thumbs li strong { display: block; clear: both; padding: 8px 0 0; word-spacing: -1px; } #mod-624-explore .lst-thumbs .clear { display: none; width: 100%!important; float: none; clear: both; height: 10px; background: #000; margin: 0; } #mod-624-explore .lst-thumbs.small { margin: 0; } #mod-624-explore .lst-thumbs.small li { width: 195px; height: 145px; } #mod-624-explore .lst-thumbs.small li .ctn-captioned-image img { width: 195px; height: 110px; } #mod-624-explore .lst-thumbs.big { margin: 0 0 0 26px; } #mod-624-explore .lst-thumbs.big li { width: 326px; height: 220px; padding-left: 16px; padding-bottom: 22px; } #mod-624-explore .lst-thumbs.big li .ctn-captioned-image img { width: 326px; height: 183px; } #mod-624-explore .pagination-next-prev { width: 225px; margin: 0 auto; padding-left: 75px; } /* EXPLORE - no videos found */ #mod-624-explore .no-videos-found { display: none; overflow: hidden; padding: 0 0 22px 0; background: #FFFFFF; } #mod-624-explore .no-videos-found .message { overflow: hidden; text-align: center; line-height: normal; margin: 22px 0 22px 42px; padding: 22px 0; background: #ECEAE7; } #mod-624-explore .no-videos-found .message strong, #mod-624-explore .no-videos-found .message span { display: block; color: #463F39; font-size: 14px; font-weight: normal; } #mod-624-explore .no-videos-found .message strong { font-size: 22px; margin-bottom: 5px; } #mod-624-explore .no-videos-found .try-this { display: block; margin:42px 0 0 42px; font-size: 18px; color: #463F39; text-transform: uppercase; } /* PAGINATION NEXT/PREV */ .pagination-next-prev { clear: both; overflow:hidden; } .pagination-next-prev li { cursor: pointer; display: inline-block; vertical-align: middle; line-height: 24px; text-align: center; padding: 0 5px; color: #464039; font-size: 12px; font-weight: bold; } .pagination-next-prev li em { font-style: normal; } .pagination-next-prev input, .pagination-next-prev span { display: block; margin: 0; padding: 0; overflow: hidden; width: 24px; height: 24px; line-height: 24px; text-align: center; color: #464039; font-size: 12px; font-weight: bold; border: 1px #999999 solid; } .pagination-next-prev span a { display: block; font: 0/0 a; overflow: hidden; line-height: 999px; width: 100%; height: 100%; } .pagination-next-prev input:focus { border-color: #FF9900; } .pagination-next-prev .previous span, .pagination-next-prev .next span { background: #999999 url("../_img/sprite-thumbs.png") no-repeat left -60px; border-color: #999999; font: 0/0 a; } .pagination-next-prev .next span { background-position: right -60px; } .pagination-next-prev .disabled-prev span, .pagination-next-prev .disabled-next span { background-color: #D9D6D0!important; border-color: #D9D6D0!important; } .pagination-next-prev .disabled-prev span a, .pagination-next-prev .disabled-next span a { cursor: default; } .pagination-next-prev .previous span:hover, .pagination-next-prev .next span:hover { background-color: #FF9900; border-color: #FF9900; } .pagination-next-prev input, .pagination-next-prev span { -webkit-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; } /* VIDEOS 3D */ #mod-636-videos-3d { font-size: 12px; } .wrapper-mod-3d-detail { background: url("http://s1.trrsf.com.br/atm/3/core/_img/lin-dotted.png") repeat-x left bottom; padding-top: 20px; } #mod-636-videos-3d .ttl-section { padding-bottom: 20px; } #mod-636-videos-3d .ttl-section span { float: none; } #mod-636-videos-3d > p { padding-bottom: 10px; } #mod-636-videos-3d .explanation { background: #ECEAE7 url(../_img/bgr-mod-3d.png) no-repeat; padding: 164px 17px 17px 11px; } #mod-636-videos-3d .explanation > ul { padding-bottom: 10px; } #mod-636-videos-3d .explanation > ul > li { float: left; } #mod-636-videos-3d .computer { width: 290px; padding-right: 44px; } #mod-636-videos-3d .computer p { height: 40px; } #mod-636-videos-3d .tv { width: 274px; padding-right: 53px; } #mod-636-videos-3d .tv p { height: 40px; } #mod-636-videos-3d .tv p.more { font-size: 11px; height: auto; padding: 0; } #mod-636-videos-3d .glasses { width: 247px; } #mod-636-videos-3d .lst-instructions { list-style: disc inside; font-weight: bold; line-height: 120%; } #mod-636-videos-3d .btn-try-now { float: right; background: url(../_img/btn-try-now.png) no-repeat; width: 91px; } #mod-636-videos-3d .btn-try-now:hover { background-position: -200px 0; } .LNG_es #mod-636-videos-3d .btn-try-now { background-image: url(../_img/btn-try-now-es.png); width: 94px; } .LNG_en #mod-636-videos-3d .btn-try-now { background-image: url(../_img/btn-try-now-en.png); width: 61px; } .hidden-dialog { position: absolute; top: -9999999px; } #dialog-how-to-3d { padding: 8px; } #dialog-how-to-3d .ttl-section span { float: none; } #dialog-how-to-3d .options-3d { font-size: 12px; padding-bottom: 15px; } #dialog-how-to-3d ul.tabs { height:28px; margin-bottom:15px; width:100%; } #dialog-how-to-3d .tabs li { float:left; margin-right:3px; height:27px; border:1px dotted #BEB7AF; border-bottom:none; background:#ECEAE7; } #dialog-how-to-3d .tabs li.selected { background-color: #fff; border-bottom: solid 1px white; margin-bottom: -1px; } #dialog-how-to-3d .tabs li a { float:left; padding:7px 17px; font-weight:bold; outline: none; } #dialog-how-to-3d .tabs li a:focus { color: #47423A!important; } #dialog-how-to-3d .tabs li a:hover { color: #FF9900!important; } #dialog-how-to-3d .lst-tips { list-style: disc inside; line-height: 120%; } #dialog-how-to-3d .lst-tips li { padding-bottom: 15px; font-size: 12px; } #dialog-how-to-3d .tabs-how-to-3d { border-bottom: dotted 1px #BEB7AF; } #dialog-how-to-3d .how-to-3d > div { min-height:160px; padding-left: 175px; background: url(../_img/3d-how-to.png) no-repeat; } #dialog-how-to-3d #tab-tv { background-position: 0 0; } #dialog-how-to-3d #tab-computer { background-position: 0 -250px; } #dialog-how-to-3d #tab-app { background-position: 0 -500px; } /* FACEBOOK RECENT ACTIVITY - Horizontal */ #mod-628-fb-recent-activity { float: left; width: 100%; } #mod-628-fb-recent-activity .ctn-section { clear: both; margin: 0; } #mod-628-fb-recent-activity .ctn-section .ttl-section { float: left; } #mod-628-fb-recent-activity .ctn-section .ttl-section span { font-size: 23px; letter-spacing: -1px; } #mod-628-fb-recent-activity .ctn-section .lin-ver-dotted { float: left; width: 2px; margin: 6px 12px 0 10px; } #mod-628-fb-recent-activity .ctn-section .text { float: left; font-size: 14px; margin: 5px 0 0; } .ctn-cols .fb-ad .ctn-tgm { margin: 0; } #mod-628-fb-recent-activity .fb-button { display: block; } #mod-628-fb-recent-activity .fb-box { position: relative; clear: both; width: 616px; height: 140px; color: #464139; border: 1px solid #BEB7AF; background: #FFFFFF; } #mod-628-fb-recent-activity .fb-box .arrow { display: block; position: absolute; top: -14px; left: 30px; width: 27px; height: 14px; background: url("../_img/mod-facebook.png") no-repeat left -120px; } #mod-628-fb-recent-activity .fb-nologin { clear: both; } #mod-628-fb-recent-activity .fb-nologin .fb-box { background: #ECEAE7; } #mod-628-fb-recent-activity .fb-nologin .fb-box .arrow { background-position: right -120px; } #mod-628-fb-recent-activity .fb-nologin .fb-avatar { display: block; overflow: hidden; width: 40px; height: 40px; margin: 0 0 24px 24px; font: 0/0 x; background: url("../_img/mod-facebook.png") no-repeat -70px 0; } #mod-628-fb-recent-activity .fb-nologin .fb-box span, #mod-628-fb-recent-activity .fb-nologin .fb-box strong, #mod-628-fb-recent-activity .fb-nologin .fb-box .fb-button { display: block; text-align: center; margin: 0 auto; } #mod-628-fb-recent-activity .fb-nologin .fb-box .fb-button { width: 144px; height: 34px; font: 0/0 x; background: url("../_img/mod-facebook.png") no-repeat left -40px; } #mod-628-fb-recent-activity .fb-nologin .fb-box strong { font-size: 14px; font-weight: normal; margin-top: 18px; margin-bottom: 8px; } #mod-628-fb-recent-activity .fb-nologin .fb-box span { width: 335px; font-size: 12px; margin-top: 26px; } #mod-628-fb-recent-activity .fb-yeslogin { clear: both; } #mod-628-fb-recent-activity .fb-yeslogin .previous, #mod-628-fb-recent-activity .fb-yeslogin .next { float: left; font: 0/0 x; width: 22px; height: 40px; margin: 0 1px 0 0; background: url("../_img/mod-facebook.png") no-repeat left 0; } #mod-628-fb-recent-activity .fb-yeslogin .next { background-position: right 0; margin: 0; } #mod-628-fb-recent-activity .fb-yeslogin .disabled-prev { cursor: default; background-position: left -75px; } #mod-628-fb-recent-activity .fb-yeslogin .disabled-next { cursor: default; background-position: right -75px; } #mod-628-fb-recent-activity .fb-yeslogin .carousel-container { margin-bottom: 25px; overflow: hidden; } #mod-628-fb-recent-activity .fb-yeslogin .carousel-container li { float: left; width: 40px; height: 40px; margin: 0 1px 0 0; } #mod-628-fb-recent-activity .fb-yeslogin .carousel-container li img { width: 40px; height: 40px; } #mod-628-fb-recent-activity .fb-yeslogin .carousel { float: left; width: 574px; } #mod-628-fb-recent-activity .fb-yeslogin .video-thumb { float: left; margin: 17px 0 0 17px; } #mod-628-fb-recent-activity .fb-yeslogin .video-thumb img { width: 195px; height: 109px; } #mod-628-fb-recent-activity .fb-yeslogin .video-info { float: left; width: 300px; clear: none; margin: 17px 0 0; } #mod-628-fb-recent-activity .fb-yeslogin .video-info strong { font-size: 14px; } #mod-628-fb-recent-activity .fb-yeslogin .video-info span { display: block; font-size: 12px; color: #999999; margin: 15px 0 10px; } #mod-628-fb-recent-activity .fb-yeslogin .video-info span strong { font-size: 12px; color: #47423A; } #mod-628-fb-recent-activity .fb-yeslogin .video-info span em { color: #47423A; font-style: normal; font-weight: normal; } #mod-628-fb-recent-activity .fb-yeslogin .video-info ul { clear: both; } #mod-628-fb-recent-activity .fb-yeslogin .video-info li { float: left; margin: 0 1px 0 0; } #mod-628-fb-recent-activity .fb-yeslogin .video-info li img { width: 32px; height: 32px; } #mod-628-fb-recent-activity .fb-box { -webkit-box-shadow: -1px 2px 4px 0 rgba(0, 0, 0, 0.4); -moz-box-shadow: -1px 2px 4px 0 rgba(0, 0, 0, 0.4); box-shadow: -1px 2px 4px 0 rgba(0, 0, 0, 0.4); } /* JQUERY-UI */ * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */ .ui-autocomplete { position: absolute; cursor: default; z-index: 1001!important; background: #FFFFFF; border: 3px solid #FF9900!important; padding: 0; } .ui-autocomplete .ui-menu-item a { text-transform: lowercase; display: block; font-family: Arial, Verdana, Helvetica, sans-serif; cursor: pointer; padding: 4px 5px 5px; color: #464139; font-weight: normal; background-color: #FFFFFF; } .ui-autocomplete .ui-menu-item .ui-state-hover, .ui-autocomplete .ui-menu-item #ui-active-menuitem { background-color: #ECEAE7; color: #FF9900; } .ui-autocomplete { -webkit-box-shadow: 3px 3px 2px 0 rgba(0,0,0,0.2); -moz-box-shadow: 3px 3px 2px 0 rgba(0,0,0,0.2); box-shadow: 3px 3px 2px 0 rgba(0,0,0,0.2); } #form-video-search .ui-autocomplete .ui-menu-item a { padding: 6px 5px 8px; font-size: 14px; } #form-video-search #video-search.ui-corner-top { border-color: transparent; background: none; position: relative; z-index: 1010!important; } #form-video-search .ac-open .ui-autocomplete { padding-top: 30px; width: 377px!important; } #form-filters .ui-corner-top { border-color: transparent!important; background: none; position: relative; z-index: 1010!important; } #form-filters-autocomplete.ac-open .ui-autocomplete { padding-top: 25px; width: 203px!important; } #form-filters-autocomplete .ui-autocomplete .ui-menu-item { padding: 0; margin: 0; } #form-filters-autocomplete .ui-autocomplete .ui-menu-item a { padding: 6px 5px 8px; font-size: 11px; } /* DATEPICKER */ .ui-datepicker { display: none; font-size:12px; } .ui-datepicker .ui-datepicker-header { position:relative; background:#D9D6D0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { cursor: pointer; position: absolute; display: block; text-indent:-9999px; overflow: hidden; width: 20px; height: 20px; top: 8px; background: #999 url("../_img/sprite-thumbs.png") no-repeat; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .ui-datepicker .ui-datepicker-prev { left:6px; background-position: 7px -194px; } .ui-datepicker .ui-datepicker-next { right:6px; background-position: -46px -194px; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { background-color: #FF9900; } .ui-datepicker .ui-corner-all.ui-state-disabled { opacity:0.3; background-color:#999; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; font-weight:bold; height:36px; line-height:36px; } .ui-datepicker .ui-datepicker-title select { margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker table {width: 209px; margin:0 auto; border-collapse: collapse; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: center; text-decoration: none; color:#999999; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .ui-datepicker td a { color: #FF9900; font-weight: bold; } .ui-datepicker td a:hover { background:#FF9900; font-weight:bold; color:#FFF!important; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } .ui-datepicker td a.ui-state-active { background: #FFF; color: #47423A; font-weight: normal; cursor: default; } .ui-datepicker td a.ui-state-active:hover { color: #47423A!important; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ } .ui-datepicker .ui-corner-all.ui-state-disabled { filter: alpha(opacity=30)!important; } /* Icons ----------------------------------*/ .ui-icon-closethick { width: 16px; height: 16px; text-indent:-9999px; overflow: hidden; background:url('http://s1.trrsf.com.br/atm/3/core/_img/ico-general.png') 4px -897px no-repeat; } /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; opacity: .75;filter:Alpha(Opacity=75); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } /* jQuery Dialog */ .ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; border:4px solid #FA9F15; background:#FFF; margin: 0; } .ui-dialog .ui-dialog-titlebar { position:absolute; right:0; z-index:424242; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right:0; top: 50%; width: 19px; margin: -10px 0 0 0; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { width:876px; position: relative; border: 0; background: none; overflow: hidden; zoom: 1; z-index:99999; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } /* REGION SPECIFIC EXCEPTIONS (filters, thumbnails, results, etc) */ .RGN_US #mod-624-explore .filters, .RGN_ES #mod-624-explore .filters, .no-filter #mod-624-explore .filters { display: none; } .RGN_US #mod-624-explore .thumbnails, .RGN_ES #mod-624-explore .thumbnails, .no-filter #mod-624-explore .thumbnails { width: 100%; margin-top: 5px; } .RGN_US #mod-624-explore .result-info, .RGN_ES #mod-624-explore .result-info, .no-filter #mod-624-explore .result-info { display: none; } .RGN_US #mod-624-explore .lst-thumbs, .RGN_ES #mod-624-explore .lst-thumbs, .no-filter #mod-624-explore .lst-thumbs { margin-left: -52px; } .RGN_US #mod-624-explore .lst-thumbs li, .RGN_ES #mod-624-explore .lst-thumbs li, .no-filter #mod-624-explore .lst-thumbs li { padding-left: 52px; } .RGN_US #mod-624-explore .show-order .display, .RGN_US #mod-624-explore .show-order .vid-thumbs, .RGN_US #mod-624-explore .show-order .lin-ver-dotted, .RGN_ES #mod-624-explore .show-order .display, .RGN_ES #mod-624-explore .show-order .vid-thumbs, .RGN_ES #mod-624-explore .show-order .lin-ver-dotted, .no-filter #mod-624-explore .show-order .display, .no-filter #mod-624-explore .show-order .vid-thumbs, .no-filter #mod-624-explore .show-order .lin-ver-dotted { display: none; } .RGN_US #mod-620c-sports-list-horizontal, .RGN_ES #mod-620c-sports-list-horizontal, .no-filter #mod-620c-sports-list-horizontal, .RGN_US .mod-620-sports-list-aside, .RGN_ES .mod-620-sports-list-aside, .no-filter .mod-620-sports-list-aside { display: none; } .no-filter #mod-624-explore.search .filters, .RGN_US #mod-624-explore.search .filters, .RGN_ES #mod-624-explore.search .filters { display: block; } .no-filter #mod-624-explore.search .thumbnails, .RGN_US #mod-624-explore.search .thumbnails, .RGN_ES #mod-624-explore.search .thumbnails { width: 711px; margin-top: 0; } .no-filter #mod-624-explore.search .result-info, .RGN_US #mod-624-explore.search .result-info, .RGN_ES #mod-624-explore.search .result-info { display: block; } .no-filter #mod-624-explore.search .lst-thumbs, .RGN_US #mod-624-explore.search .lst-thumbs, .RGN_ES #mod-624-explore.search .lst-thumbs { margin: 0; } .no-filter #mod-624-explore.search .show-order .display, .no-filter #mod-624-explore.search .show-order .vid-thumbs, .no-filter #mod-624-explore.search .show-order .lin-ver-dotted, .RGN_US #mod-624-explore.search .show-order .display, .RGN_US #mod-624-explore.search .show-order .vid-thumbs, .RGN_US #mod-624-explore.search .show-order .lin-ver-dotted, .RGN_ES #mod-624-explore.search .show-order .display, .RGN_ES #mod-624-explore.search .show-order .vid-thumbs, .RGN_ES #mod-624-explore.search .show-order .lin-ver-dotted { display: block; } /* IE7 / IE8 opacity */ .social-tools .like-buttons a.disabled { filter: alpha(opacity=50); } #mod-623-videos-carousel li a { filter: alpha(opacity=30); } #mod-623-videos-carousel li.active a { filter: alpha(opacity=100); } #mod-623-videos-carousel li:hover a { filter: alpha(opacity=100); } #mod-621-all-sports .layer-sports ol .item-sport.disabled { filter: alpha(opacity=25); } .sports-list-horizontal .london-sports-aside.disabled { filter: alpha(opacity=25); } .mod-620-sports-list-aside .sports-list .london-sports-aside.disabled { filter: alpha(opacity=25); } /* IE7/IE8 hacks - leave it as the last block */ .head form input[type=text], .head form input[type=submit] { *display: inline; *zoom: 1; } .head form input[type=text] { *margin-top: -1px; } .pagination-next-prev li { *display: inline; *zoom: 1; } #mod-624-explore .lst-thumbs li strong { *padding-top: 5px; } #mod-626-programs-moments .ctn-zone { *width: 619px; } #mod-623-videos-carousel li { *width: 304px; } #mod-621-all-sports.active > a { *width: 150px; } #mod-621-all-sports .layer-sports ul { *position: relative; *zoom: 1; } #mod-624-explore .filters ul > li input[type="text"] { *width: 180px; } .RGN_US #mod-624-explore .lst-thumbs, .RGN_ES #mod-624-explore .lst-thumbs { *width: 995px; } .RGN_US #mod-624-explore.search .lst-thumbs, .RGN_ES #mod-624-explore.search .lst-thumbs { *width: auto; }