/* @group Affiliate E-Commerce Under Player */ div.player div.movie-info-wrapper div.promo div.ecommerce-wrapper { background: url(../images/v1-5/editorial/promos/affiliate-ecommerce/bg-top.gif) top left no-repeat; } div.player div.movie-info-wrapper div.promo div.ecommerce-wrapper .left { background: url(../images/v1-5/editorial/promos/affiliate-ecommerce/divider.gif) top right repeat-y; float: left; margin: 10px 0 2px 10px; width: 271px; } div.player div.movie-info-wrapper div.promo div.ecommerce-wrapper .left span.thumb { background: url(../images/v1-5/editorial/promos/affiliate-ecommerce/thumb-bg.gif) top left no-repeat; width: 67px; height: 67px; float: left; padding: 0; margin: 0; } div.player div.movie-info-wrapper div.promo div.ecommerce-wrapper .left span.thumb img { margin: 1px 0 0 1px; } div.player div.movie-info-wrapper div.promo div.ecommerce-wrapper .left dl { display: block; float: left; width: 200px; padding-left: 4px; padding-top: 6px; } div.player div.movie-info-wrapper div.promo div.ecommerce-wrapper .left dl dt { float: left; width: 70px; font-weight: bold; color: #fff; font-size: 11px; clear: left; } div.player div.movie-info-wrapper div.promo div.ecommerce-wrapper .left dl dd { float: left; width: 130px; color: #909090; font-size: 11px; } div.player div.movie-info-wrapper div.promo div.ecommerce-wrapper .left h3 { padding: 4px 0 0 0; font-weight: bold; color: #fff; font-size: 11px; clear: both; } div.player div.movie-info-wrapper div.promo div.ecommerce-wrapper .left p { color: #909090; font-size: 11px; padding-right: 10px; } div.player div.movie-info-wrapper div.promo div.ecommerce-wrapper .left a.btn { float: right; margin-right: 10px; } div.player div.movie-info-wrapper div.promo div.ecommerce-wrapper .right { float: left; margin: 10px 0 2px 10px; width: 261px; } div.player div.movie-info-wrapper div.promo div.ecommerce-wrapper .right h2 { font-size: 16px; font-weight: bold; color: #fff; padding-top: 6px; } div.player div.movie-info-wrapper div.promo div.ecommerce-wrapper .right h3 { font-weight: bold; color: #fff; font-size: 11px; margin-top: 10px; } div.player div.movie-info-wrapper div.promo div.ecommerce-wrapper .right table { color: #909090; font-size: 11px; } div.player div.movie-info-wrapper div.promo div.ecommerce-wrapper .right table th { display: none; } div.player div.movie-info-wrapper div.promo div.ecommerce-wrapper .right table tr td.c1 { width: 130px; } div.player div.movie-info-wrapper div.promo div.ecommerce-wrapper .right table tr td.c2 { width: 55px; } div.player div.movie-info-wrapper div.promo div.ecommerce-wrapper .right table tr td.c3 { width: 65px; } div.player div.movie-info-wrapper div.promo div.ecommerce-wrapper .right table tr td.c3 .btn { border: 1px solid #1e1e1e; /* <-- hacky but necessary to fix broken layout in firefox (no, I didn't believe it either) */ } div.player div.movie-info-wrapper div.promo div.ecommerce-wrapper .footer { background: url(../images/v1-5/editorial/promos/affiliate-ecommerce/bg-bottom.gif) bottom left no-repeat; clear: both; height: 8px; } /* @end */ /* @Group Generic Editorial (Style defaults first and then overide for when within .central_column_wide) */ div.generic-editorial-bg {width:700px; color:#919191; background:#25272a url(../images/editorial/backgrounds/bottom.gif) bottom left no-repeat;} div.generic-editorial-bg div.generic-editorial-content {padding:10px;} /*Generic 'Style Guide' Classes */ div.generic-editorial-bg h1 {color:#fff; font-size:17px; padding:4px 0 8px 0; width:456px; clear:both;} div.generic-editorial-bg h2 {color:#fff; font-size:12px; padding:0;} div.generic-editorial-bg h3, div.generic-editorial-bg h4, div.generic-editorial-bg h5, div.generic-editorial-bg h6 {color:#cacaca; font-size:12px; padding:0;} div.generic-editorial-bg table {margin-bottom:20px; background:#252525; border:1px solid #3b3b3b;} div.generic-editorial-bg tr.odd {background:#2a2a2a;} div.generic-editorial-bg th {padding:4px 3px; background:#323232; border-bottom:1px solid #1e1e1e; font-weight:bold;} div.generic-editorial-bg td {padding:4px 3px; border-bottom:1px solid #1e1e1e;} div.generic-editorial-bg hr {border-bottom:1px #37353a dotted; margin-bottom:24px;} div.generic-editorial-bg p {padding:0 0 24px 0; margin:0;} div.generic-editorial-bg img {border:1px solid #3b3b3b;} div.generic-editorial-bg dl {float:left;} div.generic-editorial-bg dt {float:left; clear:left;} div.generic-editorial-bg dd {float:left; clear:right;} div.generic-editorial-bg p img {margin:10px 10px 10px 0;} div.generic-editorial-bg strong {color:#fff;} div.generic-editorial-bg a, div.generic-editorial-bg a:link, div.generic-editorial-bg a:visited {color:#fff;} div.generic-editorial-bg a:hover {color:#fff;} div.generic-editorial-bg a:active {color:#569ADB;} /*Classes outside of Boxes*/ div.generic-editorial-bg div.top-border {height:5px; width:700px; margin:0; padding:0; background:url(../images/editorial/backgrounds/top-bottom-sprite.gif) top left;} div.generic-editorial-bg div.bottom-border {height:5px; width:700px; margin:0; padding:0; background:url(../images/editorial/backgrounds/top-bottom-sprite.gif) bottom left;} div.generic-editorial-bg div.generic-editorial-clm-wide {float:left; width:456px;} /*A Box - usefull for the black BG, Border + Padding*/ div.generic-editorial-bg div.box-generic-editorial {padding:10px; margin-bottom:10px; background:#1b1c1e; border:1px solid #383838;} /*A Box - The Buy now buttons directly underneath the player*/ div.generic-editorial-bg .ecommerce-wrapper {font-size:11px;} div.generic-editorial-bg .ecommerce-wrapper small {color:#5a5a5a;} div.generic-editorial-bg .ecommerce-wrapper dl {width:100%;} div.generic-editorial-bg .ecommerce-wrapper dt {width:47%; padding-right:10px; } div.generic-editorial-bg .ecommerce-wrapper dd {width:50%; padding:0; text-align:right; } div.generic-editorial-bg .ecommerce-wrapper dd div {float:right;} div.generic-editorial-bg .ecommerce-wrapper .loud {float:right; margin-left:10px;} div.generic-editorial-bg .ecommerce-wrapper .btn {float:right; margin-left:10px;} div.generic-editorial-bg .ecommerce-wrapper .view-cart {float:right;} /*For the expand/Collapse, Full + Summary content*/ /* JS */ div.generic-editorial-bg .expandable-area-summary {} /* JS will hide this */ div.generic-editorial-bg .expandable-area-summary p {padding:0;} /*Links to expand and collapse content */ div.generic-editorial-bg a.collapse, div.generic-editorial-bg a.expand {float:right; color:#F7F7C0; padding-right:15px; font-size:11px; background: url(../images/editorial/icons/arrows.gif) no-repeat; } div.generic-editorial-bg a.collapse, /* JS */ div.generic-editorial-bg a.expand {} /* JS will override hide this */ div.generic-editorial-bg a.expand {background-position:right -12px;} div.generic-editorial-bg a.collapse {background-position:right -52px;} div.generic-editorial-bg a.expand:hover, div.generic-editorial-bg a.collapse:hover {color:#fff; text-decoration:none; border-bottom:none;} /*The right column*/ div.generic-editorial-bg div.generic-editorial-clm-narrow {float:right; width:216px;} div.generic-editorial-bg div.generic-editorial-clm-narrow span.actions {float:right;} /*Standardised DL's (usefull for all bxes in right column)*/ div.generic-editorial-bg div.generic-editorial-clm-narrow dl {width:200px; font-size:11px;} div.generic-editorial-bg div.generic-editorial-clm-narrow dt {width:60px; padding-right:10px; color:#fff; padding:4px 10px 4px 0; margin:0;} div.generic-editorial-bg div.generic-editorial-clm-narrow dd {width:120px; padding:4px 0; margin:0;} /*A Box - usefull for the black BG, Border + Padding*/ div.generic-editorial-bg div.generic-editorial-clm-narrow div.box-generic-editorial {padding:10px; background:#1b1c1e; border:1px solid #383838;} /*an actions span for the Misc Div*/ div.generic-editorial-bg div.generic-editorial-clm-narrow .misc span.actions a {float:left; font-size:11px;} div.generic-editorial-bg div.generic-editorial-clm-narrow .misc span.actions a.btn {float:right;} /*The BUY THIS NOW (Big red button) Div*/ div.generic-editorial-bg div.generic-editorial-clm-narrow .bundle-promo {text-align:center; padding:10px;} div.generic-editorial-bg div.generic-editorial-clm-narrow .bundle-promo p {text-align:center; color:#fff;} div.generic-editorial-bg div.generic-editorial-clm-narrow .bundle-promo p small {color:#919191;} div.generic-editorial-bg div.generic-editorial-clm-narrow .bundle-promo h3 {font-size:16px;} div.generic-editorial-bg div.generic-editorial-clm-narrow .bundle-promo a.btn {float:left; margin-left:35px;} /*The list of related stuff (when in the right column) */ div.generic-editorial-bg div.generic-editorial-clm-narrow .generic-promo-related {margin-bottom:10px; font-size:11px; background:#1e1e1e; border:1px solid #383838;} div.generic-editorial-bg div.generic-editorial-clm-narrow .generic-promo-related h3 {color:#fff; padding:10px; font-size:12px; border-bottom:1px dotted #4b4b4b;} div.generic-editorial-bg div.generic-editorial-clm-narrow .generic-promo-related li {padding:10px 0; background:none; border-bottom:1px dotted #4b4b4b;} div.generic-editorial-bg div.generic-editorial-clm-narrow .generic-promo-related li.last {border:none; padding-bottom:0;} div.generic-editorial-bg div.generic-editorial-clm-narrow .generic-promo-related h4 {padding:0;} div.generic-editorial-bg div.generic-editorial-clm-narrow .generic-promo-related a {color:#c3c5d2;} div.generic-editorial-bg div.generic-editorial-clm-narrow .generic-promo-related a strong {font-weight:normal;} div.generic-editorial-bg div.generic-editorial-clm-narrow .generic-promo-related h4 a {color:#fff;} /* CHANGES 8th April 2010 */ div.generic-editorial-bg p img.splash_thumb {margin-bottom:0;} div.generic-editorial-bg .generic-editorial-clm-wide p {color:#b1b1b1;} div.generic-editorial-bg .basket-btn-wrapper {position:relative !important; float:right;} div.generic-editorial-bg a.neutral i {width:5px;} div.generic-editorial-bg .generic-editorial-clm-narrow a, div.generic-editorial-bg .generic-editorial-clm-narrow a:link, div.generic-editorial-bg .generic-editorial-clm-narrow a:visited {color:#f7f7c0;} div.generic-editorial-bg .generic-editorial-clm-narrow a:hover, div.generic- editorial-bg .generic-editorial-clm-narrow a:focus, div.generic-editorial-bg .generic-editorial-clm-narrow a:active {color:#fff;} /*Social Bookmarks at the bottom of the content area*/ div.generic-editorial-bg ul.social-bookmarks {border-top:1px solid #3d3d3d; background:none; margin:44px 20px 0 20px; padding:0 20px;} div.generic-editorial-bg ul.social-bookmarks li {float:left; background:none; padding:12px 34px 7px 0;} div.generic-editorial-bg ul.social-bookmarks li img {border:none;} /*The list of related stuff (when in the left (sub Nav) column) */ div.sidebar_wide .generic-promo-related {margin-bottom:10px; font-size:11px; background:#2a2a2a; padding:0;} div.sidebar_wide .generic-promo-related div.top-border, div.sidebar_wide .generic-promo-related div.bottom-border {height: 5px; background:url(../images/editorial/backgrounds/related-top-bottom-sprite.gif) top left no-repeat;} div.sidebar_wide .generic-promo-related div.bottom-border {background-position:bottom left;} div.sidebar_wide .generic-promo-related ul {padding:0; margin:0 0 5px 0;} div.sidebar_wide .generic-promo-related h3 {color:#b0b0b0; padding:10px; font-size:12px; border-bottom:1px dotted #4b4b4b;} div.sidebar_wide .generic-promo-related h3 strong {color:#fff;} div.sidebar_wide .generic-promo-related h3 small {color:#909090;} div.sidebar_wide .generic-promo-related li {padding:10px; margin:0; background:#1e1e1e; border-bottom:1px dotted #4b4b4b;} div.sidebar_wide .generic-promo-related h4 {padding:0;} div.sidebar_wide .generic-promo-related a {color:#c3c5d2;} div.sidebar_wide .generic-promo-related h4 a {color:#fff;} div.sidebar_wide .generic-promo-related .btn {float:right; margin-right:5px;} div.sidebar_wide .blog-list {margin-bottom:10px; font-size:11px; padding:0; clear:both; background:#EEF1F6; } div.sidebar_wide .blog-list div.first, div.sidebar_wide .blog-list div.last {height: 30px; line-height:30px; padding:0 10px; border-bottom:1px dotted #CCCCCC; background:url(../images/editorial/backgrounds/related-top-bottom-sprite.gif) top left no-repeat;} div.sidebar_wide .blog-list div.last {background-position:bottom left; border:none;} div.sidebar_wide .blog-list ul {float:left; padding:0; margin:0;} div.sidebar_wide .blog-list li {float:left; margin:0; padding:0; line-height:16px; width:240px; background:#F7FAFF; border-bottom:1px dotted #CCCCCC;} div.sidebar_wide .blog-list li:hover {background:#E9ECF1;} div.sidebar_wide .blog-list a, div.sidebar_wide .blog-list a:link, div.sidebar_wide .blog-list a:visited {float:left; width:178px; display:block; padding:4px 8px 10px 0; color:#569ADB;} div.sidebar_wide .blog-list a:hover {color:#122742; background:#E9ECF1;} div.sidebar_wide .blog-list a:active {color:#122742;} div.sidebar_wide .blog-list a small {color:#122742;} div.sidebar_wide .blog-list h4 a {color:#fff;} div.sidebar_wide .blog-list h1 {color:#214C79; width:188px; font-size:13px; padding-top:2px;} div.sidebar_wide .blog-list .btn {float:right; margin-right:5px;} div.sidebar_wide .blog-list ul li img.blog-icon {float:left; margin:8px;} div.sidebar_wide .related-list { margin-bottom:10px; font-size:11px; padding:0; clear:both; background:#2a2a2a; } div.sidebar_wide .related-list div.first, div.sidebar_wide .related-list div.last { height: 30px; line-height:30px; padding:0 10px; border-bottom:1px dotted #4b4b4b; background:url(../images/editorial/backgrounds/related-top-bottom-sprite.gif) top left no-repeat;} div.sidebar_wide .related-list div.last { height: 24px;background-position:bottom left; border:none;} div.sidebar_wide .related-list ul {float:left; padding:0; margin:0;} div.sidebar_wide .related-list li {float:left; margin:0; padding:0; line-height:16px; background:#1b1c1e; border-bottom:1px dotted #4b4b4b;} div.sidebar_wide .related-list li:hover {background:#25272A;} div.sidebar_wide .related-list a, div.sidebar_wide .related-list a:link, div.sidebar_wide .related-list a:visited {float:left; width: 220px; display:block; padding:6px 10px 8px 10px; color:#c3c5d2;} div.sidebar_wide .related-list a:hover {color:#122742; background:#25272A;} div.sidebar_wide .related-list a:active {color:#122742;} div.sidebar_wide .related-list a strong {font-weight: normal;color:#fff;} div.sidebar_wide .related-list h1 {color:#fff; width:188px; font-size:13px; padding-top:2px;} div.sidebar_wide .related-list .btn {float:right; margin-right:5px;} /* @Group Generic Editorial (When inside .central_column_wide) */ div.central_column_wide div.generic-editorial-bg {background:#2a2a2a url(../images/editorial/backgrounds/bottom-580.png) left bottom no-repeat;} div.central_column_wide div.generic-editorial-bg div.top-border {width:580px; margin:0; padding:0; background:url(../images/editorial/backgrounds/top-bottom-sprite-580.png) top left;} div.central_column_wide div.generic-editorial-bg div.bottom-border {width:580px; margin:0; padding:0; background:url(../images/editorial/backgrounds/top-bottom-sprite-580.png) bottom left;} div.central_column_wide div.light {background:#E9ECF1; color:#434554; border:1px solid #d3d4de;} div.central_column_wide div.light h2 {color:#214C79; font-size:15px; font-weight:bold;} div.central_column_wide div.light strong {color:#17171c; font-weight:normal;} div.central_column_wide div.email h2 {padding:0 0 20px 26px; background: url(../images/editorial/icons/email.png) 0 3px no-repeat;} div.central_column_wide div.email p {padding:0 0 12px 0; margin:0; } div.central_column_wide div.generic-editorial-bg dl {padding:0 0 0 12px;} div.central_column_wide div.generic-editorial-bg dt {width:120px; color:#fff;} div.central_column_wide div.generic-editorial-bg dd {} /* @group New Splash page (Dec 2008) */ /* Set the layout first */ #channel_splash_wide div.main {padding:10px 10px 0 10px; background: url(../images/editorial/channel_splash/bg_wide.png) top left;} #channel_splash_wide div.bottom {height:18px; background: url(../images/editorial/channel_splash/bg_wide.png) bottom left;} #channel_splash_wide div.clm-hlf-lft, #channel_splash_wide div.clm-hlf-right {float:left; width:345px; margin-bottom:20px;} #channel_splash_wide div.clm-hlf-right {width:325px; padding:20px 0 0 20px;} #channel_splash_wide div.clm-third {float:left; width:226px; padding-bottom:16px;} #channel_splash_wide div.clm-middle {padding:0 11px;} /* Set generic styling*/ #channel_splash_wide h1, #channel_splash_wide h2 {font:Arial; font-size: 19px; font-weight:normal; color:#fff; height:20px; padding-bottom:5px;} #channel_splash_wide p, #channel_splash_wide em {color:#a0a1a3; font-style:normal;} #channel_splash_wide ul {color:#fff; padding:18px 0 0 0;} #channel_splash_wide li {padding-left:26px; margin:0 0 6px 0; background:url(../images/editorial/channel_splash/bullet.png) left 2px no-repeat;} #channel_splash_wide small {color:#5f5e5e;} #channel_splash_wide div.clm-third img {margin-bottom:8px;} #channel_splash_wide a {color:#fff799;} #channel_splash_wide a:link {color:#fff799;} #channel_splash_wide a:visited {color:#fff799;} #channel_splash_wide a:hover {color:#fff; border-bottom:none;} #channel_splash_wide a:active {color:#fff799;} #channel_splash_wide a.large span {height: 20px; background:url(../images/v1-5/common/generic-buttons/large/on-dark-l.png) top left;} #channel_splash_wide a.large i {margin-left:-3px; background:url(../images/v1-5/common/generic-buttons/large/on-dark-r.png) top right;} /* First row first column Content */ #channel_splash_wide div.clm-hlf-lft {line-height:13px;} /* First row Second Column Content */ #channel_splash_wide div.clm-hlf-right ul a {color:#fff;} #channel_splash_wide div.clm-hlf-right ul a:link {color:#fff;} #channel_splash_wide div.clm-hlf-right ul a:visited {color:#fff;} #channel_splash_wide div.clm-hlf-right ul a:hover {color:#A0A1A3;} #channel_splash_wide div.clm-hlf-right ul a:active {color:#fff;} /* @end */ /* @group New E-commerce Options (replaces the ecommerce options on lne 5 of editorial.css) */ /* The Wrapper to keep avoid inheritance + class conflict problems */ div.ecommerce-wrapper-vtwo {background:#1B1C1E; border:1px solid #373737; padding:10px; line-height:12px; color:#a0a0a0;} /* The Title of the wrapper */ div.ecommerce-wrapper-vtwo h3 {font-size:14px; color:#fff; margin:0; padding:4px 0 19px 0;} div.ecommerce-wrapper-vtwo h3 small {font-size:11px; color:#adadad;} /* The images for the three options */ .itunes-img {width:102px; height:18px; background:url(../images/editorial/ecommerce/itunes.png) top left no-repeat;} .plushmusic-img {width:85px; height:13px; background:url(../images/editorial/ecommerce/plushmusic.png) top left no-repeat;} .plushmusic-premium-img {width:92px; height:25px; background:url(../images/editorial/ecommerce/plushmusic-premium.png) top left no-repeat;} /* The 3 options list (itunes, plush, plush premium)*/ div.ecommerce-wrapper-vtwo ul {margin:0 25px 12px 15px; padding:0; border-top:1px solid #28292b; font-size:12px;} div.ecommerce-wrapper-vtwo li {background:none; padding:14px 0; margin:0; border-bottom:1px solid #28292b;} div.ecommerce-wrapper-vtwo img {float:left; display:block; margin-left:4px;} /* The 2 download options for each option (download audio, download video) */ div.ecommerce-wrapper-vtwo ul ul {border:none; margin:0 0 0 127px;} div.ecommerce-wrapper-vtwo li li {height:17px; margin:0; padding:0 7px 0 0; border:none;} div.ecommerce-wrapper-vtwo li li a, div.ecommerce-wrapper-vtwo li li a:link, div.ecommerce-wrapper-vtwo li li a:visited {padding-left:46px; color:#b3d431; } div.ecommerce-wrapper-vtwo li li a:hover {color:#DAF66D;} div.ecommerce-wrapper-vtwo li li a:active {color:#b3d431;} /* Actions */ div.ecommerce-wrapper-vtwo div.buttons {float:right; padding-right:30px;} div.ecommerce-wrapper-vtwo div.buttons .btn {float:right; font-size:11px;} /* Used to be inline, idn't anymore - anyone know what this does ? */ div.ecommerce-wrapper-vtwo {padding:0; border:none; position:relative;} div.generic-editorial-bg .itunes-img, div.generic-editorial-bg .plushmusic-img, div.generic-editorial-bg .plushmusic-premium-img {border:none;} div.ecommerce-wrapper-vtwo li li a, div.ecommerce-wrapper-vtwo li li a:link, div.ecommerce-wrapper-vtwo li li a:visited {padding-left:16px;} div.ecommerce-wrapper-vtwo li li a:active {padding-left:16px} div.ecommerce-wrapper-vtwo ul {margin: 0 0 12px 0; padding:0;} div.ecommerce-wrapper-vtwo div.buttons {padding-right:0;} div.ecommerce-wrapper-vtwo div.basket-btn-wrapper {} div.ecommerce-wrapper-vtwo div.basket-btn-wrapper {position:absolute; right:0; bottom:0;} /* @end */ /* @group Editoial blog page (An editorial full of blog content) */ /* Typography */ div.blog-editorial-page .blog-post h2, div.blog-editorial-page .blog-post p {padding-bottom:10px;} div.blog-editorial-page .blog-post a, div.blog-editorial-page .blog-post a:link, div.blog-editorial-page .blog-post a:visited, div.blog-editorial-page .blog-post a:hover, div.blog-editorial-page .blog-post a:active, div.blog-editorial-page .twitter a, div.blog-editorial-page .twitter a:link, div.blog-editorial-page .twitter a:visited, div.blog-editorial-page .twitter a:hover, div.blog-editorial-page .twitter a:active, div.blog-editorial-page .blog-list a, div.blog-editorial-page .blog-list a:link, div.blog-editorial-page .blog-list a:visited, div.blog-editorial-page .blog-list a:hover, div.blog-editorial-page .blog-list a:active {color:#f7f7c0;} div.blog-editorial-page a.arw-r-forward, div.blog-editorial-page a.arw-r-forward:link, div.blog-editorial-page a.arw-r-forward:visited, div.blog-editorial-page a.arw-r-forward:hover, div.blog-editorial-page a.arw-r-forward:active {font-size:11px; border: none; padding:0 12px 0 0; float: right; background:transparent url(../images/v1-5/common/graphics/bullet.png) right 1px no-repeat;} div.blog-editorial-page a.arw-l-forward, div.blog-editorial-page a.arw-l-forward:link, div.blog-editorial-page a.arw-l-forward:visited, div.blog-editorial-page a.arw-l-forward:hover, div.blog-editorial-page a.arw-l-forward:active {font-size:11px; border: none; padding:0 0 0 12px; float: right; background:transparent url(../images/v1-5/common/graphics/bullet.png) left 1px no-repeat;} a.read-blog {float:right;} div.blog-editorial-page a.promo-link img {display:block; border:none;} div.blog-editorial-page a.promo-link, div.blog-editorial-page a.promo-link:link, div.blog-editorial-page a.promo-link:visited, div.blog-editorial-page a.promo-link:hover, div.blog-editorial-page a.promo-link:active {border:none; display: block; margin-bottom:10px;} /* Twitter feed */ div.blog-editorial-page .twitter h3 {width: 58px; height: 12px; text-indent: -9999px; overflow: hidden; margin-bottom:10px; padding: 0; background:url(../images/editorial/icons/twitter.png) top left;} div.blog-editorial-page .twitter ul {margin:0; padding:0 0 0 8px;} div.blog-editorial-page .twitter li {padding:0; margin:0 0 10px 0; font-size:11px; line-height:18px;} /* Blog Posts */ div.blog-editorial-page .blog-list h3 {margin:0; padding: 0 0 10px 0;} div.blog-editorial-page .blog-list .rss-feed {float: right; display: block; width:16px; height:16px; overflow:hidden; text-indent:-999px; background:url(../images/editorial/icons/rss.png) top left;} div.blog-editorial-page .blog-list ul {margin:0; padding:0 0 0 8px;} div.blog-editorial-page .blog-list li {padding:0 0 0 16px; margin:0 0 10px 0; font-size:11px; line-height:18px;} /* @end */ /* @group Editorial Stream page */ /* The box for the stream */ div.stream-editorial-page .editorial-stream h2 {padding-top:10px;} div.stream-editorial-page .stream-container {width:654px; overflow:hidden;} div.stream-editorial-page .stream-container img {max-width:654px; border:none;} /* The live update box */ div.stream-editorial-page .sub-title {color:#FFFFFF; font-size:12px; padding:0 0 10px 0;} div.stream-editorial-page dl {margin-bottom:10px;} div.stream-editorial-page dt {width:100px;} div.stream-editorial-page div.editorial-content p {font-size:11px;} /* The right column /* @end */