/*********** GLOBAL -> **************/ body {background:#94c1e4 url(1a19f95abf92591fd5d3578fb27c9004e51058ac.jpg) no-repeat 0 30px;} img {border:0;} #content div {font-size:1.0em;} /* Test to see if it possible to reset font-size like this */ #content {padding:12px 12px 0 12px; background:#fff url(272fa07c90780f8b93cdfc471fad73845241e31f.gif) no-repeat top right;} /* HEADINGS */ h1,h2,h3,h4,h5,h6 {font-family:georgia, 'times new roman', times, serif; margin:10px 0 16px 0; font-size:1.4em; font-weight:bold;} /*16px on screen*/ /* for first h2 in block*/ .g-group .g-b1 h2, .g-group .g-b1 h3, .g-w6 h2 {margin:9px 0 16px 0;} /*20px on screen*/ /*then for subsequent*/ .teaser h2, .list h2 {margin:10px 0 10px 0;} #content-title h2 {font-size:2.0em; margin:0 0 16px 0;} /*20px on screen*/ #index-aboutus #content-title h2, #index-help #content-title h2, #index-programmes #content-title h2, #index-sitemap #content-title h2 {margin-top:15px;} /* LINKS */ h1 a.ms-audio-link, h2 a.ms-audio-link, h3 a.ms-audio-link, h4 a.ms-audio-link, h5 a.ms-audio-link, h6 a.ms-audio-link, h1 a.ms-video-link, h2 a.ms-video-link, h3 a.ms-video-link, h4 a.ms-video-link, h5 a.ms-video-link, h6 a.ms-video-link, h1 a.participate-link, h2 a.participate-link, h3 a.participate-link, h4 a.participate-link, h5 a.participate-link, h6 a.participate-link {margin-left:0; background-image:none;} p.heading-type-link {margin-top:8px;} a {text-decoration:none;} a:link {color:#003366;} a:visited {color:#0066cc;} a:active {} a:hover {color:#0066cc; text-decoration:underline;} p a.audio-link, p a.ms-audio-link, p a.video-link, p a.ms-video-link, p a.download-link, p a.mp3-link, p a.rss-link, #trail .last-updated {padding-left:28px;} p a.audio-link, p a.ms-audio-link, p a.audio-link:hover, p a.ms-audio-link:hover {background-image: url(ca56d4f689fac5d9f4e55a4aca2031e1154630e3.gif) ; background-position:top left;} p a.video-link, p a.ms-video-link, p a.video-link:hover, p a.ms-video-link:hover {background-image: url(4fe3fae241381d51970ff6ea2c4e0234954618a2.gif) ; background-position:top left;} p a.download-link, p a.mp3-link, p a.download-link:hover, p a.mp3-link:hover {background-image: url(88e9172b456bfe4f1f7047b0bf54bbd2efec8ac7.gif) ; background-position:top left;} p a.rss-link, p a.rss-link:hover {background-image: url(0da9d349fbbc322091ea709ddbfcb52529d9aea5.gif) ; background-position:top left;} p a.audio-link, p a.ms-audio-link, p a.video-link, p a.ms-video-link, p a.download-link, p a.mp3-link, p a.rss-link, #trail .audio-not-available {display:block; display:inline-block; /*leave both, ie fix*/ padding-top:3px; padding-bottom:3px; background-repeat:no-repeat;} /*.label {display:none;}*/ p a.audio-link .link-title, p a.ms-audio-link .link-title, p a.video-link .link-title, p a.ms-video-link .link-title, p a.download-link .link-title, p a.mp3-link .link-title, p a.rss-link .link-title {line-height:1.1em;} /* hierachy now removed for audio and video links #top-slot p a.audio-link, #top-slot p a.ms-audio-link, #home-news p a.audio-link, #home-news p a.ms-audio-link, #top-slot p a.audio-link:hover, #top-slot p a.ms-audio-link:hover, #home-news p a.audio-link:hover, #home-news p a.ms-audio-link:hover {padding-left:70px; background-image: url(1367dbfe744fb863fba5a5dbbc32ff1ec630fbd4.gif) ;} #top-slot p a.video-link, #top-slot p a.ms-video-link, #home-news p a.video-link, #home-news p a.ms-video-link, #top-slot p a.video-link:hover, #top-slot p a.ms-video-link:hover, #home-news p a.video-link:hover, #home-news p a.ms-video-link:hover {padding-left:70px; background-image: url(aa05064b8a7fe060afc2791bfb16a92f284fd4b1.gif) ;} */ p a.podcast-link, p a.podcast-link:hover {float:left; width:78px; background-image: url(1ee4fc01d6a40d93b0ff833bf13604a307a85969.gif) ; background-position:top left;} p a.podcast-help-link, p a.podcast-help-link:hover {float:left; width:14px; background-image: url(c88a9b1105293982f0ec06541f7f3260267e011c.gif) ; background-position:top left;} p a.participate-link, p a.participate-link:hover {float:left; width:99px; background-image: url(b4b30f38ccca15d9656d88c276a5fa99a2f4544e.gif) ; background-position:top left;} p a.podcast-link, p a.podcast-help-link, p a.participate-link {display:block; display:inline-block; /*leave both, ie fix*/ height:18px; background-repeat:no-repeat; padding-bottom:8px;} .news-index-link, .news-link, .bbc-index-link {border-bottom:1px dotted #B4B4B4; padding-bottom:6px; margin-bottom:16px;} /*10px and 20px on screen*/ .news-index-link, .news-link {font-family:verdana, helvetica, arial, sans-serif; font-size:1.3em;} p.news-index-link, p.news-link, p.bbc-index-link {border-bottom:0; margin-bottom:0; padding-bottom:0; font-size:1.0em;} .news-index-link a, .news-link a, .news-index-link a:hover, .news-link a:hover {background-image: url(cb5c7786982652934442a3f3591cef612c35a63e.gif) ;} .bbc-index-link a, .bbc-index-link a:hover {background-image: url(94b05ac8eee00e124abed89e5bf224f024aa322a.gif) ;} .news-index-link a, .news-link a, .bbc-index-link a {padding:2px 25px 2px 0; background-position:right; background-repeat:no-repeat; display:inline-block;} /* TEXT SIZING */ .cluster #story p {float:none; margin:0 0 20px 0;} .cluster #content #story, #content .body, .story #content p, .bx-quote .quote-signature, #footer {font-size:1.1em; line-height:1.5em;} .ts-headline .ts-body a, .list .ts-headline a, .teaser .ts-body p a, ul.associated li a {font-size:1.1em;} .story #content .ts-body p a, /*for story page*/ ul.associated a.audio-link, ul.associated a.ms-audio-link, ul.associated a.video-link, ul.associated a.ms-video-link, ul.associated a.download-link, ul.associated a.podcast-link, ul.associated a.podcast-help-link {font-size:1.0em;} /* this is to make sure css can handle objects within objects as em are relative to their container > */ #content .body .body {font-size:1.0em;} #content .teaser {font-size:1.0em;} #content .body h1, #content .body h2, #content .body h3, #content .body h4, #content .body h5, #content .body h6 {font-size:1.45em;} /*is same as 1.6em with 1.0em container - default for headings*/ /* Hidden Content */ #how-to-listen legend, #how-to-listen label, #ws-accesslinks, h1, .label, #trail .label, /*specificity*/ #story .label, /*specificity*/ #local-nav h2, a.podcast-link .link-title, p a.participate-link .link-title, #index-documentaries #content-title h2, #li-directory-pane .results-heading, #directory-nav a span, #index-homepage #top-slot h2, .tabbed-list h2, .hidden {position:absolute; left:-4999px;} /* End of Hidden Content */ /* to normalise hierachy and automatically insert call to action*/ #story .teaser .label, p a.audio-link .label, p a.ms-audio-link .label, p a.video-link .label, p a.ms-video-link .label {position:relative; left:0;} /*language selection buttons for index, africa and interact - not display:inline as buttons do not fit for africa*/ #language-selection ul li {float:left; margin:0 0 2px 4px;} #language-selection ul li.first {margin-left:0;} #language-selection #languages {width:100%;} /*********** BANNER -> **************/ .ift-radio #ift-current, .ift-radio #ift-current a {background-color:#457EB3;} .ift-radio #ift-wrap {background-image: url(5678613ff541accb0f6c315ffb84632c5bc7cff5.gif) ;} .ift-radio legend {display:none;} .ift-radio label {position:absolute; left:-4999px;} #banner {width:760px; padding:9px 10px 7px 12px;} #banner .logo {width: 117px; height: 72px; background: url(d35c1de25df68d47bbad5b838b887e5c50752bdc.gif) no-repeat; float:left; cursor:pointer; display:block;} #banner .tagline {background: url(4b1a579e837bfc7a9ca9a4ad5a41f7abf89f4b4e.png) no-repeat; float:right; width:372px; height:22px; margin-top:54px; padding-right:12px;} * html #banner .tagline {background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/staticarchive/f1963414698c842f5d35532e7786e7b02cec743f.png');} #banner .logo span, #banner .tagline span {position:absolute; left:-4999px;} /*********** FOOTER -> **************/ #footer {padding:0; margin:20px 0 0 0;} /* Syndication links */ #syndication-links {margin-bottom:20px; background: url(ee60bce8d31984d605b2fb320a985931f9ef69d3.jpg) top left no-repeat; height:60px; width:615px;} #syndication-links li {display:inline; width:150px; float:left; background: url(5e2bf5f779e07af7b27823ebc125a18810fbb9cb.gif) right no-repeat;} #syndication-links li.last {background:none;} #syndication-links a {display:block; width:70px; height:45px; margin:10px 0 0 20px;} a#syndication-rss {background: url(ca7beb9dd043f57ee5555198612a4596601defb9.gif) top left no-repeat; padding:10px 0 0 48px;} a#syndication-podcasts {background: url(ca7aef33e17f96166119dc44282848a57c257d18.gif) top left no-repeat; padding:10px 0 0 40px;} a#syndication-email {background: url(6b97280dc98c327db3c33717268232a39ea276d4.gif) top left no-repeat; padding:5px 0 0 48px;} a#syndication-alerts {background: url(21b9dcccb40ab326e1263cfde7aa751940b25df6.gif) top left no-repeat; padding:5px 0 0 66px;} /* Miscellaneous Links (help, FAQ, privacy, site map) */ #footer-links {clear:both; padding:10px 0 0 0; margin:0; border-top:2px solid #666666; text-align:right; position:relative; height:1.1em;} #footer-links li {display:inline; border-left:1px solid #B4B4B4; padding:0 0 0 8px; margin:0 0 0 4px;} #footer-links li.first {border-left:none;} #footer-links li.nav-rss {border-left:none; font-size:1.0em;} #footer-links li.nav-rss a {float:left; margin-right:5px; padding:0 5px 0 0; border-right:1px solid #999999;} #footer-links li.nav-rss a.rss-link {border-right:0; margin-right:0; padding-right:0; height:16px; width:16px; display:block; background-image: url(0da9d349fbbc322091ea709ddbfcb52529d9aea5.gif) ;} #footer-links .rss-link span {position:absolute; left:-4999px;} #copyright {padding:0 0 10px 0; margin:0; position:absolute; left:0; top:55px;} /*********** NAVIGATION -> **************/ #local-nav {width:121px; padding-top:12px; background:transparent url(3b6dc2af7ad75b93d5d1e81a1dc1cf14da65b809.gif) no-repeat top left;} .global-site-nav-main-menu {background: url(65358086d6693d27c2a226778be6eea9a2846487.gif) no-repeat bottom left; padding: 0 0 13px 0;} .global-site-nav-main-menu ul {background:#ffffff; padding: 0 0 2px 2px; width: 119px; } .global-site-nav-main-menu li {font-size:1.1em; padding:0px 0 4px 0; font-weight: bold; background: url(2a5c544522b94243526ced87bd307444df3e9b9e.gif) no-repeat top left; } .global-site-nav-main-menu li a, .global-site-nav-main-menu li a:visited {display:block; padding: 6px 0px 5px 4px; color: #00487a; width: 114px; } .global-site-nav-main-menu li a:hover {display:block; background-color: #89a5c7; color: #fff; text-decoration: none; background: url(1ff5e0010126afbf2f4cd362a7a2f76cc1d20aa2.gif) no-repeat top left; } .global-site-nav-main-menu li.on {border-top:1px solid #b3b3b3; border-bottom:0px solid #b3b3b3; } .global-site-nav-main-menu li.on a { background: url(8039884bba10dd42b935d33d5738daf2f3cb7be9.gif) no-repeat top left; color:#000;} .global-site-nav-main-menu li.on a:hover { background: url(8039884bba10dd42b935d33d5738daf2f3cb7be9.gif) no-repeat top left; color:#000;} .global-site-nav-main-menu li.first {border-top:0;} .global-site-nav-main-menu li.first a { } .global-site-nav-main-menu .space { margin-top: 12px; } .global-site-nav-main-menu li.twoline { background: url(5875d869488fef7c51af14077b3cb48816e32e9d.gif) no-repeat top left; } .global-site-nav-main-menu li.twoline-on a, .global-site-nav-main-menu li.twoline-on a:visited { background: url(e8335220f97aebef6a644b400697cf28618ef1dd.gif) no-repeat top left; color:#000; } .global-site-nav-main-menu li.twoline a:hover { background: url(397f9eac098c6891433c6dec08137c13e1c5ba11.gif) no-repeat top left; } .global-site-nav-main-menu li.twoline-on a:hover { background: url(e8335220f97aebef6a644b400697cf28618ef1dd.gif) no-repeat top left; color:#000;} /* Related BBC sites */ .global-site-nav-rel-sites {background: url(7d32f9984e397089c521a9770781053ec4669cb8.gif) no-repeat bottom left; margin:0 7px 10px 0; padding-bottom:7px; opacity: 0.9; filter: alpha(opacity=90); zoom: 1;} .global-site-nav-rel-sites h3 {background: url(a0a8730032c7afcb14c83a07f9de7170c06312dc.gif) no-repeat top left; color:#424242; font-family: verdana, helvetica, arial, sans-serif; font-size:1.0em; font-weight:normal; margin:0; padding:12px 7px 0 7px;} .global-site-nav-rel-sites ul {background:#ffffff; padding:14px 6px 4px 6px;} .global-site-nav-rel-sites li {padding-bottom:10px;} .global-site-nav-rel-sites li a {font-size:1.0em;} /* Misc. links */ .global-site-nav-misc-links {position:absolute; top:35px; left:260px; width:500px; text-align:right; padding-top:3px;} .global-site-nav-misc-links li {display:inline; border-left:1px solid #666666; padding:0 0 0 8px; margin:0 0 0 4px;} .global-site-nav-misc-links li.first {border-left:0;} p#end-of-page {display:block; height:10px; clear:both; background: url(07903e992d5117458975a06a5dbe5c708c63b9fc.gif) no-repeat top left; margin-top:0; margin-bottom:10px; margin-left:121px;} /* same as width of local-nav */ /*********** ROUNDED CORNERS -> **************/ /* Classes are added by jquery.ws.corner plugin. */ #page .g-block {padding-left:10px;padding-top:6px;} .story #page .g-block {padding-left:61px;padding-top:6px;} #page .g-block .g-block {padding-left:0;padding-top:0;} #page #content .jq-c { //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/staticarchive/8874921990f713b75d977f963e271c998b185cbc.png'); background-repeat:no-repeat; background-position:top left; padding-top:6px; padding-left:0; } #page .jq-c[class] {background-image: url(69ec45ba3debe4fd3fc6784f1984bf70b73be327.png) ;} #page .jq-c .jq-c-wrap {padding-bottom:6px; background: url(9133e60c84b1a2303e1ee449f75082cbf24b4f38.gif) bottom left no-repeat;} #page .jq-c .jq-c-content {padding:0 9px 0 9px; border-right:1px solid #cccccc; border-left:1px solid #cccccc;} #page .jq-promo {background-color:#F2F2F2;} .jq-c-content:after {content: "."; display:block; height:0; clear:both; visibility:hidden;} .jq-c-content {display: inline-block;} /* Hides from IE-mac \*/ * html .jq-c-content {height: 1%;} .jq-c-content {display: block;} /* End hide from IE-mac */ /*********** DISCLAIMERS -> **************/ .ext-site-disclaimer {padding:7px 0 7px 0;} .disclaimer {background-color:#ffffff; color:#666666;} #podcast-disclaimer {padding-top:0;} #podcast-disclaimer, #podcast-disclaimer h3 {font-size:1em;} #podcast-disclaimer h3 {font-family: verdana, helvetica, arial, sans-serif; font-weight:normal;} #podcast-disclaimer p {float:none; margin:0 0 10px 0;} /*********** TEASERS -> **************/ /* General rules */ .teaser .ts-body {margin-bottom:16px;} /*20px on screen*/ .teaser img {padding-bottom:10px;} .teaser h1, .teaser h2, .teaser h3, .teaser h4, .teaser h5, .teaser h6 {margin-top:0; margin-bottom:5px;} /* Headline teaser */ .ts-headline h3, .ts-headline h4, .ts-headline h5, .ts-headline h6 {margin:0 0 4px 0; padding:0;} /*.list .ts-headline .ts-body {padding-bottom:12px;}*/ .ts-headline h1, .ts-headline h2, .ts-headline h3, .ts-headline h4, .ts-headline h5, .ts-headline h6 {font-size:1.0em; font-family: verdana, helvetica, arial, sans-serif;} /*needed for headline teasers to be same size and font as body text*/ .ts-headline .news-index-link, .ts-headline .news-link, .ts-headline .bbc-index-link {border:0;/* margin-bottom:0;*/} /* 595x220 teaser */ .ts-595x220 {display:block; position:relative; overflow:hidden; width:595px; height:220px; margin-bottom:20px;} .ts-595x220 h2 {font-size:1.9em;} .ts-595x220 img {margin:0;} .ts-595x220 .ts-body {position:absolute; top:0; z-index:2; width:167px; height:200px; padding:10px;} .ts-595x220 .ts-bg {position:absolute; top:0; z-index:1; width:187px; height:220px; background-image: url(459806e5582c7052c29c3d2c49f56438d4e921a4.png) ;} * html .ts-595x220 .ts-bg {background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/staticarchive/f2e0b113faff05dd0e66958b237ea2c243a650ca.png');} .ts-595x220 .ts-body h2, .ts-595x220 .ts-body .associated {/*position:relative;*/ z-index:3;} .ts-595x220 .ts-left .ts-body, .ts-595x220 .ts-left .ts-bg {left:17px;} .ts-595x220 .ts-right .ts-body, .ts-595x220 .ts-right .ts-bg {right:17px;} .ts-595x220 .news-index-link a, .ts-595x220 .news-link a {background-image: url(602df38b24dc804f7574456fb6017d86362f5c46.png) ;} .ts-595x220 .bbc-index-link a {background-image: url(54eee7934bdaac84ce405cf9120bc550d04cb15e.png) ;} * html .ts-595x220 .news-index-link a, * html .ts-595x220 .news-link a, * html .ts-595x220 .news-index-link a:hover, * html .ts-595x220 .news-link a:hover {background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/worldservice/images/f/news_index_arrow_ie.png');} * html .ts-595x220 .bbc-index-link a, * html .ts-595x220 .bbc-index-link a:hover {background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/worldservice/images/f/index_arrow_ie.png');} /** Fix arrow on ts-595x220 links (by removing from headline) **/ .ts-595x220 .news-index-link a, .ts-595x220 .news-link a, .ts-595x220 .bbc-index-link a {display: block;} .ts-595x220 h2.news-index-link a, .ts-595x220 h2.news-link a, .ts-595x220 h2.bbc-index-link a {background-image: none; padding-right: 0; padding-left: 0;} /* IE Only */ * html .ts-595x220 h2.news-index-link a, * html .ts-595x220 h2.news-index-link a:hover, * html .ts-595x220 h2.news-link a, * html .ts-595x220 h2.news-link a:hover, * html .ts-595x220 h2.bbc-index-link a, * html .ts-595x220 h2.bbc-index-link a:hover {background-image: none; filter:none;} /** End of Fix arrow on ts-595x220 links **/ /* 66x49, 65x55, 85x125, 187x100, 303x170 teasers */ .ts-65x55 img, .ts-65x55 .ts-body, .ts-66x49 img, .ts-66x49 .ts-body, /*newswire*/ .ts-85x125 img, .ts-85x125 .ts-body, .ts-187x100 img, .ts-187x100 .ts-body, .ts-303x170 img, .ts-303x170 .ts-body {float:left;} .ts-65x55 .ts-body, .ts-66x49 .ts-body, /*newswire*/ .ts-85x125 .ts-body, .ts-187x100 .ts-body, .ts-303x170 .ts-body {padding-left:17px;} .ts-65x55 .ts-body {width:105px; margin-bottom:0; padding-bottom:16px;} * html .ts-65x55 .ts-body {height: 55px;} .ts-66x49 .ts-body {width:104px;} /*newswire*/ .ts-85x125 .ts-body {width:92px;} .ts-187x100 .ts-body, .g-group .list .cols-2 .ts-187x100 .ts-body, .g-group .list .cols-3 .ts-187x100 .ts-body {width:187px;} .g-group .g-w6 .ts-187x100 .ts-body {width:390px;} .g-group .g-w3 .ts-187x100 .ts-body {width:289px;} .g-group .g-w2 .ts-187x100 .ts-body, .g-group .g-w3 .ts-187x100 .ts-body, .g-group .list .cols-2 .ts-187x100 .ts-body, .g-group .list .cols-3 .ts-187x100 .ts-body {float:none; display:block; padding:0;} .g-group .g-w2 .ts-187x100 .ts-body h3, .g-group .g-w3 .ts-187x100 .ts-body h3 {margin:0 0 3px 0;} .g-group .list .cols-2 .ts-187x100 .ts-body h3, .g-group .list .cols-3 .ts-187x100 .ts-body h3 {margin-top:10px;} .g-group .g-w2 .ts-187x100 img, .g-group .g-w3 .ts-187x100 img {float:none; padding-bottom:10px;} .ts-303x170 .ts-body {width:273px;} .ts-303x170 img {padding-bottom:20px;} /* This is global for all teasers? */ .teaser:after {content: "."; display: block; height:0; clear:both; visibility:hidden;} /*********** LISTS -> **************/ .g-block .g-container .list {border-top:1px solid #B4B4B4;} .g-block .g-b1 .list {border-top:none;} /* LIST COLUMNS */ ul.cols-1 li, ul.cols-2 li, ul.cols-3 li, ul.cols-4 li, ul.cols-5 li, ul.cols-6 li {clear:both;} ul.col-1, ul.col-2, ul.col-3, ul.col-4, ul.col-5, ul.col-6 {float:left;} /*force ie to comply*/ ul.col-1 li, ul.col-2 li, ul.col-3 li, ul.col-4 li, ul.col-5 li, ul.col-6 li {display:block; clear:both;} /*NEED TO BE IN THIS ORDER DUE TO CASCADE EFFECT OF BOTH CSS AND GRIDS*/ /*6 slot 6 cols*/ .g-w6 ul.cols-6 ul.col-1, .g-w6 ul.cols-6 ul.col-2, .g-w6 ul.cols-6 ul.col-3, .g-w6 ul.cols-6 ul.col-4, .g-w6 ul.cols-6 ul.col-5 {width:85px; padding-right:17px;} .g-w6 ul.cols-6 ul.col-6 {width:85px;} /*6 slot 4 cols*/ .g-w6 ul.cols-4 ul.col-1, .g-w6 ul.cols-4 ul.col-2, .g-w6 ul.cols-4 ul.col-3 {width:136px; padding-right:17px;} .g-w6 ul.cols-4 ul.col-4 {width:136px;} /*6 slot 3 cols*/ .g-w6 ul.cols-3 ul.col-1, .g-w6 ul.cols-3 ul.col-2 {width:187px; padding-right:17px;} .g-w6 ul.cols-3 ul.col-3 {width:187px;} /*6 slot 2 cols*/ .g-w6 ul.cols-2 ul.col-1 {width:289px; padding-right:17px;} .g-w6 ul.cols-2 ul.col-2 {width:289px;} /*4 slot 4 cols*/ .g-w4 ul.cols-4 ul.col-1, .g-w4 ul.cols-4 ul.col-2, .g-w4 ul.cols-4 ul.col-3 {width:85px; padding-right:17px;} .g-w4 ul.cols-4 ul.col-4 {width:85px;} /*4 slot 2 cols*/ .g-w4 ul.cols-2 ul.col-1 {width:187px; padding-right:17px;} .g-w4 ul.cols-2 ul.col-2 {width:187px;} /*2 slot 2 cols*/ .g-w2 ul.cols-2 ul.col-1 {width:85px; padding-right:17px;} .g-w2 ul.cols-2 ul.col-2 {width:85px;} /*ul.associated li {clear:both; margin:8px 0 0 0; height:17px;}*/ ul.associated {margin-top:4px;} ul.associated li {clear:both; margin:0 0 8px 0;} ul.associated {clear:both;} /*********** DIRECTORY LISTS -> **************/ #directory-nav {} #directory-nav ul li {margin-right:5px;} #directory-nav a span {position:absolute; left:-4999px;} #directory-nav li {float:left;margin:0 0 5px 0;} #directory-nav ul:after {content: "."; display: block; height:0; clear:both; visibility:hidden;} #directory-nav li a, #directory-nav li a:link, #directory-nav li a:visited, #directory-nav li a:hover, #directory-nav li a:active {display:block; height:24px; width:185px} #directory-nav #browse-options li a, #directory-nav #browse-options li a:link, #directory-nav #browse-options li a:visited, #directory-nav #browse-options li a:hover, #directory-nav #browse-options li a:active {display:block; height:36px; width:264px;} #directory-nav li a, #directory-nav li a:link, #directory-nav li a:visited {background-position:left; background-repeat:no-repeat;} #directory-nav li a.selected, #directory-nav li a.selected:link, #directory-nav li a.selected:visited {background-position:right; background-repeat: no-repeat;} #directory-nav li a:hover, #directory-nav li a:active {background-position:center; background-repeat:no-repeat;} #directory-nav #browse-options #browse-az a, #directory-nav #browse-options #browse-az a:link, #directory-nav #browse-options #browse-az a:visited, #directory-nav #browse-options #browse-az a:hover, #directory-nav #browse-options #browse-az a:active {background-image: url(a35df19649899b393a99d403dd7a8fa1ecaafaf9.gif) ;} #directory-nav #browse-options #browse-genre a, #directory-nav #browse-options #browse-genre a:link, #directory-nav #browse-options #browse-genre a:visited, #directory-nav #browse-options #browse-genre a:hover, #directory-nav #browse-options #browse-genre a:active {background-image: url(1d02566833189442a382b0e50f6da6c67834a3cc.gif) ;} #directory-nav #arts_btn a, #directory-nav #arts_btn a:link, #directory-nav #arts_btn a:visited, #directory-nav #arts_btn a:hover, #directory-nav #arts_btn a:active {background-image: url(a5f657dd1e7c611f15b3a769252d89d3562dc82f.gif) ;} #directory-nav #music_btn a, #directory-nav #music_btn a:link, #directory-nav #music_btn a:visited, #directory-nav #music_btn a:hover, #directory-nav #music_btn a:active {background-image: url(6edce1f173a7e1b8ef9b5c0863b7ac1608634e76.gif) ;} #directory-nav #health_btn a, #directory-nav #health_btn a:link, #directory-nav #health_btn a:visited, #directory-nav #health_btn a:hover, #directory-nav #health_btn a:active {background-image: url(327431e0d9a5fe02d01b05811c3939cbe1b9b2ab.gif) ;} #directory-nav #business_btn a, #directory-nav #business_btn a:link, #directory-nav #business_btn a:visited, #directory-nav #business_btn a:hover, #directory-nav #business_btn a:active {background-image: url(f99038716d2203491e7a2daa3aa7f000c1390515.gif) ;} #directory-nav #drama_btn a, #directory-nav #drama_btn a:link, #directory-nav #drama_btn a:visited, #directory-nav #drama_btn a:hover, #directory-nav #drama_btn a:active {background-image: url(6ad591879c2833d8676e593da79506cf8d1c05c4.gif) ;} #directory-nav #factual_btn a, #directory-nav #factual_btn a:link, #directory-nav #factual_btn a:visited, #directory-nav #factual_btn a:hover, #directory-nav #factual_btn a:active {background-image: url(2eb383317b1126c5a52b20fb0210489b00a784bd.gif) ;} #directory-nav #news_btn a, #directory-nav #news_btn a:link, #directory-nav #news_btn a:visited, #directory-nav #news_btn a:hover, #directory-nav #news_btn a:active {background-image: url(53ae562a48bbaeb0cf25eabf03ea3caf2cba4d25.gif) ;} #directory-nav #religion_btn a, #directory-nav #religion_btn a:link, #directory-nav #religion_btn a:visited, #directory-nav #religion_btn a:hover, #directory-nav #religion_btn a:active {background-image: url(50974fa8259a7384683cd81dc66148a29445a865.gif) ;} #directory-nav #science_btn a, #directory-nav #science_btn a:link, #directory-nav #science_btn a:visited, #directory-nav #science_btn a:hover, #directory-nav #science_btn a:active {background-image: url(80b896276148e13ab6a66494421642247f0e2f18.gif) ;} #directory-nav #sports_btn a, #directory-nav #sports_btn a:link, #directory-nav #sports_btn a:visited, #directory-nav #sports_btn a:hover, #directory-nav #sports_btn a:active {background-image: url(443ab7d6ff6a60e18655552094520e4723f3f5db.gif) ;} #directory-nav #a-e a, #directory-nav #a-e a:link, #directory-nav #a-e a:visited, #directory-nav #a-e a:hover, #directory-nav #a-e a:active {background-image: url(79b692511d4a25d563c3b9a5f88cfef41fdcbcac.gif) ;} #directory-nav #f-j a, #directory-nav #f-j a:link, #directory-nav #f-j a:visited, #directory-nav #f-j a:hover, #directory-nav #f-j a:active {background-image: url(257e299f71179a36c88bd1a22a046650a8b2e619.gif) ;} #directory-nav #k-o a, #directory-nav #k-o a:link, #directory-nav #k-o a:visited, #directory-nav #k-o a:hover, #directory-nav #k-o a:active {background-image: url(7b8cbed4c4d29704c35c26b06dcf478ca87cab99.gif) ;} #directory-nav #p-t a, #directory-nav #p-t a:link, #directory-nav #p-t a:visited, #directory-nav #p-t a:hover, #directory-nav #p-t a:active {background-image: url(7420c1e95da36f20191a20fa24e45431fe269dfc.gif) ;} #directory-nav #u-z a, #directory-nav #u-z a:link, #directory-nav #u-z a:visited, #directory-nav #u-z a:hover, #directory-nav #u-z a:active {background-image: url(fa966d6ca5108da0d1779e99045d6229c2e6d7ed.gif) ;} /* ACTUAL DIRECTORY CONTENT */ #li-directory-pane {height:450px; overflow:auto; padding:0 5px 0 0; clear:both;} #li-directory-pane ul {padding:0; margin:0;} #li-directory-pane li {clear:both;} /* Spacing between headings and items */ #li-directory-pane .section-heading, #li-directory-pane .teaser {border-width:2px 0; border-style:solid; border-color: #ffffff; padding:5px; clear:both;} /* Section heading */ #li-directory-pane .section-heading {background-color: #b4b4b4; line-height:1.2em;} #li-directory-pane .section-heading h3, #li-directory-pane .section-heading h4, #li-directory-pane .section-heading h5, #li-directory-pane .item-count, #li-directory-pane .teaser h4, #li-directory-pane .teaser h5, #li-directory-pane .teaser h6 {font-family: verdana, helvetica, arial, sans-serif;} #li-directory-pane .section-heading h3, #li-directory-pane .section-heading h4, #li-directory-pane .section-heading h5 {float:left; width:80%; margin:0; padding:0; font-size: 1.1em;} /* Designs show this h4 as being much smaller than other h4s */ #li-directory-pane .item-count {text-align:right;} /* Normalise destination link */ #li-directory-pane .item-count, #li-directory-pane .item-count a, #li-directory-pane .item-count a:link, #li-directory-pane .item-count a:visited, #li-directory-pane .item-count a:hover, #li-directory-pane .item-count a:active {color:#666666; text-decoration:none;} /* Directory items (teasers) */ #li-directory-pane .teaser {background-color:#eeeeee; clear:both;} #li-directory-pane .teaser h4, #li-directory-pane .teaser h5, #li-directory-pane .teaser h6 {margin: 0 0 3px 0; padding:0; border:none;} #li-directory-pane .teaser .ts-body {padding:0; margin:0;} /*********** ANCHORED LIST -> **************/ /* Contents list */ #index-sitemap .c6 .g-group, #index-sitemap .c6 .g-container, #index-help .c6 .g-group, #index-help .c6 .g-container, #index-programmes .c6 .g-group, #index-programmes .c6 .g-container {padding-left:0;} #index-help #content h3 {margin-top:15px;} .li-anchored .nav li {padding-bottom:20px;} .li-anchored .nav li a {display:block; font-size:1.1em;} /* Sections */ .li-anchored-section {margin:0; padding:0; border-top:1px dotted #B4B4B4; clear:both;} .li-anchored-section ul h3, .li-anchored-section ul h4, .li-anchored-section ul h5 {font-size:1em; color:#666666; font-weight:normal; font-family: verdana, helvetica, arial, sans-serif;} /* Back to Top */ .li-anchored p.back-to-top {text-align:right; margin: 0 0 10px 0;} /*********** INTERNAL LINKS -> **************/ .back-to-top a {background: url(91c8535d606615ba2614a0effc32dca0b2f95aae.gif) left no-repeat; padding-left:14px;} /* Shortcut | Down Arrow */ .li-anchored .nav li a, #trail #previous-editions-menu ul li a {padding-left:14px; background: url(9aabd4995bbc4c83907c8dcbbd7881288cb7a0f4.gif) no-repeat left 4px;} /*********** BOX -> **************/ .bx-quote {border-top:1px dotted #b4b4b4; border-bottom:1px dotted #b4b4b4; margin-bottom:5px; color:#333333;} .bx-quote blockquote {background-color:#ebebeb;} .bx-quote .body {border-top:1px solid #ffffff; padding:10px; padding-bottom:5px; line-height:1.3em !important;} .bx-quote .quote-signature {text-align:right; padding:0 10px 10px 10px; background-color:#ebebeb; font-family:verdana, helvetica, arial, sans-serif; font-size:1.0em; background-color:#ebebeb;} .bx-quote .list {border-top:0 !important; background-color:#ffffff !important;} .bx-quote .list a.participate-link, .bx-quote .list a.participate-link:hover {background-image:none; width:250px;} .bx-quote .list a.participate-link .link-title {position:relative; left:0;} .bx-quote .list .teaser {padding:10px 10px 0 10px;} /*********** STORY -> **************/ .story .c6 .g-w6 {width:493px;} .story #page .jq-c .jq-c-content {padding:0 60px 0 60px} .story #story {min-height:400px;} .story #story p {float:none; margin:0 0 10px 0;} .story #story ul, .story #story ol {margin:15px 0 15px 0; padding-left:10px;} .story #story ol li {list-style:decimal; list-style-position:inside; margin-bottom:3px; font-size:1.1em;} .story #story ul li {list-style:disc; list-style-position:inside; margin-bottom:3px; font-size:1.1em;} .story #story .list ol, .story #story .list ul, .story #story .list li {list-style:none; list-style-position:outside; margin:0; padding:0; font-size:1.0em;} .story #story .headline, .story #story .strapline {padding-bottom:0 0 15px 0;} .story #story .headline a {} .story #story .divider {clear:both; margin:15px 0 10px 0; border-bottom:1px solid #B4B4B4; width:100%;} .story #story .divider p {position:absolute; left:-4999px;} .story #story .align-default .list, .story #story .align-default #trail .align-default .list {border:0;} .story #story .align-default .align-right .list, .story #story .align-default #trail .list {border-top: 1px solid #B4B4B4;} .story #story .align-default .list .ts-body, .story #story .align-left .list .ts-body, .story #story .align-left-wrap .list .ts-body {padding-bottom:0;} .story #story .align-default, .story #story .align-left {text-align:left; margin:10px 0 15px 0; clear:both;} .story #story .align-right {text-align:right; margin:10px 0 15px 0; clear:both;} .story #story .align-left-wrap {float:left; margin:10px 10px 0 0; clear:left;} .story #story .align-right-wrap {float:right; margin:10px 0 0 10px; clear:right;} .story #story .align-center {text-align:center;} .story #story .align-left-wrap, .story #story .align-right-wrap, .story #story .align-center {width:187px;} .story #story .list {margin:0 0 10px 0;} .story #story .list .list {border:0; margin:0;} .story #story .story-image {display:block;} .story #story .story-image p {padding-top:5px;} .story #story .box {padding:10px 0 10px 0; border-top:1px solid #B4B4B4; border-bottom:1px solid #B4B4B4;} .story #story .box .quote-signature {font-size:1.0em;} .story #story .genre-link .bbc-index-link {font-family:georgia, 'times new roman', times, serif; padding:15px 0 16px 0; font-size:1.4em !important; font-weight:bold; border-top:1px solid #b4b4b4; border-bottom:1px solid #b4b4b4;} .ws-print-email {display:block; text-align:right; margin:3px 0 15px 0; clear:both;} p.ws-print-email a {font-size:0.9em; padding-left:15px; margin-left:10px;} p.ws-print-email a.ws-email-pg {background: url(485711ae3b757769f677b26e154bfa8573268824.gif) 0 50% no-repeat;} p.ws-print-email a.ws-print-pg {background: url(f21af2a6f96437fea918d16ae13b290d8f6a119a.gif) 0 50% no-repeat;} /*********** HOMEPAGE INDEX -> **************/ #home-news .teaser {border-top:1px solid #B4B4B4; padding-top:9px;} #index-homepage #language-selection #languages {overflow:auto; height:55px; margin-bottom:14px;} #index-homepage #language-selection ul {width:2230px; height:30px;} /*#index-homepage #on-site-now h2 {margin-bottom:10px;}*/ #announcement {border-bottom:1px solid #B4B4B4; margin-bottom:5px !important;} #announcement h2, #announcement h3, #announcement .ts-body {float:left; margin:0 !important; padding:5px 0 7px 7px !important;} #announcement h2, #announcement h3 {font-family:verdana, helvetica, arial, sans-serif; font-size:1.1em; color:#EF4F05; font-weight:normal;} /*********** AFRICA INDEX -> **************/ #index-africa #language-selection #languages {height:30px; margin-bottom:14px;} #index-africa #content-title {background: url(1daba068ef4a5c16c2659a32bfe89b7403ae181d.gif) 0 bottom no-repeat; margin-bottom:20px !important;} /*********** TALKING AMERICA CLUSTER -> **************/ #cluster-indepth #language-selection #languages {overflow:auto; height:55px; margin-bottom:14px;} #cluster-indepth #language-selection ul {width:790px; height:30px;} /*********** OUTLOOK INDEX -> **************/ #index-outlook #content-title {background: url(93800d6d4b259f322a7433dc840942ce322aaa7a.gif) no-repeat top right !important; height:51px !important; padding-top:29px !important;} #index-outlook #content-title h2 {font-size:2.2em !important; color:#444444 !important;} #programmes-list .list {border-top:0;} #programmes-list h3 {margin-top:0;} /*********** INTERACT INDEX -> **************/ #index-interact #language-selection #languages {padding-bottom:20px; overflow: visible;} /*#index-interact #language-selection li#urdu-btn {clear:left;}*/ /*********** ABOUT US INDEX -> **************/ #index-aboutus #how-to-listen legend {display:none;} #index-aboutus #how-to-listen fieldset {display:block; float:left; } #index-aboutus #how-to-listen select {width:150px; font-size:1.0em; margin-bottom:20px;} #index-aboutus #how-to-listen p {display:block; float:left; margin:0; padding:0;} #index-aboutus #how-to-listen #submit-form {width:30px; font-size:1.0em; margin-left:5px; padding-left:2px;} #index-aboutus #about-intro {display:block; padding-bottom:15px; margin-bottom:20px; border-bottom:1px solid #B4B4B4; clear:both;} #index-aboutus #bbc-world-disc {color:#999999;} /*********** DOCUMENTARY ARCHIVE -> **************/ #index-documentaries #content-title {background: url(484121e6f612ca0b941ddc3a53b151729642760c.jpg) no-repeat top left; height:75px;} /*********** PODCASTS -> **************/ .pcCta {background-color:#ffffff; border-top:1px solid #B4B4B4; padding:15px 0 10px 0;} .pcCtaAudioAvailable {font-size:1.1em; line-height:1.5em;} p.pcCtaTitle, #content .story p.pcCtaTitle {font-family: georgia, 'times new roman', times, serif; margin:0 0 13px 0; padding:0; font-size:1.4em; font-weight:bold;} .pcCta p {padding:0; margin: 0 0 4px 0; /* 8px on screen*/} #content .story .pcCta {border:0;} /* for story page */ /**********************************/ /*********** CAROUSEL -> **************/ .li-promo li h2, .li-promo li h3, .li-promo li h4, .li-promo li h5, .li-promo li h6 {font-family:verdana, helvetica, arial, sans-serif; font-size:1.1em; margin:0; padding:0;} /* carousel container */ .li-promo {background-color:#f1f1f1; clear:both; width:594px !important; height:210px; overflow:auto;} /*.li-promo ul {position:relative; z-index:1; width:612px;} *//* overally big but oveflow hidden should be set on the parent */ .li-promo ul {z-index:1; width:1850px;} .li-promo ul li {float:left; width:204px; height:145px; overflow:hidden;} .li-promo ul li img {padding-bottom:20px;} .li-promo ul li .teaser {float:left; width:187px;} .li-promo ul li .teaser li {height:17px;} .li-promo ul li .teaser .ts-body {padding-left:10px; margin-bottom:0;} .li-promo .c-nav {clear:both; position:relative; height:15px; background:transparent url(9a2d70ee44f67658a5eb9da9bbbd96b71d81e36c.gif) 0 0 repeat-x; text-align:center;} .li-promo .c-nav .c-count, .li-promo .c-nav .c-prev, .li-promo .c-nav .c-next {float:left; display:block; margin:7px 0 2px 0;} .li-promo .c-nav .c-prev {margin-right:20px;} .li-promo .c-nav .c-next {margin-left:14px;} .li-promo .c-nav .c-count .slot {float:left; width:9px; height:10px; display:block; margin:4px 5px 0 0 !important; padding:0; background: url(4142cc25cbf29e30c8baf48819acba871fa59b54.gif) 0 0 no-repeat;} .li-promo .c-nav .c-count .this-slot {background-position:-9px 0;} /* carousel navigation */ .li-promo .c-next {width:16px; height:17px; cursor:pointer; background:transparent url(a88f998d6fcbf8eaddadabd2f33a2d829660394e.gif) 0 0 no-repeat;} .li-promo .c-prev {width:16px; height:17px; cursor:pointer; background:transparent url(b26fdc72a62b0b14f5b83e3b22e1f64c76f41a3c.gif) 0 0 no-repeat;} .li-promo .c-next:hover {background-position:-16px 0;} .li-promo .c-next:active {background-position:-32px 0;} .li-promo .c-prev:hover {background-position:-16px 0;} .li-promo .c-prev:active {background-position:-32px 0;} .li-promo .c-btns {margin:0 auto 0 auto; height:25px; overflow:visible;} .c-type-2 .c-btns {width:100px;} .c-type-3 .c-btns {width:113px;} .c-type-4 .c-btns {width:127px;} /*********** NEW CAROUSEL -> **************/ .crsl li h2, .crsl li h3, .crsl li h4, .crsl li h5, .crsl li h6 {font-family:verdana, helvetica, arial, sans-serif; font-size:1.1em; margin:0; padding:0;} /* crsl container */ .crsl {background-color:#f1f1f1; clear:both; width:594px !important; height:auto; overflow:auto;} /*.crsl ul {position:relative; z-index:1; width:612px;} *//* overally big but oveflow hidden should be set on the parent */ .crsl ul {z-index:1; width:1850px;} .crsl ul li {float:left; width:149px; height:auto;} /* height:145px; */ .crsl ul.associated {width:126px;} .crsl ul.associated li {width:126px; margin: 0 0 2px;} /* overflow: hidden; */ .crsl ul li img {padding-bottom:7px;} .crsl ul li .teaser {float:left; width:126px;} .crsl ul li .teaser li {height:auto;} .crsl ul li .teaser .ts-body {padding:0px; margin-bottom:0;} .crsl h2 {padding-bottom: 8px; background:transparent url(31fe53ab4f3a79fdb8c7445e6bedf7680d5163ea.gif) bottom repeat-x; } /* border-bottom: 1px dotted #B4B4B4; */ .crsl ul li .teaser .ts-body h3 {margin: 0 0 0 0; padding: 0px 0 4px 0;} .crsl .c-nav { position:absolute; top:4px; left:230px;clear:both; height:15px; text-align:center; background: none;} /*background:transparent url(9a2d70ee44f67658a5eb9da9bbbd96b71d81e36c.gif) 0 0 repeat-x;*/ .crsl .c-nav .c-count {height 30px;} .crsl .c-nav .c-count, .crsl .c-nav .c-prev, .crsl .c-nav .c-next {float:left; display:block; margin:7px 0 2px 0; } .crsl .c-nav .c-count {height: 15px;} .crsl .c-nav .c-prev {margin-right:20px;} .crsl .c-nav .c-next {margin-left:14px;} .crsl .c-nav .c-count .slot {float:left; width:15px; height:15px; display:block; margin:0 !important; padding:0; font-size:1.1em; cursor: pointer; background: none;} .crsl .c-nav .c-count .this-slot {background: url(e37a70e79f67a5ae80f4b518e687cafb10646d0b.gif) 0 0 no-repeat; color: #fff;} /* crsl navigation width:16px; height:17px; */ .crsl .c-next {width:7px; height:13px; cursor:pointer; background:transparent url(c916944a20deb48d75745f2aeebba8cdbc73e814.gif) 0 0 no-repeat;} .crsl .c-prev {width:7px; height:13px; cursor:pointer; background:transparent url(e2b2543ae47079886d40cf30e27ab65d509ce9e7.gif) 0 0 no-repeat;} .crsl .c-next:hover {background-position:0;} .crsl .c-next:active {background-position:0;} .crsl .c-prev:hover {background-position:0;} .crsl .c-prev:active {background-position:0;} .crsl .c-btns {margin:0 0 0 0; height:25px; overflow:visible;} .c-type-2 .c-btns {width:112px;} .c-type-3 .c-btns {width:131px; } .c-type-4 .c-btns {width:151px;} .crsl p a.audio-link, .crsl p a.ms-audio-link, .crsl p a.audio-link:hover, .crsl p a.ms-audio-link:hover {background-image: url(46e9b4b442ad4cd7b33fe5a6585ee4df5d889bed.gif) ; background-position:0 3px;padding-left:21px;} .crsl p a.video-link, .crsl p a.ms-video-link, .crsl p a.video-link:hover, .crsl p a.ms-video-link:hover {background-image: url(f44dda309d9e088e903ccee32bea69382ff2869d.gif) ; background-position:0 3px;padding-left:21px;} .crsl p a.download-link, .crsl p a.mp3-link, .crsl p a.download-link:hover, .crsl p a.mp3-link:hover {background-image: url(e724b27fa1047ec86e7e77f109e6f95312b1c917.gif) ; background-position:0 3px;padding-left:21px;} /*********** TICKER -> **************/ .ticker {clear:both; margin:5px 0 15px 0;} .g-group .g-b1 .ticker h2 {position:relative; float:left; margin:0; padding:0 0 0 7px;} .t-b-max,.t-b-min,.t-b-min-news {font-size:1.3em;} .t-b-max span,.t-b-min span, .t-b-min-news span {display:block; padding:5px 0 0 5px; font-size:1.1em;} .t-b-max strong,.t-b-min strong, .t-b-min-news strong {font-weight:bold; padding-left:5px; color:#666666;} .t-b-max em,.t-b-min em, .t-b-min-news em {padding-left:5px; font-style:normal; color:#666666;} .t-b-max a span {background: url(c38024f546ee5c34f988da633da641997312419f.gif) 0 0 no-repeat; width:135px; height:22px;} .t-b-max a {width:135px; height:22px;} .g-group .g-b1 .t-b-max h2 {padding-top:7px; display:block;} div.t-b-max {background: url(f78105d2d0fe78255b63a239ce27c872a10ddbba.gif) 0 0 no-repeat; height:35px;} .t-b-min a span {background: url(12b5993d472438010dcc9d7c5e2d080e0243ed14.gif) 0 0 no-repeat; width:90px; height:22px;} .t-b-min a {width:90px; height:22px;} .g-group .g-b1 .t-b-min h2 {padding-top:5px; display:block;} div.t-b-min {background: url(eba39f289af7c413ce7b65578a9e220fdaad638f.gif) 0 0 no-repeat; height:27px;} .t-b-min-news a span {background: url(4a931736e213c504fbc09f27951c5de95ab77182.gif) 0 0 no-repeat; width:127px; height:17px;} .t-b-min-news a {width:127px; height:22px;} .g-group .g-b1 .t-b-min-news h2 {padding-top:5px; display:block;} div.t-b-min-news {background: url(eba39f289af7c413ce7b65578a9e220fdaad638f.gif) 0 0 no-repeat; height:27px;} .t-b-max a span,.t-b-min a span, .t-b-min-news a span {position:absolute; display:block; padding:0;} .t-b-max a,.t-b-min a, .t-b-min-news a {color:#000; text-decoration:none; font-size:0.8em; display:block; cursor:hand;} /*********** TRAILS -> **************/ #trail .last-updated, #trail .last-updated a {color:#666666;} /* Container for trail description and right-hand module */ #trail .main-trail {overflow: visible;} #trail .description {overflow: visible;} #content #trail .align-default {margin-right: 0;} #trail p.audio-link {margin-bottom:0;} #trail .audio-not-available {font-style: italic; color:#666666;} /* Right-hand Module */ #content #trail-right-module {margin-top:0; overflow: visible; background-color: white; width: 187px;} #content #trail-right-module .list li.first .list, #content #trail-right-module .list li.first .pcCta {border-top:0;} #content #trail-right-module .list .list, #trail #trail-right-module .extra-content #newshour-archive {border-top:1px solid #B4B4B4;} /* Podcast */ #content #trail .pcCtaIcons a {display:inline;} /* Related Links */ #trail-related-links {display:block; float:left;} #trail-related-links .subheading {font-weight: bold;} /* Peripheral Content */ #trail #peripheral-content {clear: both;} .story #story #trail #peripheral-content .g-w4 {width: 289px; padding: 0; margin: 0;} .story #story #trail #peripheral-content .g-w2 {width: 187px; padding: 0; margin: 0;} .story #story #trail #peripheral-content .g-w6 {width: 493px; padding: 0; margin: 0;} /* Multiple Occcurrences list */ #trail #previous-editions {clear: both;} #trail #previous-editions-menu {border-top: 1px solid #B4B4B4; padding-top:5px; padding-bottom:10px;} #trail #previous-editions-menu ul {margin:0; padding:0;} #trail #previous-editions-menu ul li {display:inline; list-style-type:none; margin:0 10px 0 0; padding:0 10px 0 0; border-right:1px solid #B4B4B4;} #trail #previous-editions-menu ul li.last {border:0;} #trail .previous-edition {border-top:1px solid #B4B4B4; padding-top:10px; padding-bottom:10px; clear:both;} #trail .previous-edition p.back-to-top {text-align:right;} #trail .previous-edition h4 a {color:#000000; text-decoration:none;} /* CONTACT US */ #trail .generic-contact-us {clear: both; border-top:1px solid #B4B4B4;} /* Extra Content Slots */ .story #story #trail .extra-content {overflow: visible;} .story #story #trail .extra-content div.lorem-ipsum {background-color: #b0e0e6;} /* Listen to Business */ #listen-to-business {overflow: visible;} #listen-to-business ul {margin:0; padding:0;} #listen-to-business li {list-style:none; list-style-position:outside; margin:0; padding:0; font-size:1.0em;} #listen-to-business .g-w4 {width: 289px; padding: 0; margin: 0;} #listen-to-business .g-w2 {width: 187px; padding: 0; margin: 0;} #listen-to-business-news {display: block; float: left; overflow: visible;} #peripheral-content #listen-to-business-markets {display: block; float: right; overflow: visible;} .story #story #trail #listen-to-business-news .list {border-top: 0;} #listen-to-business h2, #listen-to-business h3, #listen-to-business h4, #listen-to-business h5, #listen-to-business h6 {font-family:georgia, 'times new roman', times, serif; margin:10px 0 16px 0; font-size:1.4em; font-weight:bold;} #listen-to-business td, #listen-to-business th {padding: 3px; vertical-align: middle;} #listen-to-business th {font-weight: bold;} #listen-to-business-markets table {margin: 0 0 10px 0; border-collapse: collapse;} #listen-to-business-markets .market-value, #listen-to-business-markets .market-change {text-align: center;} #listen-to-business-markets tr.odd {background-color: #eeeeee;} #listen-to-business-markets td, #listen-to-business-markets th {border: 1px solid #b4b4b4;} /* Extra content in description (slot 8) */ #trails-slot-8 #how-to-listen-business {clear: left;} /* Assignment archive */ .story #story #trails-slot-1 .li-plain li {margin: 0 0 10px 0; padding: 0; font-size: 1.1em; line-height: 1.5em; float: none;} /*********** PRESENTER PROFILES in Trails -> **************/ /* in right-hand module */ #trail #trail-right-module #presenter-profile {float: none; padding-left:0; overflow: visible;} /* in peripheral content (with related links) */ #trail #peripheral-content #presenter-profile {display:block; float:right;} #trail #presenter-profile .ts-65x55 h1, #trail #presenter-profile .ts-65x55 h2, #trail #presenter-profile .ts-65x55 h3, #trail #presenter-profile .ts-65x55 h4, #trail #presenter-profile .ts-65x55 h5, #trail #presenter-profile .ts-65x55 h6 {font-size:1.0em; font-family: verdana, helvetica, arial, sans-serif;} /*needed for headline teasers to be same size and font as body text*/ /*********** PRESENTER PROFILES -> **************/ /* Presenters Carousel */ #profile-line {font-size:1.1em; font-family: verdana, helvetica, arial, sans-serif;color:#333333; border-top:1px dotted #B4B4B4; padding-top:5px;} #index-presenters #profile-line, #index-presenters-index #profile-line {float: none;margin: 0 0 10px 0;} #presenters-selection {border-bottom:1px dotted #B4B4B4; padding-bottom:10px; margin-bottom:15px;} #presenters-selection ul {width:3762px;list-style:none; height:108px; background-color:#e8e8e8;} #presenters-selection ul li {float:left; text-align:center; height:108px; width:99px; background: url(2874bab3c369c37f4db8813ee759ce4edebd9f8e.gif) right 10px no-repeat;} #presenters-selection ul div {width:95px; margin: 0 2px 0 1px; padding-top:10px;} #presenters a:hover img {filter:alpha(opacity=40);-moz-opacity:.40;opacity:.40;} #presenters {width:595px; height:125px; overflow:auto;} #presenters .scroll-text {font-size:1.1em; font-family: verdana, helvetica, arial, sans-serif; text-align:center; padding:5px 0 10px 0; height:24px;} #presenters-selection ul li#ritula_shah {background-image:none;} #index-presenters #content h3 {font-size:1.9em;} #index-presenters #content #presenter-video {margin:0 auto 20px auto; width:400px; font-size:1.1em;} #index-presenters #presenter-profile {background-color:#e8e8e8; margin-top:1px; border-bottom:1px dotted #B4B4B4;} #index-presenters #presenter-profile h4 {margin:0; padding:10px 10px 16px 10px; border-top:1px solid #ffffff;} /* Profile description */ #profile-copy ul {list-style:disc; padding:0 10px 0 10px; margin:0 0 0 10px; color:#333333;} #profile-copy li, #profile-copy p {margin: 0 0 8px 0; font-size: 1.1em;} #presenter-profile, #presenter-quote, #presenter-listen {margin-bottom:16px;} /* Quote */ /* Listen Teasers */ #index-presenters .ts-65x55 h1, #index-presenters .ts-65x55 h2, #index-presenters .ts-65x55 h3, #index-presenters .ts-65x55 h4, #index-presenters .ts-65x55 h5, #index-presenters .ts-65x55 h6 {font-size:1.0em; font-family: verdana, helvetica, arial, sans-serif; margin: 0 0 6px 0;} /*needed for headlines in 65x55 teasers to be same size and font as body text*/ #index-presenters .ts-65x55 .body {font-size: 1em;} #profile-copy {border-bottom:1px solid #ffffff;} #profile-copy, #index-presenters .bx-quote blockquote {line-height:1.3em;} #index-presenters .bx-quote {margin:0; padding-bottom:10px; border-bottom:1px solid #ffffff;} #presenter-quote {padding-bottom:0; border-bottom:1px dotted #B4B4B4;} #index-presenters #presenter-listen .body, #index-presenters #presenter-listen h5 {font-size:1.1em; line-height:1.1em; font-weight:normal;} /* Presenters Index - Short */ #index-presenters-index #presenters-selection {margin-bottom:180px;} /*********** BREAKING NEWS -> **************/ .b-news {width:595px; padding:0; margin:0; font-family:verdana, helvetica, arial, sans-serif; } .b-news {border-top:3px solid #315aad; padding-top:8px !important; margin-top:0 !important; line-height:1.9em;} .b-news ul {list-style:none outside;} .b-news h2 {font-size:0.8em;} .b-news h3 {font-size:2.4em; font-weight:bold; line-height:1.1em; font-family:verdana, helvetica, arial, sans-serif;} .b-news img {float:left; clear:left; padding-bottom:15px;} .b-news p {font-size:1.5em; margin:0; padding:0 0 3px 0; line-height:1.2em; font:1.4em verdana;} .b-news a {text-decoration:none;} .b-2 .b-news-title,.b-2 .b-news-story {float:right; width:384px;} .b-1 .b-news-title,.b-1 .b-news-story {float:right; width:279px;} .b-news-story {margin-bottom:10px;} .b-news .b-news-title h2 span {background: url(948ba49f9ab16321891df2fe3403f6588dd89f1f.gif) 0 0 no-repeat; width:135px; height:22px;} .b-news .b-news-title h2 span {display:block; position:absolute;} .b-news .b-news-story li {margin-top:10px;} .b-news .b-news-story li a {font-size:11px;} /*.b-news .b-news-story li a span {background: url(5207630073ac076fa396cb1992341d70c491c492.gif) 0 0 no-repeat; width:90px; height:22px;} .b-news .b-news-story li a span {display:block; position:absolute; margin-top:3px;} .b-news .b-news-story li strong {margin-left:25px;} */ /*********** GENERIC CONTACT US FORM -> **************/ #story-contact-us h2 {padding:0;margin-bottom:10px;} #story-contact-us h3 {margin-bottom:0; padding-bottom:10px;} #story-contact-us #email-us {margin-top:20px;} #story-contact-us #general-question {width:285px;} #story-contact-us #write-to-us {width:180px; margin-bottom:20px;} #story-contact-us #write-to-us address {margin-bottom:20px;} #story-contact-us .required-items {text-align:right; clear:both; padding-bottom:6px; padding:0; margin:0;} form.validate label {font-size:1.1em;} form.validate select, form.validate option {margin:0; padding:0; border:0;} form.validate input, form.validate select, form.validate textarea {border:1px solid #B4B4B4; font-family: verdana, helvetica, arial, sans-serif; font-size: 1.1em;} form.validate option {padding-left:5px;} form.validate legend {position:absolute; margin:-99999px;} form.validate label {cursor:pointer; text-align:left; line-height:19px; vertical-align:middle;} form.validate .email-options {float:left; clear:left; margin-bottom:20px;} form.validate .personal-details {width:240px; float:left;} form.validate .personal-details label,form.validate .personal-details input{margin-bottom:10px;} form.validate .personal-details label {display:block; float:left; clear:left; margin-right:2px;} form.validate .personal-details input {text-align:left; vertical-align:middle; float:right; width:190px; padding:2px 1px;} form.validate .personal-details input.telephone {width:160px;} form.validate .message {float:right; width:47%;} form.validate .message label {display:block; line-height:1.5em; float:left; margin-bottom:8px; clear:left; margin-right:5px;} form.validate .message textarea {height:65px; padding: 2px 1px; width:100%;} form.validate .disclaimer {clear:both; padding-top:10px;} form.validate .disclaimer input {float:left; display:block; width:20px; height:20px; margin-right:10px; padding:0; overflow:visible; text-align:left;} form.validate .disclaimer label {padding-top:3px; float:right; width:93%; line-height:1.5em;} form.validate .actions {clear:both; padding-top:10px; text-align:right;} form.validate .actions input {border:none; margin: 0 4px;} form.validate .actions input.reset {width:54px; height:17px; background:transparent url(ce4c846bf0151b604bc41acca6dda8168e261c55.gif) 0 0 no-repeat;} form.validate .actions input.submit {width:64px; height:17px; background:transparent url(c0df066f89e5521dd51c37fa98f636ad1fb0cd5b.gif) 0 0 no-repeat;} form.validate abbr.required {font-size:1em; font-weight:bold;} form.validate input:focus, form.validate textarea:focus {background:#c0ebf4; border:1px solid #D2D4FF;} form.validate .small {font-size:0.9em; float:left;} form.validate .status {display:none; margin:0 0 20px 0;} form.validate .status span {color:#fff; font-weight:bold; background:#cc0001; padding:2px 4px; display:block;} form.validate .status a {color:#fff;} form.validate .error {color:#cc0001; font-weight:bold;} form.validate .destination {padding:0; margin:0; padding-bottom:5px; display:block;} abbr {text-decoration:none; border:none;} /*********** THANK YOU PAGES -> **************/ /* Trails */ #trail-thank-you .story p {font-size: 1.1em;} #trail-thank-you p.lead-paragraph {font-weight: bold;} #trail-thank-you .story {margin-bottom: 100px;} /*********** CONTACT US -> **************/ #story-contact-us #email-us {border-top: 1px solid #B4B4B4;} /* Emergency Messages */ .emergency-message { margin: 10px 0px; border: 1px solid #ff0000; padding: 1em 1em 0px 1em; } .emergency-message p { font-size: 1.1em; margin: 0 0 1em 0; } #webby-link {display:block; margin-top:15px;} #trail hr { height:0px; display: block; border-bottom: 0; border-top: 1px solid #b4b4b4; margin: 0 6px 10px 0; } /*olympics*/ /* #olympicsMedalTables th, #olympicsMedalTables td {font-size:1.1em; padding:5px; margin-bottom:1px; border-bottom:1px solid #ffffff;} #olympicsMedalTables tbody tr {background-color:#ebebeb;} */ #olympicsMedalTables {border-top:1px dotted #B4B4B4; width:187px !important;} #olympicsMedalTables tbody .rank-odd, #olympicsMedalTables tbody .rank-even {background-color:#ebebeb !important;} .genre-oly-link {border-top:0 !important;} #sport-feed-olympics {border-top:0 !important;} #index-news #rights-para {font-size:1.1em; margin:0 0 20px 0;} /*cluster indepth*/ #cluster-indepth .pcCtaInfo {margin-top:9px;} /* home page new promo banner */ #hp-banner {background: url(7d211362331c72557f70d2444292810cd3059853.jpg) no-repeat top left; border-top:1px solid #B4B4B4;} #hp-banner h2 {font-size:1.9em; margin:5px 0 0 0;} #hp-banner p {width:340px; font-size:1.1em; padding-bottom:13px;} /* talking america new promo banner */ #us-banner {background: url(4e3f1cc1347c68e76c97c8981b474dea67b07c85.jpg) no-repeat top left;} #us-banner h2 {font-size:1.9em; margin:5px 0 0 0;} #us-banner p {width:370px; font-size:1.1em; padding-bottom:13px;} /*********** TOP SLOT IMAGE CHOOSER 595x200 **************/ #index-homepage #top-slot .ts-303x170 { clear:both; width:595px; margin-bottom: 20px; height: 200px; } /* positioning */ #index-homepage #top-slot {position: relative; /*height: 230px;*/ } #index-homepage #top-slot .top-slot-tabs {position: absolute; top: 171px; } /*{position: absolute; top: 171px; }*/ /* image =170 + 1 px bottom border */ /* links */ #index-homepage #top-slot .top-slot-tabs li a {color:#000000;} #index-homepage #top-slot .top-slot-tabs li.tabs-selected a {color: #fff;} #index-homepage #top-slot .top-slot-tabs li:hover a {color:#fff;} #index-homepage #top-slot .top-slot-tabs li.tabs-selected:hover a { text-decoration:none;} #index-homepage #top-slot .top-slot-tabs a { display: block; height: 21px; padding: 8px 0 0 8px; } #index-homepage #top-slot .ts-body .associated a {font-size: 1.1em;} /* tabs: 148x29; */ #index-homepage #top-slot .top-slot-tabs li{ width:148px; height:29px; font-size:1.1em; font-weight:bold; float: left; margin-right:1px; background:#fff url(e7a4af8055c40e957e5b000d507e37e7cdd71598.gif) repeat; } #index-homepage #top-slot .top-slot-tabs li.last {margin-right:0px;} #index-homepage #top-slot .top-slot-tabs li.tabs-selected, #index-homepage #top-slot .top-slot-tabs li.tabs-selected:hover { background:#fff url(7e28d50bb5cf02ab79d2214de523120af211e0b1.gif) repeat; } #index-homepage #top-slot .top-slot-tabs li:hover { background:#fff url(b26fb110a69cea539d73164bcf72f788437f1c64.gif) repeat; } /* teasers */ #index-homepage #top-slot .list {border-top: none;} /* teaser body - 298x171*/ #index-homepage #top-slot .ts-303x170 .ts-body { width:275px; height:157px; border:1px solid #CDCDCD; padding: 12px 10px 0 11px; margin-bottom:29px; } /* teaser image 303x170, cropped to 297x170; */ #index-homepage #top-slot .ts-303x170 .ts-img { width: 297px; height:171px; overflow: hidden; float: left; margin-bottom:1px; background-color: #CDCDCD; } #index-homepage #top-slot .ts-303x170 img {padding-bottom:0px;} #index-homepage #top-slot .tabs-hide { display: none; } /*********** NEW TOP SLOT IMAGE CHOOSER 595x200 - Remove #top-slot code above when rolled out **************/ .tabbed-list .ts-303x170 { clear:both; width:595px; margin-bottom: 20px; height: 200px; } /* positioning */ .tabbed-list {position: relative; /*height: 230px;*/ } .tabbed-list .top-slot-tabs {position: absolute; top: 171px; } /*{position: absolute; top: 171px; }*/ /* image =170 + 1 px bottom border */ /* links */ .tabbed-list .top-slot-tabs li a {color:#000000;} .tabbed-list .top-slot-tabs li.tabs-selected a {color: #fff;} .tabbed-list .top-slot-tabs li:hover a {color:#fff;} .tabbed-list .top-slot-tabs li.tabs-selected:hover a { text-decoration:none;} .tabbed-list .top-slot-tabs a { display: block; height: 21px; padding: 8px 0 0 8px; } .tabbed-list .ts-body .associated a {font-size: 1.1em;} /* tabs: 148x29; */ .tabbed-list .top-slot-tabs li{ width:148px; height:29px; font-size:1.1em; font-weight:bold; float: left; margin-right:1px; background:#fff url(e7a4af8055c40e957e5b000d507e37e7cdd71598.gif) repeat; } .tabbed-list .top-slot-tabs li.last {margin-right:0px;} .tabbed-list .top-slot-tabs li.tabs-selected, .tabbed-list .top-slot-tabs li.tabs-selected:hover { background:#fff url(7e28d50bb5cf02ab79d2214de523120af211e0b1.gif) repeat; } .tabbed-list .top-slot-tabs li:hover { background:#fff url(b26fb110a69cea539d73164bcf72f788437f1c64.gif) repeat; } /* teasers */ .tabbed-list .list {border-top: none;} /* teaser body - 298x171*/ .tabbed-list .ts-303x170 .ts-body { width:275px; height:157px; border:1px solid #CDCDCD; padding: 12px 10px 0 11px; margin-bottom:29px; } /* teaser image 303x170, cropped to 297x170; */ .tabbed-list .ts-303x170 .ts-img { width: 297px; height:171px; overflow: hidden; float: left; margin-bottom:1px; background-color: #CDCDCD; } .tabbed-list .ts-303x170 img {padding-bottom:0px;} .tabbed-list .tabs-hide { display: none; }