/* 20131008 - 1730 */ /* RESET based on http://meyerweb.com/eric/tools/css/reset/ v1.0 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent; } body { line-height:100%; background-color:#FFF; text-align:center; line-height:13px; } body, input, select, textarea { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#47423A; } ol, ul { list-style:none; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:none; } ins { text-decoration:none; } del { text-decoration:line-through; } table, caption, tbody, tfoot, thead, tr, th, td { vertical-align:middle; } table { border-collapse:collapse; border-spacing:0; } div { margin:auto; text-align:left; } br { display:none; } hr { position:absolute; top:-99999px; left:0; } a { color:#47423A; text-decoration:none; } a:hover, a:focus, a:hover *, a:focus * { color:#FF9900 !important; } a:hover *, a:focus * { outline:0; } /* FONT FACE */ @font-face { font-family: 'klavikaRegular'; src: url('../_fonts/KlavikaWebBasicRegular.eot'); src: url('../_fonts/KlavikaWebBasicRegular.eot?#iefix') format('embedded-opentype'), url('../_fonts/KlavikaWebBasicRegular.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'klavikaLight'; src: url('../_fonts/KlavikaWebBasicLight.eot'); src: url('../_fonts/KlavikaWebBasicLight.eot?#iefix') format('embedded-opentype'), url('../_fonts/KlavikaWebBasicLight.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'klavikaMedium'; src: url('../_fonts/KlavikaWebBasicMedium.eot'); src: url('../_fonts/KlavikaWebBasicMedium.eot?#iefix') format('embedded-opentype'), url('../_fonts/KlavikaWebBasicMedium.woff') format('woff'); font-weight: normal; font-style: normal; } /* HIDE */ .lst-accessibility, #uvs { position:absolute; top:-99999px; left:0; } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ GRID PATTERNS */ #trr-ctn-general { position:relative; width:936px; height:100%; min-height:100%; margin:0 auto; z-index:0; } body.tgm-1280 #trr-ctn-general { border-right:213px solid #FFF; } #trr-ctn-content { padding:23px 0 0 0; } /* COLUMNS */ .ctn-cols { padding:0 0 22px 0; background:url("../_img/lin-solid-ver.png") 627px 0 repeat-y; } .col-main { position:relative; float:left; width:619px; padding:0 8px 0 0; border-right:1px solid #DDD; } .col-aside { position:relative; float:right; width:300px; } .col-skinny, .col-normal, .col-wide { position:relative; float:left; padding-right:9px; margin-right:8px; } .col-skinny { width:195px; } .col-normal { width:301px; } .col-wide { width:407px; } .col-float { float:left; overflow:hidden; width:424px; margin:0; } /* LINES */ .lin-hor-dotted { position:relative; overflow:hidden; clear:both; background:url("../_img/lin-dotted.png") left top repeat-x; height:1px; border:1px solid #FFF; border-width:22px 0; z-index:-1; } .lin-hor-margin-spacer { margin:22px 0; padding:0; border:0; } .lin-hor-padding-spacer { margin:0; padding:22px 0; border:0; } .col-wide .lin-hor-dotted { border-top:0; margin-top:22px; } .col-skinny .lin-hor-dotted { border-top:0; border-bottom:0; margin-top:17px; margin-bottom:17px; } .col-aside .lin-hor-dotted { border-width:0 0 22px 0; } /* FAUX COLLUMN */ .bgr-col-1 { background:url("../_img/lin-dotted.png") 202px 0 repeat-y; } .bgr-col-2 { background:url("../_img/lin-dotted.png") 414px 0 repeat-y; } .bgr-col-3 { background:url("../_img/lin-dotted-4.png") 203px 0; } .bgr-col-4 { background:url("../_img/lin-dotted.png") 308px 0 repeat-y; } /* VIEWPORT */ #ctn-zone-viewport .col-main, #ctn-zone-viewport .col-aside { position:relative; height:543px; overflow:hidden; } #ctn-zone-viewport .col-main .lin-hor-dotted { border-width:17px 0; } #ctn-zone-viewport .col-main .lin-hor-dotted-last { position:absolute; left:0; bottom:0; width:619px; margin-bottom:0; border-width:17px 0; z-index:1; } #ctn-zone-viewport .col-wide .lin-hor-dotted { border:0; margin:0 0 17px 0; } #ctn-zone-viewport .col-wide .lin-hor-margin-spacer { margin:17px 0; } #ctn-zone-viewport .col-skinny .lin-hor-dotted { border:0; margin:17px 0; } #ctn-zone-viewport .col-aside .lin-hor-dotted { border-width:17px 0; } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ TYPOGRAPHY */ .kicker { padding:0 0 4px 0; color:#999999; display: block; } .kicker, .kicker a { font-weight:bold; text-transform:uppercase; line-height:12px; } .kicker a { color:#FF9900; } .kicker a:hover, .kicker a:focus { text-decoration:underline; } .ttl-main { font-size:23px; line-height:23px; margin: 0px 0 -3px 0; *margin-bottom:-5px; } .ttl-main a { letter-spacing:-0.7px; } .ttl-main.clearfix { padding-bottom:7px; } /* single titles gotta have clearfix */ .ttl-subtitle { font-size:14px; line-height:14px; margin:0 0 -2px 0; } .txt-claim { font-weight:normal; line-height:1em; font-size:12px; margin:6px 0 -1px 0; color:#47423A; *margin-top:7px; } .ttl-single { margin:12px 0 -1px 0; } .ttl-single a { line-height:14px; } .more { padding-top:15px; } .more a { color:#FF9900; font-weight:bold; background:url("../_img/ico-general.png?nocache") right -220px no-repeat; padding:0 7px 0 0; line-height:1.1em; } .more a:hover, .more a:focus { text-decoration:underline; } .more-right a { float:right; } .sub-heading { float:left; margin-left:12px; padding:5px 0 0 12px; height:17px; color:#999; background:url("../../core/_img/lin-dotted-4.png") repeat scroll 0 0 transparent; font-weight:normal; } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ SHARED ELEMENTS */ /* HELPERS */ .clear { clear:both; } .hide { display:none !important; } .hide-accessible { position:absolute; top:-99999px; left:0; } .first { margin-left:0 !important; padding-left:0 !important; } .last { margin-right:0 !important; padding-right:0 !important; } .top { margin-top:0 !important; padding-top:0 !important; } .bottom { margin-bottom:0 !important; padding-bottom:0 !important; } .text-right { text-align:right; } .reset-bg { background:none !important; } .reset-bg-white { background:#FFF !important; } .reset-margin { margin:0; } .reset-margin-top { margin-top:0 !important; } .reset-margin-bottom { margin-bottom:0 !important; } .reset-padding { padding:0; } .reset-padding-top { padding-top:0 !important; } .reset-padding-bottom { padding-bottom:0 !important; } .visually-hidden { position:absolute; overflow:hidden; margin:-1px; padding:0; height:1px; width:1px; border:0; clip:rect(0 0 0 0); } .visually-hidden.focusable:active, .visually-hidden.focusable:focus { overflow:visible; position:static; margin:0; width:auto; height:auto; clip:auto; } .ir { overflow:hidden; background-color:transparent; border:0; /* IE 6/7 fallback */ *text-indent:-9999px; } .ir:before { content:""; display:block; width:0; height:150%; } .clearfix:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; } .clearfix { display:inline-block; } html[xmlns] .clearfix { display:block; } * html .clearfix { height:1%; } /* LISTS */ /* headlines */ .lst-headlines { margin:0 0 -3px 0; padding-top:4px; *padding-top:8px; } .lst-headlines li { margin:5px 0 -3px 0; } .lst-headlines li a { line-height:14px; } /* bullet */ .lst-bullet li, .lst-headlines li.bullet { position:relative; padding:0 0 0 9px; background:url("../_img/ico-general.png?nocache") 0 -356px no-repeat; zoom:1; } .lst-bullet li:hover, .lst-headlines li.bullet:hover { background-position:0 -536px; } .col-skinny .lst-bullet li.first { padding-right:7px; } /* general */ .lst-general li { padding:5px 8px 6px 8px; } .lst-general li.alt, .lst-general li.even { background-color:#F2F1EF; padding-top:2px; padding-bottom:3px; } .lst-general li a { display:block; font-weight:bold; } .lst-general li .ico-external { margin-top:4px; vertical-align:top; } /* TABLES */ .tbl-general { width:100%; text-align:left; } .tbl-general thead th { padding:6px 10px 5px 10px; background-color:#BEB7AF; text-transform:uppercase; color:#FFF; } .tbl-general tbody td { padding:12px 10px 10px 10px; background-color:#ECEAE7; border:1px solid #FFF; border-left:none; border-collapse:separate; } .tbl-general tbody td a { font-weight:bold; color:#47423A; font-size:12px; } .tbl-general tbody td a span { color:#FF9900; font-size:12px; } /* METRICS CONTAINER */ .ctn-metrics { margin:6px 0 0 0; height:11px; } .ctn-metrics li { display:block; float:left; } .ctn-metrics li a { color:#999; font-size:10px; } .ctn-metrics li.total { background:url("../_img/ico-general.png?nocache") right -672px no-repeat; padding:0 9px 0 0; margin:0 8px 0 0; } .ctn-metrics li.total span { color:#9BC80D; font-weight:bold; font-size:11px; } .ctn-metrics li.comment a { display:block; background:url("../_img/ico-general.png?nocache") 0 -178px no-repeat; padding:0 0 0 15px; } .ctn-metrics li.comment a:hover { background-position:-100px -178px; } /* TWITTER CONTAINER */ .ctn-tweet { position:relative; padding:8px 8px 4px; margin:4px 0 15px 0; height:100px; border:1px dotted #BEB7AF; } .ctn-tweet .tweet-arrow { position:absolute; left:7px; top:-5px; width:13px; height:6px; background:url("../_img/tweet-arrow.png") no-repeat; } .ctn-tweet a img { float:left; margin-right:6px; } .ctn-tweet blockquote { margin:3px 0; } .ctn-tweet .time { color:#BDB7AF; } /* MEDIA CONTAINER */ .ctn-media { margin:0 0 -2px 0; padding-top:8px; } .ctn-media li { display:block; float:left; line-height:13px; padding-right:17px; vertical-align:top; } .col-skinny .ctn-media li { padding-right:8px; } /* PAGE HEADER CONTAINER */ .ctn-page-header { margin-bottom:8px; } .ctn-page-header .header-image { float:left; margin-right:23px; } /* PAGE TITLE */ .ttl-page { width:100%; overflow:hidden; text-indent:-9999px; } .ttl-page span, .ttl-page a { display:block; height:30px; background-repeat:no-repeat; } .ttl-page a:hover, .ttl-page a:hover span, .ttl-page a:focus { background-position:0 -30px; } .ttl-page-aside { float:left; margin-top:27px; width:400px; } /* GENERAL ICOS */ .ico-general { background:url("../_img/ico-general.png?nocache"); } .ico-feed abbr { display:block; width:15px; height:15px; overflow:hidden; text-indent:-999px; background:url("../_img/ico-general.png?nocache") no-repeat 0 -810px; cursor:pointer; } .ico-external { display:inline-block; margin-left:3px; width:10px; height:7px; background:url("../_img/ico-general.png?nocache") no-repeat 0 -720px; text-indent:-9999px; } a:hover .ico-external, a:focus .ico-external { background-position:0 -765px; } /* link-external is just for retro compatibility issue */ .lnk-external:after { content:" "; display:inline-block; margin-left:3px; width:10px; height:7px; vertical-align:middle; background:url("../_img/ico-general.png?nocache") no-repeat 0 -720px; text-indent:-9999px; } /* DEPRECATED ICONS HEADLINES Use the classes below this block (ico-hed, ico-hed-photo, etc.) */ .photo, .video, .twitter, .gplus, .infographic, .sound, .blog { display:block; float:left; height:14px; margin:-3px 0 0 0; padding-right:5px; overflow:hidden; text-indent:-9999px; background:url("../_img/ico-general.png?nocache2") no-repeat; vertical-align:bottom; _padding-right:2px; } a:hover .photo, a:hover .video, a:hover .twitter, a:hover .infographic, a:hover .sound, a:hover .blog { cursor:pointer; } .photo { width:12px; background-position:0 4px; } a:hover .photo { background-position:-100px 4px; } .video { width:13px; background-position:0 -41px; } a:hover .video { background-position:-100px -41px; } .twitter { width:9px; background-position:0 -132px; } a:hover .twitter { background-position:-100px -132px; } .infographic { width:12px; background-position:0 -89px; } a:hover .infographic { background-position:-100px -89px; } .sound { width:10px; background-position:0 -445px; } a:hover .sound { background-position:-100px -445px; } .blog { width:14px; background-position:0 -580px; } a:hover .blog { background-position:-100px -580px; } .vc { text-transform:uppercase; font-style:normal; font-weight:bold; color:#9bc80d; vertical-align:top; display:inline; padding-right:1px; } .minmin, .live { display:block; float:left; height:15px; margin:-2px 0 0 0; padding-right:5px; overflow:hidden; text-indent:-9999px; } .minmin { background:url("../_img/ico-general-pt.png?nocache2") 0 1px no-repeat; width:117px; } a:hover .minmin, a:focus .minmin { background-position:-200px 1px; } .live { background:url("../_img/ico-general-pt.png?nocache2") 0 -42px no-repeat; width:62px; } a:hover .live, a:focus .live { background-position:-200px -42px; } .ttl-main .minmin, .ttl-main .live { margin-top:4px; padding-right:7px; *margin-top:2px; } /* Icons - Exceptions for Main Titles */ .ttl-main .photo, .ttl-main .video, .ttl-main .twitter { margin-top:2px !important; } /* Icons - Exceptions for Single Titles */ .ttl-single .photo, .ttl-single .video, .ttl-single .twitter { margin-top:-3px; *margin-top:-4px; } /* Icons - Exceptions for Media Container */ .ctn-media .photo, .ctn-media .video, .ctn-media .twitter { margin-top:-3px; } /* Icons - Exceptions for Substitles */ .ttl-subtitle .live { margin-top:-1px; } .ttl-subtitle .photo, .ttl-subtitle .video, .ttl-subtitle .twitter { margin-top:-2px; } /* es */ .LNG_es .minmin, .LNG_es .live { background-image:url("../_img/ico-general-es.png?nocache2"); } .LNG_es .minmin { width:117px; } .LNG_es .live { width:61px; } /* en */ .LNG_en .minmin, .LNG_en .live { background-image:url("../_img/ico-general-en.png?nocache2"); } .LNG_en .minmin { width:122px; } .LNG_en .live { width:41px; } /* NEW ICONS HEADLINES */ .ico-hed { display:block; float:left; height:14px; margin:-3px 0 0 0; padding-right:5px; background:url("../_img/ico-general.png?nocache2") no-repeat; vertical-align:bottom; overflow:hidden; text-indent:-9999px; _padding-right:2px; } .ico-hed-photo { width:12px; background-position:0 4px; } .ico-hed-photo-white { width:12px; background-position:-188px 4px; } .ico-hed-video { width:13px; background-position:0 -41px; } .ico-hed-video-white { width:13px; background-position:-188px -41px; } .ico-hed-twitter { width:9px; background-position:0 -132px; } .ico-hed-twitter-white { width:9px; background-position:-186px -132px; } .ico-hed-infographic { width:12px; margin:-2px 0 0 0; background-position:0 -89px; } .ico-hed-infographic-white { width:12px; margin:-2px 0 0 0; background-position:-186px -89px; } .ico-hed-sound { width:10px; background-position:0 -445px; } .ico-hed-sound-white { width:10px; background-position:-186px -445px; } .ico-hed-blog { width:14px; background-position:0 -580px; } .ico-hed-blog-white { width:14px; background-position:-186px -580px; } .ico-hed-vc { display:inline; height:auto; margin:0; padding-right:1px; color:#9bc80d; vertical-align:top; font-style:normal; font-weight:bold; text-transform:uppercase; background:none; text-indent:0; } .ico-hed-play { position:absolute; left:0; width:19px; height:24px; margin:0; background-position:0 -950px; } .ico-hed-hd { position:absolute; left:24px; width:19px; height:24px; margin:0; background-position:0 -1130px; } .ico-hed-article { width:11px; background-position:0 -1080px; } .ico-hed-article-white { width:11px; background-position:-186px -1080px; } .ico-hed-minmin, .ico-hed-minmin-white, .ico-hed-live, .ico-hed-live-white, .ico-hed-special, .ico-hed-exclusive, .ico-hed-now, .ico-hed-now-white, .ico-hed-goal-by-goal, .ico-hed-goal-by-goal-white, .ico-hed-rerun { height:15px; margin:-2px 0 0 0; background:url("../_img/ico-general-pt.png?nocache2") no-repeat; } .ico-hed-minmin { width:117px; background-position:0 1px; } .ico-hed-minmin-white { width:117px; background-position:-400px 1px; } .ico-hed-minmin-disabled { background-position:-400px 1px; } .ico-hed-live { width:62px; background-position:0 -42px; } .ico-hed-special { width: 53px; background-position: -17px -133px; margin-bottom: 5px !important;} .ico-hed-exclusive { width: 63px; background-position: -17px -310px; margin-bottom: 5px !important;} .ico-hed-live-white { width:62px; background-position:-400px -42px; } .ico-hed-live-disabled { background-position:-400px -42px; } .ico-hed-now { width:60px; background-position:0 -179px; } .ico-hed-now-white { width:60px; background-position:-400px -179px; } .ico-hed-goal-by-goal { width:83px; background-position:0 -222px; } .ico-hed-goal-by-goal-white { width:83px; background-position:-400px -222px; } .ico-hed-rerun { width:72px; background-position:0 -266px; } /* hover and focus */ a:hover .ico-hed, a:focus .ico-hed { cursor:pointer; } a:hover .ico-hed-photo, a:focus .ico-hed-photo { background-position:-100px 4px; } a:hover .ico-hed-video, a:focus .ico-hed-video { background-position:-100px -41px; } a:hover .ico-hed-twitter, a:focus .ico-hed-twitter { background-position:-100px -132px; } a:hover .ico-hed-infographic, a:focus .ico-hed-infographic { background-position:-100px -89px; } a:hover .ico-hed-sound, a:focus .ico-hed-sound { background-position:-100px -445px; } a:hover .ico-hed-blog, a:focus .ico-hed-blog { background-position:-100px -580px; } a:hover .ico-hed-article, a:focus .ico-hed-article { background-position:-100px -1080px; } a:hover .ico-hed-play, a:focus .ico-hed-play { background-position:-100px -950px; margin:-3px 0 0 -3px; left:3px; } a:hover .ico-hed-hd, a:focus .ico-hed-hd { background-position:-100px -1130px; margin:-3px 0 0 -3px; left:27px; } a:hover .ico-hed-minmin, a:focus .ico-hed-minmin { background-position:-200px 1px; } a:hover .ico-hed-live, a:focus .ico-hed-live { background-position:-200px -42px; } a:hover .ico-hed-special, a:focus .ico-hed-special { background-position:-217px -133px; } a:hover .ico-hed-exclusive, a:focus .ico-hed-exclusive { background-position:-217px -310px; } a:hover .ico-hed-now, a:focus .ico-hed-now { background-position:-200px -179px; } a:hover .ico-hed-goal-by-goal, a:focus .ico-hed-goal-by-goal { background-position:-200px -222px; } a:hover .ico-hed-rerun, a:focus .ico-hed-rerun { background-position:-200px -266px; } /* es */ .LNG_es .ico-hed-minmin, .LNG_es .ico-hed-minmin-white, .LNG_es .ico-hed-live, .LNG_es .ico-hed-live-white, .LNG_es .ico-hed-special, .LNG_es .ico-hed-special-white, .LNG_es .ico-hed-exclusive, .LNG_es .ico-hed-exclusive-white, .LNG_es .ico-hed-now, .LNG_es .ico-hed-now-white, .LNG_es .ico-hed-goal-by-goal, .LNG_es .ico-hed-goal-by-goal-white, .LNG_es .ico-hed-rerun { background-image:url("../_img/ico-general-es.png?nocache2"); } .LNG_es .ico-hed-minmin, .LNG_es .ico-hed-minmin-white { width:117px; } .LNG_es .ico-hed-live, .LNG_es .ico-hed-live-white { width:61px; } .LNG_es .ico-hed-special, .LNG_es .ico-hed-special-white { width:53px; } .LNG_es .ico-hed-exclusive, .LNG_es .ico-hed-exclusive-white { width:63px; } .LNG_es .ico-hed-now, .LNG_es .ico-hed-now-white { width:59px; } .LNG_es .ico-hed-goal-by-goal, .LNG_es .ico-hed-goal-by-goal-white { width:83px; } .LNG_es .ico-hed-rerun { width:92px; } /* en */ .LNG_en .ico-hed-minmin, .LNG_en .ico-hed-minmin-white, .LNG_en .ico-hed-live, .LNG_en .ico-hed-live-white, .LNG_en .ico-hed-special, .LNG_en .ico-hed-special-white, .LNG_en .ico-hed-exclusive, .LNG_en .ico-hed-exclusive-white, .LNG_en .ico-hed-now, .LNG_en .ico-hed-now-white, .LNG_en .ico-hed-goal-by-goal, .LNG_en .ico-hed-goal-by-goal-white, .LNG_en .ico-hed-rerun { background-image:url("../_img/ico-general-en.png?nocache2"); } .LNG_en .ico-hed-minmin, .LNG_en .ico-hed-minmin-white { width:122px; } .LNG_en .ico-hed-live, .LNG_en .ico-hed-live-white { width:41px; } .LNG_en .ico-hed-special, .LNG_en .ico-hed-special-white { width:46px; } .LNG_en .ico-hed-exclusive, .LNG_en .ico-hed-exclusive-white { width:63px; } .LNG_en .ico-hed-now, .LNG_en .ico-hed-now-white { width:76px; } .LNG_en .ico-hed-goal-by-goal, .LNG_en .ico-hed-goal-by-goal-white { width:98px; } .LNG_en .ico-hed-rerun { width:68px; } /* context / exceptions */ .ttl-main .ico-hed-minmin, .ttl-main .ico-hed-live, .ttl-main .ico-hed-now, .ttl-main .ico-hed-goal-by-goal, .ttl-main .ico-hed-rerun, .ttl-main .ico-hed-article { margin-top:4px; padding-right:7px; *margin-top:2px; } .ttl-main .ico-hed-photo, .ttl-main .ico-hed-video, .ttl-main .ico-hed-twitter { margin-top:2px !important; } .ttl-subtitle .ico-hed-photo, .ttl-subtitle .ico-hed-video, .ttl-subtitle .ico-hed-twitter, .ttl-subtitle .ico-hed-article { margin-top:-2px; } .ttl-subtitle .ico-hed-live { margin-top:-1px; } .ttl-single .ico-hed-photo, .ttl-single .ico-hed-video, .ttl-single .ico-hed-twitter, .ttl-single .ico-hed-article { margin-top:-3px; *margin-top:-4px; } .ctn-media .ico-hed-photo, .ctn-media .ico-hed-video, .ctn-media .ico-hed-twitter, .ctn-media .ico-hed-article { margin-top:-3px; } .ctn-image a .txt em.ico-hed-now { margin-top:-2px; } /* BUTTONS */ .btn-general { display:block; background:url("../../core/_img/btn-general-pt.png") 0 0 no-repeat; width:100px; height:24px; overflow:hidden; text-indent:-9999px; border:0; line-height:99px; cursor:pointer; } .btn-watch-now { width:92px; } .btn-vote { width:48px; background-position:0 -60px; } .btn-search { width:53px; background-position:0 -390px; } .btn-search-2 { width:60px; height:29px; background-position:0 -420px; } .btn-see-more { width:70px; background-position:0 -30px; } .btn-send { width:52px; background-position:0 -330px; } .btn-back { width:54px; background-position:0 -360px; } .btn-enter { width:54px; background-position:0 -450px; } .btn-visit { width:52px; background-position:0 -480px; } .btn-continue { width:74px; background-position:0 -510px; } /* hover and focus */ .btn-watch-now:hover, .btn-watch-now:focus { background-position:-250px 0; } .btn-vote:hover, .btn-vote:focus { background-position:-250px -60px; } .btn-search:hover, .btn-search:focus { background-position:-250px -390px; } .btn-search-2:hover, .btn-search-2:focus { background-position:0 -420px; } .btn-see-more:hover, .btn-see-more:focus { background-position:-250px -30px; } .btn-send:hover, .btn-send:focus { background-position:-250px -330px; } .btn-back:hover, .btn-back:focus { background-position:-250px -360px; } .btn-enter:hover, .btn-enter:focus { background-position:-250px -450px; } .btn-visit:hover, .btn-visit:focus { background-position:-250px -480px; } .btn-continue:hover, .btn-continue:focus { background-position:-250px -510px; } /* es */ .LNG_es .btn-general { background-image:url("../../core/_img/btn-general-es.png"); } .LNG_es .btn-watch-now { width:33px; } .LNG_es .btn-see-more { width:59px; } .LNG_es .btn-watch-now:hover, .LNG_es .btn-watch-now:focus { background-position:-250px 0; } /* en */ .LNG_en .btn-general { width:64px; background-image:url("../../core/_img/btn-general-en.png"); } .LNG_en .btn-watch-now { width:78px; } .LNG_en .btn-vote { width:40px; } .LNG_en .btn-search { width:53px; } .LNG_en .btn-search-2 { width:60px; } .LNG_en .btn-see-more { width:70px; } .LNG_en .btn-send { width:41px; } .LNG_en .btn-back { width:41px; } .LNG_en .btn-enter { width:47px; } .LNG_en .btn-visit { width:41px; } .LNG_en .btn-continue { width:65px; } .LNG_en .btn-watch-now:hover, .LNG_en .btn-watch-now:focus { background-position:-250px 0; } /* BREAKING NEWS BAR */ .breaking-news { background:#FF9900; border-bottom:17px solid #FFF; } .breaking-news .kicker { overflow:hidden; float:left; width:76px; height:25px; margin:0 17px 0 11px; padding:0; background:url("../_img/ico-general-pt.png") left -84px no-repeat; text-indent:-9999px; } .breaking-news h2 { padding:6px 0 0 0; *padding-top:7px; } .breaking-news h2 a { float:left; font-size:12px; color:#47423A; line-height:12px; } .breaking-news h2 a:hover, .breaking-news h2 a:focus { color:#FFF !important; text-decoration:underline; } .LNG_es .breaking-news .kicker { width:75px; background-image:url("../_img/ico-general-es.png"); } .LNG_en .breaking-news .kicker { width:119px; background-image:url("../_img/ico-general-en.png"); } /* LIVE BAR */ .live-bar { clear:both; overflow:hidden; height:25px; border:2px solid #BEB7AF; margin-bottom:17px; } .live-bar .ctn-text { float:left; display:inline-block; height:15px; margin-top:5px; padding-left:9px; background:url("../_img/lin-dotted.png") repeat-y scroll left top transparent; border-width:0; *margin-top:6px; } .live-bar h2 { padding-top:0; margin-top:1px; color:#47423A; } .live-bar .more { float:right; padding-top:0; margin-top:7px; margin-right:7px; } /*minute by minute*/ .live-bar .mimmin { float:left; width:118px; height:25px; margin-left:8px; margin-right:3px; padding:0; background:url("../_img/ico-general-pt.png") left 5px no-repeat; text-indent:-9999px; } .LNG_es .live-bar .mimmin { width:117px; background-image:url("../_img/ico-general-es.png"); } .LNG_en .live-bar .mimmin { width:122px; background-image:url("../_img/ico-general-en.png"); } /*live*/ .live-bar .live { float:left; width:65px; height:25px; margin-top:0; margin-left:8px; margin-right:3px; padding:0; background:url("../_img/ico-general-pt.png") left -38px no-repeat; text-indent:-9999px; } .LNG_es .live-bar .live { width:61px; background-image:url("../_img/ico-general-es.png"); } .LNG_en .live-bar .live { width:41px; background-image:url("../_img/ico-general-en.png"); } /* SPECIAL COVERAGE */ .special-coverage { position:relative; background:#F29A12; border-bottom:12px solid #FFF; height:31px; overflow:hidden; } .special-coverage h2, .special-coverage h2 a { height:29px; } .special-coverage h2 { float:left; margin:0 31px 0 0; } .special-coverage h2 a { display:block; padding:0 10px 0; border:1px solid #F29A12; overflow:hidden; text-indent:-9999px; background-position:10px 0; background-repeat:no-repeat; } .special-coverage h2 a:hover, .special-coverage h2 a:focus { background-position:10px -31px; background-color:#FFF; } .special-coverage ul { padding:10px 0 0 0; *padding-top:11px; } .special-coverage ul li { display:block; float:left; } .special-coverage ul li a { display:block; line-height:11px; color:#FFF; font-weight:bold; padding:0 11px 0 10px; background:url("../_img/ico-general.png?nocache2") right -405px repeat-y; } .special-coverage ul li a:hover, .special-coverage ul li a:focus { color:#FFF !important; text-decoration:underline; } .special-coverage ul li.last a { background:none; padding-right:0; } .special-coverage .ctn-tgm { position:absolute; top:0; right:0; border-left:1px solid #FFF; _margin:0 -1px 0 0; } .special-coverage h2.dynamic { background:none !important; width:auto !important; padding:0; text-indent:0; } .special-coverage h2.dynamic img { padding:10px 0 0 11px; } .special-coverage h2.dynamic a { text-indent:0; display:inline-block; } .special-coverage h2.dynamic a img { padding:0; } .special-coverage h2 a:hover img, .special-coverage h2 a:focus img { margin-top:-31px; } /* SECTIONS */ .ctn-section { position:relative; background:#FFF; height:25px; padding:0 0 17px 0; } .ctn-section .ttl-section, .ctn-section .ctn-bar { float:left; } .ctn-section .ttl-subtitle { float:left; margin:6px 0 0 11px; padding:0 0 0 14px; background:url("../_img/lin-dotted.png") repeat-y 0 0; color:#5D5850; font-size:11px; } .ctn-section .ico-feed abbr { position:absolute; top:9px; right:0; } /* SECTIONS TITLES */ .ttl-section a { display:block; float:left; background:url("../_img/ico-general.png?nocache") right -262px no-repeat; padding-right:11px; } .ttl-section span { display:block; float:left; height:25px; overflow:hidden; line-height:99em; letter-spacing:-0.7px; font-size:24px; font-weight:bold; background-repeat:no-repeat; word-spacing:-4px; *word-spacing:-2px; *letter-spacing:-1.2px; } .ttl-section a span { cursor:pointer; } .ttl-suggestion { margin-top:9px; } .ttl-suggestion span { width:140px; } .ttl-photo-gallery span { width:146px; background-position:0 -125px; } .ttl-last-news span { width:72px; background-position:0 -150px; } .ttl-fotolog span { width:68px; background-position:0 -225px; } .ttl-videos span { width:62px; background-position:0 -300px; } .ttl-blogs span { width:49px; background-position:0 -325px; } .ttl-mobile span { width:63px; background-position:0 -375px; } .ttl-twitter span { width:68px; background-position:0 -525px; } .ttl-expanded-pics span { width:156px; background-position:0 -596px; } .ttl-quiz span { width:37px; background-position:0 -643px; } /* hover and focus */ .ttl-suggestion a:hover span, .ttl-suggestion a:focus span { background-position:-200px 0; } .ttl-photo-gallery a:hover span, .ttl-photo-gallery a:focus span { background-position:-200px -125px; } .ttl-last-news a:hover span, .ttl-last-news a:focus span { background-position:-200px -150px; } .ttl-fotolog a:hover span, .ttl-fotolog a:focus span { background-position:-200px -225px; } .ttl-videos a:hover span, .ttl-videos a:focus span { background-position:-200px -300px; } .ttl-blogs a:hover span, .ttl-blogs a:focus span { background-position:-200px -325px; } .ttl-mobile a:hover span, .ttl-mobile a:focus span { background-position:-200px -375px; } .ttl-expanded-pics a:hover span, .ttl-expanded-pics a:focus span { background-position:-200px -596px; } .ttl-quiz a:hover span, .ttl-quiz a:focus span { background-position:-200px -643px; } /* pt */ .LNG_pt .ttl-section span { background-image:url("../_img/ttl-general-pt.png"); } /* es */ .LNG_es .ttl-section span { background-image:url("../_img/ttl-general-es.png"); } .LNG_es .ttl-suggestion span { width:127px; } .LNG_es .ttl-economy span { width:92px; } .LNG_es .ttl-sports span { width:85px; } .LNG_es .ttl-fun span { width:158px; } .LNG_es .ttl-life-style span { width:114px; } .LNG_es .ttl-photo-gallery span { width:51px; } .LNG_es .ttl-last-news span { width:72px; } .LNG_es .ttl-fotolog span { width:68px; } .LNG_es-US .ttl-fotolog span { width:49px; background-position:0 -125px; } .LNG_es-US .ttl-fotolog a:hover span { background-position:-200px -125px; } .LNG_es .ttl-videos span { width:62px; } .LNG_es .ttl-blogs span { width:48px; } .LNG_es-US .ttl-blogs span { width:54px; background-position:0 -350px; } .LNG_es-US .ttl-blogs a:hover span { background-position:-200px -350px; } .LNG_es .ttl-mobile span { width:51px; background-position:0 -400px; } .LNG_es-VE .ttl-mobile span, .LNG_es-CO .ttl-mobile span, .LNG_es-US .ttl-mobile span { width:64px; background-position:0 -425px; } .LNG_es-AR .ttl-mobile span { width:73px; background-position:0 -375px; } .LNG_es .ttl-mobile a:hover span { background-position:-200px -400px; } .LNG_es-VE .ttl-mobile a:hover span, .LNG_es-CO .ttl-mobile a:hover span, .LNG_es-US .ttl-mobile a:hover span { background-position:-200px -425px; } .LNG_es-AR .ttl-mobile a:hover span { background-position:-200px -375px; } .LNG_es .ttl-twitter span { width:68px; } .LNG_es .ttl-expanded-pics span { width:156px; } .LNG_es .ttl-quiz span { width:37px; } /* en */ .LNG_en .ttl-section span { background-image:url("../_img/ttl-general-en.png"); } .LNG_en .ttl-suggestion span { width:127px; } .LNG_en .ttl-economy span { width:50px; } .LNG_en .ttl-sports span { width:61px; } .LNG_en .ttl-fun span { width:142px; } .LNG_en .ttl-life-style span { width:77px; } .LNG_en .ttl-photo-gallery span { width:66px; } .LNG_en .ttl-last-news span { width:111px; } .LNG_en .ttl-fotolog span { width:65px; } .LNG_en .ttl-videos span { width:62px; } .LNG_en .ttl-blogs span { width:63px; } .LNG_en .ttl-twitter span { width:68px; } .LNG_en .ttl-expanded-pics span { width:66px; background-position:0 -125px; } .LNG_en .ttl-quiz span { width:37px; } .LNG_en .ttl-expanded-pics a:hover span, .LNG_en .ttl-expanded-pics a:focus span { background-position:-200px -125px; } /* dynamic */ .ctn-section .ttl-dynamic a, .ctn-section .ttl-dynamic-carrot a { padding-right:0; } .ctn-section .ttl-dynamic-carrot a { background:none; } .ctn-section .ttl-dynamic a span { background-repeat:no-repeat; background-position:0 0 !important; } .ctn-section .ttl-dynamic a:hover span, .ctn-section .ttl-dynamic-carrot a:hover span, .ctn-section .ttl-dynamic a:focus span, .ctn-section .ttl-dynamic-carrot a:focus span { background-position:0 -25px !important; } /* exception */ #section-suggestion { height:40px; } #section-suggestion .ttl-section { margin-top:20px; } #section-suggestion .ctn-tgm { left:212px; top:0; } /* BAR WRAPPERS */ .ctn-hotlinks { background:#FFF; padding:0 0 17px 0; } .ctn-hotlinks .ctn-bar { background:#FFF url("../_img/ico-general.png?nocache") 70px -311px no-repeat; } .ctn-links { float:left; margin:0 0 0 20px; } /* lang */ .LNG_es .ctn-hotlinks .ctn-bar { background-position:76px -311px; } .LNG_en .ctn-hotlinks .ctn-bar { background-position:79px -311px; } /* BAR */ .ctn-bar { height:17px; padding:5px 8px 1px 8px; border:1px solid #FF9900; background:#FFF; overflow:hidden; } .ctn-bar p { float:left; padding:1px 20px 0 0; line-height:11px; } .ctn-bar p strong, .ctn-bar p a { font-weight:bold; color:#BEB7AF; } .ctn-bar ul li { float:left; padding:0 8px 0 0; margin-right:8px; font-weight:bold; color:#FF9900; line-height:14px; background:url("../_img/lin-dotted.png") right top repeat-y; } .ctn-bar ul li a { font-weight:bold; } .ctn-bar ul .last { background:none; } .ctn-bar em { display:inline-block; float:none; vertical-align:top; } /* IMAGE CONTAINER */ .ctn-image { position:relative; float:left; z-index:1; } #ctn-zone-viewport .ctn-image, .mod-049-editorial .ctn-image, .ctn-image-large { margin-bottom:17px; } #ctn-zone-viewport .mod-502-vertical-captioned-image .ctn-image { margin-bottom:0; } .ctn-image a, .ctn-image img { float:left; overflow:hidden; } .ctn-image a:hover, .ctn-image a:focus, .ctn-image .selected { border:3px solid #FF9900; outline:0; } .ctn-image a:hover img, .ctn-image a:focus img, .ctn-image .selected img { margin:-3px; } .ctn-image .selected { cursor:default; } .ctn-image strong { text-transform:uppercase; color:#5D5850; padding-right:2px; } .ctn-image .bgr { background:#FFF; opacity:0.85; -moz-opacity:0.85; filter:alpha(opacity=85); } .ctn-image a:hover *, .ctn-image a:focus * { color:#FF9900; } .ctn-image .bgr, .ctn-image .txt { width:183px; height:31px; padding:4px 6px 0 6px; overflow:hidden; position:absolute; bottom:0%; left:0; cursor:pointer; color:#47423A; font-weight:normal; } .ctn-image a:hover .bgr, .ctn-image a:hover .txt, .ctn-image a:focus .bgr, .ctn-image a:focus .txt { margin-left:3px; height:28px; bottom:3px; padding:4px 3px 0 3px; } .ctn-image .play-video { display:none; } .ctn-image a:hover .play-video { display:block; position:absolute; top:56px; left:76px; height:31px; width:43px; background:url("../_img/btn-play.png") no-repeat; cursor:pointer; } .ctn-modular-image { position:relative; } .ctn-modular-image a, .ctn-modular-image img { display:block; overflow:hidden; } .ctn-modular-image .txt { position:absolute; right:0; bottom:0; left:0; padding:6px 8px 24px 8px; line-height:14px; font-size:12px; font-weight:bold; background:url("../_img/opacity-80-white.png"); } .ctn-modular-image .ctn-metrics { position:absolute; left:7px; bottom:10px; margin:0; } .ctn-modular-image:hover { border:3px solid #FF9900; } .ctn-modular-image:hover img { margin:-3px; } .ctn-modular-image:hover .txt { padding:6px 5px 21px 5px; } .ctn-modular-image:hover .ctn-metrics { left:4px; bottom:7px; } .ctn-highlight-image { position:relative; } .ctn-highlight-image a, .ctn-highlight-image img { display:block; overflow:hidden; } .ctn-highlight-image .txt { position:absolute; bottom:0; left:0; max-width:450px; border-left:6px solid #DE6A08; z-index:2; padding:2px 0 3px 0; overflow:hidden; } .ctn-highlight-image .txt strong { text-transform:uppercase; font-size:36px; line-height:36px; color:#FFF !important; background:#DE6A08; } .ctn-highlight-image .txt-shadow { left:6px; z-index:1; } .ctn-highlight-image .txt-shadow strong { color:#DE6A08 !important; } .ctn-highlight-image .ctn-metrics { position:absolute; right:0; bottom:0; margin:0; padding:6px 8px 10px 8px; background:url("../_img/opacity-80-white.png"); } .ctn-highlight-image:hover { border:3px solid #FF9900; } .ctn-highlight-image:hover img { margin:-3px; } .ctn-highlight-image:hover .txt { border-left-width:3px; border-color:#FF9900; padding-bottom:0; } .ctn-highlight-image:hover .txt strong { background:#FF9900; } .ctn-highlight-image:hover .txt-shadow strong { color:#FF9900 !important; } .ctn-highlight-image:hover .ctn-metrics { padding:6px 5px 7px 8px; } /* single line */ .single-line .bgr, .single-line .txt { width:391px; height:19px; font-weight:bold; padding:5px 8px 0 8px; } .single-line a:hover .bgr, .single-line a:hover .txt, .single-line a:focus .bgr, .single-line a:focus .txt { height:16px; padding:5px 5px 0 5px; } .single-line a .bgr, .single-line a .txt { _bottom:-1px; } .single-line a:hover .bgr, .single-line a:hover .txt, .single-line a:focus .bgr, .single-line a:focus .txt { _bottom:2px; } .ctn-image a .txt em { margin-top:-3px; } /* BOXES */ .bgr-solid { border:8px solid #FFF; } .bgr-lightgray { background:#ECEAE7; border-color:#ECEAE7; } /* NEWS CONTAINER */ .ctn-news { position:relative; } .ctn-news .lin-hor-dotted { border-width:0 !important; margin:8px 0 !important; } .ctn-news .ttl-single { margin:9px 0 11px 0; } .ctn-news .ctn-tgm { margin-top:-2px; } .ctn-news .ctn-captioned-image { margin:0; } .ctn-modular-news { min-height:102px; } .ctn-modular-news .ttl-main { margin-top:-3px; font-size:18px; line-height:22px; } .ctn-modular-news .ttl-main a { display:block; } /* HIGHLIGHT CONTAINER */ .ctn-highlight { position:relative; overflow:hidden; margin:0 0 8px 0; } .ctn-highlight .img { display:block; float:left; margin:0 8px 0 0; } .ctn-highlight .img:hover, .ctn-highlight .img:focus { border:3px solid #FF9900; overflow:hidden; } .ctn-highlight .img:hover img, .ctn-highlight .img:focus img { margin:-3px; } .ctn-highlight .kicker { display:block; } .ctn-highlight .author { display:block; font-size:10px; line-height:1em; margin:0 0 5px 0; letter-spacing:-1px; } .ctn-highlight .ttl { font-weight:bold; } .ctn-highlight .ctn-tgm { margin:8px 0 0 0; } /* CAPTIONED IMAGES */ .ctn-captioned-image { position:relative; } .ctn-captioned-image .img { display:block; margin:0 17px 0 0; } .ctn-captioned-image .img, .ctn-captioned-image .img img { float:left; overflow:hidden; } .ctn-captioned-image .img:hover, .ctn-captioned-image .img:focus { border:3px solid #FF9900; overflow:hidden; } .ctn-captioned-image .img:hover img, .ctn-captioned-image .img:focus img { margin:-3px; } .ctn-captioned-image .play-video { display:none; } .ctn-captioned-image a:hover .play-video { display:block; position:absolute; top:18px; left:23px; height:31px; width:43px; background:url("../_img/btn-play.png") no-repeat; cursor:pointer; } /* HOTTOPICS */ .hottopics { width:195px; height:171px; background:url("../_img/bgr-suggestion.png") no-repeat; overflow:hidden; } .hottopics ul { float:left; width:70px; padding:13px 13px 0 13px; } .hottopics li { display:inline-block; margin:0 0 6px 0; line-height:13px; vertical-align:top; } .hottopics li a { font-weight:bold; vertical-align:top; } .hottopics li a span { display:inline; width:4px; height:4px; overflow:hidden; background:url("../_img/ico-general.png?nocache") right -220px no-repeat; padding:0 0 0 5px; } /* CHECKBOXES AND RADIO BUTTONS */ .chk-rdo-replace { display:block; float:left; margin:0 5px 0 0; *margin:-4px 2px 0 -4px; } .rdo-replace, .chk-replace { cursor:pointer; display:block; float:left; width:11px; height:11px; margin-right:5px; margin-bottom:8px; text-indent:-9999px; background:url("../_img/form-elements.png") -30px -120px no-repeat; } .chk-replace { background-position:-30px -150px; } .rdo-checked { background-position:-60px -120px; } .rdo-disabled { background-position:0 -120px; cursor:default; } .rdo-checked-disabled { background-position:-90px -120px; cursor:default; } .chk-checked { background-position:-60px -150px; } .chk-disabled { background-position:0 -150px; cursor:default; } .chk-checked-disabled { background-position:-90px -150px; cursor:default; } /* JSCROLLPANE */ .jScrollPaneContainer { position:relative; overflow:hidden; z-index:1; } .jScrollPaneTrack { position:absolute; cursor:pointer; right:0; top:0; height:100%; background:#ACA299; width:2px !important; right:2px; } .jScrollPaneDrag { position:absolute; background:#FF9900; cursor:pointer; overflow:hidden; width:6px !important; margin-left:-2px; } .jScrollPaneDragTop { position:absolute; top:0; left:0; } .jScrollPaneDragBottom { position:absolute; bottom:0; left:0; overflow:hidden; } a.jScrollArrowUp { display:block; position:absolute; z-index:1; top:0; right:0; text-indent:-2000px; overflow:hidden; height:9px; } a.jScrollArrowDown { display:block; position:absolute; z-index:1; bottom:0; right:0; text-indent:-2000px; overflow:hidden; height:9px; } /* JSCROLLPANE 2.0.0 - http://jscrollpane.kelvinluck.com/ */ .jspContainer { overflow:hidden; position:relative; z-index:1; } .jspPane { position:absolute; padding-right:12px; } .jspVerticalBar { position:absolute; z-index:2; top:0; right:0; margin:0; width:6px; height:100%; padding-left:8px; } .jspHorizontalBar { position:absolute; z-index:2; bottom:0; left:0; width:100%; height:4px; padding-top:8px; } .jspCap { display:none; } .jspHorizontalBar .jspCap { float:left; } .jspTrack { position:relative; width:2px; height:2px; background:#ACA299; } .jspDrag { position:relative; top:0; left:0; width:6px; background:#F90; cursor:pointer; } .jspVerticalBar .jspDrag { left:-2px; } .jspHorizontalBar .jspDrag { position:absolute; height:6px; margin-top:-2px; width:382px; } /* DROPLIST */ .droplist { position:relative; margin:0; padding:0; } ul.droplist, ol.droplist, select.droplist { visibility:hidden; } .droplist .droplist-value { position:relative; z-index:1; cursor:pointer; } .droplist .droplist-value div { display:block; overflow:hidden; } .droplist .droplist-value a { display:block; text-indent:-9999px; outline:none; } .droplist-active { z-index:99999; } .droplist-active div, .droplist a:focus ~ div { outline:none; } /* keep isolated from previous selector because IE6 has a bug */ .droplist .droplist-list { position:absolute; top:14px; margin:0; padding:4px; z-index:3002; } .droplist:focus .droplist-list { display:block; } .droplist-up .droplist-list { top:auto; bottom:14px; } .droplist .droplist-list select { display:none; } .droplist .droplist-list ul:focus { outline:none; } .droplist .droplist-list ul li { _height:0; } .droplist .droplist-list ul li a, .droplist .droplist-list ul li strong { display:block; padding:4px 10px; color:#47423A; } .droplist .droplist-list ul li a:focus { text-decoration:underline; } .droplist .droplist-list ul li ul li a { padding:2px 10px 2px 20px; color:#BEB7AF; } .droplist .droplist-list ul li ul li a:hover { color:#FF9900; } /* DROPLIST - SKIN 1 */ ul.droplist-skin-1, ol.droplist-skin-1, select.droplist-skin-1 { height:17px; } .droplist-skin-1 { color:#FFF; font-size:11px; font-weight:bold; text-transform:lowercase; } .droplist-skin-1 .droplist-value { height:17px; line-height:17px; } .droplist-skin-1 .droplist-value div { float:left; padding-left:6px; margin-right:1px; height:17px; background:url("../_img/form-elements.png") repeat-x 0 -30px; color:#FFF; } .droplist-skin-1 .droplist-value a { float:right; width:20px; height:17px; background:url("../_img/form-elements.png") -30px -90px no-repeat; } .droplist-active div, .droplist-skin-1 a:focus ~ div { background-position:0 -60px !important; } /* keep isolated from previous selector because IE6 has a bug */ .droplist-active a, .droplist-skin-1 a:focus { background-position:-60px -90px !important; } .droplist-skin-1 .droplist-list { border:3px solid #FF9900; background:#FFF; } /* END DROPLIST - SKIN 1 */ /* DROPLIST - SKIN 2 */ ul.droplist-skin-2, ol.droplist-skin-2, select.droplist-skin-2 { height:22px; } .droplist-skin-2 .droplist-value div, .droplist-skin-2 .droplist-list { font:bold 11px Arial; text-transform:uppercase; color:#47423A; } .droplist-skin-2 .droplist-value { height:22px; padding:0 13px; } .droplist-skin-2 .droplist-value div { display:inline; line-height:24px; } .droplist-skin-2 .droplist-value a { display:inline; margin-left:4px; background:url("../_img/form-elements.png") no-repeat 0 -176px; } .droplist-skin-2 .droplist-list { border:2px solid #F90; padding:4px 4px 4px 12px; background-color:#FFF; } .droplist-skin-2 .droplist-list ul li { overflow:hidden; margin:6px 0; } .droplist-skin-2 .droplist-list ul li:last-child, .droplist-skin-2 .droplist-list ul li:first-child { margin:5px 0; } .droplist-skin-2 .droplist-list ul li a, .droplist-skin-2 .droplist-list ul li strong { margin:0; padding:0; } .droplist-skin-2 .droplist-list ul .selected a { color:#F90; } /* droplist-active */ .droplist-skin-2.droplist-active .droplist-value { background-color:#F90; } .droplist-skin-2.droplist-active .droplist-value a { background-position:-100px -188px !important; } .droplist-skin-2.droplist-active .droplist-value div { color:#FFF; } .droplist-skin-2.droplist-active .droplist-list { top:22px; } /* hover & focus */ .droplist-skin-2 .droplist-value:hover a, .droplist-skin-2 .droplist-value:focus a { background-position:-100px -176px; } .droplist-skin-2 .droplist-value:hover div, .droplist-skin-2 .droplist-value:focus div { color:#F90; } .droplist-skin-2.droplist-active .droplist-value:hover a, .droplist-skin-2.droplist-active .droplist-value:focus a { background-position:-100px -188px !important; } .droplist-skin-2.droplist-active .droplist-value:hover div, .droplist-skin-2.droplist-active .droplist-value:focus div { color:#FFF; } /* END DROPLIST - SKIN 2 */ /* TABS */ .tabs-solid { overflow:hidden; } .tabs-solid li { float:left; margin:0 3px 0 0; } .tabs-solid li a { display:block; padding:7px 8px 8px 8px; border:1px solid #BBB7B4; border-bottom:0; background-color:#ECEAE7; color:#5D574F !important; font-weight:bold; text-transform:uppercase; } .tabs-solid li.selected a { background:#BEB7B1; color:#FFF !important; } /* TRRTOOLTIP */ .trr-tooltip { position:absolute; top:0; left:0; z-index:9999; } .trr-tooltip .trr-tooltip-skin-1 { position:absolute; bottom:6px; left:-60px; z-index:9999; width:100px; padding:8px; border:2px solid #F90; background:#FFF; text-align:center; } .trr-tooltip .trr-tooltip-skin-1 .text { color:#47423A; font-weight:bold; } .trr-tooltip .trr-tooltip-skin-1 .arrow { position:absolute; width:15px; height:12px; bottom:-11px; left:50%; margin-left:-8px; background:url("../_img/tooltip-arrow.png") no-repeat; } .trr-tooltip .trr-tooltip-skin-2 { width:100%; bottom:6px; left:-60px; z-index:9999; padding:8px; border:2px solid #F90; background:#FFF; text-align:center; } .trr-tooltip .trr-tooltip-skin-2 .text { color:#47423A; font-weight:bold; } .trr-tooltip .trr-tooltip-skin-2 .arrow { position:absolute; width:15px; height:12px; top:-6px; left:50%; margin-right:-8px; background:url("../_img/tooltip-arrow-up.png") no-repeat; } .trr-tooltip .trr-tooltip-skin-3 { position:absolute; width:100%; bottom:10px; z-index:9999; width:100%; border:2px solid #F90; background:#FFF; text-align:center; } .trr-tooltip .trr-tooltip-skin-3 .text { color:#47423A; font-weight:bold; } .trr-tooltip .trr-tooltip-skin-3 .arrow { position:absolute; width:15px; height:12px; bottom:-11px; left:50%; margin-left:-8px; background:url("../_img/tooltip-arrow.png") no-repeat; } .trr-tooltip .arrow.anchor-left { left:6px; } /*.trr-tooltip .trr-tooltip-skin-3 .arrow { position:absolute; width:15px; height:12px; bottom:-11px; left:50%; margin-left:-8px; background:url("../_img/tooltip-arrow.png") no-repeat; }*/ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ MODULES */ /* SEND MAIL LAYER */ .trr-layer { display:block; } .trr-layer-off { display:none; } #sendMail { position:absolute; border:3px solid #FF9900; padding-left:7px; background:#FFF; z-index:1000000000; } #sendMail .on { display:block; } #sendMail #topInfo { float:left; width:100%; margin-top:4px; } #sendMail #topInfo h6 { display:block; float:left; width:140px; height:12px; background-repeat:no-repeat !important ; text-indent:-9999px; font-size:11px; } #sendMail #topInfo a.btn-close { float:right; width:7px; margin-right:7px; background:url("../../core/apps/sendMail/_img/icons.png") no-repeat 0 -9px; text-indent:-9999px; cursor:pointer; } #sendMail #topInfo span.title { float:left; width:100%; margin:8px 0 0 0; clear:both; font-size:11px; font-weight:normal; } /* MOD GALLERY */ .mod-videos .ttl { margin:12px 0 8px 0; color:#47423A; } .mod-videos li { position:relative; float:left; width:89px; margin:0 17px 0 0; font-size:10px; line-height:12px; } .mod-videos li a.img { display:block; float:left; height:67px; overflow:hidden; margin:0 0 8px 0; } .mod-videos li a.img:hover, .mod-videos li a.img:focus { border:3px solid #FF9900; height:61px; } .mod-videos li a.img:hover img, .mod-videos li a.img:focus img { margin:-3px; } .mod-videos li a.img span { display:none; } .mod-videos li a.img:hover span, .mod-videos li a.img:focus span { display:block; position:absolute; left:0; top:0; width:89px; height:67px; background:url("../_img/btn-play.png") center center no-repeat; cursor:pointer; } /* MOD INDEXES */ .mod-indexes .group { position:relative; } .mod-indexes .lin-hor-dotted { margin:8px 0; border:0; } .mod-indexes caption { height:15px; top:0; left:0; width:195px; } .mod-indexes caption span.kicker { position:absolute; top:0; left:0; font-weight:bold; text-transform:uppercase; color:#FF9900; } .mod-indexes caption span.kicker, .mod-indexes caption span.kicker a { line-height:14px !important; } .mod-indexes caption span.date { position:absolute; left:103px; right:0; font-size:10px; color:#999; } .mod-indexes table { width:100%; } .mod-indexes thead tr th { color:#999; font-size:10px; text-align:center; padding:1px 6px; text-transform:lowercase; text-align:right; } .mod-indexes tbody tr td { text-align:right; font-size:10px; color:#47423A; } .mod-indexes tbody tr td.up, .mod-indexes tbody tr td.down { font-weight:bold; } .mod-indexes tbody tr td.up { color:#56B600; } .mod-indexes tbody tr td.down { color:#FF0000; } .mod-indexes tbody tr th { text-transform:uppercase; } .mod-indexes tbody tr th, .mod-indexes tr td { padding:2px 6px 3px; } .mod-indexes tbody tr.odd th, .mod-indexes tr.odd td { background:#EBEAE6; } /* TABS */ .tabs-general { height:25px; border-bottom:1px dotted #BEB7AF; margin:0 0 17px 0; } .tabs-general li { float:left; margin:0 3px 0 0; } .tabs-general li a { display:block; border:1px dotted #BEB7AF; border-bottom:0; padding:5px 12px 6px; font-weight:bold; background:#EBEAE6; } .tabs-general li.selected a, .tabs-general li a:hover, .tabs-general li a:focus { background:#FFF; outline:0; } .tabs-general li.selected a { padding-bottom:7px; background:#FFF; } .tabs-general li.selected a:hover { color:#47423A !important; cursor:default; } .tabs-general li.selected a:focus { color:#FF9800 !important; cursor:default; } /* TABS (DEPRECATED) */ .ctn-tabs .tabs { background:url("../_img/lin-dotted.png") -1px 25px repeat-x; height:26px; margin:0 0 17px 0; } .ctn-tabs .tabs ul li { display:block; float:left; background:url("../_img/lin-dotted.png") repeat-x; padding-top:1px; margin:0 3px 0 0; } .ctn-tabs .tabs ul li a { float:left; font-weight:bold; background:#EBEAE6; } .ctn-tabs .tabs ul li a .l, .ctn-tabs .tabs ul li a .r { display:block; float:left; width:1px; height:24px; background:url("../_img/lin-dotted.png") -1px 0 repeat-y; } .ctn-tabs .tabs ul li a .text { display:block; float:left; padding:6px 11px 0 12px; cursor:pointer; } .ctn-tabs .tabs ul li.selected a, .ctn-tabs .tabs ul li a:hover, .ctn-tabs .tabs ul li a:focus { background:#FFF; outline:0; } .ctn-tabs .tabs ul li.selected a, .ctn-tabs .tabs ul li.selected a span { height:25px; } .ctn-tabs .tabs ul li.selected a:hover .text { color:#47423A !important; cursor:default; } .ctn-tabs .tabs ul li.selected a:focus .text { color:#F90 !important; cursor:default; } .ctn-tabs .content table tbody th, .ctn-tabs .content table tbody td { font-weight:bold; padding:0 0 12px 0; text-align:left; } .ctn-tabs .content table tbody th { font-size:10px; font-weight:normal; color:#999; padding-right:8px; } .ctn-tabs .content table tbody tr:hover *, .ctn-tabs .content table tbody tr:focus * { color:#FF9900; } /* MOD AUDIENCE PULSE VERTICAL */ #tgm-audience-pulse-ver{ width:88px; height:31px; float:right; margin-top:-4px; } .mod-audience-pulse-ver { border:3px solid #ECEAE7; padding:8px; margin:0 0 22px 0; } .mod-audience-pulse-ver .ctn-section { padding-bottom:0; } .mod-audience-pulse-ver .ctn-section .ttl-section span { width:143px; background-repeat:no-repeat; background-position:0 -250px; } .mod-audience-pulse-ver li { position:relative; display:block; margin:0; background:url("../_img/lin-dotted.png") repeat-x; padding:8px 0 0 0; margin:7px 0 0 0; } .mod-audience-pulse-ver li a { display:block; position:relative; overflow:hidden; } .mod-audience-pulse-ver li .img { display:block; float:left; margin:0 8px 0 0; float:left; cursor:pointer; z-index:2; } .mod-audience-pulse-ver li .img img { display:block; } .mod-audience-pulse-ver li .img span { display:none; } .mod-audience-pulse-ver li .img:hover, .mod-audience-pulse-ver li .img:focus { width:83px; height:61px; border:3px solid #FF9900; overflow:hidden; } .mod-audience-pulse-ver li .img:hover img, .mod-audience-pulse-ver li .img:focus img { float:left; margin:-3px 0 0 -3px; } .mod-audience-pulse-ver li .img:hover span, .mod-audience-pulse-ver li .img:focus span { display:block; position:absolute; left:0; top:0; width:89px; height:67px; background:url("../_img/btn-play.png") center 15px no-repeat; cursor:pointer; } .mod-audience-pulse-ver li .kicker { display:block; width:100px; height:12px; border-top:5px solid #FFF; margin:0 0 2px 0; padding:0; overflow:hidden; text-indent:-999px; background:url("../_img/mod-audience-pulse-ver-subtitles-pt.png") no-repeat; } .mod-audience-pulse-ver li.photos .kicker { background-position:0 -12px; } .mod-audience-pulse-ver li.videos .kicker { background-position:0 -24px; } .mod-audience-pulse-ver li.series .kicker { background-position:0 -36px; } .mod-audience-pulse-ver li.news a:hover .kicker, .mod-audience-pulse-ver li.news a:focus .kicker { background-position:-100px 0; } .mod-audience-pulse-ver li.photos a:hover .kicker, .mod-audience-pulse-ver li.photos a:focus .kicker { background-position:-100px -12px; } .mod-audience-pulse-ver li.videos a:hover .kicker, .mod-audience-pulse-ver li.videos a:focus .kicker { background-position:-100px -24px; } .mod-audience-pulse-ver li.series a:hover .kicker, .mod-audience-pulse-ver li.series a:focus .kicker { background-position:-100px -36px; } .mod-audience-pulse-ver li strong { position:relative; display:block; padding-bottom:4px; margin:0; } .mod-audience-pulse-ver li strong em { _margin-left:3px; } .mod-audience-pulse-ver li big { font-size:14px; color:#9bc80d; font-weight:bold; } /* es */ .LNG_es .mod-audience-pulse-ver .ctn-section .ttl-section span { width:101px; background-image:url("../_img/ttl-general-es.png"); } .LNG_es .mod-audience-pulse-ver li .kicker { background-image:url("../_img/mod-audience-pulse-ver-subtitles-es.png"); } .LNG_es-US .mod-audience-pulse-ver li .kicker { width:46px; } /* en */ .LNG_en .mod-audience-pulse-ver .ctn-section .ttl-section span { width:145px; background-image:url("../_img/ttl-general-en.png"); } .LNG_en .mod-audience-pulse-ver li .kicker { background-image:url("../_img/mod-audience-pulse-ver-subtitles-en.png"); } /* MOD COMMUNITY / MOD FOTOLOG */ .mod-community { padding:0 0 22px 8px; overflow:hidden; } .mod-community .ttl-section { overflow:hidden; margin-bottom:5px; } .mod-community .ttl-section span { background-repeat:no-repeat; } .mod-community h3 { font-size:12px; margin-bottom:12px; } .mod-community h3 a { display:inline-block; float:left; padding-right:7px; font-weight:normal; background:transparent url("../_img/ico-general.png?nocache") right -220px no-repeat; } .mod-community .box, .mod-community .ctn-fotolog { float:left; width:211px; height:51px; margin:0 12px 0 0; overflow:hidden; background:url("../_img/bgr-general.png") right -80px no-repeat; } .mod-community .box a, .mod-community .ctn-fotolog a { position:relative; display:block; height:51px; overflow:hidden; } .mod-community .box a img, .mod-community .ctn-fotolog a img { position:relative; display:block; float:left; width:51px; height:51px; } .mod-community .box a strong, .mod-community .ctn-fotolog a strong { position:relative; display:block; overflow:hidden; padding:5px 0 0 7px; color:#9BC80D; font-size:14px; cursor:pointer; _float:left; } .mod-community .box a strong em, .mod-community .ctn-fotolog a strong em { font-size:10px; text-decoration:none; font-style:normal; color:#000; display:block; } .mod-community li { color:#47423A; margin:0 0 2px 0; } .mod-community li a { color:#FF9900; background:url("../_img/ico-general.png?nocache") right -220px no-repeat; font-weight:normal; padding:0 7px 0 0; text-transform:lowercase; } .mod-community li a:hover, .mod-community li a:focus { text-decoration:underline; } /* MOD ADVERTISING */ #mod-adv { width:278px; height:auto; border:3px solid #ECEAE7; padding:8px; margin:0 0 22px 0; overflow:hidden; } #mod-adv .ctn-section { position:relative !important; width:274px; padding:0 0 12px 4px; margin:0; } #mod-adv .ctn-section .ttl-section span { background-position:0 -175px; background-repeat:no-repeat; } #mod-adv .ctn-section .ttl-section a:hover span { background-position:-200px -175px; } #mod-adv li { position:relative; height:77px; margin:0 0 17px 0; font-weight:bold; overflow:hidden; *margin-bottom:16px; } #mod-adv li img { position:absolute; top:0; left:0; width:89px; height:77px; } #mod-adv li span, #mod-adv li strong { display:block; padding:0 0 0 105px; cursor:pointer; } #mod-adv li .store { margin:0 0 5px 0; font-size:14px; } #mod-adv li strong { margin:0 0 3px 0; text-decoration:underline; font-weight: inherit; } #mod-adv li .description { font-weight:normal; margin-bottom:3px; color:#5D5850; } #mod-adv li .price { display:inline; font-size:14px; color:#FF9900; background:url("../_img/ico-general.png?nocache") right -219px no-repeat; padding-right:9px; } #mod-adv li a { display: block; } #mod-adv li a:hover .price { text-decoration:underline; } #mod-adv form { height:28px; background:url("../_img/bgr-general.png") 0 0 no-repeat; } #mod-adv form legend { display:none; } #mod-adv form .q { position:relative; overflow:hidden; float:left; border:0; width:197px; padding:0 0 0 11px; line-height:normal; background:none; color:#999; margin-top:7px; outline:0; } #mod-adv form .submit { width:60px; height:28px; float:right; background:url("../../core/_img/btn-general-pt.png") 0 -420px; border:none; overflow:hidden; text-indent:-999px; line-height:99em; cursor:pointer; } #mod-adv form .submit:hover { background-position:-250px -420px; } /* SIX PRODUCTS */ #mod-adv.prod-item-6 li { height: 87px; margin-bottom: 22px; } #mod-adv.prod-item-6 li img { width: 89px; height: 77px; } #mod-adv.prod-item-6 li span, #mod-adv.prod-item-6 li strong { font-size: 12px; padding-left: 105px; } #mod-adv.prod-item-6 li strong { font-size: 13px; margin: 0 0 6px 0; } #mod-adv.prod-item-6 li .store { font-size: 14px; margin: 0 0 4px 0; } #mod-adv.prod-item-6 li .description { margin: 0 0 4px 0; line-height: 12px; } #mod-adv.prod-item-6 li .price { font-size: 14px; } /* SEVEN PRODUCTS (default, it works like this even if there's no class set on #mod-adv) */ #mod-adv.prod-item-7 li span, #mod-adv.prod-item-7 li strong { padding-left: 105px; } #mod-adv.prod-item-7 li .description { margin-bottom: 3px; } /* EIGHT PRODUCTS */ #mod-adv.prod-item-8 li { height: 65px; } #mod-adv.prod-item-8 li img { width: 75px; height: 65px; } #mod-adv.prod-item-8 li span, #mod-adv.prod-item-8 li strong { font-size: 11px; padding-left: 93px; } #mod-adv.prod-item-8 li strong { margin: 0 0 3px 0; } #mod-adv.prod-item-8 li .store { font-size: 13px; margin: 0; } #mod-adv.prod-item-8 li .description { margin: 0 0 1px 0; line-height: 11px; } #mod-adv.prod-item-8 li .price { font-size: 12px; } /* LNG SPECIFIC - also, check the class .ctn-tgm-ppi further */ .LNG_en #mod-adv, .LNG_es #mod-adv { height:auto; } .LNG_es #mod-adv.prod-item-6, .LNG_es #mod-adv.prod-item-7, .LNG_es #mod-adv.prod-item-8, .LNG_en #mod-adv.prod-item-6, .LNG_en #mod-adv.prod-item-7, .LNG_en #mod-adv.prod-item-8 { height: 683px; } /* 601px, total 623px (original) | 683px, total 705px, minimum height for 8 products */ .LNG_es #mod-adv.prod-item-6 #frm-shoppingsearch, .LNG_es #mod-adv.prod-item-7 #frm-shoppingsearch, .LNG_es #mod-adv.prod-item-8 #frm-shoppingsearch, .LNG_en #mod-adv.prod-item-6 #frm-shoppingsearch, .LNG_en #mod-adv.prod-item-7 #frm-shoppingsearch, .LNG_en #mod-adv.prod-item-8 #frm-shoppingsearch { display: none; } /* just to make sure it won't show up on ES/EN */ .LNG_es #mod-adv.prod-item-6 li, .LNG_en #mod-adv.prod-item-6 li { margin-bottom: 25px; } /* nothing we can do about it */ /* ADV IN PPI 10 - MOD ADV */ #mod-adv.ppi-share li img { width:49px; height:49px; cursor:pointer; position:relative; float:left; } #mod-adv.ppi-share .ctn-section { padding:0 0 14px 0; } #mod-adv.ppi-share li { margin:0; height:73px; } #mod-adv.ppi-share li .store { display:block; width:229px; height:16px; padding-left:0; margin:0; text-decoration:underline; font-size:11px; overflow:hidden; } #mod-adv.ppi-share li .description { margin:0; width:218px; height:12px; overflow:hidden; padding:0 0 0 11px; } #mod-adv.ppi-share li .price { display:inline-block; padding:0 6px 0 11px; margin-top:4px; font-size:11px; font-weight:bold; background-position:right -220px; } #mod-adv.ppi-share li span, #mod-adv.ppi-share li strong { display:block; font-size:10px; } #mod-adv.ppi-share form { float:left; margin-top:15px; width:100%; } #mod-adv.ppi-share .content-social { float:right; } .LNG_pt .content-hotad .ttl-section span { width:68px; background:url("../_img/ttl-general-pt.png"); } .LNG_es .content-hotad .ttl-section span { width:82px; background:url("../_img/ttl-general-es.png"); } .LNG_en .content-hotad .ttl-section span { width:173px; background:url("../_img/ttl-general-en.png"); } /* ADV PPI HORIZONTAL */ /*#tgm-hotad { height:306px; }*/ .content-hotad{ width:917px; padding:6px 7px 12px; border:3px solid #ECEAE7; overflow:hidden; height: 273px; margin-top: 0px!important; } .content-hotad .ctn-section { padding-bottom: 11px !important; } .content-hotad .ttl-section { margin:0; padding-bottom: 10px; } .content-hotad .ttl-section span { background-position:0 -175px!important; display:block; text-indent:-9999px; height:25px; } .content-hotad .ttl-section a { background:url("../_img/ico-general.png") no-repeat right -262px; display:block; float:left; padding-right:11px; } .content-hotad .ttl-section a:hover span{ background-position:-200px 0;} .content-hotad ul{ padding-left:1px; height:180px; } .content-hotad li{ display:block; float:left; /*position:relative;*/ width:125px; height:175px; padding: 0 12px 0; background: url("../_img/lin-dotted.png") repeat-y right top; } .content-hotad li strong{ /*position:absolute;*/ top:-3px; display:block; width: 125px; height:30px; font:12px Arial; } .content-hotad li p{ display:block; font:bold 14px Arial; } .content-hotad li span{ display:block; font:bold 18px Arial; color:#F90; } .content-hotad li a:hover span{ text-decoration:underline; } .content-hotad li img{ clear: both; margin:18px 19px 16px 17px; } .content-hotad ul .last{ background:none; } .content-hotad form{ width:278px; height:28px; float:right; background:url("../_img/bgr-general.png") no-repeat; } .content-hotad legend{ display:none; } .content-hotad .q { position:relative; overflow:hidden; float:left; border:0; width:204px; height:1.2em; padding:8px 0 4px 11px; background:none; color:#999; line-height:1.2em; font-size:11px; } .content-hotad form .submit { width:63px; height:28px; float:right; background:url("../_img/btn-general-pt.png") 0 -420px; border:none; overflow:hidden; text-indent:-999px; line-height:99em; cursor:pointer; } .LNG-es .content-hotad form .submit { background:url("../_img/btn-general-es.png") 0 -420px; } .LNG-en .content-hotad form .submit { background:url("../_img/btn-general-en.png") 0 -420px; } .content-hotad form .submit:hover { background-position:-250px -420px; } .content-hotad .lin-hor-dotted { border:22px solid #fff; border-width:22px 0 12px; margin:0; overflow:hidden; zoom:1; clear:both; } .content-hotad .logo { display:block; float:left; width:125px; height:21px; margin-top:4px; background:url("../_img/ttl-ppi-pt.png") no-repeat; text-indent:-9999px; } /* lang */ .LNG_pt #mod-adv .ctn-section .ttl-section span, .LNG_pt .mod-614-ppi-hor .ttl-section span { width: 92px; background-image: url("http://p1.trrsf.com.br/image/klavika?e=u&c=shc&t=Shopping"); background-position: 0px -25px!important; } .LNG_es #mod-adv .ctn-section .ttl-section span, .LNG_es .mod-614-ppi-hor .ttl-section span { width:82px; background-image:url("../_img/ttl-general-es.png"); } .LNG_en #mod-adv .ctn-section .ttl-section span, .LNG_en .mod-614-ppi-hor .ttl-section span { width:175px; background-image:url("../_img/ttl-general-en.png"); } /* lang */ .LNG_pt .mod-related-sites .ctn-section .ttl-section span { width:172px; background-image:url("../_img/ttl-general-pt.png"); } .LNG_es .mod-related-sites .ctn-section .ttl-section span { width:113px; background-position:0 -450px; background-image:url("../_img/ttl-general-es.png"); } .LNG_es .mod-related-sites .ctn-section .ttl-section a:hover span { background-position:-201px -450px; } /* MOD POLL */ .mod-poll { position:relative; padding:0 0 0 8px; margin:0 0 22px 0; } .mod-poll .ctn-section { margin:0; padding:0 0 12px 0; } .mod-poll .ctn-section .ttl-section span { cursor:default; background-position:0 -279px; height:23px; } .mod-poll .ctn-section .ctn-tgm { margin:-8px 8px 0 0; } .mod-poll p { font-size:12px; font-weight:bold; padding:3px 0 10px 0; color:#47423A; } .mod-poll ol { padding-bottom:4px; } .mod-poll li { padding-bottom:6px; _height:11px; _padding-bottom:5px; float:left; } .mod-poll li .rdo-replace, .mod-poll li .chk-replace { margin-bottom:3px; } .mod-poll fieldset a { display:block; margin-top:3px; clear:both; } .mod-poll label { display:inline-block; width:260px; color:#47423A; line-height:13px; vertical-align:top; margin:-1px 0 0 0; } .mod-poll .btn-vote { float:left; margin:0 8px 0 0; } .mod-poll .total { float:left; margin:6px 0 0 0; padding:0 0 0 10px; background:url("../_img/lin-dotted.png") 2px -1px repeat-y; font-size:11px; font-weight:normal; } .mod-poll .total strong { font-weight:bold; font-size:14px; color:#9BC80D; } /* lang */ .LNG_pt .mod-poll .ctn-section .ttl-section span { width:78px; background-image:url("../_img/ttl-general-pt.png"); } .LNG_en .mod-poll .ctn-section .ttl-section span { width:33px; background-image:url("../_img/ttl-general-en.png"); } .LNG_es .mod-poll .ctn-section .ttl-section span { width:87px; background-image:url("../_img/ttl-general-es.png"); } /* MOD SERVICES */ .mod-services { padding:0 0 0 8px; margin:-2px 0 22px 0; } .mod-services .ttl-section span { width:151px; background-position:0 -200px; } .mod-services .ttl-section a:hover span { background-position:-200px -200px; } .mod-services h3 { padding:0 0 2px 0; } .mod-services .search { display:block; width:98%; padding:2px; margin-bottom:12px; border:1px solid #C5C5C5; color:#C5C5C5; } .mod-services label, .mod-services .combobox { float:left; margin-right:11px; } .mod-services label { display:block; font-weight:bold; } .mod-services .where { width:78px; border:1px solid #C5C5C5; color:#C5C5C5; } .mod-services .combobox { float:left; width:85px; padding-top:2px; } .mod-services .combobox .cmb-value div { width:58px; height:17px; } .mod-services .btn-search { float:right; margin-top:-3px; } .mod-services a:hover button { background-position:0 -174px; } /* lang */ .LNG_pt .mod-services .ttl-section span { width:151px; background-image:url("../_img/ttl-general-pt.png"); } .LNG_es .mod-services .ctn-section .ttl-section span { width:157px; background-image:url("../_img/ttl-general-es.png"); } /* MOD SONORA */ .mod-sonora { margin:0 0 12px 0; } .mod-sonora .kicker { padding:0 0 6px 0; } .mod-sonora .img { display:block; margin:0 17px 0 0; } .mod-sonora .img, .mod-sonora .img img { float:left; overflow:hidden; } .mod-sonora .img:hover { border:3px solid #FF9900; } .mod-sonora .img:hover img { margin:-3px; } .mod-sonora .txt strong { display:block; font-size:14px; line-height:16px; padding:0 0 2px 0; } .mod-sonora .txt .sound { margin-top:-1px; } .mod-sonora .txt span.artist { display:block; padding:0 0 10px 0; } .mod-sonora .txt span.fav { font-size:11px; color:#9bc80d; font-weight:bold; padding:0 0 0 17px; height:9px; background:url("../_img/ico-general.png?nocache") 0 -495px; } .mod-sonora .txt:hover span.fav { background-position:-100px -495px; } /* MOD SERVICE HIGHLIGHT */ .mod-service-highlight .kicker { padding:0 0 8px 0; } .mod-service-highlight a * { cursor:pointer; vertical-align:top; } .mod-service-highlight a .img { display:block; float:left; margin:0 12px 0 0; } .mod-service-highlight a:hover { width:100%; } .mod-service-highlight a:hover .img { border:3px solid #FF9900; overflow:hidden; } .mod-service-highlight a:hover .img img { margin:-3px; } .mod-service-highlight a strong { display:block; margin:0 0 12px 0; font-size:12px; line-height:16px; } .mod-service-highlight p { clear:left; padding:4px 0 0 0; color:#47423A; font-size:12px; } /* MOD INNER MOBILE */ .mod-mobile .kicker { padding:0 0 8px 0; } .mod-mobile .img { display:block; float:left; margin:0 12px 0 0; } .mod-mobile a.txt { display:block; margin:0 0 12px 0; font-size:12px; line-height:16px; } .mod-mobile p.txt { /*clear:left;*/ padding:4px 0 0 0; color:#47423A; font-size:12px; line-height:12px; } /* MOD MOBILE ASIDE */ .mod-mobile-aside { padding:0 8px; margin:-2px 0 22px 0; overflow: hidden; } .mod-mobile-aside .ctn-section { padding-bottom:14px; } .mod-mobile-aside .img { display:block; float:left; margin:0 12px 0 0; } .mod-mobile-aside .txt { float:left; width:190px; margin:1px 0 5px; } .mod-mobile-aside .txt h3 { font-size:12px; color:#47423A; margin:0 0 2px 0; } .mod-mobile-aside .txt p { display:block; font-size:12px; line-height:13px; margin:0 0 8px 0; color:#47423A; } .mod-mobile-aside .txt p br { display:inline; } .mod-mobile-aside .txt p em { font-style:italic; font-size:11px; color:#5D5850; } .mod-mobile-aside .btn-see-more { float:left; margin:0 0 13px 0; } .mod-mobile-aside .lnk { clear:left; padding:0; color:#47423A; font-size:11px; line-height:12px; } .mod-mobile-aside .lnk strong { font-size:12px; } /* MOD FEATURED PHOTOS */ .mod-featuredphotos { width:560px; height:311px; margin:17px 0 9px 0; position:relative; z-index:990; } .mod-featuredphotos li { position:absolute; z-index:1000; } .mod-featuredphotos li a { display:block; } .mod-featuredphotos li a img { display:block; } .mod-featuredphotos.mod-featuredphotos-skin-200 { height:215px; } /* layer */ .mod-featuredphotos li a.ctn-zoom { background-color:#FFF; border:3px #FF9900 solid; color:#43413D !important; cursor:pointer; display:none; font-size:9px; font-weight:bold; left:-9px; overflow:hidden; padding:6px 6px 3px; position:absolute; text-align:left; width:195px; z-index:1001; } .mod-featuredphotos li a.ctn-zoom img { display:block; width:195px; margin-bottom:7px; } .mod-featuredphotos li a.ctn-zoom strong { display:block; margin:2px 0 3px; font-size:14px; line-height:16px; } .mod-featuredphotos li a.ctn-zoom:hover strong { color:#474139 !important; } .mod-featuredphotos li a.ctn-zoom span.photo { height:16px; background-position:0 6px; } .mod-featuredphotos li a.ctn-zoom span.lnk-zoomhit { display:inline-block; color:inherit; font-size:11px; line-height:11px; padding:0 6px 5px 0; text-transform:lowercase; background:url("../_img/ico-general.png?nocache") right -221px no-repeat; } /* positions each mosaic layer, its label and hitbox. all images inside the layers must have their specific sizes! */ .mod-featuredphotos li.itm-thumb1 { top:20px; left:357px; } .mod-featuredphotos li.itm-thumb1 .ctn-zoom { margin-top:-204px; } .mod-featuredphotos li.itm-thumb2 { top:69px; left:160px; } .mod-featuredphotos li.itm-thumb2 .ctn-zoom { margin-top:-155px; } .mod-featuredphotos li.itm-thumb3 { top:0; left:266px; } .mod-featuredphotos li.itm-thumb3 .ctn-zoom { margin:-116px 0 0 -63px; } .mod-featuredphotos li.itm-thumb4 { top:15px; left:91px; } .mod-featuredphotos li.itm-thumb4 .ctn-zoom { margin:-184px 0 0 -74px; } .mod-featuredphotos li.itm-thumb5 { top:37px; left:0; } .mod-featuredphotos li.itm-thumb5 .ctn-zoom { margin:-116px 0 0 0; } .mod-featuredphotos li.itm-thumb6 { top:106px; left:69px; } .mod-featuredphotos li.itm-thumb6 .ctn-zoom { margin:-151px 0 0 -63px; } .mod-featuredphotos li.itm-thumb7 { top:197px; left:21px; } .mod-featuredphotos li.itm-thumb7 .ctn-zoom { margin:-116px 0 0 -21px; } .mod-featuredphotos li.itm-thumb8 { top:217px; left:222px; } .mod-featuredphotos li.itm-thumb8 .ctn-zoom { margin:-184px 0 0 -74px; } .mod-featuredphotos li.itm-thumb9 { top:217px; left:291px; } .mod-featuredphotos li.itm-thumb9 .ctn-zoom { margin:-116px 0 0 -63px; } .mod-featuredphotos li.itm-thumb10 { top:217px; left:382px; } .mod-featuredphotos li.itm-thumb10 .ctn-zoom { margin:-151px 0 0 -63px; } /* MOD 504 - VERTICAL PHOTO */ .mod-504 { margin:0 0 12px 0; } .mod-504 .img { display:block; float:left; width:89px; overflow:hidden; margin:0 8px 0 0; } .mod-504 .img:hover { width:83px; border:3px solid #FF9900; } .mod-504 .img:hover img { margin:-3px; } .mod-504 a { display:block; } .mod-504 .txt strong { display:block; font-size:14px; line-height:16px; padding:0 0 2px 0; } .mod-504 .ctn-media { float:left; } .mod-504 .ttl-single { margin-top:8px; clear:both; } /* MOD 036 - EDITORIAL */ #mod-036-editorial { overflow:hidden; } #mod-036-editorial .ctn-image { margin-right:8px; } #mod-036-editorial .col-skinny { width:188px; } #mod-036-editorial .more { margin-top:10px; } /* MOD 037 - BLOG EDITORIAL */ #mod-037-blog-editorial { overflow:hidden; } #mod-037-blog-editorial .ctn-image { float:right; } #mod-037-blog-editorial .ctn-blog-description { float:left; width:80px; } #mod-037-blog-editorial .ttl-subtitle { margin-bottom:10px; font-size:12px; } #mod-037-blog-editorial .img { float:right; } #mod-037-blog-editorial .more { margin-top:10px; } /* MOD 045 - VC REPORTER */ #mod-045-vc-reporter .ttl-section span { width:101px; background-position:0 -399px; } #mod-045-vc-reporter .ttl-section a:hover span { background-position:-201px -399px; } #mod-045-vc-reporter .ctn-text-information { float:right; width:77px; overflow:hidden; } #mod-045-vc-reporter .hr { margin-top:1px; } .LNG_es #mod-045-vc-reporter .ttl-section span { width:115px; background-position:0 -450px; } .LNG_es-AR #mod-045-vc-reporter .ttl-section span, .LNG_es-CO #mod-045-vc-reporter .ttl-section span { width:122px; background-position:0 -548px; } .LNG_es #mod-045-vc-reporter .ttl-section a:hover span { background-position:-200px -451px; } .LNG_es-AR #mod-045-vc-reporter .ttl-section a:hover span, .LNG_es-CO #mod-045-vc-reporter .ttl-section a:hover span { background-position:-200px -548px; } .LNG_en #mod-045-vc-reporter .ttl-section span { width:115px; background-position:0 -399px; } .LNG_en #mod-045-vc-reporter .ttl-section a:hover span { background-position:-201px -399px; } /* MOD 042 - RELATED SITES */ #mod-042-related-sites { margin-bottom:22px; } #mod-042-related-sites .ctn-section .ttl-section { margin-left:8px; } #mod-042-related-sites .ctn-section .ttl-section span { width:172px; background-position:0 -425px; } #mod-042-related-sites .ctn-section .ttl-section a:hover span { background-position:-202px -425px; } .LNG_es #mod-042-related-sites .ctn-section .ttl-section span { width:180px; background-position:0 -475px; } .LNG_es #mod-042-related-sites .ctn-section .ttl-section a:hover span { background-position:-198px -475px; } .LNG_en #mod-042-related-sites .ctn-section .ttl-section span { width:120px; background-position:-2px -475px; } .LNG_en #mod-042-related-sites .ctn-section .ttl-section a:hover span { background-position:-201px -476px; } /* MOD 070 - FILMS PREMIERES */ #mod-070-films-premieres ol { margin-bottom:8px; } /* MOD 164A - LINK LIST */ .mod-164a-link-list li { float:left; width:81px; } .mod-164a-link-list li em { float:right; } /* END MOD 164A - LINK LIST */ /* MOD 068 - DIRECT TO THE SUBJECT */ #mod-068-direct-to-the-subject { display:block; width:195px; height:auto; } #mod-068-direct-to-the-subject .ttl-section span { display:block; width:173px; height:27px; text-indent:-99999px; background-image:url("http://p1.trrsf.com.br/image/klavika?c=shc&t=direto+ao+assunto&ca=t"); } #mod-068-direct-to-the-subject .ttl-subtitle a:hover span { background-position:-202px -451px; } #mod-068-direct-to-the-subject .bgr-lightgray { display:block; width:auto; height:auto; padding-left:10px; padding-right:10px; padding-top:15px; overflow:visible; float:left; } #mod-068-direct-to-the-subject .bgr-lightgray .droplist { width:175px; margin-bottom:15px; } .LNG_es #mod-068-direct-to-the-subject .ttl-section span { width:80px; background-image:url("http://p1.trrsf.com.br/image/klavika?c=shc&t=a+un+clic&ca=t"); } /* MOD-275-TWITTER */ .mod-275-twitter .help { float:right; overflow:hidden; height:16px; margin-top:4px; width:16px; background:url("../_img/ico-general.png?nocache") 0 -855px no-repeat; text-indent:-9999px; } .mod-275-twitter .followers { margin:7px 0 13px 0; padding:10px 0 3px 8px; } .mod-275-twitter .followers li { float:left; } .mod-275-twitter .followers img { height:24px; padding:0 7px 5px 0; width:24px; } .mod-275-twitter .account { display:block; margin-top:7px; padding:4px 0; color:#FF9900; font-weight:bold; text-align:center; } .mod-275-twitter .account:hover, .mod-275-twitter .account:focus { text-decoration:underline; } .mod-275-twitter .ctn-droplist { margin-top:7px; } /* MOD 275-B TWITTER */ .mod-275b-twitter .ttl-section span{ width:69px; background-position:0 -522px; } .mod-275b-twitter a.about-twitter { float:right; display:block; margin-top:6px; width:16px; height:16px; background:url("../_img/ico-general.png") no-repeat 0 -855px; text-indent:-9999px; } .mod-275b-twitter a { font-weight:bold; } .mod-275b-twitter .content { margin-bottom:14px; padding:13px 0 0 8px; background:url("http://s1.trrsf.com.br/atm/2/pt/sports/soccer/team-profile/_img/bgr-twitt.png") no-repeat; } .mod-275b-twitter .content a.user-id { float:left; margin-right:8px; } .mod-275b-twitter .content a.user-id img { width:25px; height:25px; } .mod-275b-twitter .content a.user { display:block; margin-bottom:2px; } .mod-275b-twitter .content p { float:left; margin-bottom:4px; width:150px; } .mod-275b-twitter .content span { float:left; margin-left:-9px; width:196px; height:2px; background:url("../_img/lin-dotted.png") repeat-x 0 bottom; } .mod-275b-twitter .ico-external { overflow:hidden; font-weight:bold; font-size:11px; } .mod-275b-twitter .text { margin-bottom:3px; } .mod-275b-twitter ul.droplist { height:17px; } .mod-275b-twitter ul.droplist li { display:none; } /* MOD 284 - QUIZ */ .mod-284-quiz .quiz { width:188px; margin-left:7px; } .mod-284-quiz .ttl-subtitle { margin-bottom:15px; } .mod-284-quiz .btn-answer { width:67px; float:left; margin:0 2px 0 0; background:url("../../core/_img/btn-general-pt.png") no-repeat 0 -540px; } .LNG_en .mod-284-quiz .btn-answer { width:61px; background:url("../../core/_img/btn-general-en.png") no-repeat 0 -540px; } .mod-284-quiz .btn-answer:hover, .mod-284-quiz .btn-answer:focus { background-position:-250px -540px; } .mod-284-quiz .total { float:left; margin-top:5px; padding-left:10px; background:url("../_img/lin-dotted.png") repeat-y 2px -1px; font-weight:normal; color:#47423A; } .mod-284-quiz .total strong { color:#9BC80D; font-size:14px; } /* MOD 294 - PHOTOS VIDEOS */ .mod-294-photos-videos .more { float:left; padding-top:15px; } /* MOD 296 - VC REPOTER - SEND */ .mod-296-vc-reporter-send { width:280px; padding:10px; margin-bottom:22px; } .mod-296-vc-reporter-send h5 { display:block; height:25px; width:250px; margin-bottom:10px; background:url("../_img/vc-reporter-send.png") no-repeat; } .mod-296-vc-reporter-send h5 a { background:none; } .mod-296-vc-reporter-send p { margin-bottom:10px; font-size:12px; } .mod-296-vc-reporter-send a { display:block; height:25px; width:55px; background:url("../_img/vc-reporter-send.png") no-repeat 0 -28px; } .mod-296-vc-reporter-send a:hover, .mod-296-vc-reporter-send a:focus { background-position:-63px -28px; } /* MOD 297 - WIDGETS TERRA */ .mod-297-widgets { overflow:hidden; width:278px; padding:10px; margin-bottom:22px; border:4px solid #EBE9E7; } .mod-297-widgets h5 { display:block; height:25px; width:250px; margin-bottom:10px; background:url("../_img/vc-reporter-send.png") no-repeat 0 0; } .mod-297-widgets h5 span { width:250px; } .mod-297-widgets .ctn-image { margin-right:10px; } .mod-297-widgets p { margin-bottom:10px; font-size:12px; color:#474139; *margin-bottom:0; _margin-bottom:0; } .mod-297-widgets a { float:right; display:block; height:25px; width:70px; background:url("../_img/mod-297-widgets.png") no-repeat 0 4px; } .mod-297-widgets a:hover, .mod-297-widgets a:focus { background-position:-90px 4px; } /* MOD MULTI */ .mod-multi { width:100%; min-height:300px; background:url("../_img/loading.gif") center center no-repeat; } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ADVERTISING */ .trr-ctn-advertising { position:absolute; top:0; z-index:990; } .trr-ctn-advertising div { display:none; position:absolute; z-index:998; } .trr-ctn-advertising div div { display:block; position:relative; } /* generic placeholder */ .ctn-tgm { position:relative; overflow:hidden; } /* 1280 */ .ctn-tgm-b1280 { position:absolute; top:0; right:-213px; width:200px; height:446px; } #tgm-button1280 { height:90px; } /* buttons */ .ctn-tgm-buttons-holder { display:block; height:31px; padding:12px 0; } .ctn-tgm-button-1 { width:195px; height:31px; } .ctn-tgm-button-2 { width:195px; height:40px; } .ctn-tgm-button-3 { width:195px; height:31px; } .ctn-tgm-button-4 { width:195px; height:40px; margin:0 0 17px 0; } .ctn-tgm-buttons-holder .ctn-tgm-button-1{ float:left; } .ctn-tgm-buttons-holder .ctn-tgm-button-2{ float:right; height:31px; } /* right */ .ctn-tgm-right, /* deprecated */ .ctn-tgm-middle-rectangle { overflow:hidden; margin:0 0 8px 0; width:300px; height:250px; } .ctn-tgm-right-halfpage, /* deprecated */ .ctn-tgm-halfpage { width:300px; height:600px; } .ctn-tgm-halfpage-500 { width:300px; height:500px; } .ctn-tgm-right-special, /* deprecated */ .ctn-tgm-full-halfpage { height:1200px !important; } .ctn-tgm-terraads_vertical { width:300px; height:322px; margin: 0 0 22px;} .ctn-tgm-terraads_unico { width:300px; height:93px; margin: 0 0 22px; } .ctn-tgm-terraads_horizontal { width:600px; height:93px; } /* content module */ .ctn-tgm-contentmodule { overflow:hidden; margin:0 0 15px 0; width:300px; height:84px; } /* ppi */ .ctn-tgm-ppi { width:300px; height:656px; overflow: hidden; } .ctn-tgm-ppi-compact { width:300px; height:369px; } .ctn-tgm-ppi-6 { height:540px; } .ctn-tgm-ppi-10 { height:832px; } .LNG_es .ctn-tgm-ppi, .LNG_en .ctn-tgm-ppi { height: 623px; overflow: hidden; } /* minimum height for 8 products */ .RGN_ES .ctn-tgm-ppi { height:435px; } .RGN_CL .ctn-tgm-ppi { height:656px; } .RGN_CL .ctn-tgm-ppi-10 { height:745px; } .RGN_MX .ctn-tgm-ppi { height:745px; } .LNG_en .ctn-tgm-ppi-compact, .LNG_es .ctn-tgm-ppi-compact { height:345px; } .RGN_BR .trr-home .ctn-tgm-ppi { height:745px; } /* minimum height for 8 products */ /* bottom */ .ctn-tgm-bottom-holder { width:100%; height:98px; background:#ECEAE7; margin-top:22px; border-top:8px solid #ECEAE7; text-align:center; } .ctn-tgm-bottom { width:728px; height:90px; margin:0 auto; } .ctn-tgm-bottom-holder .ctn-tgm-bottom { float:left; margin:0 0 0 98px; } .ctn-tgm-pagesponsorbottom { float:left; overflow:hidden; margin-left:2px; width:101px; height:91px; } /* textlinks */ .ctn-tgm-textlinks { height:85px; } #ctn-tgm-textlinks #ppp { width:619px; } /* override */ /* itelefonica */ .ctn-tgm-itelefonica-1, .ctn-tgm-itelefonica-2, .ctn-tgm-itelefonica-3 { background:#EEE; } .ctn-tgm-itelefonica-1 { width:127px; height:142px; margin:7px auto 0; } .ctn-tgm-itelefonica-2 { width:120px; height:81px; margin:36px auto 0; } .ctn-tgm-itelefonica-3 { width:142px; height:175px; margin:29px auto 0; } /* adv in ctn-section */ .ctn-section .ctn-tgm { position:absolute; top:-4px; } .col-main .ctn-section .ctn-tgm { left:531px; } .col-aside .ctn-section .ctn-tgm { right:0; } /* adv in col-aside */ .col-aside .ctn-tgm { margin:0 0 22px 0; } #ctn-zone-viewport .col-aside .ctn-tgm { margin:0 0 8px 0; } /* by id */ #ctn-tgm-top, #ctn-tgm-pagesponsor { z-index:1000; } #ctn-tgm-top { position:absolute; top:0; width:728px; margin-left:110px; } #ctn-tgm-specialsponsor { z-index:998; } #ad-top { display: block!important; } /* media services */ .media-services { margin-bottom:1px; } .media-services .ttl-page { width:520px; float:left; margin-top:-5px; /*text-indent:-9999px; - this is already set on line 244 */ } .media-services .ttl-page span, .media-services .ttl-page a { background-repeat:no-repeat; display:block; height:30px; } .media-services .ctn-tgm-header { float:right; margin-top:-47px; width:406px; height:90px; } /* SUGGESTIONS LAYER */ .suggestions { display:none; background:none repeat scroll 0 0 #FFF !important; border:2px solid #FF9900 !important; padding:5px 5px 3px !important; position:absolute; text-transform:uppercase; width:234px; } .suggestions.active { display:block; } .suggestions li { margin-bottom:5px; padding-bottom:5px; background:url("../_img/lin-dotted.png") repeat-x left bottom; font-weight:bold; } .suggestions li em { font-weight:normal; font-style:normal; } .suggestions li.selected a { color:#F90; } .suggestions li.bottom { background:none; } .suggestions li a { padding: 0 0 0 13px; background:url("../_img/ico-general.png?nocache") no-repeat -192px -221px; cursor:pointer; overflow:hidden; display:inline-block; height:13px; } .suggestions ul li.bottom { background:none !important; } /* BUTTONS */ .button { display:block; height:115px; width:18px; background-color:#999; text-indent:-9999px; cursor:pointer; } .button .arrow { margin-top:53px; display:block; height:11px; width:18px; background:url("../_img/arrows.png") no-repeat -24px 0 transparent; } .button.previous .arrow { background-position:5px 0; } .button.previous { float:left; margin-right:8px; border-radius:3px 0 0 3px; box-shadow:-2px 0 #FFF; } .button.next { float:right; margin-left:8px; border-radius:0 3px 3px 0; box-shadow:2px 0 #FFF; } .button:hover, .button:focus { background-color:#F90; } .button.disabled, .button.disabled:hover, .button.disabled:focus, .button.disabled-prev, .button.disabled-prev:hover, .button.disabled-prev:focus, .button.disabled-next, .button.disabled-next:hover, .button.disabled-next:focus { background-color:#D9D6D1; cursor:default; } /* Mod 215b */ .mod-215b-video { clear:both; } .mod-215b-video .ctn-captioned-image{ margin-bottom:8px; } .mod-215b-video .ctn-captioned-image a:hover .play-video{ top:10px; } .mod-215b-video .ctn-highlight { padding:5px; } .mod-215b-video .ctn-highlight .img { position:static; margin:0; width:290px; } .mod-215b-video .ctn-highlight .img:hover { width:284px !important; } .mod-215b-video .ctn-highlight .img .play-video { position:absolute; display:block; height:64px; width:93px; left:106px; top:57px; background:url("../../core/_img/btn-play-large.png?n=v2") no-repeat scroll 0 0 transparent; } .mod-215b-video .ctn-highlight .img:hover .play-video { margin:0; left:106px; top:57px; background:url("../../core/_img/btn-play-large-hover.png") no-repeat scroll 0 0 transparent; } .mod-215b-video .bgr-lightgray{ padding:5px; } .mod-215b-video .bgr-lightgray a.txt{ display:block; padding:8px 0 0 3px; overflow:hidden; } .mod-215b-video .ctn-more{ font-weight:bold; margin-top:19px; text-transform:lowercase; } .mod-215b-video .ctn-more li{ background:url("../../core/_img/lin-dotted.png") repeat-y scroll right top transparent; float:left; margin-right:8px;padding:0 9px 0 0; } .mod-215b-video .ctn-more li a{ color:#F90; } .mod-215b-video .ctn-more .first{ margin-right:2px; } .mod-215b-video .ctn-more .first, .mod-215b-video .ctn-more .last{ background:none; } /* MOD-011-VC-REPORTER-PARTICIPATE */ .mod-011-vc-reporter-participate { overflow:hidden; margin-bottom:22px; padding:12px 12px 10px; border:3px solid #ECEAE7; } .mod-011-vc-reporter-participate .send-mode { clear:both; display:block; margin-bottom:9px; text-transform:uppercase; font-weight:bold; color:#999999; } .mod-011-vc-reporter-participate .description-web { float:left; width:203px; } .LNG_en .mod-011-vc-reporter-participate .description-web { width:214px; } .mod-011-vc-reporter-participate .send { float:left; display:block; width:50px; height:25px; margin-left:17px; background:url("../_img/btn-general-es.png") no-repeat scroll 0 -599px transparent; text-indent:-9999px; } .mod-011-vc-reporter-participate .send:focus, .mod-011-vc-reporter-participate .send:hover { background-position:-250px -599px; } .LNG_es .mod-011-vc-reporter-participate .send { background:url("../_img/btn-general-es.png") no-repeat scroll 0 -599px transparent; } .LNG_es .mod-011-vc-reporter-participate .send:focus, .LNG_es .mod-011-vc-reporter-participate .send:hover { background-position:-250px -599px; } .LNG_en .mod-011-vc-reporter-participate .send { width:39px; background:url("../_img/btn-general-en.png") no-repeat scroll 0 -599px transparent; } .LNG_en .mod-011-vc-reporter-participate .send:focus, .LNG_en .mod-011-vc-reporter-participate .send:hover { background-position:-250px -599px; } .mod-011-vc-reporter-participate .email { display:inline-block; margin:10px 0 9px 0; padding:12px; background:#ECEAE7; font-size:12px; font-weight:bold; font-style:normal; } .mod-011-vc-reporter-participate .lin-hor-dotted { border-width:8px 0; } /* MOD-408 LISTS */ #mod-408-lists p { color:#5D574F; } #mod-408-lists .ttl-section a { background:none; } #mod-408-lists .title { margin-bottom:8px; } #mod-408-lists .title strong { font-size:14px; } #mod-408-lists .description { margin-bottom:12px; } #mod-408-lists .content { overflow:hidden; } #mod-408-lists .content li { float:left; margin:8px 17px 0 0; padding:7px 0 0; width:195px; border-top:1px dotted #BEB7AF; } #mod-408-lists .content strong { float:left; margin-bottom:4px; width:89px; font-size:12px; } #mod-408-lists .content em { color:#9BC80D; font-size:14px; font-weight:bold; font-style:normal; } #mod-408-lists .content .ctn-image { margin-right:12px; } #mod-408-lists .content .top { border:none; } #mod-408-lists .content .highlight { margin-top:0; padding-top:0; border:none; } #mod-408-lists .content .highlight a:hover strong, #mod-408-lists .content .highlight a:focus strong, #mod-408-lists .content .highlight a:hover span, #mod-408-lists .content .highlight a:focus span { color:#5D5850 !important; } #mod-408-lists .content .highlight a:hover em, #mod-408-lists .content .highlight a:focus em { color:#9BC80D !important; } #mod-408-lists .content .highlight .txt strong { margin-bottom:0; width:110px; font-size:14px; text-transform:none; } #mod-408-lists .content .highlight .txt span { float:left; margin-top:6px; } #mod-408-lists .content .highlight .ctn-image { margin-right:0; } /* MOD-329 SCHEDULE */ .mod-329-schedule a, .mod-329-schedule p, .mod-329-schedule .info, .mod-329-schedule .ico-hed-video, .mod-329-schedule .ico-hed-photo { display:block; } .mod-329-schedule caption { padding:6px 10px 5px; border-right:1px solid #FFFFFF; background-color:#BEB7AF; text-align:left; font-weight:bold; color:#FFF; text-transform:uppercase; } .mod-329-schedule .without-head thead { display:none; } .mod-329-schedule th.last { border-right:1px solid #FFFFFF; } .mod-329-schedule a { float:left; width:auto; margin-top:8px; padding-right:22px; } .mod-329-schedule .info { margin-bottom:15px; font-size:12px; } .mod-329-schedule .info strong { font-weight:normal; } .mod-329-schedule .tbl-general { margin-top:22px; } .mod-329-schedule .hours { width:68px; text-align:center; font-size:14px; } .mod-329-schedule .ico-hed-video, .mod-329-schedule .ico-hed-photo { width:12px; } /* MOD-516 LIVE PLAYER */ .mod-516-live-player { padding:7px 6px; background:url("http://s1.trrsf.com.br/prdt/live/1/_img/bgr-match.png") #1E1E1E; } .mod-516-live-player em { margin:0 0 7px 2px; } .mod-516-live-player h2 { clear:both; margin:0 0 12px 2px; color:#FFFFFF; font-size:23px; font-weight:bold; } .mod-516-live-player h2 a { color:#FFFFFF; } /* MOD 312 RANKING */ #mod-312-ranking .ttl-subtitle { float:left; margin:5px 0 0 11px; padding:0 0 0 14px; background:url("../_img/lin-dotted.png") repeat-y scroll 0 0 transparent; font-size:11px; color:#5D5850; } #mod-312-ranking .bgr-col-3 { overflow:hidden; } #mod-312-ranking .category { margin-bottom:9px; text-transform:uppercase; } #mod-312-ranking .ranking { width:100%; margin-bottom:8px; } #mod-312-ranking .ranking .top { border:none; } #mod-312-ranking .position { float:left; width:16px; height:60px; background:#F90; font-size:12px; text-align:center; color:#FFF; line-height:60px; } #mod-312-ranking li { overflow:hidden; margin-top:8px; padding-top:8px; border-top:1px dotted #CCCCCC; } #mod-312-ranking .ctn-image { margin-right:8px; } #mod-312-ranking .info { overflow:hidden; } #mod-312-ranking .title { margin-bottom:3px; } #mod-312-ranking .description { margin-bottom:5px; } #mod-312-ranking a.btn-listen { display:block; width:98px; height:24px; background:url("../_img/btn-general-pt.png") no-repeat scroll 0 -120px transparent; text-indent:-9999px; } #mod-312-ranking a.btn-listen:hover { background-position:-250px -120px; } .LNG_es #mod-312-ranking a.btn-listen { display:block; width:113px; height:24px; background:url("../_img/btn-general-es.png") no-repeat scroll 0 -120px transparent; text-indent:-9999px; } .LNG_es #mod-312-ranking a.btn-listen:hover { background-position:-250px -120px; } #mod-312-ranking .fav { padding:0 0 0 17px; height:11px; background:url("../_img/ico-general.png") 0 -495px; font-size:11px; color:#9bc80d; font-weight:bold; } #mod-312-ranking .no-image li { overflow:hidden; margin-top:5px; border-top:1px dotted #CCCCCC; min-width:100%; } #mod-312-ranking .no-image .position { height:15px; margin-right:8px; font-size:11px; line-height:15px; } #mod-312-ranking .no-image .info { overflow:hidden; position:relative; } #mod-312-ranking .no-image .title { margin-right:60px; } #mod-312-ranking .no-image.no-fav .title { margin-right:0; } #mod-312-ranking .no-image .description { margin-bottom:0; } #mod-312-ranking .no-image .fav { position:absolute; top:0; right:0; } /* MOD-294-PHOTOS-VIDEOS */ .mod-294-photos-videos .ctn-news .lin-hor-dotted { border-width:0 !important; margin:5px 0 !important; } /* MOD-175-latest-news */ #mod-175-latest-news { border:4px solid #EBEAE8; padding: 6px 8px; margin-bottom:20px; height:242px; width:278px; } #mod-175-latest-news .ctn-section { padding:0 0 4px 0; } #mod-175-latest-news h5 { background-image:url("../_img/spr-latestnews_pt.png"); background-repeat:no-repeat; background-position:left top; height:17px; text-indent:-99999px; margin-bottom:15px; } /* deprecated */ #mod-175-latest-news .ttl-section { float:none; background:url("../_img/spr-latestnews_pt.png") left top no-repeat; height:17px; text-indent:-99999px; } #mod-175-latest-news ul { overflow:hidden; clear:both; background-color:#FFF; clear:both; height:20px; margin-top:-1px; overflow:hidden; position:relative; top:1px; } #mod-175-latest-news ul li { overflow:hidden; float:left; padding-right:6px; margin-right:10px; background:url("../../core/_img/lin-dotted.png") repeat-y right top; } #mod-175-latest-news ul li.last { background:none; padding-right:0; margin-right:0; } #mod-175-latest-news ul li a { display:block; float:left; width:50px; height:13px; } #mod-175-latest-news ul li a.spr-tabs { background-image:url("../_img/spr-latestnews_pt.png"); background-repeat:no-repeat; background-position:0 -86px; height:15px; text-indent:-99999px; } #mod-175-latest-news ul li a.pos-news { background-position:-78px -86px; width:63px; } #mod-175-latest-news ul li a.pos-news:hover, #mod-175-latest-news ul li a.pos-news:focus { background-position:0 -86px; } #mod-175-latest-news ul li a.pos-photos { background-position:-78px -27px; width:52px; } #mod-175-latest-news ul li a.pos-photos:hover, #mod-175-latest-news ul li a.pos-photos:focus { background-position:0 -27px; } #mod-175-latest-news ul li a.pos-videos { background-position:-78px -55px; width:56px; } #mod-175-latest-news ul li a.pos-videos:hover, #mod-175-latest-news ul li a.pos-videos:focus { background-position:0 -55px; } #mod-175-latest-news ol { display:none; } #mod-175-latest-news ol li { overflow:hidden; clear:both; line-height:17px; margin-bottom:6px; padding:9px 0 2px 0; font-size:12px; } #mod-175-latest-news ol#latestnews li { background:url("../../core/_img/lin-dotted.png") repeat-x 0 0 transparent; } #mod-175-latest-news ol#latestphotos li, #mod-175-latest-news ol#latestvideos li { height:67px; } #mod-175-latest-news ol li a.img { cursor:pointer; display:block; float:left; margin:0 8px 0 0; z-index:2; position:relative; overflow:hidden; } #mod-175-latest-news ol li a.img:hover { border:3px solid #FF9900; height:61px; overflow:hidden; width:83px; } #mod-175-latest-news ol#latestvideos li a.img:hover span { background:url("../../core/_img/btn-play.png") no-repeat center 15px transparent; cursor:pointer; display:block; height:67px; left:0; position:absolute; top:0; width:89px; } #mod-175-latest-news ol li a.img:hover img { float:left; margin:-3px 0 0 -3px; } #mod-175-latest-news ol li a.img span { display:none; } #mod-175-latest-news ol#latestnews li a em { color:#999999 !important; font-style:normal; font-weight:bold; margin-right:3px; } #mod-175-latest-news ol li.lnk-more { background:none !important; margin-left:0; padding-top:0; font-size:11px; height:16px; } #mod-175-latest-news ol li.lnk-more a { color:#FF9900 !important; float:left; font-size:11px; font-weight:bold; line-height:16px; text-transform:lowercase; } #mod-175-latest-news ol li.lnk-more a:hover { text-decoration:underline; } /* language */ .LNG_en #mod-175-latest-news .ttl-section, .LNG_en #mod-175-latest-news h5 { background-image:url("../_img/spr-latestnews_en.png"); } .LNG_es #mod-175-latest-news .ttl-section, .LNG_es #mod-175-latest-news h5 { background-image:url("../_img/spr-latestnews_es.png"); } .LNG_en #mod-175-latest-news ul li a.spr-tabs { background-image:url("../_img/spr-latestnews_en.png"); } .LNG_es #mod-175-latest-news ul li a.spr-tabs { background-image:url("../_img/spr-latestnews_es.png"); } .LNG_en #mod-175-latest-news ul li a.pos-news { width:48px; } .LNG_en #mod-175-latest-news ul li a.pos-photos { width:60px; } /* state definitions */ #mod-175-latest-news.stt-latestnews ul li a.pos-news, #mod-175-latest-news.stt-latestphotos ul li a.pos-photos, #mod-175-latest-news.stt-latestvideos ul li a.pos-videos { cursor:default; } #mod-175-latest-news.stt-latestnews ol#latestnews, #mod-175-latest-news.stt-latestphotos ol#latestphotos, #mod-175-latest-news.stt-latestvideos ol#latestvideos { display:block; } #mod-175-latest-news.stt-latestnews ul li a.pos-news { background-position:0 -86px; } #mod-175-latest-news.stt-latestphotos ul li a.pos-photos { background-position:0 -27px; } #mod-175-latest-news.stt-latestvideos ul li a.pos-videos { background-position:0 -55px; } /* MOD-328C-LINEUP */ .mod-328c-lineup .content{ overflow: hidden; } .mod-328c-lineup .ttl-main { margin-bottom:7px; } .mod-328c-lineup .ttl-main span {color:#f90; font-size:12px;} .mod-328c-lineup .last-publish { font-size: 11px; color:#999; margin-bottom:8px; } .mod-328c-lineup .ttl-subtitle { margin-bottom:7px; } .mod-328c-lineup .more a { margin-right:8px; } /* MOD-670-ARTICLE-COVERAGE */ .mod-670-article-coverage { position:relative; padding:6px 8px; background-color:#ECEAE7; } .mod-670-article-coverage .ttl-section span { font-size:20px; } .mod-670-article-coverage .lin-hor-dotted { margin:12px 0; z-index:0; } .mod-670-article-coverage .ctn-section { height:30px; padding:0; margin-bottom:11px; background:none; } .mod-670-article-coverage .ctn-section .ttl-section span { height:30px;} .mod-670-article-coverage .ctn-section .ttl-subtitle { margin:0 0 0 14px; padding:0; background:none; color:#7F7871; font-size:12px; font-weight:bold; height:30px; line-height:34px; vertical-align:middle; } .mod-670-article-coverage .col-skinny { width:187px; } .mod-670-article-coverage .col-photo { width:195px; padding-right:0; margin-right:17px;} .mod-670-article-coverage .last .ttl-single { margin-top:0; } .mod-670-article-coverage .ctn-captioned-image .img { margin-right:12px; } .mod-670-article-coverage .more-links { margin-top:25px; } .mod-670-article-coverage .more-links .label { float:left; padding-right:6px; font-family:"klavikaRegular"; font-size:12px; color:#978D81; text-transform:uppercase; } .mod-670-article-coverage .more-links .label-spacer { display:block; float:left; width:4px; height:20px; background-image:url("../_img/more-spacer.png"); } .mod-670-article-coverage .more-links a { display:block; float:left; padding:0 12px; border-left:1px dotted #BEB7AE; font-weight:bold; font-size:12px; color:#676767; } .mod-670-article-coverage .more-links .label-spacer + a { padding-left:6px; border:none; } .mod-670-article-coverage .ctn-tgm-button-top, .mod-670-article-coverage .ctn-tgm-button-bottom { position:absolute; right:8px; width:195px; height:31px; } .mod-670-article-coverage .ctn-tgm-button-top { top:8px; } .mod-670-article-coverage .ctn-tgm-button-bottom { bottom:8px; } /* MOD-PARTNERS */ .mod-partners { margin: 0 0 22px; } .mod-partners .txt { margin-bottom: 8px; display: block; } .mod-partners .lin-hor-dotted { margin: 8px 0 !important; border: 0; }