/* ---------- screen.css starts here ---------- */

	@import "base.css";
          /* ---------- rules.css starts here ---------- */
          /* ---------- most-viewed.css starts here ---------- */
#most-viewed div.pane-wrapper,
#most-commented div.pane-wrapper
{
	border-top-width: 1px;
	border-top-style: solid;
}

#most-viewed div.most-pane
{
	margin-top: 0;
	padding-top: 2px;
	padding-bottom: 5px;
}

#most-viewed div.most-pane ol li
{
	width: 240px;
	margin-right: 10px;
	margin-left: 10px;
}

#most-viewed div.most-pane ol li.more-most-viewed
{
	padding-left: 0;
}

div#wrapper #most-viewed div.tab-toggle-pane ol li
{
	padding-top: 3px;
	padding-bottom: 8px;
} 

div#wrapper #most-viewed div.tab-toggle-pane ol li.first
{
	border-top-style: none;
	padding-top: 6px;
} 

div#promo div#most,
div#promo div.pane-wrapper,
div#promo #most-viewed div.most-pane
{
	margin-bottom: 0;
}

#promo #most .meta
{
	overflow: auto;
	margin-left: 10px;
	margin-bottom: 5px;
}

#promo #most .meta,
#promo #most-viewed ol li.more-most-viewed
{
	width: 260px;
}

#most .meta p.more-on
{
	border-top-width: 1px;
	border-top-style: dotted;
	padding-top: 5px;
	float: left;
	width: 35%;
}

body.most-viewed #content h3
{
	font-weight: normal;
}

div#most div.most-pane li
{
	border-top: 1px dotted #999;
	clear: both;
	padding-bottom: 8px;
	padding-top: 5px;
}

div#most div.most-pane li span.rank
{
	float: left;
	padding-right: 4px;
}
          /* ----------  most-viewed.css ends here ----------- */
          /* ---------- ad-links-in-promo-area.css starts here ---------- */
#section-contents #promo #google-ads-container
{
    border-top-style: solid;
    border-top-width: 10px;
    background-color: #fff;
    padding: 0;
    margin-bottom: 0;
    border-bottom-width: 20px;
    border-bottom-style: solid;
    border-bottom-color: #fff;
}

#section-contents #promo #google-ads-container h3
{
    padding-top: 2px;
}

#promo #google-ads-container h4,
#section-contents #promo #google-ads-container h4
{
    margin: 0;
    padding: 0;
    border: none;
}

#promo #google-ads-container li,
#section-contents #promo #google-ads-container li
{
    padding-bottom: 9px;
    padding-top: 4px;
    border-top-style: dotted;
    border-top-width: 1px;
    border-top-color: #999;
}
          /* ----------  ad-links-in-promo-area.css ends here ----------- */
          /* ---------- rss-feed.css starts here ---------- */
div#pickable-rss-rule-slot div.rss_wrapper 
{
	margin-bottom: 20px;
	border-top-style: solid;
	border-top-width: 1px;
	clear: both;
}

div#pickable-rss-rule-slot div.rss_wrapper h3
{
	padding-top: 3px;
	margin-bottom: 10px;
	font-size: 1em;
	font-family: arial, sans-serif;
}

div#pickable-rss-rule-slot div.rss_wrapper ul li,
div.rss-feed div.rss_wrapper ul li,
div.rss-trailblock li, 
div.rss-trailblock div.ft p
{
	border-top-style: dotted;
	border-top-width: 1px;
	padding-top: 5px;
	padding-bottom: 5px;
}

div#pickable-rss-rule-slot div.rss_wrapper ul li a
{
	font-weight: bold;
}

div#pickable-rss-rule-slot div.rss_wrapper ul li.footer a
{
	font-weight: normal;
}

div#promo div.rss-feed,
div.rss-trailblock div.ft p
{
	padding-bottom: 0;
}

div#promo div.rss_wrapper ul li.footer
{
    margin-top: 15px;
}

/* new component styles for old style templates */

div.rss-trailblock
{
    background-color: #F3F3F3;
    border-top: 10px solid #D3D3D3;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
    overflow: hidden;
}

#promo div.rss-trailblock div.hd
{
    margin-bottom: 0;
}

#promo div.rss-trailblock h2
{
    border-top: none;
    padding-top: 3px;
    padding-bottom: 18px;
    font-weight: bold;
}
          /* ----------  rss-feed.css ends here ----------- */
          /* ---------- obama-approval.css starts here ---------- */
#promo div.obama-approval
{
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 5px;
}

#promo div.obama-approval div
{
	margin-bottom: 0;
}

#promo div.obama-approval ul.tri li
{
	margin-left: 0;
	width: 300px;
}

#promo div.obama-approval ul.tri li a
{
    width: auto;
}

#promo div.obama-approval ul.tri li.normal
{
	border-top: none;
}

div#promo div.obama-approval div.rcpwidget-300 img.light-logo
{
    margin-top: 5px;
    margin-left: 10px;
    margin-bottom: 5px;
}

div#promo div.obama-approval div.rcpwidget-300 p.subtitle
{
	font-weight: bold;
	padding-bottom: 5px;
	border-bottom: 1px solid #999;
}

div.rcpwidget-300 table
{
	width: 276px;
	margin-left: 12px;
	background-color: #fff;
	border-left-style: solid;
	border-left-width: 4px;
	border-left-color: #fff;
	border-right-style: solid;
	border-right-width: 4px;
	border-right-color: #fff;
}

div.rcpwidget-300 table td
{
	padding-top: 3px;
	padding-bottom: 3px;
	border-top-style: dotted;
	border-top-width: 1px;
}

div.rcpwidget-300 table td.row3
{
	font-weight: bold;
	text-align: left;
	border-top: none;
}

div#promo div.obama-approval div.rcpwidget-300 p
{
	padding-top: 5px;
	padding-bottom: 9px;
	margin-left: 10px;
	margin-right: 10px;
	display: block;		
}

/* some template differences due to overriding styles */
body.fixtures-and-results div.rcpwidget-300 table
{
    border-color: #fff;
}

body.weather-city div.rcpwidget-300 table
{
    display: table;
    width: 276px;
    float: none;
}
          /* ----------  obama-approval.css ends here ----------- */
	
	/* these are used across multiple components, they're not connected to a single one */
          /* ---------- grid-columns.css starts here ---------- */
/*
    The grid is based on 60px columns
    Column widths are worked out as 60px + 80px for each subsequent column
    e.g. 4 col = 60px + (80px * 3) = 300px
    
*/

.eleven-col,
.ten-col,
.nine-col,
.eight-col,
.seven-col,
.six-col,
.five-col,
.four-col,
.three-col,
.two-col,
.one-col
{
    float: left;
    overflow: hidden;
    margin-right: 20px;
}

.twelve-col
{
	clear: both;
	position: relative;
    width: 940px;
}

.eleven-col
{
    width: 860px;
}

.ten-col
{
    width: 780px;
}

.nine-col
{
    width: 700px;
}

.eight-col
{
    width: 620px;
}

.seven-col
{
    width: 540px;
}

.six-col
{
    width: 460px !important;
}

.five-col
{
    width: 380px;
}

.four-col
{
    width: 300px;
}

.three-col
{
    width: 220px;
}

.two-col
{
    width: 140px !important;
}

.one-col
{
    width: 60px;
}

.last
{
    margin-right: 0;
}
          /* ----------  grid-columns.css ends here ----------- */
          /* ---------- component.css starts here ---------- */
          /* ---------- classes.css starts here ---------- */
/* site-wide border styles */
.b1
{
    border-top-width: 10px;
    border-top-style: solid;
}

.b2, .b3, .b4
{
   	border-top-color: #999;
	padding: 3px 0 6px 0;
}

.b2, .b4 /* b4 uses zone colour */
{
    border-top-width: 1px;
    border-top-style: solid;
}

.b3
{
	border-top-style: dotted;
	border-top-width: 1px;
}

/* site-wide text styles */
.t1, .t2, .t3, .t4, .t5, .t6
{
	font-family: georgia, serif;
	font-weight: normal;
}

.t1
{
	font-size: 24px;
	line-height: 27px;
}

.t2
{
	font-size: 18px;
	line-height: 21px;
}

.t3
{
	font-size: 16px;
	line-height: 19px;
}

.t4 
{
    font-size: 16px;
    line-height: 19px;
    font-weight: bold;
}

.t5, .t6
{
    font-size: 14px;
    line-height: 17px;
}

.t5
{
    font-weight: bold;
}

.t7
{
    font-family: arial, sans-serif;
    font-size: 12px;
    line-height: 15px;
    font-weight: bold;
}

/* site-wide list styles */
.l1
{
	border-top-style: dotted;
	border-top-width: 1px;
	border-top-color: #999;
	padding: 2px 0 6px 0;
}

.l2
{
	margin-bottom: 13px;
}
          /* ----------  classes.css ends here ----------- */
          /* ---------- placeholder.css starts here ---------- */
.placeholder-instructions
{
    background-color: #ddd; 
    padding: 10px;
    margin: 0;
    margin-bottom: 20px;
    clear: left;
}
          /* ----------  placeholder.css ends here ----------- */

h2, 
h3
{
	font-family: georgia, serif;
	font-weight: normal;
}

h2 
{
	font-size: 14px;
	font-weight: bold;
	line-height: 1.125;
}

h3 
{
	font-size: 16px;
	padding-top: 1px;
	display: block;
}

p, 
.strap
{
	font-family: arial, sans-serif;
}

.strap
{
	font-weight: bold;
	margin-top: 3px;
}

.component
{
	display: inline-block;
	margin-bottom: 20px;
	background-color: #fff;
}

.hd
{
	padding-top: 4px;
	padding-bottom: 15px;
	border-top: 10px solid;
}

.bd .first
{
    margin-bottom: 20px;
}

.comment-count-info 
{
	background-position: 0 3px;
	padding: 2px 0 2px 16px;
}

          /* ---------- slot-machine.css starts here ---------- */
.slot-machine,
.slot-machine-two
{
    clear: left;
}

.slot-machine h2
{
    width: 100%;
    overflow: hidden;
}

.slot-machine li
{
    margin-top: 5px;
    padding-bottom: 10px;
}

.slot-machine h3
{
    border-top-width: 1px;
    border-top-style: solid;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-color: #ccc;
    font-family: arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding-top: 1px;
    padding-bottom: 7px;
}

.slot-machine img
{
    margin-top: 5px;
    margin-bottom: 1px;
    vertical-align: bottom;
}

.slot-machine p.strap,
.slot-machine h4,
.slot-machine-two p.strap
{
    margin-bottom: 3px;
    margin-top: 3px;
    font-weight: bold;
    font-size: 12px;
}

/* specific to the horizontally displayed slot machine */
.slot-machine-two li
{
    float: left;
    width: 140px;
}

.slot-machine-two li.odd
{
    margin-right: 20px;
}

.slot-machine-two li.hd
{
    width: 100%;
    margin-top: 0;
    border-top: 3px solid #999;
}

.slot-machine-two li.hd h3
{
    font-size: 20px;
}

.slot-machine-two .footer-heading
{
    clear: both;
    margin-top: 20px;
    float: left;
    width: 100%
}

.slot-machine-two .footer-heading li
{
    float: none;
    border-top: 1px dotted #999;
    padding-top: 3px;
    padding-bottom: 3px;
    width: 100%
}
          /* ----------  slot-machine.css ends here ----------- */
          /* ---------- section-heading.css starts here ---------- */
.section-heading
{
    margin-bottom: 25px;
    position: relative;
}

.section-heading a.feed
{
    background-image: url(images/icon_rss.gif);
    background-position: 0 0;
    padding-left: 18px;
    padding-top: 1px;
    position: absolute;
    right: 3px;
    top: 0;
    width: auto;
    left: auto;
}
          /* ----------  section-heading.css ends here ----------- */
          /* ---------- mpu.css starts here ---------- */
#mpu1 iframe, 
#mpu1 img, 
#mpu1 object, 
#mpu1 embed, 
#mpu1 div, 
#rightslot1 iframe, 
#rightslot1 img, 
#rightslot1 object, 
#rightslot1 embed, 
#rightslot1 div
{
    margin-bottom: 10px;
}

#intrusive
{
	display: inline;
}

#intrusive img.ad-placeholder
{
	display: none;
}
          /* ----------  mpu.css ends here ----------- */
          /* ---------- jobs-box-front.css starts here ---------- */
div#section-contents div.jobsbox
{
	margin-bottom: 0;
	padding-bottom: 20px;
	width: 300px;
}

div#section-contents div.jobsbox ul.jobs,
div#section-contents div.jobsbox ul.jobs h4,
div#global-jobs h4
{
	font-family: arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

div#global-jobs #find-job-container h4
{
    font-weight: bold;
}

div.jobsbox ul.jobs li,
div#section-contents div.jobsbox ul.jobs li,
p.find-a-job
{
	padding-bottom: 10px;
	padding-top: 3px;
}

div#section-contents div.jobsbox ul.media-jobs li
{
	padding-bottom: 6px;
}

div#section-contents div.jobsbox
{
	background: white;
}

div#section-contents div.jobsbox h3
{
	padding-top: 5px;
}

div.jobsbox form,
div#section-contents div.jobsbox form
{
	padding-bottom: 5px;
}

.jobs li
{
    border-top-style: dotted;
    border-top-width: 1px;
    border-top-color: #999;
}

div.jobsbox p.find-a-job
{
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #999;
}

div.jobsbox p.find-a-job a
{
    font-weight: bold;
}


/* grid specifics */
.three-five-four-grid .jobsbox .hd
{
    padding-bottom: 0;
    border-top-color: #999;
}

.three-five-four-grid .jobsbox
{
    background-color: #f3f3f3;
}

.three-five-four-grid .jobsbox form
{
    padding-top: 5px;
    padding-bottom: 10px;
}

.three-five-four-grid .jobsbox form input#freetext-searchalljobs
{
    width: 220px;
}
          /* ----------  jobs-box-front.css ends here ----------- */
          /* ---------- heading-vertical-links.css starts here ---------- */
.heading-vertical-links li,
.heading-vertical-links h4
{
    font-family: arial, san-serif;
    font-size: 12px;
}

.heading-vertical-links li.major-heading
{
	border-top-width: 10px;
	border-top-style: solid;
	padding-bottom: 15px;
}

.heading-vertical-links h2
{
    font-weight: bold;
}

.heading-vertical-links ul
{
    margin-bottom: 20px;
}

.heading-vertical-links li
{
    border-top-style: dotted;
    border-top-width: 1px;
    clear: both;
    overflow: hidden;
    padding-top: 3px;
    padding-bottom: 7px;
    width: 140px;
}

.heading-vertical-links li.first
{
    border-top-style: solid;
}

.heading-vertical-links span.count
{
	float: left;
	font-weight: bold;
	margin-right: 10px;
}

.heading-vertical-links.numbered div.trail-caption
{
	float: left;
	width: 115px;
}

.heading-vertical-links li.heading
{
	border-top-style: solid;
	border-top-color: #999;
}

.heading-vertical-links li.picture
{
	border-top: none;
	padding-top: 0;
}
          /* ----------  heading-vertical-links.css ends here ----------- */
          /* ---------- ad-links-in-content-area.css starts here ---------- */
/* advertiser links starts */
body #wrapper #box ul#article-toolbox
{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

div#advertiser-container
{
	float: left;
	width: 620px;
	margin-bottom: 10px;
}

div#advertiser-container #google-ads-container
{
	float: none;
}

body.cif #wrapper div#advertiser-container,
body.contributor #wrapper div#advertiser-container
{
	float: right;
	width: 460px;
}

div#advertiser-container p.ads-intro
{
	margin-bottom: 30px;
}

div#advertiser-container .advertiser-links h3
{
	border-top-width: 10px;
	border-top-style: solid;
	font-weight: bold;
	margin-bottom: 16px;
	padding-top: 3px;	
}

ul.results li h4,
div#advertiser-container ul.results li h4 
{
	font-weight: bold;
	font-family:arial,sans-serif;
}

ul.results li,
div#advertiser-container ul.results li 
{
	border-top:1px dotted;
	padding:3px 0pt 12px;
}
/* advertiser links ends */


/* new template specific styles */
.three-five-four-grid .advertiser-links
{
    border-top-width: 3px;
    border-top-style: solid;
    border-top-color: #999;
}
.three-five-four-grid .advertiser-links h3
{
    font-size: 20px;
	margin-bottom: 16px;
	padding-top: 3px;	
}

.three-five-four-grid .advertiser-links h4
{
    font-size: 12px;
}
          /* ----------  ad-links-in-content-area.css ends here ----------- */
          /* ---------- sponsored-features.css starts here ---------- */
/*

I've added the body class selector here because when component.css (which imports this file)
was added site-wide, any component with a sponsored-features class name was being made
invisible by the display: none. This usually gets turned on by ad-fed javascript, but it turns out that 
the classname is used all over the place in many ways and needs to be cleaned up before this is made 
more generic again
phaine 9/11/09

*/

.three-five-four-grid .sponsored-features
{
    display: none;
    border-top-width: 3px;
    border-top-style: solid;
    border-top-color: #999;
}

.three-five-four-grid .sponsored-features h3
{
    font-size: 20px;
    margin-bottom: 16px;
    padding-top: 3px;
}

.three-five-four-grid .sponsored-features ul.tri li.image
{
	width: 140px;
	float: left;
}

.three-five-four-grid .sponsored-features li.odd
{
	clear: left;
	margin-right: 20px;
}
          /* ----------  sponsored-features.css ends here ----------- */
          /* ----------  component.css ends here ----------- */
          /* ---------- promo-component.css starts here ---------- */
.promo-component
{
	border-top-style: solid;
	border-top-width: 10px;
	border-top-color: #D3D3D3 !important;
	float: none !important;
	margin-bottom: 10px;
	overflow: hidden;
	padding-top: 1px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 15px;
	background-color: #F3F3F3 !important;
	width: 280px !important;
}

.promo-component h3
{
	font-weight: bold !important;
	font-family: georgia, serif !important;
	font-size: 14px !important;
	margin-bottom: 0 !important;
}

.promo-component .hd,
.promo-component .bd,
#promo .component .hd /* this is here for the jobs box which is too complex to refactor at this stage */
{
	border-top: none !important;
	margin-bottom: 0 !important;
}

.promo-component .bd .first
{
    margin-bottom: 0;
}
          /* ----------  promo-component.css ends here ----------- */
          /* ---------- tag-badging.css starts here ---------- */
div#wrapper div#badge-full,
div#wrapper div#badge-medium,
div#wrapper div#badge-small
{
    position: relative;
}

div#wrapper div#badge-full div.feeds,
div#wrapper div#badge-medium div.feeds,
div#wrapper div#badge-small div.feeds
{
    position: absolute;
    bottom: 7px;
    left: 0;
    padding-right: 70px;
    background-image: url(images/white-bg-fade.png);
    background-position: right bottom;
    background-repeat: no-repeat;
}

div#wrapper div#box div#content div#article-header div#badge-full div.feeds a,
div#wrapper div#box div#content div#article-header div#badge-medium div.feeds a,
div#wrapper div#box div#content div#article-header div#badge-small div.feeds a,
div#wrapper div#badge-full div.feeds a,
div#wrapper div#badge-medium div.feeds a,
div#wrapper div#badge-small div.feeds a
{
    margin: 0;
    left: 0;
    top: auto;
    right: auto;
    bottom: 0;
    padding-top: 3px;
    padding-left: 21px;
    padding-right: 10px;
    padding-bottom: 3px;
    float: left;
    background-color: #fff;
    background-position: 3px;
}

div#wrapper div#badge-full div.feeds a:focus, 
div#wrapper div#badge-full div.feeds a:active,
div#wrapper div#badge-medium div.feeds a:focus, 
div#wrapper div#badge-medium div.feeds a:active,
div#wrapper div#badge-small div.feeds a:focus, 
div#wrapper div#badge-small div.feeds a:active
{
    background-color: #005689;
    color: #fff;
}

div#wrapper h1#section-heading div#badge-full div.feeds a
{
    font-size: 0.5em;
    font-family: arial, sans-serif;
    line-height: 1.2;
}
          /* ----------  tag-badging.css ends here ----------- */
          /* ----------  rules.css ends here ----------- */
          /* ---------- icons.css starts here ---------- */
          /* ---------- minimum-set-icons.css starts here ---------- */
ul.user-details
{
	background-image: url(images/icon_userinfo.gif);
}

li#larger
{
	background-position: 12px 0;
	background-image: url(images/icon_textsize.gif);
}

div#promo div#finance-guides li.info
{ 
	background-image: url(images/i_icon.gif);
	background-position: left;
	text-indent: 17px;
}

#promo li.bullet,
div#promo div.bookshop-books ul.vertical-links li
{
	background-image: url(images/icon_bullet.gif);
}

div#promo div.bookshop-books ul.vertical-links li
{
	text-indent: 17px;
	background-position: 0;
}


          /* ----------  minimum-set-icons.css ends here ----------- */

@media all {

li.print a

{
	background-image: url(images/printer.gif)
}

li.email a
{
	background-image: url(images/mail.gif)
}

li.save a
{
	background-image: url(images/printer.gif)
}

p.jump-related
{
	background-image: url(images/jump_related_arrow.gif);
	background-position: 0 5px;
	height: 22px;
}

#related #fact-box,
#related #article-trailblock h2.blog,
#related #article-trailblock h2.pictures,
#related #article-trailblock h2.audio,
#related #article-trailblock h2.interactive
{
	background-position: 0 3px;
}

#related #article-trailblock h2.blog
{
	background-image: url(images/icon_textdoc.gif);
}


#related #article-trailblock h2.pictures
{
	background-image: url(images/icon_gallery.gif);
}

#related #article-trailblock h2.audio
{
	background-image: url(images/icon_audio.gif);
}

#related #article-trailblock h2.interactive
{
	background-image: url(images/icon_textdoc.gif);
}


#related div.more-videos h2
{
	background-image: url(images/icon_video.gif);
}

ul#article-toolbox li a
{
	background-position: 3px 0;
}

body.cif ul#article-toolbox li a.printable
{
	background-image: url(images/icon_print.gif);
}

body.cif ul#article-toolbox li a#sharelink
{
	background-image: url(images/icon_share.gif)
}

body.cif ul#article-toolbox li a#clippable
{
	background-image: url(images/icon_clip.gif)
}

body.cif ul#article-toolbox li a#sendlink
{
	background-image: url(images/icon_email-friend.gif)
}

body.cif ul#article-toolbox li a#contactlink
{
	background-image: url(images/icon_email-us.gif)
}

body.cif ul#article-toolbox li a#historylink
{
	background-image: url(images/icon_history.gif)
}

body.cif #content ul#article-toolbox li a.save
{
	background-image: url(images/icon_save_for_later.gif)
}

.comment-count-info
{
	background-position: left center ;
	padding: 0 0 2px 16px;
	margin-top: 0;
	display: block;
	clear: both;
}

#comment-info-related a.comment-count-info
{
	padding: 0 0 2px 20px;
}

#pluck-container a.comment-count-info,
#pluck-container span.comment-count-info
{
	background-image: none;
	padding-left: 0px;
}

div.full a.comment-count-info
{
	padding-top: 4px;	
}

body.cif-combiner div.full a.comment-count-info
{
	border-top: none;
	padding-top: 0;
}

#content a.shower,
#content a.read-full-article
{
	background-image: url(images/icon_triangle_right.gif);
	padding: 3px 0 2px 20px;
	background-position: -1px 0;
}

#content a.shower.open, #content a.showerstyle.open
{
	background-image: url(images/icon_triangle_down.gif);
	
}

a.shower, a.showerstyle
{
	background-image: url(images/icon_triangle12_right.gif);
	padding: 3px 0 2px 14px;
	background-position: 0 3px;
}

a.shower.open, a.showerstyle.open
{
	background-image: url(images/icon_triangle12_down.gif);
}


a.close
{
	padding: 0px 20px 3px 0px;
	background-position: right top;
	background-image: url(images/icon_close.gif);
}


a.feed
{
	background-image: url(images/icon_rss.gif);
	padding-left: 18px;
	background-position: 0 0;
	padding-top: 1px
}

/*
Bullet images and icons

------------------------------------------------------------------------------*/
body.network #content ul.sublinks li.bullet,
body.vss #content ul.sublinks li.bullet,
li.bullet,
li.factsheet,
body.article div#article-wrapper li
{
	background-position: 0 1px;
	text-indent: 17px;
}

body.article div#article-wrapper li
{
	background-position: 0 3px;
}

.video-front div#content div#video-player ul li.bullet,
.video-series div#content div#video-player ul li.bullet,
body.trailerpark ul#video-trailblock li.bullet,
ul.sublinks li.bullet,
body.front div#content div#feature-pick li.bullet,
body.article div#article-wrapper li
{
	background-image: url(images/icon_bullet.gif);
}

body.audio-popup div#box div#popup-content div#audio-player div.bullet li 	 	 
{ 	 	 
	background-image: url(images/icon_bullet.gif); 	 	 
	background-position: 0 2px; 	 	 
} 

body.article div#article-wrapper ul.pagination li,
body.article div#article-wrapper div.factbox ol li
{
	text-indent: 0;
	background-image: none;
}	

ul.sublinks li.audio,
body.network #wrapper #box div.more-news ul li.audio
{
	background-image: url(images/icon_audio.gif);
}

ul.sublinks li.video,
body.network #wrapper #box div.more-news ul li.video
{
	background-image: url(images/icon_video.gif);
}

ul.sublinks li.graphic
{
	background-image: url(images/icon_graphic.gif);
}

ul.sublinks li.interactive,
body.network #wrapper #box div.more-news ul li.interactive
{
	background-image: url(images/icon_multimedia.gif);
}

ul.sublinks li.gallery,
ul.sublinks li.audioslideshow,
body.network #wrapper #box div.more-news ul li.gallery,
body.network #wrapper #box div.more-news ul li.audioslideshow
{
	background-image: url(images/icon_gallery.gif);
}

body.network ul#reader-offers li.bullet
{
	text-indent: 0;
	background-image: none;
}

li.factsheet
{
	background-image: url(images/icon_factsheet.gif);
}

p.bullet
{
	background-image: url(images/icon_bullet.gif);
	background-position: 0px 1px;
	text-indent: 17px;
}
#top-table form
{
    background-image: url(images/knife-fork60.gif);
    background-position: 100% 5px;
}

div#abuse-component span#report-abuse-box-link-container
{
	margin-top: 5px;
	background-image: url(images/pluck/report-abuse.gif);
	padding-left: 18px;
	width: auto;
}

li.third-party-tool a#digglink
{
	background-image: url(images/icon_digg.gif);
}

li.third-party-tool a#buzzlink
{
	background-image: url(images/icon_buzz.gif);
}

}

body.network #wrapper #box div.more-news ul li.icon
{
	text-indent: 20px;
	background-position: 0 2px;
}

          /* ----------  icons.css ends here ----------- */
          /* ---------- dialog-box.css starts here ---------- */

#abuse-box-wrapper,
#signin-div-wrapper,
div.dialog-box-wrapper
{

 	display:block; 
 	z-index:100; 
 	background:transparent url(images/white-bg.png) top left repeat;
 	position:fixed; 
 	width:100%;
 	height: 100%;
}

#abuse-box,
div.dialog-box
{
	border: 1px solid #333;
	z-index:800;
	background-color: #fff;
	color: #000; 
	top:100px; 
	width: 288px;
	padding: 10px 10px 10px 10px;
	position:fixed; 
}

#abuse-box
{
	font-size: 0.75em;
}

body.popup-comments #abuse-box
{
	font-size: 1em;
}

body.popup-comments #abuse-box h2
{
	font-family: georgia, serif;
}

#wrapper #abuse-box
{
	font-size: 1em;
}

div.dialog-box.scrollable
{
	position: absolute;
}

#comment-box-pluck .post-comment-header
{
	float: left;
	width: 420px;
}

#comment-box-pluck .post-comment-header h1
{
	margin-bottom: 20px;
}

#comment-box-pluck #close-comment-box,
#abuse-box-wrapper #abuse-box-close,
#signin-div #login-close
{
	float: right;
	width: 80px;
	text-align: right;
}

#comment-box-pluck #close-comment-box a,
#abuse-box-wrapper #abuse-box-close a,
#login-close-link
{
	background: #fff url(images/close_button.gif) top right no-repeat;
	padding: 0 18px 0 0;
}

.comment-author
{
	clear: both;
}

.comment-author ul
{
	overflow: hidden;
}
.comment-author .comment-author-img
{
	float:left;
	width: 35px;
}

.comment-author .comment-author-name
{
	float: left; 
	width: auto;
}

.comment-author .comment-author-name a
{
	display: block;
}
.comment-author .author-role
{
	float: right;
	width: 35px;

}

#comment-box-edit,
#comment-box-progress,
#comment-close-confirmation-area,
#comment-premoderation-area,
#comment-thank-you-area
{
	clear: both;
}

#comment-box-edit,
#abuse-box-edit-area
{
	margin: 20px 0 0 0;
}

#abuse-box-edit-area
{
	border-top:1px dotted #ccc ;
}

#comment-box-edit fieldset
{
	margin: 0;
	clear: both;
}

#comment-box-edit #blockquote-button
{
	float:left;
	margin-bottom: 3px;
	width: 100%;
}
#blockquote-button input
{
	float: left;
	background-color: #ededed;
	border: 1px solid #333;
	color: #333;
	font-size: 0.915em;
	margin-right: 5px;
}

#blockquote-button p
{
	text-align: right;
	float: right;
	padding-top: 2px;
	position: relative;
}

#comment-box-pluck #comment-box-edit
{
	margin-top: 17px;
}

#comment-box-pluck #comment-box-edit #blockquote-button
{
	margin-bottom: 1px;
	width: 449px;
}

#comment-box-pluck #blockquote-button input
{
	background-color: #e8e8e8;
	border-style: outset;
	border-top-color: #fff;
	border-left-color: #fff;
	border-right-color: #666;
	border-bottom-color: #666;
	margin-right: 3px;
}

#comment-box-pluck #blockquote-button input#add-bolds
{
	font-weight: bold;
}

#comment-box-pluck #blockquote-button input#add-italics
{
	font-style: italic;
}

#comment-box-pluck #blockquote-button input#add-links
{
	color: #005689;
}

#comment-box-pluck #blockquote-button p
{
	margin-top: 0;
	padding-top: 0;
	top: 2px;
}


#comment-body,
#comment-box-progress,
#abuse-progress-area,
#abuse-description,
#pluck-loading-dialog
{
	font-size: 1em;
	font-family: arial, sans-serif;
}

#abuse-description
{
	width:100%;
}

#comment-body
{
	width: 447px;
}

#comment-box-progress,
#abuse-progress-area,
#abuse-thank-you-area,
#abuse-close-confirmation-area,
#comment-close-confirmation-area,
#abuse-pluck-error-area
{
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	margin-top: 20px;
}

#comment-box-progress,
#abuse-progress-area
{
	background: url(images/pluck-loading-bar.gif) center center no-repeat;
}

#comment-box-progress p,
#abuse-progress-area p,
#abuse-thank-you-area p,
#abuse-close-confirmation-area p,
#comment-close-confirmation-area p,
#pluck-loading-dialog p
{
	margin: 70px 0 50px 0;
	text-align: center;
}

#pluck-loading-dialog
{
	border-top-width: 1px;
	border-top-style: dotted;
	padding: 70px 0;
}

#pluck-loading-dialog p
{
	padding-bottom: 10px;
	text-align: left;
	font-weight: bold;
	width: 300px;
	margin: 0 auto;
}

#pluck-loading-dialog p span
{
	height: 10px;
	display: block;
	background: url(images/pluck-loading-bar.gif) top no-repeat;
	border: 1px solid;
	overflow: hidden;
}

#comment-box-pluck #comment-box-progress p
{
	margin: 155px 0 124px;
}

#comment-box-pluck #comment-premoderation-area p
{
	margin: 122px 0 135px;
}

#comment-box-pluck #comment-close-confirmation-area p
{
	margin: 96px 0 79px;
}

#comment-box-pluck #comment-thank-you-area p
{
	margin: 137px 0 142px;
}

#comment-box-pluck #comment-pluck-error-area p
{
	margin: 113px 0 101px;
}

#abuse-box #abuse-progress-area p
{
	margin: 148px 0 116px;
}

#abuse-box #abuse-close-confirmation-area p
{
	margin: 80px 0;
}

#abuse-box #abuse-thank-you-area p
{
	margin: 104px 0 123px;
}

#submit 
{
	text-align: right;
	margin: 20px 0;
}

#comment-box-pluck #submit
{
	margin: 10px 0;
}

#comment-box-pluck #submit .msg
{
	float: left;
}

#submit #submit-comment
{
	border-top-width: 2px;
	border-bottom-width: 1px;
}

#abuse-box #abuse-box-edit-area p
{
	margin: 10px 0;
}

#abuse-box label 
{
	font-weight: bold;
}
#abuse-box label span 
{
	font-weight: normal;
}
#abuse-close-confirmation-area p input,
#comment-close-confirmation-area p input,
#abuse-thank-you-area p input
{
	display: block;
	margin: 15px auto;
}

#abuse-box
{
	width: 300px;
	height: 320px;
}

#abuse-box h2
{
	font-size: 1.3em;
	font-weight: bold;
	border: none;
	margin-top: 0;
}

#abuse-box-wrapper #abuse-email-info,
#abuse-box-wrapper #abuse-login-info
{
	float: left;
	width: 200px;
}

#abuse-box-wrapper #abuse-email-info 
{
	clear: both;
}

#abuse-box-wrapper #abuse-submit-container
{
	float: right;
	width: 96px;
	text-align: right;
}

#abuse-box-wrapper #abuse-submit
{
	margin-top: 25px;
}

body.pluck-user-profile div#user-profile div#abuse-box span
{
	display: inline;
	float: none;
	margin-right: 0;
	width: auto;
}

body.pluck-user-profile div#user-profile span#report-abuse-box-link-container
{
	position: absolute;
	right: 0;
	top: 35px;
	background-image: url(images/pluck/report-abuse.gif);
	padding-left: 18px;
	width: auto;
}

/* Inline login pop up styles */
#signin-div
{
	position: fixed;
	z-index:800;
	width: 368px;
	padding: 0;
}

#inline-login
{
	width: 368px;
	background-color: #fff;
	font-size: 12px;
	color: #333;
}

#signin-div #login-close
{
	font-weight: bold;
	padding: 10px 10px 0;
}

#inline-login form
{
	padding: 0 10px 10px;
	clear: both;
}

#inline-login h1
{
	font-size: 1em;
	font-weight: bold;
	font-family: arial, sans-serif;
	padding: 10px 0 0 10px;
	width: auto;
}

#inline-login legend
{
	text-indent: -9999px;
}

#inline-login span.row label
{
	display: block;
	margin-right: 5px;
	width: 103px;
}

#inline-login span.row
{
	width: 100%;
	overflow: hidden;
	display: block;
}

#inline-login span.row label,
#inline-login span.row input
{
	float: left;
}

#inline-login span.row input
{
	width: 200px;
}

#inline-login #inline-email-label,
#inline-login #inline-remember-label
{
	padding-bottom: 14px;
}

#inline-login #inline-remember-label
{
	margin-top: 5px;
}

#inline-login #forgot-password
{
	margin-left: 107px;
	font-size: 0.916em;
	clear: left;
}

#inline-login input#inline-remember
{
	margin-top: 6px;
	width: auto;
}

.dialog-button,
div.ReportAbuse_Comment input
{
	float: right;
	font-family: arial, sans-serif;
	font-size: 1em;
	margin-top: 20px;
	margin-left: 10px;
	padding: 1px 4px;
	cursor: pointer;
}

#inline-login input#popUpSignIn,
div.ReportAbuse_Comment input
{
	font-weight: bold;
	background-color: #005689;
	color: #fff;
	border-width: 1px;
	border-color: #005689;
}

#inline-login input#cancelSignIn
{
	border: 1px solid;
	background-color: #eee;
}
          /* ----------  dialog-box.css ends here ----------- */
          /* ----------  screen.css ends here ----------- */
          /* ---------- related-info.css starts here ---------- */
#related
{
	float: left;
	margin-left: -620px;
	width: 140px;
}

body.article #related-info .section p.shower
{
	font-size: 0.92em; /* 11px */
	line-height: 1.181em; /* 13px */
}

body.article #related-info .section .first
{
	border: 0;
	padding-top: 0;
	margin-top: 0;
}

body.article #related-info p.reader-tips
{
	margin-top: 0;
}

#related #keyword-continued li.image,
#related .ed-zone li.major-heading
{
	padding-top: 0;
}

body.article #related ul,
body.article #related h2,
body.article #related p.jump-related,
body.article #related p,
#related-info h3,
#related-info h4,
#related-info h5,
#related h5,
#relatedlinks h3,
#related #article-trailblock h2
{
	margin: 0
}

body.article #related h2,
body.article #related h3
{
	padding-top: 3px;
}

body.article #related p.jump-related,
body.article #related-info .trail ul li,
body.article #related h3
{
	margin-top: 6px;
}

body.article #related ul.trail
{
	padding-left: 0;
	padding-bottom: 8px;
}

#related h2,
#related p.jump-related,
#related #fact-box,
#related-info div.section
{
	border-top-width: 1px;
	border-top-style: solid;
}

#related-info #related-pictures ul.images li, 
#related-info #related-pictures ul li
{
	margin-top: 0px;
}

#related-info #related-pictures ul.images
{
	margin-top: 6px;
	border-top-width: 1px;
	border-top-style: dotted;
	padding-top: 4px;
}

#related-info #related-pictures ul.first
{
	margin-top: 3px;
	border-top: 0;
	padding-top: 0px;
}

#related-info p.shower,
#related-info ul.keywords li
{
	padding-top: 3px;
}

#related-info .section ul li,
#related-info p,
#related-info div.section,
#related h2,
#related h3,
#related .ed-zone li.major-heading
{
	padding-bottom: 0;
}

#related ul.keywords li,
#related #keyword-continued .minor-heading h2,
#related .ed-zone li
{
	padding: 2px 0 6px 0;
}

#related-info ul.tips p.credit
{
	margin-top: 0;
}

#related-info ul.keywords a
{
	font-size: 0.92em;
}

#related-info ul.keywords h4 a
{
		font-size: 1.1em;
}

#related-info ul.tips p.credit
{
	 margin-bottom: 6px;
}

#related-info .section ul li
{
	margin-top: 10px;
}

#related-info .section ul.about-writer li,
#related-info .section ul.about-article li
{
	margin-top: 4px;
}

#related-info .writer h5
{
	margin-top: 8px;
}

#related-info .section ul li,
#related-info p,
#related-info ul.tips li p.description,
#related-info ul.tips li p.credit
{
	margin-top: 6px;
}

#related-info ul.tips li p,
#related-info ul.tips li
{
	margin-top: 0;
}

#related-info ul.tips li
{
	border-top-width: 1px;
	border-top-style: dotted;
}

#related-info ul.tips p.credit,
#related #keyword-continued h3,
#related #keyword-continued .linktext h3,
#related ul.trail li.image,
#related .ed-zone li.major-heading,
.trail-block-page #related li h3
{
	border: none;
}

#related-info div.section
{
	border-top-width: 1px;
	border-top-style: solid;
	padding-left: 160px;
	position: relative;
}

#related ul,
#related-info div.section,
.other #related .capsule,
.trail-block-page #related ul.tri li
{
	margin-bottom: 20px;
}

#related ul.tri li {
	margin-left: 0;
}

#related-info
{
	float: left;
	width: 620px;
}

#related-info h2,
#related #keyword-combiner h3,
#related #keyword-continued .major-heading h2,
.trail-block-page #related li.major-heading h2,
.other #related .capsule h2,
#related .pickablecontenttype h2,
#related .tag-tag h2
{
	border-top-width: 10px;
	border-top-style: solid;
	margin: 0 0 16px 0;
	font-weight: bold;
	padding-top: 3px; 
}

#related .pickablecontenttype li
{
	margin: 0 0 16px 0;
	padding-top: 3px;
}

#related ul.tri li,
.trail-block-page #related ul.tri li.major-heading,
.trail-block-page #wrapper #related #editor-zone-1 li ul,
.trail-block-page #wrapper #related #editor-zone-1 li ul li
{
	margin-bottom: 0;
}

#related-info .trail ul li,
#related-info ul.tips li
{
	padding-top: 2px;
}

#related-info ul.tips p.credit
{
	padding: 0;
}

#related-info .section h3,
#related-info div.section
{
	padding-top: 4px;
}

#related-info h3
{
	position: absolute;
	top: 0;
	left: 0;
	width: 140px;
	font-size: 1em;
}

#related-info #article-resources-trailblock h4.first,
#related-info .trail h4.first
{
	border: 0;
	padding-top: 0;
	margin-top: 0;
}

#related p.jump-related,
#related #fact-box
{
	border-top-width: 1px;
	border-top-style: solid;
}

#related #fact-box h2
{
	margin-bottom: 3px;
	border-top: none;
}

#related #fact-box h2
{
	margin-left: 25px;
}

#related #fact-box p,
#related #fact-box h2
{
	padding-bottom: 6px;
}

#related-articles p
{
	padding-right: 15px;
}

#related #keyword-continued li
{
	float: none;
}

ul.gallerylist li
{
	overflow: hidden;	
}

ul.gallerylist li p.gallery-link
{
	clear: left;
}

ul.images li
{
	width: 60px;
	margin-right: 10px;
	float: left
}

#related-info ul.keywords h5.date
{
	font-weight: normal;
}

#related-info ul.keywords li.series h5.date
{
	font-weight: bold;
}

#keyword-external-links h3 small,
#keyword-internal-links h3 small
{
	color: #999;
	display: block;
	font-size: 1em;
	font-weight: normal;
}

#related-info #keyword-external-links li,
#related-info #keyword-internal-links li
{
	padding-bottom: 10px;
}

#related-info #keyword-internal-links li.last,
#related-info #keyword-external-links li.last
{
	padding-bottom: 0;
}

#related-info #keyword-internal-links p,
#related-info #keyword-external-links p
{
	font-weight: bold;
}
          /* ----------  related-info.css ends here ----------- */
          /* ---------- content-type.css starts here ---------- */

/* Imports required for all content types */

          /* ---------- content-type-heading.css starts here ---------- */
/*
*	Content type heading and standfirst	
*/

#zones-nav
{
    padding-bottom: 6px;
}

#article-header
{
	background-color: #fff;
	padding-bottom: 0;
	padding-left: 0;
}

#article-header #main-article-info 
{
	float: left;
}

#article-header #strap-below
{
    margin-bottom: 1px;
}

#article-header #strap
{
	font-size: 1em;
	font-weight: bold;
	margin-top: 2px;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding-bottom: 9px;
	border-top: 0;
	line-height: 1.25;
}

#wrapper #article-header h1
{
    margin-bottom: 2px;
    line-height: 1.154;
    font-size: 2.166em;
    border-top: 0;
    font-weight: normal;
}

#article-header h1#heading-alone
{
    min-height: 91px;
}

#wrapper #article-header h1.long-headline
{
    margin-bottom: 35px;
}

#article-header h1,
#article-header h2,
#article-header p,
#article-header #main-article-info
{
	width: 460px;
}

#article-header #stand-first
{
	font-size: 1.333em;
	font-family: arial, sans-serif;
	color: #666;
}

#article-header .stand-first-alone
{
	padding-bottom: 34px;
}

#article-header .rating-container
{
    margin-top: 5px;
    margin-bottom: 37px; /* has to be margin to hide the background of the stars  */
}
          /* ----------  content-type-heading.css ends here ----------- */
          /* ---------- content-type-attributes.css starts here ---------- */
/*
*	Article attributes, byline, credit etc
*/

ul.article-attributes
{
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	font-size: 12px;
	line-height: 1.25;
	margin-top: 0;
	margin-bottom: 10px;
	padding-top: 2px;
	padding-bottom: 12px;
	position: relative;
	overflow: hidden;
	min-height: 66px;
	
}

#content ul.article-attributes li
{
	font-weight: normal;
	margin-bottom: 0;
}
	
#content ul.article-attributes li.byline,
#content ul.article-attributes li.history
{
	display: block;
}

ul.article-attributes li.byline a,
ul.article-attributes li.byline span
{
	font-weight: bold;
}


/* cartoon specific styles  */
body.cartoon ul.no-pic
{
	border-bottom: none;
	border-top: none;
}
 
body.cartoon ul.article-attributes
{
	padding-top: 3px;
	padding-bottom: 10px;
}
/* end Cartoon specific styles  */
          /* ----------  content-type-attributes.css ends here ----------- */
          /* ---------- packages-and-manual-trailblock.css starts here ---------- */
#manual-trailblock
{
	clear: both;
	width: 140px;
	margin-bottom: 20px;
	border-top-width: 1px;
	border-top-style: solid;
}

#box #manual-trailblock h3
{
	padding-top: 0;
}

#manual-trailblock ul
{
	margin: 0;
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 3px;
}

#manual-trailblock ul li
{
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 0;
	padding-top: 2px;
	padding-bottom: 9px;
	border-top-width: 1px;
	border-top-style: dotted;
}

div#manual-trailblock ul li div.strap
{
	border-bottom: 1px dotted #999;
	padding-bottom: 5px;
}

div#manual-trailblock ul li.picture div.strap
{
	border-bottom: none;
	padding-bottom: 0;
}

#manual-trailblock ul li.picture
{
    padding-top: 0;
}

div.navigation #manual-trailblock ul li
{
	margin-bottom: 0;
}

body.article #related #manual-trailblock ul li h3,
#manual-trailblock ul li h3,
#manual-trailblock ul li h2,
div#content div#manual-trailblock ul li h2,
body.audio-canonical #related div#manual-trailblock h2,
#manual-trailblock ul li div.strap,
body.video div#related div#manual-trailblock h2
{
	font-family: arial, sans-serif;
	font-size: 1em;
	font-weight: bold;
	border-top: none;
	border-bottom: none;
	margin: 0;
	padding: 0;
}

#manual-trailblock img.trail-icon
{
	margin-right: 0;
	vertical-align: baseline;
}

#manual-trailblock img#interactive
{
    padding-right: 2px;
    padding-left: 2px;
}

#manual-trailblock ul li.picture p,
#manual-trailblock ul li.picture h3,
body.article #related #manual-trailblock ul li.picture h3,
#manual-trailblock li.playable div.trail-caption,
#manual-trailblock li.picture div.trail-caption div.trailtext,
#manual-trailblock li.picture ul.sublinks li.bullet,
#manual-trailblock li.picture div.strap
{
	margin-left: 5px;
	margin-right: 5px;
}

#manual-trailblock ul li.picture,
#manual-trailblock ul li.picture p.thumbnail,
#manual-trailblock li.playable
{
	margin: 0;
	border-top: none;
}

#manual-trailblock ul li.picture
{
	overflow: visible;
}

#manual-trailblock ul li.first-trail
{
	padding-top: 0;
}

#manual-trailblock ul li.heading
{
	border-top-width: 1px;
	border-top-style: solid;
}

#manual-trailblock ul li.first,
#manual-trailblock ul li h3,
#manual-trailblock ul li h2
{
	border-top: none;
}

#manual-trailblock ul li.first
{
	padding-bottom: 9px;
}

#manual-trailblock ul li div.strap
{
	padding-top: 2px;
	margin-bottom: 3px;
}

body div#manual-trailblock ul.sublinks,
#manual-trailblock ul.sublinks li.last
{
	padding-bottom: 0;
	margin: 0;
}

#manual-trailblock ul.sublinks
{
	margin-top: 9px;
}

#manual-trailblock ul.sublinks li.bullet
{
	background-image: url(images/icon_bullet_sublink.gif);
	background-position: 0 3px;
	margin-left: 0;
}

/* gallery pages */
body.gallery #manual-trailblock
{
    clear: none;
}

body.gallery #manual-trailblock li.first
{
    padding-bottom: 9px;
}

body.gallery #manual-trailblock li.picture
{
    border: none;
}

body.gallery #manual-trailblock ul
{
    padding-bottom: 3px;
}
/* end gallery pages */

/* video pages */
body.video #wrapper #box #related #manual-trailblock h3
{
    border: none;
    margin-top: 0;
}

body.video #manual-trailblock ul li.first
{
    padding-top: 3px;
}

/* end video pages */
          /* ----------  packages-and-manual-trailblock.css ends here ----------- */
          /* ---------- embed-element.css starts here ---------- */
#content span.inline,
#content span.pullout
{
	display: block;
	float: left;
	width: 220px;
	margin: 0 20px 10px 0;
}

#content span.embed
{
	float: none;
	width: auto;
	margin: 0;
}

#content span.wide
{
	display: block;
	float: none;
	width: 460px;
}

#content span.pullout span.credit,
#content span.caption
{
	display: block
}

#content div.inbody-microapp
{
	float: left;
	width: 140px;
	margin: 0 20px 10px 0;
}
          /* ----------  embed-element.css ends here ----------- */
          /* ---------- bmj-search-form.css starts here ---------- */
#bmj-search-form
{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

#bmj-search-form,
#bmj-search-form p
{
    width: auto;
}

#bmj-search-form p
{
    color: #666;
}

#bmj-search-form p,
#bmj-search-form form
{
    margin-bottom: 5px;
}

#bmj-search-form form label
{
    position: absolute;
    left: -999em;
}

#bmj-search-form form #web-search-field
{
    width: 140px;
}
          /* ----------  bmj-search-form.css ends here ----------- */
          /* ---------- content-actions.css starts here ---------- */
/* buzz and digg links */

ul#content-actions
{
	float: right;
	width: 140px;
	margin-top: 2px;
}

#content #content-actions li,
#content-actions li div.comment-info-related
{
    margin-bottom: 0;
}

#content-actions li.third-party-tool
{
	border-top-width: 1px;
	border-top-style: dotted;
	margin-top: 3px;
	padding-top: 5px;
	padding-bottom: 3px;
}

#content-actions li.third-party-tool a
{
   	padding-left: 20px;
   	padding-bottom: 2px;
   	padding-top: 1px;
}

#content-actions li.no-comments
{
	border-top: none;
	margin-top: 0;
	padding-top: 1px;
}

body.video ul#content-actions
{
    position: absolute;
    right: 0;
}

body.blog-post ul#content-actions
{
    margin-top: 5px;
}
          /* ----------  content-actions.css ends here ----------- */

/* End imports required for all content types */

/* I think paragraph styles should go in here, even if they relate to specific content types. 
   Hopefully we will get to a point where we can refactor it - A */

body.article #content span.inline,
body.competition #content span.inline
{
	width: auto;
}

#content span.inline img
{
	padding-top: 5px;
}

body.article #content span.wide,
body.competition #content span.wide
{
	margin: 0;
}

body.article #content span.wide span.caption,
body.competition #content span.wide span.caption
{
	margin-bottom: 13px;
}

body.competition #content p
{
	margin-bottom: 10px;
}

body.quiz div#box div#related h3.front-link, 
body.audio div#box div.relatedlinks h3.front-link 
{
	border-top-width: 1px;
	border-top-style: solid;
}

/* This is related to increasing font size on our content types */
div#content
{
	font-size: 1.166em; /* 14px */
	line-height: 1.357; /* 19px at default font size */
}

.video-series div#content,
div#content.video-content,
div.video-content ul.article-attributes
{
	font-size: 1em;
}

div#content p.caption
{
	font-size: 0.857em;
	font-weight: normal;
	line-height: 1.25;
	margin-top: 0;
}

/* Needed to make the cartoons byline info float properly */
#content div#content-info ul.article-attributes li,
#content div#content-info ul.article-attributes
{
	float: left;
}

#content div#content-info ul.article-attributes li#contrib-shift
{
	position: relative;
	left: 10px;
	width: 350px;
}

#content div#content-info ul.article-attributes li.byline,
#content div#content-info ul.article-attributes li.publication
{
	float: none;
}
          /* ----------  content-type.css ends here ----------- */
          /* ---------- quiz-content-type.css starts here ---------- */

body.quiz #content
{
    width: 460px;
}

form.quiz ol li.question-container
{
	padding: 4px 0 16px 0;
 	overflow: hidden;
 	clear: both;
 	width: 100%;
}

form.quiz ol li.question-heading 
{
	border-top-style: solid;
	border-top-width: 1px; 
	margin-bottom: 15px;
	font-weight: bold;
	
}

form.quiz ol li.question-container p.question
{
	margin-bottom: 7px;
}

div#quiz-answers ul li img,
form.quiz ol.first li.question-container img.q-picture,
form.quiz ol.first li.question-container img.answer-picture-small
{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}


form.quiz ol.first li.question-container img.answer-picture-small
{
	padding-bottom: 5px;
	margin-bottom: 0;
}

form.quiz ol li.question-container ol.big-picture
{
	width: 100%;
	margin-top: 20px;	
	clear: both;
}

form.quiz ol li.question-container ol.video
{
	margin-top: 20px;
}

form.quiz ol li.question-container img.q-picture-small
{
	vertical-align: top; 
	margin-right: 5px;
	float: left; 
	margin-right: 20px;
}

form.quiz ol li.question-container ol li
{
	overflow: hidden;
	margin-bottom: 5px;
}

form.quiz ol.first li.question-container ol.audio li,
form.quiz ol.first li.question-container ol.audio li.multi-audio
{
	margin-bottom: 5px;
}

form.quiz ol.first li.question-container.first ol li, 
form.quiz ol li.question-container ol.picture li
{
	margin-bottom: 8px;
}

form.quiz ol.first
{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
}

body.quiz span.number
{
	display: block; 
	padding-right: 5px; 
	float: left;
}

form.quiz ol li.question-container ol li input
{
	float: left;
	margin: 2px 10px 0 0;
}

form.quiz ol li.question-container ol li label
{
	display: block; 
	width: 90%
}

form.quiz ol li.question-container ol li.multi-audio label
{
	display: inline;
}

form.quiz ol li.question-container ol.picture li label
{
	float: left;
}

p.question
{
	margin-bottom: 20px;
	display: block;
}

form.quiz input#submit
{
	margin-top: 8px;
	text-align: center;
}


div#content form.quiz ol.first li.credit
{
	margin-top: 10px;
}


div#quiz-results ul li
{
	display: inline;
}


div#content div#quiz-answers ul li ul.weighted-responses
{
	padding-bottom: 0;
}

div#content p#credit
{
	font-size: 0.9em; 
	color: #666; 
	margin-bottom: 20px;
}

div#content div#quiz-answers ul li ul.weighted-responses li,
div#quiz-results
{
	margin: 5px 0;
}

div#quiz-results img
{
 	float: left;
 	margin-right: 10px;
}

div#quiz-results ul
{
	clear: both; 
	margin-top: 16px;
	padding-top: 5px;
}


div#quiz-results img,
div#quiz-results p#score
{
	margin-bottom: 16px;
}

p.quiz-error 
{
	margin: 10px 0;
}

div#content div#quiz-answers ul li
{
	padding: 5px 0 20px 0;
	margin-bottom: 0;
	width: 100%;	
}

div#content div#quiz-answers ul li div
{
	float: left;
	width: 420px;
}

div#content form.quiz ol.first li.first,
form.quiz ol.first li.question-container.first
{
	border-top: none;
}

div#content form.quiz ol.first li.credit,
form.quiz ol li.question-container,
div#quiz-results ul,
div#content div#quiz-answers ul li
{
	border-top-width: 1px;
	border-top-style: dotted;
}

div#content div#quiz-answers ul li,
form.quiz span.number,
form.quiz p.question,
div#quiz-answers ul.weighted-responses li em,
div#quiz-answers ul.weighted-responses li em span.weight
{
	font-weight: bold;
}


div#quiz-answers ul li span,
p.quiz-error
{
	font-weight: normal;
}

body.quiz div#quiz-answers em
{
	font-style: normal;
}

div#content div#quiz-answers ul li ul.weighted-responses li
{
	border-top: 0;
	padding: 0;
	font-weight: normal;
}

div#quiz-answers ul.weighted-responses li span.weight
{
	display: block; 
	float: left; 
	margin-right: 10px;
}

a#show-answers-link
{
	cursor: pointer;
}


form.quiz ol li.question-container ol li.multi-audio
{
	margin-bottom: 5px;
}

form.quiz ol li.question-container ol.video img.answer-picture,
form.quiz ol li.question-container ol li img.answer-picture,
form.quiz ol li.question-container ol.audio img.answer-picture-small
{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

form.quiz ol li.question-container ol.audio img.answer-picture
{
	margin-bottom: 5px;
}

ol.first li.question-container li.multi-audio span
{
	margin: 8px 10px 0 0;
}

div#content form.quiz li.multi-audio div#flash-player
{
	margin: 0;
	margin-bottom: 10px;
}

body.quiz div#content ol.first li.question-container div.video
{
	margin-top: 5px;
}

body.quiz div#content div#flash-player
{
	margin: 8px 0 20px 0;
}

body.quiz #related .relatedlinks .front-link
{
    font-weight: normal;
}

body.quiz div#related
{
	margin-left: 0;
}
          /* ----------  quiz-content-type.css ends here ----------- */
          /* ---------- related-content.css starts here ---------- */
/* NOTE: section-contents relates to the audio template */

/* GALLERY and VIDEO page related content is at the bottom of this file */

div.related-content 
{
	background-image: url(images/horizontal-related-content.gif);
	background-repeat: repeat-y;
	background-position: top left;
	border-bottom-width: 20px;
	border-bottom-style: solid;
	clear: left;
	width: 620px;
	overflow: hidden;
}

.related-content h3#relatedInformation,
#more-in-series h3,
#box .related-content h3.first
{
	border-top-width: 10px;
	border-top-style: solid;
	padding-bottom: 14px;
	padding-top: 3px;
}

#box .related-content div.relatedlinks h3,
.related-content div.relatedlinks h3
{
	border-top-width: 1px;
	border-top-style: dotted;
	padding-bottom: 0;
	padding-top: 2px;
	margin-top: 9px;
}

#box .related-content div.relatedlinks h3.first,
.related-content div.relatedlinks h3.first
{
    margin-top: 0;
}

div.related-content div#keyword-rule-wrapper,
div.related-content div.related-item
{
	float: left;
	width: 140px;
	margin-right: 20px;
}

div.related-content div.last
{
	margin-right: 0;
}

/**** relatedlinks 1st column ****/
div.relatedlinks
{
    margin-bottom: 17px;
}

div.relatedlinks .relatedlinks-keywords li
{
    display: inline;
}

div.relatedlinks .relatedlinks-keywords li a span
{
	position: absolute;
	top: -100em;
}

div.relatedlinks p.webfeed
{
	border-top-width: 1px;
	border-top-style: dotted;
	padding-top: 9px;
}

div.relatedlinks p.webfeed a
{
	padding-left: 16px;
}
/**** end relatedlinks 1st column ****/



/**** related-item other columns ****/
div.related-item div.trailtext p
{
	display: inline;
}

div.related-item p.noTrailPicture
{
	padding-top: 3px;
	border-top-width: 1px;
	border-top-style: dotted;
}

div.related-item p.strap
{
	border-top-width: 1px;
	border-top-style: solid;
	padding-top: 3px;
	padding-bottom: 5px;	
}

div.related-content div.multi p.linktext
{
	margin-bottom: 8px;
}

div.related-content div.multi h5
{
	padding-top: 3px;
	border-top-width: 1px;
	border-top-style: dotted;
}

div.related-item div.related-footer
{
	border-top-width: 1px;
	border-top-style: dotted;
	margin-top: 8px;
	padding-top: 3px;
}
/**** end related-item other columns ****/


/**** related information in the right hand column ****/
div#related
{
	float: right;
	width: 140px;
}

div#related div.related-content
{
	background-image: none;
}

div#related div.related-content,
div#related div.relatedlinks,
div#related ul#article-toolbox-side,
div#related div#previous-polls,
div#section-contents div.related-content
{
    clear: none;
    width: 140px;
    float: right;
}

div#related div.relatedlinks h3,
div#section-contents .related-content div.relatedlinks h3,
body.cartoon #box div.navigation div.relatedlinks h3
{
    padding-top: 2px;
    margin-top: 9px;
}

div#related div.relatedlinks h3,
div#related div#blog-keywords ul,
div#section-contents .related-content div.relatedlinks h3,
body.cartoon div.navigation div.relatedlinks h3
{
	border-top-width: 1px;
	border-top-style: dotted;
}

div#related div.relatedlinks h3.first,
div#related div#relatedlinks h3.first,
div#related div.relatedlinks .more-of,
div#section-contents .related-content div.relatedlinks h3.first
{
    border-top-width: 1px;
    border-top-style: solid;
}

div#related h2.strap
{
	padding-left: 5px;
	border: none;
}

div#related p.jump-related
{
	padding-left: 20px;
}

div#related .more-of h3.first,
div#related div.relatedlinks h3.first
{
	margin-top: 0;
}

div#related div.relatedlinks h3.blog-more-on,
div#related div.relatedlinks .more-of,
div#box div#related div.relatedlinks .front-link,
div#section-contents div.relatedlinks .more-of,
div#section-contents div.relatedlinks h3.blog-more-on,
div#section-contents div.relatedlinks .front-link
{
	margin-top: 17px;
}

div#related div.relatedlinks .more-of h3.first,
div#section-contents .related-content,
div#section-contents .related-content ul.relatedlinks-keywords li
{
    border: none;
}

/* tools ad slot */
#related #tools a
{
    margin-bottom: 15px;
    display: block;
}

#related #tools img.ad-placeholder
{
    display: none;
}

/**** end related information in the right hand column ****/



/**** gallery pages ****/
body.gallery .related-content
{
    width: 140px;
}

body.gallery #box .related-content div.relatedlinks h3.first
{
    border-top-style: solid;
}

body.gallery div.related-content
{
    border-bottom: none;
}

body.gallery #relatedlinks p.jump-related
{
	display: none;
}
/**** end gallery pages ****/



/**** video pages ****/
body.video #related
{
    float: left;
   	margin-left: 0;
	margin-right: 20px;
	clear: both;
}

body.video #related h3
{
    padding-top: 2px;
    border-top-style: dotted;
    border-top-width: 1px;
    margin-top: 9px;
}

body.video #related h3.first
{
    margin-top: 0;
}

body.video #related ul.relatedlinks-keywords,
body.audio #related ul.relatedlinks-keywords
{
    margin-bottom: 0;
}

body.video h2#video-home-link
{
	margin-top: 17px;
	margin-bottom: 16px;
}

/**** end video pages ****/

/**** quiz pages ****/
body.quiz #related ul,
body.table #related ul#article-toolbox-side
{
    margin-bottom: 12px;
}
/**** end quiz pages ****/
          /* ----------  related-content.css ends here ----------- */
          /* ---------- series-component.css starts here ---------- */
/* more in series navigation at the top */

.series-navigation
{
	overflow: hidden;
}

.relative-series-navigation
{
	float: right;
}

.series-navigation
{
	padding-bottom: 9px;
	margin-bottom: 5px;
	border-bottom-style: solid;
	margin-top: 2px;
}

.series-navigation h4
{
	float: left;
}

/* more in series component at the bottom */

div#more-in-series
{
	float: left;
	margin-bottom: 20px;
	background-color: #fff;
}

div#more-in-series,
div#more-in-series ul,
div#more-in-series p.link-to-index 
{
	width: 620px;
}

div#more-in-series ul
{
	background-image: url(images/simplesite-inner-bg.gif);
	background-repeat: repeat-y;
	margin-top: 3px;
}

div#more-in-series ul,
div#more-in-series ul li,
div#more-in-series p.link-to-index
{
	float: left;
}

div#more-in-series ul li
{
	width: 300px;
	margin-right: 20px;
	border-top: 1px dotted #999;
	padding: 3px 0 5px 0;
}

div#more-in-series ul li.series
{
	margin-right: 0;
	float: right;
	clear: right;	
}

div#more-in-series ul li.no-description
{
	margin-right: 20px;	
	float: left;	
}

div#more-in-series ul li h4
{
	font-family: arial, sans-serif;	
	font-weight: bold;
}

div#more-in-series p.link-to-index
{
	clear: both;
	border-top: 1px solid #ccc;
	padding-top: 3px;
	background-color: #fff;
	margin-top: 10px;
}
          /* ----------  series-component.css ends here ----------- */

div.send-inner ul
{
	float: left;
}

div.send-inner div.capsule ul.trail li
{
	width: 201px;
}

#related div.send-inner ul
{
	margin-bottom: 0;
}

li.js-shower
{
	display: none;
}