/* ---------- 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 ----------- */
          /* ---------- component-badge.css starts here ---------- */
#promo div.component-badge li.badge
{
	height: 75px;
	overflow: hidden;
}

#promo div.component-badge h3
{
	line-height: 1em;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-bottom: 6px;
	border-top-width: 3px;
	border-top-style: solid;
}

#promo div.component-badge li.trail
{
    float: left;
    margin-bottom: 20px;
    width: 300px;
}

#promo div.component-badge li.trail ul#trail-text
{
	margin-left: 160px;
}

#promo div.component-badge li.trail ul#trail-text li
{
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-width: 1px;
	border-bottom-width: 1px;
	padding-top: 5px;
	padding-bottom: 9px;
}

#promo div.component-badge li.trail ul#trail-text li div.date 
{
	margin-bottom: 0;
}

#promo div.component-badge li.trail ul#trail-text li.more
{
	border: none;
}

#promo div.component-badge li.trail a img
{
	float: left;
	margin-right: 10px;
}
          /* ----------  component-badge.css ends here ----------- */

	/* these are used across multiple components, they're not connected to a single one */
          /* ---------- 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 ----------- */
          /* ---------- 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;
}

/* environment front components */
          /* ---------- rollover-showcase.css starts here ---------- */
.showcase .showcase-main .showcase-strap-link
{
	background: url(images/bg.png) repeat top left;
}

.showcase .showcase-overlay
{
	background: url(images/bg-8.png) repeat top left;
}

.showcase .rollover-active
{
	background: url(images/bg-wh.png) repeat top left;
}

.showcase .showcase-overlay
{
	position: absolute; 
	width: 479px; 
	height: 339px; 
	top: 0; 
	left: 0;
}

.showcase .showcase-main .showcase-strap-link a.link-text, 
.showcase .rollover-active .showcase-strap-link a.link-text 
{
	display: block; 
	position: absolute; 
	height: 84px; 
	width: 479px; 
	top: 0; 
	padding: 30px 0 0 6px;
}

.showcase .rollover-active .showcase-strap-link a.link-text 
{
	padding-top: 28px;
}

.showcase 
{
	border-bottom: 20px solid white;
	clear: left;
	margin-bottom: 0;
	width: 620px; 
	overflow: hidden;
}

.showcase .bd
{
	position: relative; 
	float: left;
}

.showcase .showcase-main
{
	float: left; 
	width: 479px; 
	height: 339px; 
	overflow: hidden; 
	z-index: 0; 
	position: relative; 
	top: 0; 
	left: 0;
}

.showcase .rollover-active-main
{
	float: none; 
	position: absolute;
}

.showcase .showcase-main .showcase-strap-link 
{
	position: absolute; 
	top: 255px; 
	left: 0; 
	height: 84px; 
	width: 479px;
}

.showcase .showcase-rollover
{
	border-bottom: 1px solid white;
	width: 140px; 
	clear: right; 
	overflow: hidden; 
	height: 84px; 
	position: relative; 
	float: right; 
	margin-left: 1px; 
	background-color: #7bad9c;
}

.showcase .showcase-rollover img
{
	display: none;
}

.showcase .showcase-rollover.rollover-active 
{
	width: 620px;
	height: 84px; 
	position: relative; 
	float: right; 
	z-index: 1;  
	margin-left: 0; 
	background-color: transparent;
	margin-top: -1px;
	border-top: 1px solid white;
}

.showcase .rollover-active img
{
	display: block; 
	float: right;
}

.showcase .rollover-active img.mask 
{
	display: none;
}

.showcase .strap 
{
	font-family: georgia, serif;
}

.showcase .showcase-main .strap
{
	font-weight: normal;
	font-size: 24px; 
	line-height: 1.083; 
	color: #7bbb00; 
	padding: 0 0 0 6px;
	position: relative;
}

.showcase .showcase-main a
{
	color: #fff; 
	text-decoration: none;
}

.showcase .showcase-main h3
{
	font-size: 24px; 
	line-height: 1.083; 
	color: #fff;
}

.showcase .showcase-rollover .strap
{
	font-weight: normal;
	font-size: 16px; 
	line-height: 1.125;
	color: #fff; 
	margin: 4px 3px 0 6px;
}

.showcase .showcase-rollover a
{
	color: #333; 
	text-decoration: none;
}

.showcase .showcase-rollover h3
{
	padding-top: 0; 
	margin: 0 6px;
}

.showcase .rollover-active .strap 
{
	margin: 0;
	padding-left: 6px;
	font-size: 20px; 
	line-height: 1.1;
	position: relative; 
	width: 473px;
}

.showcase .rollover-active h3
{
	font-size: 20px;
	line-height: 1.1;
	margin: 0;
}

.showcase .rollover-active .strap 
{
	color: #7bbb00;
	padding-top: 4px;
}

.showcase .rollover-active a
{
	color: #333;
}
          /* ----------  rollover-showcase.css ends here ----------- */
          /* ---------- one-column-image-trailblock.css starts here ---------- */
.one-column-image-editable
{
	display: block;
	float: none;
	clear: left;
}

.one-column-image-editable h3
{
	padding-bottom: 3px;
}

.one-column-image-editable p.strap
{
    color: #999;
}

.one-column-image-editable li,
.one-column-image-editable .more-on li:first-child,
.one-column-image-editable .ft
{
    border-top-width: 1px;
    border-top-style: dotted;
    border-top-color: #999;
}

.one-column-image-editable li
{
	clear: left;
    margin-bottom: 20px;
    overflow: hidden;
}

.one-column-image-editable li:first-child
{
    border-top: none;
}

.one-column-image-editable li a.link-image
{
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-top: 3px;
}

.one-column-image-editable li a img
{
    vertical-align: bottom;
}

.one-column-image-editable .ft
{
    padding-top: 5px;
}
          /* ----------  one-column-image-trailblock.css ends here ----------- */
          /* ---------- wide-multimedia-panel.css starts here ---------- */
.wide-multimedia-panel .hd
{
    margin-bottom: 10px;
}

.wide-multimedia-panel h2 em
{
	font-style: normal;
}

.wide-multimedia-panel div.highlight
{
	margin-right: 20px;
	margin-bottom: 20px;
}

.wide-multimedia-panel .two-col li.last
{
	border-top: 1px dotted #999;
	padding-top: 3px;
	clear: left;
}

.wide-multimedia-panel .two-col li
{
	margin-bottom: 17px;
}

.wide-multimedia-panel .two-col li.first
{
	min-height: 175px;
}

.wide-multimedia-panel div.highlight h3
{
	margin-bottom: 13px;
}

.wide-multimedia-panel span.content-type
{
	font-weight: bold;
}

.wide-multimedia-panel span span
{
	font-weight: normal;
}

.wide-multimedia-panel ul.sublinks
{
	clear: left;
}

.wide-multimedia-panel a.comment-count-info
{
	float: none;
}

.wide-multimedia-panel .four-col .pickabletag
{
	overflow: hidden;
	margin-bottom: 20px;
}

.wide-multimedia-panel .four-col .pickabletag li.first
{
	margin-right: 20px;
}

.wide-multimedia-panel .four-col .pickabletag li.last
{
	border-top: 1px dotted #999;
	width: 300px;
}

.wide-multimedia-panel .four-col .pickabletag li
{
	float: left;
	padding-bottom: 10px;
	width: 140px;
}

.wide-multimedia-panel .four-col .pickabletag h3
{
	border-top-color: #999999;
	border-top-style: solid;
	border-top-width: 1px;
	font-family: arial,sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 3px;
}
          /* ----------  wide-multimedia-panel.css ends here ----------- */
          /* ---------- 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;
}

/* 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 ----------- */
          /* ---------- standard-trailblock.css starts here ---------- */
.standard-trailblock h2
{
    width: 100%;
    overflow: hidden;
}

.standard-trailblock li,
.standard-trailblock .ft
{
    border-top-width: 1px;
    border-top-style: dotted;
    border-top-color: #999;
    margin-bottom: 16px;
    clear: left;
    overflow: hidden;
}

.standard-trailblock .ft
{
    margin-bottom: 0;
}

.standard-trailblock li.first
{
    border-top: none;
}

.standard-trailblock li.first .flash
{
    margin-top: 5px;
}

.standard-trailblock h3
{
    margin-bottom: 10px;
    padding-top: 3px;
}

.standard-trailblock li.first h3
{
    font-size: 21px;
    line-height: 1.143;
    margin-bottom: 14px;
}

.standard-trailblock li a.link-image
{
    float: left;
    margin-right: 10px;
    margin-top: 3px;
}

.standard-trailblock a.comment-count-info
{
	clear: left;
}
          /* ----------  standard-trailblock.css ends here ----------- */
          /* ---------- more-on-links.css starts here ---------- */
.more-on h3
{
    clear: left;
    display: block;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #999;
    font-family: arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 7px;
}

.more-on ul li,
.more-on .ft
{
    margin-bottom: 0;
    padding-top: 3px;
    padding-bottom: 7px;
}

.more-on ul li h3
{
    border-top: none;
    font-weight: normal;
    margin: 0;
}
          /* ----------  more-on-links.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 ----------- */
          /* ---------- binary-poll-narrow.css starts here ---------- */
#poll.narrow
{
	background-color: #e2e2e2;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	margin-top: 0;
	margin-bottom: 10px;
	width: 130px;
}

div.narrow h3,
div#wrapper div#section-contents div.narrow h3
{
	border-top: none;
	font-size: 16px;
	margin-bottom: 0;
}

div.narrow div.canvas-wrapper
{
	float: none;
	margin: 20px auto 0 auto;
	width: 125px;
}

div.narrow p#binary-poll-trail
{
	font-family: georgia, serif;
	font-size: 16px;
	float: none;
	line-height: 1.1;
	width: 125px;
}

div.narrow div.pie-values
{
	font-size: 16px;
}

div.narrow div#binary-poll-content,
div.narrow #left-answer-content, 
div.narrow #right-answer-content
{
	float: none;
	padding-bottom: 3px;
	width: 130px;
}

.binary-poll .poll-answer-winning,
.binary-poll .poll-answer-losing
{
	font-weight: bold;
}

div.narrow p#binary-poll-trail a
{
	color: black;
}

div.narrow p#vote-button-content
{
	border-top: 1px dotted #999;
	margin-top: 5px;
	padding-top: 5px;
}



/* COLOURS FOR BINARY POLL - THIS NEEDS TO BE MOVED SOMEWHERE SENSIBLE... */
.binary-poll .environment,
.binary-poll-narrow .environment
{
	color: #407001;
}

.binary-poll .news
{
	color: #d61d00;
}

.binary-poll .sport
{
	color: #008000;
}

.binary-poll .comment
{
	color: #ff3a00;
}

.binary-poll .business
{
	color: #3246ab;
}

.binary-poll .money
{
	color: #8f1ab6;
}

.binary-poll .life-and-style
{
	color: #FFC202;
}

.binary-poll .travel
{
	color: #066ec9;
}

.binary-poll .culture
{
	color: #D1008B;
}

.binary-poll .global
{
	color: #333;
}
          /* ----------  binary-poll-narrow.css ends here ----------- */
          /* ---------- chart.css starts here ---------- */
div.pie-values
{
	position: absolute;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 1.665em;
	font-family: arial, sans-serif;
	margin-top: -4px;
}

div.canvas-wrapper
{
	position: relative;
}
          /* ----------  chart.css ends here ----------- */
          /* ---------- attention-data.css starts here ---------- */
.attention-data #att-panes
{
    clear: right;
}

.attention-data div#att-panes li.first
{
	margin-bottom: 0;
}

.attention-data #att-panes,
.attention-data ol li
{
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #999;
    background-color: white;
}

.attention-data #att-panes p
{
    color: #e7613f;
    margin-top: 7px;
    margin-bottom: 7px;
    padding-left: 5px;
}

.attention-data #att-panes #att-most-commented p 
{
    padding-left: 10px;
}

.attention-data ol
{
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
}

.attention-data #att-most-commented ol
{
    padding-left: 10px;
    padding-right: 10px;
}

.attention-data ol li
{
    padding-top: 5px;
    padding-bottom: 5px;
    border-top-style: dotted;
    padding-left: 20px;
}

.attention-data div.att-toggle-pane ol li span 
{
    display: block;
    float: left;
    margin-left: -20px;
    text-indent: 0;
}

.attention-data ol li.more-most-viewed
{
    padding-left: 0;
    width: auto;
}

.attention-data div#att-latest li
{
    padding-left: 0;
    clear: left;
}

.attention-data div#att-latest li.first
{
    border-top: 0;
}

.attention-data div#att-latest a img
{
    float: left;
    margin-right: 10px;
    margin-bottom: 5px;
}

#promo .attention-data .capsule
{
    border: none;
    background-color: white;
}

.attention-data #most-viewed,
#promo div.att-toggle
{
    margin-bottom: 0;
}

div#promo .attention-data
{
	clear: left;
	border-color: #d3d3d3;
	margin-bottom: 20px;
}

#promo .attention-data .capsule
{
    padding-bottom: 0;
}

/* new grid overrides */
.three-five-four-grid .attention-data
{
    border-top: none;
    padding: 0;
    background-color: #f3f3f3;
}

.three-five-four-grid .attention-data .hd
{
    padding-bottom: 5px;
}

.three-five-four-grid  .attention-data h3
{
    font-weight: normal;
    font-size: 20px;
    margin-bottom: 0;
}

.three-five-four-grid #att-panes
{
    clear: right;
}
          /* ----------  attention-data.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 ----------- */
          /* ---------- user-comments.css starts here ---------- */
.user-comments li
{
    float: left;
    clear: left;
    width: 100%;
}

.user-comments h3
{
    padding-bottom: 3px;
}

.user-comments .featured-comment
{
    border-top-color: #999;
    border-top-width: 1px;
    border-top-style: dotted;
    margin-top: 20px;
    overflow: hidden;
    padding-top: 5px;
}

.user-comments .featured-comment h3
{
    padding-bottom: 0;
}

.user-comments .featured-comment img
{
    float: left;
    margin-right: 20px;
    margin-top: 5px;
}

.user-comments .featured-comment .trail-text
{
    font-family: georgia, serif;
    font-size: 16px;
    line-height: 1.1;
}
          /* ----------  user-comments.css ends here ----------- */
          /* ---------- row-combiner.css starts here ---------- */
.row-combiner
{
    clear: left;
}

.row-combiner h3
{
    font-family: arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    border-top: 1px solid #333;
    margin-bottom: 10px;
}
          /* ----------  row-combiner.css ends here ----------- */
          /* ---------- weather-header.css starts here ---------- */
div#weather-header p
{
	display: inline;
	float: left;
	margin-right: 3px;
	line-height: 200%;
}

div#weather-header img,
div#weather-header a,
div#weather-header span
{
	float: left;
}

div#weather-header img
{
	vertical-align: top;
	margin-right: 2px;
	margin-left: 4px;
}

div#local-info span,
div#weather-header span
{
	font-weight:bold;
}

div#weather-header span.pipe
{
	color: #bebebe;
	padding-left: 1px;
	padding-right: 1px;
}

div#weather-header
{
	float: right;
	display: inline;
	margin-top: 5px;
}

.temp-high,
.temp-low
{
	color: #fff;
	margin-top: -2px;
	background-position: center center;
	width: 46px;
	text-align: center;
}

.temp-high
{
	background-image: url(images/temp-high-bg-header.gif);
}

.temp-low
{
	background-image: url(images/temp-low-bg-header.gif);
	margin-left: 2px;
}
          /* ----------  weather-header.css ends here ----------- */

/* shopping front components */
          /* ---------- two-tone.css starts here ---------- */
.two-tone ul
{
	clear: both;
	margin-bottom: 20px;
	overflow: hidden;
}

.two-tone li
{
	min-height: 165px;
	padding-bottom: 10px;
}

.two-tone li,
.two-tone ul.alt li.last
{
	background-color: #F1F1F1;
}

.two-tone li.last,
.two-tone ul.alt li
{
	background-color: #FFFF8D;
}

.two-tone a.link-image
{
	display: block;
	float: left;
	margin-left: 10px;
}

.two-tone li h3
{
	padding: 10px;
}

.two-tone li p.trail-text
{
	position: relative;
	left: 10px;
	padding-right: 15px;
}

.two-tone a.comment-count-info
{
	clear: left;
	margin-left: 10px;
}

.two-tone .strap
{
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	margin-bottom: -10px;
}
          /* ----------  two-tone.css ends here ----------- */
          /* ---------- offers-grid.css starts here ---------- */
.offers-grid .offers-grid-item .offer-item-wrapper
{
	border: 1px solid #CCCCCC;
	min-height: 240px;
	margin-bottom: 10px;
	padding: 4px;
}

.offers-grid .offer-item-wrapper .trail-text
{
	margin-top: 7px;
}

.offers-grid .offers-grid-item .grid-offer-image,
.offers-grid .offers-grid-item img
{
	height: 77px;
	width: 128px;
}

.offers-grid ul
{
	clear: left;
	overflow: hidden;
	margin-top: -1px;
}

.offers-grid ul.sublinks
{
	margin-top: 0;
}

.offers-grid .comment-count-info
{
	float: none;
}

.offers-grid .strap
{
	margin-top: 0;
	padding-bottom: 3px;
}
          /* ----------  offers-grid.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 ----------- */
	
          /* ---------- 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 ----------- */
          /* ----------  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 ----------- */
          /* ---------- generic-toolbox.css starts here ---------- */
          /* ---------- pop-up.css starts here ---------- */

/* send-to-a-friend */

p.ip_logged {
	color: #666666;
	margin-top: 6px;
	text-align: center;
}

/* Pop up box */
.toolbox-popup
{
	display: none;
	position: relative;
	top: 30px;
	left: 0;
	background-color: #fff;
	z-index: 999;
	/*margin-bottom: 200px;*/ /* Big margin needed to prevent cropping of popups in Safari. SU */
}

.toolbox-popup div.send-inner
{
	z-index: 999;
	position: absolute;
/*	top: 0;
	left: 0;*/
	background: #fff;
	width: 442px;
	border: 9px solid #cdcdcd;
	padding-bottom: 10px;
}

.article-history .toolbox-popup
{
	border-top: 1px solid #ccc;
	display: block;
	top: 0;
	margin: 10px 0 0 0;
	clear: both;
	position: static;

}

.toolbox-popup h3
{
	border: 0;
	float: left;
	width: 200px;
	margin: 5px 0 7px 10px;
	font-family: arial, sans-serif;
	font-weight: bold;
}

.toolbox-popup .share-top
{
	float:left;
	margin-bottom: 10px;
	background: #e5e4e5;
	width: 442px;
}

.toolbox-popup .share-top span
{
	float: right;
	width: 200px;
	margin: 5px 10px 0 0;
	font-size: 1.0em;
	text-align: right;
}

.share-top span
{
	display: none;
}

.toolbox-popup .share-top span a
{
	font-weight: bold;
	color: #333;
}

.toolbox-popup .share-top span a:focus,
.toolbox-popup .share-top span a:hover,
.toolbox-popup .share-top span a:active
{
	background-color: #005689;
	color: white;
}

.toolbox-popup ul li
{
 	list-style-type: none;
}

/* contact us styles */

.toolbox-popup div.col
{
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	width: 201px;
}

.toolbox-popup div.col li
{
	border-top-width: 1px;
	border-top-style: dotted;
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 5px;
}

.toolbox-popup div.col li a,
.toolbox-popup div.col li span
{
	font-weight: normal;
}

.toolbox-popup div.col li ul
{
	padding-left: 0;
}
.toolbox-popup div.col li ul li
{
	border-top: 0;
	padding-bottom: 0;
	padding-top: 0;
	
}
/* end contact us styles */

/* Share styles */
#send-share div.col li ul
{
	padding-left: 0;
}

#send-share .send-inner ul li
{
	float:left;
	width: 206px;
	margin-left: 10px;
}

#send-share ul li
{
	border-top-width: 1px;
	border-top-style: dotted;
	padding-top: 5px;
	margin-bottom: 5px;
}

#send-share ul li a
{
	padding-left: 20px;
}

.toolbox-popup a.delicious
{
	background-image: url(images/icon_delicious.gif);
}

.toolbox-popup a.reddit
{
	background-image: url(images/icon_reddit.gif);
}

.toolbox-popup a.google
{
	background-image: url(images/icon_google.gif);
}

.toolbox-popup a.yahoo
{
	background-image: url(images/icon_yahoo.gif);
}

.toolbox-popup a.facebook
{
	background-image: url(images/icon_facebook.gif);
}

.toolbox-popup a.digg
{
	background-image: url(images/icon_digg.gif);
}

.toolbox-popup a.stumbleupon
{
	background-image: url(images/icon_stumbleupon.gif);
}

.toolbox-popup a.mixx
{
	background-image: url(images/icon_mixx.gif);
}

.toolbox-popup a.twitter
{
	background-image: url(images/icon_twitter.gif);
}

.toolbox-popup a.newsvine
{
	background-image: url(images/icon_newsvine.gif);
}

.toolbox-popup a.livejournal
{
	background-image: url(images/icon_livejournal.gif);
}

.toolbox-popup a.blinklist
{
	background-image: url(images/icon_blinklist.gif);
}

/* end share styles */

/* email styles*/

.toolbox-popup fieldset
{
	padding-bottom: 10px;
	clear: both;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
}

.toolbox-popup fieldset div
{
	float: left;
	width: 190px;
	text-align: right;
	margin-right: 10px;
}

.toolbox-popup label
{
    width: 190px;
}

.toolbox-popup div.inputrow
{
	clear: left;
	margin-left: 200px;
}

.toolbox-popup input[type=text], 
.toolbox-popup textarea
{
	width: 220px;
}

/* end email styles*/

          /* ----------  pop-up.css ends here ----------- */

/* History Link */
#historylink
{
	display: none;
}

ul#article-toolbox li a,
ul#article-toolbox-side li a
{
	cursor: pointer;
}

ul#article-toolbox .trail-icon,
ul#article-toolbox-side .trail-icon
{
	margin-right: 6px;
	vertical-align: middle;
}
	
/* Footer specific */
ul#article-toolbox
{
	border-top-width: 1px;
	border-top-style: dotted;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	clear: both;
	margin-bottom: 30px;
	margin-top: 10px;
	padding-top: 7px;
	padding-bottom: 5px;
	width: 100%;
	position: relative;
}

ul#article-toolbox li
{
	display: inline;
	padding-left: 0;
}

ul#article-toolbox li a
{
	padding-bottom: 3px;
	padding-left: 5px;
}

/* Side specific */

ul#article-toolbox-side
{
	border-top-width: 1px;
	border-top-style: solid;
	background-image:none;
	padding-left: 0;
	padding-bottom: 10px;
	padding-top: 6px;
	margin-bottom: 12px;
	float: left;
	text-align: left;
	width: auto;
}

#article-toolbox-side li
{
	display:  inline;
}

ul#article-toolbox-side li.last
{
	margin-right: 0;
}

ul#article-toolbox-side li a
{
	padding-left: 0;
	text-decoration: none;
}

#article-toolbox-side a.rollover:hover
{
	background: #fff;
}

#article-toolbox-side a.rollover:focus
{
	background: #fff;
	height: auto;
}

ul#article-toolbox-side li a.rollover span,
ul#article-toolbox-side li span
{
	position: absolute;
	left: -29px;
	top: -50px;
	display: none;
	width: 6.2em;
	text-align: center;
	color: #fff;
}

/* Tool tips in sidebar */
ul#article-toolbox-side li span
{
	line-height: 200%
}

/* Height on tool tips on multiple lines */
ul#article-toolbox-side li a.printable span,
ul#article-toolbox-side li a.sendlink span
{
	line-height: 1em;
}

ul#article-toolbox-side li a.rollover
{
	position: relative;
	z-index: 1;
	display: block;
	width: auto;
	float: left;
}

ul#article-toolbox-side li a.rollover:hover span
{
	display: block;
	background-color: #005689;
	background-image: url(images/triangle-rollover.gif);
	background-position: bottom center;
	z-index: 999;
	height: 3em;
	width: 6.2em;
	padding: 3px 0;
}

/* font resizing on side */
ul#article-toolbox-side li.resize
{
	border-top-width: 1px;
	border-top-style: dotted;
	display: block;
	clear: both;
	padding-top: 5px;
	margin-top: 10px;
	width: 140px;
	display: block;
	float: left;
}

ul#article-toolbox-side li.resize img
{
	vertical-align: middle;
	position: relative;
	top: -2px;
}

ul#article-toolbox-side li.resize a
{
	font-size: 1.17em;
}

/* end side specific */

/* audio player toolbox */
#content div#audio-player ul#article-toolbox
{
	background-color: transparent;
	border-top: 1px solid #E2E2E2;
	clear: left;
	float: none;
	margin: 10px 10px 0;
	padding: 3px 0;
	text-align: left;
	width: auto;
}

div#audio-player ul#article-toolbox li,
div#audio-player ul#article-toolbox li p.bullet a
{
	padding-left: 0;
}


li#main-audio #send-share,
li#main-audio #send-email,
li#main-audio #contact
{
	clear: left;
	margin-top: 0;
}

/* Gallery specific */

.gallery .toolbox-pop-up div.send-inner.portrait
{
	top: 0;
	left: 170px;
}

.gallery .toolbox-pop-up div.send-inner.landscape
{
	top: -240px;
	left: 170px;
}

.gallery ul#article-toolbox li.third-party-tool
{
    padding-left: 2px;
}

.gallery ul#article-toolbox li.third-party-tool a
{
    padding-left: 25px;
    padding-bottom: 3px;
   	padding-top: 1px;
   	background-position: 3px 1px;
}

/* end gallery specific */
/* Video specific */

#video-player ul#article-toolbox,
#video-player ul#toolbox-pop-up ul
{
	margin-bottom: 10px;
}

.video li.settings
{
    position: absolute;
    margin-right: 2px;
    right: 0;
}

#settings p
{
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 2px;
    margin-bottom: 9px;
}

#settings p.more
{
    border-top-width: 1px;
    border-top-style: dotted;
    border-top-color: #999;
    padding-top: 2px;
    margin-bottom: 0;
}

#settings .cookied span
{
    cursor: pointer;
    color: #005689;
}

#settings .cookied span:hover
{
    text-decoration: underline;
}

/* End video specific */

/* ----- Cartoon specific ----- */

body.cartoon .navigation #article-toolbox-side
{
	float: none;
	margin-bottom: 20px;
}

/* Cartoon full width */
body.cartoon .main-picture #article-toolbox-side
{
	border-top: none;
	float: right;
	padding-bottom: 10px;
}

/* ----- End cartoon specific ----- */

/* poll specific */

body.poll div#contact div.first ul,
body.competition div#contact div.first ul
{
    float: left;
}

body.competition div#contact ul.trail li.first
{
    width: 201px;
}

body.competition div#related div.toolbox-popup h3,
body.poll div#related div.toolbox-popup h3,
body.quiz div#related div.toolbox-popup h3
{
    border-top: none;
}

/* end poll specific */

/* interactive specific */
body#interactive-front ul#article-toolbox-side
{
    width: 140px;
}

body#interactive-front #contact .sponsored-features li.first
{
    width: 202px;
    border-top-style: dotted;
    border-top-width: 1px;
    overflow: visible;
}

body#interactive-front #contact div.first ul
{
    clear: left;
}
/* end interactive specific */
          /* ----------  generic-toolbox.css ends here ----------- */
          /* ----------  screen.css ends here ----------- */
          /* ---------- keyword-page.css starts here ---------- */
/* CSS for pages with body tag class keyword-page and keyword-sponsored */

body div#wrapper div#related #editor-zone-1 li.major-heading,
body div#wrapper div#related #editor-zone-2 li.major-heading,
body div#wrapper div#related #editor-zone-3 li.major-heading
{
	margin-top: 30px;
}

body div#wrapper div#related #editor-zone-1 li.major-heading.first,
body div#wrapper div#related #editor-zone-2 li.major-heading.first,
body div#wrapper div#related #editor-zone-3 li.major-heading.first
{
	margin-top: 0;
	padding-top: 0;
}

body div#wrapper div#related #editor-zone-1 li,
body div#wrapper div#related #editor-zone-2 li,
body div#wrapper div#related #editor-zone-3 li
{
	padding: 2px 0pt 6px;
}

div#wrapper div#box div#section-contents div.other-services li.major-heading h3
{
	border-top-width: 10px;
	border-top-style: solid;
}

p.more-on
{
	border-top-width: 1px;
	border-top-style: dotted;
	padding-top: 2px;
	padding-bottom: 12px;
}

body.keyword-sponsored #article-header div.ed-zone
{
	width: 460px;
	margin-top: 10px;
}

body.keyword-sponsored #article-header li
{
	border-top: 0;
}

body.keyword-sponsored #article-header a.feed
{
	position: absolute;
	left: 480px;
	top: 10px;
	display: block;
	width: 140px;
}

body.keyword-page #article-header a.feed
{
	float: right;
	position: static;
	margin-top: 10px;
	display: block;
	width: auto;
}

body.keyword-page #article-header div.microsite-badge a.feed
{
	position: absolute;
}

body.keyword-page div#wrapper div.microsite div.microsite-badge p
{
	height: 20px;
}

body.keyword-page #article-header #editor-zone-3
{
	clear: both;
}

body.keyword-page #article-header #sponsored-keyword-image
{
	overflow: auto;
	width: 620px;
	margin-top: 0.5em;
}

body.keyword-page #article-header #sponsored-keyword-image a.feed
{
	position: static;
	float: left;
	margin-top: 0.3em;
}

body.keyword-page #article-header #sponsored-keyword-image p
{
	position: relative;
	float: right;
}

body.keyword-page #article-header #sponsored-keyword-image p a
{
	margin-left: 5px;
}

body.keyword-page #article-header #sponsored-keyword-image p img
{
	vertical-align: middle;
}

body.keyword-page #article-header h1 span
{
	display: block !important;
}

body.keyword-page #content
{
	 width: 300px;
	 margin-left: 160px;/*see ie.css double margin bug*/
}

body.tag-content #content
{
	margin-left: 0;
	width: 460px;
}

body.reuters div#related .capsule h3
{
	padding-top: 3px;
	padding-bottom: 0;
}

body.reuters #sub-content
{
	float: left;
	width: 300px;
}

body.reuters #stock-toggle,
body.reuters div#content
{
	padding-bottom: 20px;
	float: left;
	width: 460px;
}

body.reuters #wrapper #related div#stock-search-narrow
{
	margin-bottom: 20px;
}

body.keyword-page ul.trailblock li.odd
{
	margin-left: 0;
}

body.keyword-page #related
{
	width: 140px;
}

.keyword-page #section-contents .capsule
{
	clear: both;
}

body.keyword-page #related .capsule h3,
body.keyword-page #section-contents .capsule h3,
body.keyword-page #related li.major-heading h2
{

	border-top-width: 10px;
	border-top-style: solid;
	margin: 0 0 18px 0;
	padding-top: 3px;
	/*because the gaps between the individual tips will be smaller */
}

body.keyword-page div#wrapper div#section-pickable-tag-combiner h3
{
	border: none;
	font-weight: normal;
	margin-bottom: 0;
	font-size: 1em;
	padding-top: 0;
	padding-bottom: 0;
}

div#wrapper div#related div#keyword-internal-links h2,
div#wrapper div#related div#keyword-external-links h2
{
	margin-bottom: 10px;
}

body.keyword-page #section-contents .football-team-stats h3
{
	margin-bottom: 15px;
}

body.keyword-page #related .capsule
{
	margin-bottom: 20px; /* was top watch out for breakage*/
}

body.keyword-page ul.trailblock li.odd
{
	clear: left;
}

body.keyword-page ul.trailblock li
{
	clear: none;
}

body.keyword-page #wrapper #box #content ul.auto-trail-block li.first,
body.keyword-page #wrapper #box #content ul.auto-trail-block li.first h3
{
	float: none;
	width: 100%;
}

body.keyword-page #content h2.first,
body.keyword-page #main-trailblock #content h2
{
	border-top-width: 10px;
	border-top-style: solid;
	clear: left;
}

body.keyword-page #content h2.image-sibling
{
	border-top: none
}

body.keyword-page #related
{
	padding-top: 0;
	margin-left: -460px;
	float: left;	
}

body.reuters div#related
{
	padding-top: 0;
	margin-left: -620px;
	float: left;	
}

.keyword-page #related .capsule
{
	clear: left;
}

.keyword-page .keywords li,
.keyword-page #section-contents .football-team-stats li,
.keyword-page #related #comment .capsule li.normal
{
	padding: 3px 0 5px 0;
}

.keyword-page #related .capsule .keywords li.major-heading,
.keyword-page #section-contents li.major-heading
{
	padding-top: 0;
}

.keyword-page #section-contents ul.tri li
{
	margin-left: 0; /*this rule compensates for the above rule and make's sure that editable trailblocks thats appear in related divs do not have a margin of 20*/
	padding-bottom: 6px;
}

.keyword-page #related .capsule ul.tri li
{
	float: none;
}

.keyword-page #keyword-trailblock li.normal
{
	margin-bottom: 20px;
}

.keyword-page div#box div#content #section-contents ul li
{
	width: auto;
}

div#related div.capsule h4 
{
	line-height: 200%; 
	border-top: 1px solid #999; 
	margin-top: 14px; 
}


body.reuters div#related div#stock-search-narrow h3
{
	padding-bottom: 12px;
}

table.ftse100 
{
	border-top:1px solid #C3C3C3;
	width:auto;
	float:left;
	margin: 20px 0 8px 0;
}

table.down 
{
	margin-left: 20px;
}

table.ftse100 thead th.company 
{
	width: 160px;
}

table.ftse100 thead th.price 
{
	width: 60px;
}

table.ftse100 thead th.price 
{
	width: 70px;
}

table.ftse100 th span 
{
	padding-left: 5px;
}

table.ftse100 tbody th, 
table.ftse100 td 
{
	border-top: 1px dotted #C3C3C3;
}

table.ftse100 td, 
table.ftse100 th 
{
	padding: 3px 1px;
}

table.ftse100 thead th 
{
	vertical-align: top;
}

table.ftse100 thead th.company 
{
	padding-bottom: 10px;
}

table.ftse100 tbody th 
{
	background-image: none;
}

table.marketindex 
{
	border-top: 1px solid #C3C3C3;
	float: left;
	margin: 0pt 20px 15px 0pt;
	width: 140px;
}

table.marketindex.last 
{
	margin-right: 0pt;
}

table.marketindex th.indexname 
{
	width: 80px;
}	

table.marketindex td.netchange 
{
	vertical-align: top;
	width: 60px;
}

table.marketindex td.netchange span 
{
	padding: 2px 5px;
}

table.marketindex td, table.marketindex th 
{
	padding: 2px 1px 0pt;
}

table.marketindex td.timetillclose 
{
	height: 15px;
}

table.marketindex td.unchanged span 
{
	display: block;
	margin-top: 8px;
}

table.marketindex td.up span 
{
	display: block;
	margin-top: 15px;
}

table.marketindex td.down span 
{
	display: block;
	margin-top: 8px;
}


body.reuters #stock-search-form 
{
	background-color: #fff;
}

/* related-content-type */

div#wrapper div#promo div.related-content-type h3
{
	border-bottom: 1px dotted;
	padding-bottom: 9px;
	margin-bottom: 7px;
}

div#wrapper div#promo div.related-content-type h4
{
	border-top: 0;
	margin-top: 0;
	padding-top: 0;
}

div.related-content-type li div
{
	margin-right: 93px;
	position: relative;
}

div.related-content-type li div span
{
	position: absolute;
	top: 0;
	right: 0;
}

div.related-content-type li img
{
	position: absolute;
	right: 0;
	top: 0;
}

div.related-content-type li 
{
	border-bottom: 1px dotted;
	clear: both;
	padding-bottom: 5px;
	position: relative;
	margin-bottom: 5px;
	min-height: 55px;
}

/* Markets roundup page, originally a tag but it still looks like one */

body.reuters .marketindex
{
	margin-bottom: 20px;
}

body.reuters #article-header
{
	min-height: 68px;
}

body.reuters div#related div#stock-search-narrow h3
{
	border-top-width: 10px;
	border-top-style: solid;
}

body.reuters #market-data-header h2
{
	border-top-width: 10px;
	border-top-style: solid;
}

body.reuters #market-graphs
{
	margin-bottom: 20px;
}

body.reuters .stock-toggle-pane
{
	border: 1px solid #bebebe;
}

body.reuters #lichart img
{
	margin-left: 5px;
}

body.reuters p#reuters-blurb
{
	border-top: 1px dotted #bebebe;
	margin: 4px 4px 10px 4px;
	padding-top: 4px;
}

body.reuters p#reuters-blurb img
{
	vertical-align: bottom;
}

body.reuters div#movers-chart
{
	border-bottom:1px solid #c3c3c3; 
	float:left; 
	margin-bottom: 20px;
	width: 100%;
}

body.markets-index #box #content #editor-zone-2 li.major-heading
{
	margin-bottom: 0;
}


body.markets-index #box #content #editor-zone-2 li.normal .linktext
{
	margin-top: 8px;
	padding-top: 3px;
	border-top-width: 1px;
	border-top-style: dotted;
}

/* Markets roundup page ends */

/* tag + content type */

body.tag-content #editor-zone-3 li
{
	border-top: 0;
}

body.tag-content ul#main-trailblock
{
	overflow: hidden;
	padding-bottom: 9px;
	width: 620px;
}

body.tag-content ul#main-trailblock ul.article-attributes
{
	border-top: 1px dotted #ccc;
	margin-bottom: 20px;
}

body.tag-content ul#main-trailblock ul.article-attributes li
{
	float: none;
	display: inline;
}

body.tag-content ul#main-trailblock li.standfirst
{
	border-top: 1px dotted #ccc;
}

body.tag-content ul#main-trailblock li#editors-heading h2 
{
	border-top-width: 10px;
	border-top-style: solid;
	padding-bottom: 9px;
}

body.tag-content ul#main-trailblock li#main-video
{
	float: left;
	margin-right: 20px;
	width: 460px;
}

body.tag-content ul#main-trailblock li.video-title
{
	border-top: 1px solid #ccc;
}

body.tag-content ul#main-trailblock li.video-title p
{
	margin-bottom: 20px;
}

body.tag-content div#paginated-tag-content ul
{
	overflow: hidden;
	clear: both;
}

body.tag-content div#paginated-tag-content li
{
	float: left;
	margin-right: 20px;
	width: 140px;
}

body.tag-content div#paginated-tag-content ul.pagination li
{
	float: none;
	margin-right: 0;
	margin-bottom: 0;
	padding: 0;
}

body.tag-content div#paginated-tag-content ul.pagination li.last
{
	float: right;
	width: auto;
}

body.tag-content div#paginated-tag-content ul.pagination li.first
{
	float: left;
	width: auto;
}

body.tag-content div#paginated-tag-content li.last-in-row,
body.tag-content div.pickablecontenttype div#paginated-tag-content li
{
	margin-right: 0;
}

body.tag-content span.duration
{
	display: block;
	padding-bottom: 10px;
}

/* */

body.boss-tag span.byline,
body.beautiful-boss span.byline
{
	float: left;
	padding-right: 5px;
}

div.tag-tag ul li
{
	padding-top: 2px;
	padding-bottom: 10px;
}

/* Round up page starts */
body.keyword-page #paginated-tag-content h3
{
	border-top-width: 10px;
	border-top-style: solid;
	margin: 0 0 16px 0;
	padding-top: 3px;
}	
	
body.keyword-page #section-contents #paginated-tag-content ul li,
body.other #section-contents #paginated-tag-content ul li
{
	border-top: none;
	margin-bottom: 20px;
}	
	
body.keyword-page ul#auto-trail-block div.associated-keywords a
{
	display: inline;
}	

body.keyword-page div.latest-in-folder h4
{
	border-top: 1px solid #999;
	padding-top: 4px;
	padding-bottom: 5px;
}	

body.keyword-page div.latest-in-folder p
{
	margin-bottom: 6px;
	border-top: 1px dotted #999;
	padding-top: 4px;
	padding-bottom: 11px;
}	

/* Round up page ends */


/* trailerpark styles */
body.trailerpark div#content
{
	width: 460px;
	margin: 0 20px 0 0;
}

body.trailerpark ul#editors-picks,
body.trailerpark ul#editors-picks li,
body.trailerpark ul#video-trailblock li,
body.trailerpark #box #content ul.tri li
{
	width: 100%;
}

body.trailerpark #box #content ul.tri li,
body.trailerpark div#related
{
	margin-left: 0;
}

body.trailerpark #wrapper #related div#editor-zone-2 ul li,
body.trailerpark #related div#editor-zone-2 ul li h2
{
    margin-bottom: 0;
    padding-bottom: 0;
}

body.trailerpark div#content h2.first,
body.trailerpark #related div#editor-zone-2 ul li h2,
body.trailerpark div#related li.major-heading
{
	margin-bottom: 14px;
}

body.trailerpark ul#video-trailblock li.major-heading h2,
body.trailerpark ul#video-trailblock li#main-video,
body.trailerpark ul#video-trailblock li.trailtext,
body.trailerpark ul#editors-picks li.major-heading h2
{
	margin-bottom: 0;
}

body.trailerpark ul#video-trailblock li.linktext
{
	margin: 5px 0 9px 0;
}

body.trailerpark ul#editors-picks
{
	margin-bottom: 10px;
	overflow: hidden;
}

body.trailerpark ul#editors-picks div.trailtext,
body.trailerpark ul#editors-picks div.trailtext a.mask
{
	float: left;
}

body.trailerpark ul#editors-picks li.normal
{
	border-top-width: 1px;
	border-top-style: dotted;
}

body.trailerpark ul#auto-trail-block li div.pictureurl
{
    float: left;
    margin-right: 20px;
}


.keyword-page #section-contents ul.tips ul.credit li.blog-contributor,
.keyword-page #section-contents ul.tips ul.credit li.blog-date
{
		color: #999;
}

/* end trailerpark styles */

body.keyword-page div#content li.normal img
{
	float: left;
	margin-right: 10px;
}

body.keyword-page div#content li.wide img
{
	margin-right: 0;
}

body.keyword-page div#wrapper div#box div#content p.explainer
{
	margin-bottom: 20px !important;
}

body.keyword-page #buzz-quotes blockquote
{
	line-height: 1.2;
	border-top-style: dotted;
	border-top-width: 1px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 8px;
}

body.keyword-page #latest-media ul h3
{
	border-top-color: #000;
	margin-bottom: 8px;
}

div#buzz-quotes p#daylife-logo
{
	border-top: 1px dotted #999;
	margin-top: 8px;
	margin-bottom: 15px;
	padding-top: 3px;
}

div#buzz-pictures p#daylife-logo
{
	border-top: 1px dotted #999;
	clear: left;
	margin-top: 8px;
	padding-top: 3px;
}

div#section-contents div#buzz-articles h2,
div#content div#buzz-pictures h2
{
	margin-bottom: 17px;
}

#buzz-pictures #main-image
{
	margin-bottom: 8px;
}

#buzz-pictures div.thumb
{
	 float: left;
	 margin-left: 10px;
}

#buzz-pictures div.thumb.even
{
	margin-left: 0;
}

#latest-media li
{
	margin-bottom: 8px;
}

#quotes-container
{
	margin-bottom: 20px;
}

/* Styles for the football leagues tag pages wich don't have a related content column*/

body.football-tournament #wrapper #related
{
	margin-left: -620px;
}

body.football-tournament div#wrapper div#box div#content ul#main-trailblock.trailblock li.image,
body.football-tournament div#wrapper div#box div#content ul#main-trailblock.trailblock li
{
	float: none;
	width: 100%;
}

body.football-tournament #content,
body.football-tournament #wrapper #box #content ul
{
	width: 460px;
}

body.football-tournament ul#main-trailblock li.wide div.pictureurl a img
{
	margin-right: 20px;
}

body.football-tournament #wrapper #box #content ul.sublinks,
body.football-tournament div#wrapper div#box div#content ul#main-trailblock.trailblock ul.sublinks li
{
	width: auto;
}

body.football-tournament div#wrapper div#box div#content ul#main-trailblock.trailblock li.wide div.media-above
{
	border-top: none;
	clear: right;
}

body.football-tournament ul#main-trailblock li.wide div.media-above h3
{
	border-top-width: 1px;
	border-top-style: dotted;
	width: 140px;
	overflow: hidden;
}

body.football-tournament #auto-trail-block li.wide.image a,
body.football-tournament #auto-trail-block li.wide div.trailtext
{
	float: left;
}

body.football-tournament #auto-trail-block li.image.wide h3
{
	border-top-width: 1px;
	border-top-style: dotted;
}

body.football-tournament #wrapper #box #content #auto-trail-block li.image.wide h3,
body.football-tournament #wrapper #box #content #auto-trail-block li.image.wide div.trail-text,
body.football-tournament #wrapper #box #content #auto-trail-block li div.media-above
{
	float: right;
	width: 140px;
}

/* factbox styling */

div.factbox li.major-heading
{
	border-top-style: solid !important;
	border-top-width: 10px !important;
	font-family: georgia, serif;
	font-size: 1.166em;
	font-weight: bold;
	margin-bottom: 15px;
	padding-top: 3px;
}

div.factbox
{
	margin-bottom: 20px;
}

div.factbox li
{
	border: none;
	margin-bottom: 3px;
}

div.factbox ol.custom-facts li
{
	border-top: 1px dotted #999;
	margin-bottom: 7px;
	padding-top: 3px;
}

div.factbox b
{
	font-weight: bold;
}

#auto-trail-block li div.media-above
{
    border-top: none;
}
          /* ----------  keyword-page.css ends here ----------- */
          /* ---------- buzz-articles.css starts here ---------- */
div#buzz-articles li,
p#more-daylife 
{
	border-top-width: 1px;
	border-top-style: dotted;
	clear: left;
	padding-bottom: 5px;
	padding-top: 5px;
	margin-bottom: 0;
}

p#about-daylife
{
	margin-top: 4px;
}

p.time-since
{
	color: #ff3a00;
}

div#buzz-articles h4
{
	font-family: arial, sans-serif;
	font-weight: bold;
}

p.icon img 
{
	border:1px solid #CCCCCC;
	margin-right:3px;
	vertical-align:middle;
}

div.hideable div,
div#content div.hideable h2,
div#section-contents div.hideable h2
{
	margin-bottom: 0;
}

div#buzz-articles p#daylife-logo
{
	border-top: 1px dotted #999;
	margin-top: 8px;
	padding-top: 3px;
}

div#section-contents div#buzz-articles h2,
div#content div.hideable div#buzz-articles h2
{
	margin-bottom: 17px;
}

div#related div#buzz-articles ul
{
	margin-bottom: 0;
}
          /* ----------  buzz-articles.css ends here ----------- */
          /* ---------- pix-grid.css starts here ---------- */
div#wrapper div#pix-grid
{
	width: 940px;
}

div#wrapper div#box div#pix-grid
{
	width: 620px;
}

div#pix-grid
{
	clear: left;
	overflow: hidden;
	background-color: white;
}

div#pix-grid h3
{
	border-top-style: solid;
	border-top-width: 10px;
	font-weight: bold;
	margin-bottom: 13px;
	padding-top: 3px;
}

div#pix-grid ul
{
	overflow: hidden;
	margin-bottom: 20px;
}

div#pix-grid li
{
	float: left;
	margin-right: 20px;
}

div#pix-grid li.last
{
	margin-right: 0;
}

div#pix-grid li a
{
	display: block;
	line-height: 0;
	text-decoration: none;
	width: 140px;
	position: relative;
}

div#pix-grid li a.link-text
{
	width: 134px;
	height: 79px;
	color: white;
	padding: 3px;
	line-height: 1.25;
}

div#pix-grid li a span
{
	display: none;
	color: white;
	line-height: 1.25;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
	position: absolute;
	top: 0;
	left: 0;
	width: 134px;
}

div#pix-grid ul.ragged
{
	position: relative;
}

div#pix-grid ul.ragged li
{
	position: absolute;
	bottom: 0;
}

div#pix-grid ul.ragged li#pix-1
{
	left: 0;
}

div#pix-grid ul.ragged li#pix-2
{
	left: 160px;
}

div#pix-grid ul.ragged li#pix-3
{
	left: 320px;
}

div#pix-grid ul.ragged li#pix-4
{
	left: 480px;
}

div#pix-grid ul.ragged li#pix-5
{
	left: 640px;
}

div#pix-grid ul.ragged li#pix-6
{
	left: 800px;
}
          /* ----------  pix-grid.css ends here ----------- */
          /* ---------- front-feature-trailblock.css starts here ---------- */
/* this is the CSS for the special feature front trailblock in use on music, film and life and style */

body div#wrapper div.front-feature-trailblock,
body div#wrapper div#main-trailblock
{
   background-image: none;
}

body#society div#wrapper div#main-trailblock,
body#education div#wrapper div#main-trailblock
{
    background-image: url(images/simplesite-inner-bg.gif);
}

div#content div.front-feature-trailblock ul
{
	overflow: hidden;
	padding-bottom: 0;
}

#wrapper div.front-feature-trailblock li.major-heading h2
{
	margin-bottom: 16px;
}

div#wrapper div.front-feature-trailblock ul.compact li.landscape,
div#wrapper div.front-feature-trailblock ul.extended li.landscape div.pictureurl,
div#wrapper div.front-feature-trailblock ul.extended li.landscape div.video-container,
div#wrapper div.front-feature-trailblock li.portrait
{
	float: left;
	margin-right: 20px;
	width: 460px;
}

div.front-feature-trailblock ul.extended li.landscape
{
	width: 620px;
	margin-bottom: 0;
}
#wrapper div.front-feature-trailblock ul li.landscape,
body.art-and-design div.front-feature-trailblock ul.extended li.landscape
{
    margin-bottom: 20px;
    overflow: hidden;
}

body.music-feature div.front-feature-trailblock ul.extended li.landscape div.pictureurl,
body.music-feature div#content div.first
{
	margin-right: 0;
}

body div#wrapper #box #content div.front-feature-trailblock li.landscape div.trail-caption div.linktext h2,
body div#wrapper #box #content div.front-feature-trailblock li.landscape div.trail-caption div.linktext h2
{
	border-top-width: 1px;
	border-top-style: dotted;
}

div.front-feature-trailblock li.landscape div.trailtext,
div.front-feature-trailblock li.portrait div.trailtext
{
	font-family: georgia, serif;
	font-size: 16px;
	line-height: 19px;
	margin-top: 3px;
}

div.front-feature-trailblock li.landscape div.trailtext a.comment-count-info,
div.front-feature-trailblock li.portrait div.trailtext  a.comment-count-info
{
	font-family: arial, sans-serif;
	font-size: 12px;
	line-height: 15px;
	margin-top: 3px;
	padding-bottom: 4px;
}

div.front-feature-trailblock li.landscape h2,
div.front-feature-trailblock li.portrait h2
{
	font-family: georgia, serif;
	font-size: 21px;
	line-height: 24px;
	padding-top: 1px;
	margin-bottom: 0;
}


body#feature-trailblock div#wrapper div#box div.front-feature-trailblock ul.extended li.landscape h2,
body#feature-trailblock div#wrapper div#box div.front-feature-trailblock ul.compact li.portrait h2,
body#feature-trailblock div#wrapper div#box div.front-feature-trailblock ul.extended li.landscape h2,
body#feature-trailblock div#wrapper div#box div.front-feature-trailblock ul.compact li.portrait h2
{
	border-top: 1px dotted #999;
}

div.front-feature-trailblock ul.compact li.landscape h2,
body#feature-trailblock div#box div.front-feature-trailblock ul.compact li.landscape h2
{
	border-top: none;
}

li.landscape div.rating-container
{
	position: relative;
	top: -10px;
}

div.front-feature-trailblock li.trail h3
{
	font-family: georgia, serif;
	font-size: 1.37em;
	line-height: 1.1;
	padding-top: 2px;
}

div.front-feature-trailblock ul.extended li.landscape div.trail-caption,
div.front-feature-trailblock li.trail,
div.front-feature-trailblock ul.extended li.trail,
div.front-feature-trailblock ul.extended ul.sublinks
{
	float: left;
	width: 140px;
}

#wrapper div.front-feature-trailblock li.trail
{
	margin-bottom: 17px;
}

#wrapper div.front-feature-trailblock #feature-sub-list li.trail
{
    margin-bottom: 0;
}

#wrapper div.front-feature-trailblock ul.extended li.wide
{
	margin-top: 0;
}

div.front-feature-trailblock ul.compact li.portrait
{
	margin-bottom: 20px;
}

body.beautiful-boss div.front-feature-trailblock ul#feature-sub-list
{
	background-image: url(images/beautiful-boss-bg.gif);
	background-position: left top;
	background-repeat: repeat-y;
	float: left;

}

div.front-feature-trailblock ul.extended li.trail,
div.front-feature-trailblock ul#feature-sub-list li.trail,
div.front-feature-trailblock ul.compact li.portrait,
body#katine-front div#content div.front-feature-trailblock li.trail
{
	margin-right: 20px;
}

div#wrapper div.front-feature-trailblock ul.extended li.wide,
div#wrapper div.front-feature-trailblock ul.extended li.wide ul.sublinks
{
	width: 300px;
}

div.front-feature-trailblock ul li.trail div.trailtext,
div.front-feature-trailblock ul li.image div.trailtext
{
	margin-top: 8px;
}

div.front-feature-trailblock ul.extended li.last,
div.front-feature-trailblock ul#feature-sub-list li.last,
body#katine-front div#content div.front-feature-trailblock ul li.last
{
	margin-right: 0;
}

div.front-feature-trailblock li.portrait
{
	min-height: 400px;
}

div.front-feature-trailblock div.pictureurl a
{
	line-height: 0;
}

div#content li.image h3
{
	margin-top: -2px;
}

div.front-feature-trailblock li.portrait div.pictureurl
{
	float: left;
	position: relative;
	left: 160px;
	width: 300px;
}

div.front-feature-trailblock li.portrait div.trail-caption
{
	float: left;
	margin-left: -300px;
	width: 140px;
}

div.front-feature-trailblock li.portrait ul.sublinks
{
	clear: left;
	width: 140px;
}

div#content ul.compact
{
	padding-bottom: 20px;
}

div#content ul.extended
{
	padding-bottom: 10px;
}

div.front-feature-trailblock ul.extended li.first,
div.front-feature-trailblock ul#feature-sub-list li.first

{
	clear: left;
}

div#wrapper div.front-feature-trailblock ul.extended li.wide h2,
body#feature-trailblock div#box div.front-feature-trailblock ul.extended li.wide h2
{
	border-top: none;
	margin-bottom: 0;
}

#wrapper div.front-feature-trailblock ul.extended li.wide h2,
#wrapper div.front-feature-trailblock ul.extended li.wide h3
{
	font-size: 1.75em;
	line-height: 1.14em;
}

div.front-feature-trailblock ul.extended li.wide div.trail-caption
{
	width: 300px;
}
          /* ----------  front-feature-trailblock.css ends here ----------- */
          /* ---------- binary-poll.css starts here ---------- */
          /* ---------- binary-poll-narrow.css starts here ---------- */
#poll.narrow
{
	background-color: #e2e2e2;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	margin-top: 0;
	margin-bottom: 10px;
	width: 130px;
}

div.narrow h3,
div#wrapper div#section-contents div.narrow h3
{
	border-top: none;
	font-size: 16px;
	margin-bottom: 0;
}

div.narrow div.canvas-wrapper
{
	float: none;
	margin: 20px auto 0 auto;
	width: 125px;
}

div.narrow p#binary-poll-trail
{
	font-family: georgia, serif;
	font-size: 16px;
	float: none;
	line-height: 1.1;
	width: 125px;
}

div.narrow div.pie-values
{
	font-size: 16px;
}

div.narrow div#binary-poll-content,
div.narrow #left-answer-content, 
div.narrow #right-answer-content
{
	float: none;
	padding-bottom: 3px;
	width: 130px;
}

.binary-poll .poll-answer-winning,
.binary-poll .poll-answer-losing
{
	font-weight: bold;
}

div.narrow p#binary-poll-trail a
{
	color: black;
}

div.narrow p#vote-button-content
{
	border-top: 1px dotted #999;
	margin-top: 5px;
	padding-top: 5px;
}



/* COLOURS FOR BINARY POLL - THIS NEEDS TO BE MOVED SOMEWHERE SENSIBLE... */
.binary-poll .environment,
.binary-poll-narrow .environment
{
	color: #407001;
}

.binary-poll .news
{
	color: #d61d00;
}

.binary-poll .sport
{
	color: #008000;
}

.binary-poll .comment
{
	color: #ff3a00;
}

.binary-poll .business
{
	color: #3246ab;
}

.binary-poll .money
{
	color: #8f1ab6;
}

.binary-poll .life-and-style
{
	color: #FFC202;
}

.binary-poll .travel
{
	color: #066ec9;
}

.binary-poll .culture
{
	color: #D1008B;
}

.binary-poll .global
{
	color: #333;
}
          /* ----------  binary-poll-narrow.css ends here ----------- */

/* Styles for poll */

div.binary-poll
{
	margin-top: 10px;
	overflow: hidden;
	width: 300px;
}

div.binary-poll h2
{
	font-weight: bold;
}

#binary-poll-content,
#left-answer-content
{
	float: left;
}

#right-answer-content 
{
	float: right; 
}

#left-answer-content,
#right-answer-content 
{
	width: 145px;
	padding-bottom: 10px;
}

.recent-activity-top-ten
{
	width: 300px;
}
.poll-stats
{
 	display: block;
}

.poll-answer-winning
{
	color: #FF3A00;
}

.poll-answer-losing
{
	color: #666;
}

div.binary-poll
{
	margin-bottom: 20px;
}

div#wrapper #box div.binary-poll h3,
div#wrapper #section-contents div.binary-poll h3
{
	font-family: georgia, serif;
	font-size: 1.5em;
	font-weight: normal;
	border-top-color: #999999;
	border-top-width: 1px;
	border-top-style: dotted;
	padding-top: 3px;
	margin-bottom: 10px;
}

div.binary-poll #binary-poll-trail
{
	margin-bottom: 10px;
}

div#binary-poll-content span
{
	margin-bottom: 5px;
	display: inline;
}

div#binary-poll-content label
{
	font-weight: bold;
}

form.binary-poll-form input
{
	vertical-align: middle;
}

#vote-button-content
{
	clear: both;
}

/* poll with pie chart */

p#binary-poll-trail
{
	float: left;
	width: 140px;
}

div#binary-poll-content 
{
	float: left;
	clear: left;
	width: 145px;
}

p#binary-poll-trail 
{
	clear: right;
}

form.binary-poll-form
{
	clear: left;
	overflow: hidden;
}

div.canvas-wrapper
{
	float: right;
	width: 140px;
}

p.binary-poll-trail
{
	border-top: none;
}

input#submit-binary-poll
{
	width: 60px;
}

#comment-info-related
{
    margin-top: 15px;
    clear: left;
    border-top-width: 1px;
    border-top-style: dotted;
    border-top-color: #999;
    padding-top: 4px;
}
          /* ----------  binary-poll.css ends here ----------- */
          /* ---------- chart.css starts here ---------- */
div.pie-values
{
	position: absolute;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 1.665em;
	font-family: arial, sans-serif;
	margin-top: -4px;
}

div.canvas-wrapper
{
	position: relative;
}
          /* ----------  chart.css ends here ----------- */
          /* ---------- tag-plus-tag-pickable.css starts here ---------- */
.tag-plus-tag-pickable ul li div.linktext h3
{
	font-family: georgia, serif;
	font-size: 1.33em;
	font-weight: normal;
}

.tag-plus-tag-pickable .date 
{
	font-weight: bold
}

.tag-plus-tag-pickable div.trailtext a.small 
{
	float: left;
}

.tag-plus-tag-pickable div.trailtext 
{
	margin-top: 10px;	
}

.tag-plus-tag-pickable div.trailtext p 
{
	display: inline	
}

.tag-plus-tag-pickable .trailtext img.trail-image 
{
	float: left;
	margin-top: 2px;
	margin-right: 10px;
	margin-bottom: 2px;
	margin-left: 0;
}

.tag-plus-tag-pickable .trailtext div.mask 
{
	margin-top: 2px;
	margin-right: 10px;
	margin-bottom: 2px;
	margin-left: 0;
}

body.beautiful-boss div#related div#recent div.tag-plus-tag-pickable ul li h3,
body.beautiful-boss div#recent div.tag-plus-tag-pickable div.linktext
{
	padding-bottom: 0;
}

body.beautiful-boss div#related div#recent div.tag-plus-tag-pickable ul li h3
{
	font-size: 1.116em;
}

.boss-tag #content .tag-plus-tag-pickable div.tag-tag ul li.last a
{
    font-size: 12px;
}

.boss-tag #content .tag-plus-tag-pickable
{
    margin-bottom: 17px;
}

.tag-plus-tag-pickable li.picture
{
	border-top: none !important;
	margin-top: 0 !important;
	padding-top: 0 !important;
}

.tag-tag
{
	overflow: hidden;
}
          /* ----------  tag-plus-tag-pickable.css ends here ----------- */
          /* ---------- icon-editable-trailblock.css starts here ---------- */
#wrapper #box ul li.icon-image div.pictureurl
{
	float: left;
	margin: 4px 10px 0 0px;	
}

div#wrapper div#box ul li.icon-image h3 
{
	padding-bottom: 8px;
}

/* this for the feature special template */

div#wrapper div#box div.col ul li
{
	width: 300px;
	clear: both;
	float: left;
}

div#wrapper div#box div.col ul li.normal,
div#wrapper div#box div.col ul li.image
{
	margin-bottom: 20px;	
}

div#wrapper div#box div.col ul li.first
{
	margin-top: 0px;	
}

div#wrapper div#box div.col ul li h3 
{
	font-size: 1.333em;
	font-weight: normal;
	font-family: georgia, serif;
}

li.icon-image div.trail-caption
{
	float: left;
	width: 230px;
}

li.icon-image div.trail-caption ul.sublinks
{
	border-top: none;
	margin-top: 0;
}

li.icon-image div.strap
{
	font-weight: bold;
	margin-bottom: 7px;
}

div#wrapper div#box div.col ul li.icon-image ul.sublinks li.last
{
	margin-bottom: 3px;
}
          /* ----------  icon-editable-trailblock.css ends here ----------- */
          /* ---------- multimedia-tabs.css starts here ---------- */
div#multimediaHeader
{
	background-color: white;
	clear: both;
}

div.media-toggle-pane
{
	background-color: white;
}

div#multimediaHeader h2
{
	margin-bottom: 0;
	padding-bottom: 0;
}

#content div#media-toggle 
{
	background-color: white;
	overflow: hidden;
}	

div#media-toggle div.media-tabs 
{
	border-top: 1px solid #CCCCCC;
	clear: both;
	float: left;
	padding: 20px 0;
	width: 620px;
}

div#media-toggle div.media-tabs
{
	padding-bottom: 20px;
}

div#wrapper div#media-toggle div.media-tabs li
{
	float: left;
	margin-left: 20px;
	width: 140px;
}

div#wrapper div#media-toggle div.media-tabs li ul.sublinks li
{
	margin-left: 0;
	width: auto;
	float: none;
}

div#media-toggle div.standalone div.media-tabs
{
	border-top: none;
	padding-top: 0;
}

div#media-toggle div.media-tabs li.strapped div.strap
{
	border-top: 1px solid #999;
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 2px;
	width: auto;
}

div#media-toggle div.media-tabs li h3
{
	font-family: georgia, serif;
}

div#media-toggle div.media-tabs li.one-of-three h3
{
	font-size: 1.333em;
}

div#wrapper div#media-toggle div.media-tabs li.first
{
	margin-left: 0;
	margin-right: 0;
}

div#media-toggle div.media-tabs li.wide
{
	width: 300px;
}

div#wrapper div#media-toggle div.media-tabs li.content-wide
{
	width: 460px;
}

div#media-toggle div.media-tabs li.extra-wide
{
	margin-left: 0;
	width: 620px;
}

div#media-toggle div.media-tabs li div.trailtext
{
	margin-top: 0;
}

div#media-toggle div.media-tabs li.one-of-three div.video-container,
div#media-toggle div.media-tabs li.one-of-three div.pictureurl
{
	float: left;
	margin-right: 20px;
	width: 300px;
}

div#media-toggle div.media-tabs li.one-of-three div.trail-caption
{
	float: left;
	width: 140px;
}

div#media-toggle div.standalone div#media-1
{
	margin-top: 20px;
}

div#media-toggle div.standalone div#media-1.triple
{
	background-image: url('images/beautiful-boss-bg-inner.gif');
	background-position: -170px 0;
	background-repeat: repeat-y;
	padding-bottom: 0;
	margin-bottom: 20px;
}

div#media-toggle div.media-tabs li.one-of-three h3
{
	border-top: 1px dotted #999;
	padding-top: 3px;
	padding-bottom: 10px;
}
          /* ----------  multimedia-tabs.css ends here ----------- */
          /* ---------- news-editable-trailblock.css starts here ---------- */
div.news-trailblock 
{
	background-image: url(images/simplesite-inner-bg.gif);
	background-position: left top;
	background-repeat: repeat-y;
}

#wrapper #box .news-trailblock h2,
#box #content #main-trailblock h2
{
	background-color: #ffffff;
}

div#box .news-trailblock h3
{
	font-family: georgia, serif;
	font-size: 1.33em;
	font-weight: normal;
}

.news-trailblock h4,
.news-trailblock ul#more-news h3
{
	font-family: arial, sans-serif;
	font-size: 1em;
}

.news-trailblock ul#more-news h3
{
	border-top: 1px solid #999;
	font-weight: bold;
	padding-bottom: 7px;
	padding-top: 3px;
}

.news-trailblock li
{
	clear: left;
	margin-bottom: 17px;
	overflow: hidden;
}

.news-trailblock ul.single-col
{
	float: right;
	width: 300px;
}

.news-trailblock ul.dual-col
{
	clear: both;
}

.news-trailblock ul.dual-col li.col.first
{
	margin-right: 20px;
}

.news-trailblock ul#more-news
{
	border-top: 20px solid #fff;
}

.news-trailblock ul#more-news li
{
	clear: none;
	margin-left: 0;
	margin-bottom: 0;
}

.news-trailblock li.trail
{
	border-top: 1px dotted #999;
	padding-bottom: 3px;
	padding-top: 2px;
}

div.news-trailblock li.image
{
	border-top: 0;
}

div#box .news-trailblock div.col
{
	margin-bottom: 0;
	padding-bottom: 0;
}

.news-trailblock
{
	overflow: hidden;
	margin-bottom: 20px;
}

.news-trailblock li.trail h2
{
	border-top: none !important;
	font-size: 21px;
	line-height: 1.138;
}

.news-trailblock div.first
{
	margin-left: 0;
}

.news-trailblock li.strapped
{
	border-top: none;
}

.news-trailblock div.strap
{
	border-color: #999;
}

body.trail-block-page div#box div#content div#main-trailblock h2,
.news-trailblock h2
{
	border-top: 10px solid;
	font-weight: bold;
	font-size: 14px;
	padding-top: 3px;
}

.news-trailblock li h2,
body.trail-block-page div#box div#content div#main-trailblock li.first h2
{
	font-weight: normal;
	width: 300px;
}

.news-trailblock li.trail h2
{
	font-size: 21px;
	margin-bottom: 14px;
	padding-bottom: 0;
}

.news-trailblock .trailtext
{
	margin-top: 10px;
}

div#wrapper .news-trailblock ul.sublinks
{
	border-top: none;
	margin-top: 0;
}

div#wrapper .news-trailblock ul.sublinks li
{
	float: none;
	margin-bottom: 0;
}
          /* ----------  news-editable-trailblock.css ends here ----------- */
          /* ---------- pickable-row-combiner.css starts here ---------- */
.pickablecontenttype h3
{
	font-family: georgia, serif !important;
	font-size: 14px !important;
	font-weight: bold !important;
	border-top: 10px solid;
	padding-bottom: 16px;
	margin-bottom: 0 !important;
}

.pickablecontenttype li
{
	border-top: none !important;
	clear: none !important;
	float: left !important;
	margin-right: 20px !important;
	width: 140px !important;
}

.pickablecontenttype li.last-in-row
{
	margin-right: 0 !important;
}
          /* ----------  pickable-row-combiner.css ends here ----------- */
          /* ---------- trail-rows.css starts here ---------- */
.trail-rows
{
	clear: both;
}

div.trail-rows li.thumb
{
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	width: 140px;
}

div.trail-rows li.last
{
	margin-right: 0;
}

div#wrapper div.trail-rows ul li div.linktext h3
{
	font-size: 16px;
	font-family: georgia, serif;
	margin-bottom: 10px;
}

div.trail-rows h2
{
	border-top: 10px solid;
	font-weight: bold;
	margin-bottom: 14px;
}

.trail-rows ul
{
	overflow: hidden;
	clear: left;
}
          /* ----------  trail-rows.css ends here ----------- */

body.beautiful-boss #related div.pickablecontenttype h2,
body.beautiful-boss #related div.tag-tag h2,
body.beautiful-boss div#multimediaHeader
{
	border-top-width: 10px;
	border-top-style: solid;
	margin: 0 0 16px 0;
	padding-top: 3px; 
	padding-bottom: 0;
}

body.beautiful-boss div#multimediaHeader
{
	clear: both;
	margin: 0;
}

div#promo-footer
{
	clear: both;
}

div#promo-footer div.capsule
{
	float: left;
	margin-right: 20px;
	width: 300px;
}

body.beautiful-boss div#multimediaHeader h2
{
	font-weight: bold;
}

body.beautiful-boss div#promo,
body.beautiful-boss div#box
{
	margin-bottom: 0;
}

body.beautiful-boss div#also-on
{
	border-top: 30px solid white;
}

body.beautiful-boss div#promo div
{
	margin-top: 0;
}
	
body.beautiful-boss div#wrapper
{
	background-repeat: repeat-y;
	background-position: top left;
}

body.beautiful-boss div#wrapper div#content
{
	background-image: url(images/beautiful-boss-bg.gif);
	background-repeat: repeat-y;
	background-position: top left;
}

body.beautiful-boss div#wrapper div#related
{
	background-image: url(images/beautiful-boss-bg-related.gif);
	background-repeat: repeat-y;
	background-position: top left;
	border-top: 20px solid #fff;
}

body.beautiful-boss div#wrapper div#beautiful-boss-trail
{
	background-image: url(images/beautiful-boss-bg-trail.gif);
	background-repeat: repeat-y;
	background-position: top left;
}

body.beautiful-boss div#article-header a.feed
{
	left: auto;
	position: absolute;
	right: 0;
	width: auto;
	margin-top: 0;
	z-index: 1000;
	top: 0;
}

body.beautiful-boss div#article-header
{
	min-height: 70px;
	padding-right: 0;
}

body.has-badge div#article-header
{
	padding-bottom: 0;
}

body.beautiful-boss #page-header
{
	width: 940px;
}

body.beautiful-boss div#article-header h1
{
	position: relative;
	top: -3px;
}

body.microsite #editor-zone-3
{
	position: relative;
	top: -10px;
}

body #editor-zone-3 li
{
	width: auto;
}

body.microsite #editor-zone-3 li.major-heading h2
{
    border-top-width: 0;
    color: #000;
    font-weight: normal;
}

body.beautiful-boss #editor-zone-4 ul li
{
    padding-top: 3px;
    padding-bottom: 5px;
}

body.beautiful-boss div#article-header ul.trailblock li.normal
{
	border-top: none;
}

div#beautiful-boss-trail
{
	float: left;
	border-bottom: 20px solid;
	width: 940px;
}

div#main-trailblock div.strap
{
	border-top: 1px solid #999;
	margin-bottom: 3px;
	padding-bottom: 3px;
	padding-top: 3px;
}

body.beautiful-boss div#box
{
	float: left;
}
	
body.beautiful-boss div#content
{
	border-top-width: 10px;
	border-top-style: solid;
	clear: left;
	margin-left: 0;
	width: 620px;
}

body.beautiful-boss div#content ul
{
	border-top: 17px solid white;
	overflow: hidden;
}

body.beautiful-boss div#content ul.sublinks
{
	border-top: 1px dotted #999;
	overflow: auto;
}

body.beautiful-boss div#wrapper div#box div#content h2.first
{
	border: 0;
	padding-bottom: 0;
}

body.beautiful-boss div#content h2.first,
body.beautiful-boss div#recent h2.first
{
	margin-bottom: 0;
	padding-bottom: 14px;
}

div#beautiful-boss-trail div#main-trailblock h2.first,
body.beautiful-boss div.recent-blogs h2
{
	border-top-width: 10px;
	border-top-style: solid;
	padding-top: 3px;
	padding-bottom: 14px;
}

div#beautiful-boss-trail li,
div#content li
{
	float: left;
	margin-right: 20px;
}

div#beautiful-boss-trail div#main-trailblock li.last,
div#content li.last
{
	margin-right: 0;
}

div#beautiful-boss-trail div#main-trailblock li.image
{
	width: 300px;
}

div#beautiful-boss-trail li.thumb,
div#content li,
div#content li
{
	width: 140px;
}

div#content li.normal h3
{
	border-top: 1px dotted #999;
}

div#content div.strap
{
	border-top: 1px solid #999;
	padding-top: 3px;
	margin-bottom: 12px;
}

div#beautiful-boss-trail div#main-trailblock li.hero
{
	margin-right: 0;
	position: relative;
	width: 940px;
}

li.hero div.hero-panel
{
	position: absolute;
	top: 30px;
	left: 0;
	width: 300px;
}

div.hero-panel h2
{
	padding: 5px 5px 0 5px;
}

div.hero-panel div.trailtext
{
	padding: 5px;
}

body.beautiful-boss div#content ul li
{
	margin-bottom: 0;
}

body.beautiful-boss div#content ul li.thumb
{
	margin-bottom: 20px;
}

div#related div#recent ul h3
{
	padding-bottom: 10px;
}

div#beautiful-boss-trail div#main-trailblock h3
{
	background-color: white;
	padding-bottom: 10px;
}

div#related div#recent ul span.date
{
	font-weight: bold;
}

body.beautiful-boss div#box div#content
{
	border-bottom: 20px solid white;
}

body.beautiful-boss div#related
{
	clear: left;
	margin-left: 0;
	overflow: hidden;
	width: 620px;
}

body.beautiful-boss div#related div#tags
{
	float: left;
	margin-right: 20px;
	width: 140px;
}

body.beautiful-boss div#wrapper div#tags div#editor-zone-4 li.major-heading,
body.beautiful-boss div#wrapper div#tags div#editor-zone-2 li.major-heading,
body.beautiful-boss div#wrapper div#related div#editor-zone-1 li.major-heading,
body.beautiful-boss div#recent li.major-heading
{
	padding: 0;
}

body.beautiful-boss div#wrapper div#tags div#editor-zone-2 h2,
body.beautiful-boss div#wrapper div#editor-zone-1 h2,
body.beautiful-boss div#wrapper div#box div#comment ul li.major-heading h3
{
    margin: 0;
    padding-bottom: 16px;
}

div#wrapper div#box div#recent h2
{
    margin: 0;
    padding-bottom: 18px;
}

body.beautiful-boss div#related div#recent
{
	float: left;
	margin-right: 20px;
	width: 300px;
}

body.beautiful-boss div#related div#recent li
{
	border-top: 1px dotted #999;
	clear: left;
	float: none;
	width: 300px;
}

body.beautiful-boss div#related div#recent li.wide,
body.beautiful-boss div#related div#recent li.wide div.media-above
{
	border-top: none;
}

body.beautiful-boss div#related div#recent ul.pagination li
{
	clear: none;
}

body.beautiful-boss div#related div#recent h2
{
	border-top-width: 10px;
	border-top-style: solid;
	padding-top: 3px;
	padding-bottom: 15px;
}

body.beautiful-boss div#related div#comment
{
	float: left;
	width: 140px;
}

body.beautiful-boss div#related div#comment div.capsule h2
{
	border-top-width: 10px;
	border-top-style: solid;
}

body.beautiful-boss div.tag-tag div.linktext,
body.beautiful-boss div.recent-blogs li.first
{
	padding-bottom: 9px;
}

body.beautiful-boss div#related div#recent ul.pagination li
{
	background-color: transparent;
	border: none;
}

body.beautiful-boss div#related div#comment li.tips-package,
body.beautiful-boss div#related div#comment .recent-blogs li
{
	border-top: 1px dotted #999;
	padding-top: 5px;
	padding-bottom: 9px;
}

body.beautiful-boss div#related div#comment div.recent-blogs li.tips-package
{
	padding-bottom: 14px;
}

body.beautiful-boss div#recent ul li
{
	border-top: 1px dotted #999;
	padding-bottom: 9px;
}

body.beautiful-boss div#recent ul li
{
	padding-bottom: 20px;
}

body.beautiful-boss ul.pagination
{
	margin-top: 20px;
	margin-bottom: 10px;
	padding-top: 0;
}

body.beautiful-boss div#related div#recent ul.pagination li.last
{
	float: right;
	width: 47px;
}

body.beautiful-boss div#related div#recent ul.pagination li.first
{
	float: left;
	width: 47px;
}

body.beautiful-boss ul.sublinks
{
	border-top: 1px dotted #999;
	margin-top: 9px;
	padding-top: 3px;
}

body.beautiful-boss .front-feature-trailblock ul.sublinks,
body.beautiful-boss div#beautiful-boss-trail ul.sublinks
{
	border-top: none;
	margin-top: 0;
	padding: 0;
}

body.beautiful-boss div#main-trailblock ul.sublinks li
{
	float: none;
}

body.beautiful-boss div#main-trailblock ul.sublinks li a
{
	display: inline;
}

body.beautiful-boss div#content li.bullet
{
	background-image: none;
	
}

div#related div#comment div.tag-tag li
{
	padding-bottom: 9px;
	padding-top: 5px;
}

body.beautiful-boss div#promo div#rightslot1
{
	margin-top: 0;
}

body.beautiful-boss div#comment h3,
body.beautiful-boss div#comment h2
{
	padding-bottom: 14px;
}

li.hero 
{
	position: relative;
}

li.hero span.credit
{
	position: absolute;
	bottom: -15px;
	right: 0;
}

ul.tips li.last
{
	border-top: 1px dotted #999;
	padding-top: 5px;
}

div#pickable-tag-combiner
{
	margin-bottom: 8px;
}

body.beautiful-boss div.first ul.pagination
{
	margin-top: 0;
	padding-top: 0;
}


body.beautiful-boss div#beautiful-boss-trail div.rating-container,
body.beautiful-boss div#content div.rating-container
{
	 position: relative;
	 top: -6px;
}

body.latest-reviews-page div.numbered-list div.trail-caption,
body.latest-reviews-page div.numbered-list span.count
{
	float: left;
}

body.latest-reviews-page div.numbered-list span.count
{
	width: 13px;
}

body.latest-reviews-page div.numbered-list ul li
{
	overflow: hidden;
	width: 140px;
}

body.latest-reviews-page div.numbered-list ul li div.linktext
{
	width: 123px;
}

div#recent ul li
{
	overflow: hidden;
}

ul#interactive
{
	background-color: white;
	border-bottom-width: 16px;
	border-bottom-style: solid;
	border-bottom-color: white;
}

ul#interactive li
{
	background-color: white;
}

div#wrapper div#recent ul#supporting-content h2,
div#related div#recent ul.sublinks li.bullet
{
	margin-bottom: 0;
	padding-bottom: 0;
}

div#recent #supporting-content li
{
	background-color: transparent;
}

body.beautiful-boss #supporting-content ul.sublinks,
div#related div#recent ul.sublinks li.bullet
{
    border-top: none;
}

body.beautiful-boss div#related div#recent li.major-heading
{
	border-top: none;
}

div#box div.capsule li.normal
{
	border-top: 1px dotted #999;
	padding-bottom: 5px;
	padding-top: 3px;
	margin-top: 3px;
}

div#box div.capsule li.image
{
	border-top: none;
}

div#comment ul.trailblock h2
{
	padding-bottom: 0;
}

div#comment ul.trailblock h3
{
	font-size: 1em;
	padding-bottom: 0;
}

div#comment ul.trailblock li.normal
{
	padding-bottom: 10px;
}