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

	@import "base.css";
          /* ---------- rules.css starts here ---------- */
          /* ---------- most-viewed.css starts here ---------- */
div#most-viewed
{
	margin-bottom: 10px;
}

#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 ----------- */
          /* ---------- 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
{
	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 ----------- */
	
	
	/* these are used across multiple components, they're not connected to a single one */
          /* ---------- grid-columns.css starts here ---------- */
/*
    The grid is based on 60px columns
    Column widths are worked out as 60px + 80px for each subsequent column
    e.g. 4 col = 60px + (80px * 3) = 300px
    
*/

.eleven-col,
.ten-col,
.nine-col,
.eight-col,
.seven-col,
.six-col,
.five-col,
.four-col,
.three-col,
.two-col,
.one-col
{
    float: left;
    overflow: hidden !important;
    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' classname is deprecated for purpose of removing right margin, please use 'edge' instead */
.last,
.edge
{
    margin-right: 0 !important;
}
          /* ----------  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;
}

.b5 /* uses zone colour */
{
	border-top-width: 3px;
	border-top-style: solid;
}



/* site-wide text styles */

.t1, .t2, .t3, .t4, .t5, .t6
{
	font-family: georgia, serif;
	font-weight: normal;
}

/* ------------------- R3 HEADINGS ------------------- */

.t1 /* Lead heading on Net front */
{
	font-size: 24px;
	line-height: 27px;
}

.t2 /* Heading 4 col */
{
	font-size: 18px;
	line-height: 21px;
}

.t3 /* Heading 2 & 3 col wide trails.  */
{
	font-size: 15px;
	line-height: 18px;
}


/* ------------------- R2 HEADINGS ------------------- */

.t4 /* headline / link text */
{
	font-size: 16px;
	line-height: 19px;
}

.t5  /*headings with 10px rule above them */
{
    font-weight: bold;
	font-size: 14px;
    line-height: 17px;
}


/* ------------------- SMALL HEADINGS ------------------- */

.t6 /* small headings - straps */
{
    font-family: arial, sans-serif;
    font-size: 12px;
    line-height: 15px;
    font-weight: bold;
}

.t7 /* trail text, this is the site default but it might come in handy for 3rd party devs */
{
    font-family: arial, sans-serif;
    font-size: 12px;
    line-height: 15px;
}


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

.l2,
.l2d li
{
	margin-bottom: 13px;
}

.l3,
.l3d li
{
	margin-bottom: 0;
	padding-top: 4px;
}

/* domain-driven classes*/
.date,
.content-type
{
	font-weight: bold;
}

.content-type span
{
	font-weight: normal;
}

          /* ----------  classes.css ends here ----------- */
          /* ---------- placeholder.css starts here ---------- */
.placeholder-instructions
{
    background-color: #ddd !important; 
    padding: 10px !important;
    margin: 0;
    margin-bottom: 20px;
    clear: left;
    width: auto !important;
    height: auto !important;
	font-weight: normal !important;
	zoom: 1;
}

#newsticker.placeholder-instructions
{
    padding: 10px !important;
}
          /* ----------  placeholder.css ends here ----------- */
          /* ---------- kicker.css starts here ---------- */
#content span.sponsored-flag,
span.sponsored-flag
{
	font-weight: bold;
}

#content span.sponsored-flag,
span.sponsored-flag
{
	color: #825f21;
}

.in-this-section .sponsored-flag,
.standard-trailblock .sponsored-flag,
.one-column-image-editable .sponsored-flag
{
	float: left;
	margin-right: 5px;
}
          /* ----------  kicker.css ends here ----------- */
          /* ---------- live-stamp.css starts here ---------- */
.live-stamp
{
	background-color: #d61d00;
	color: white;
	font-size: 10px;
	font-weight: normal;
	padding: 1px 4px;
	position: relative;
	top: -1px;
	text-transform: uppercase;
}

.live-stamp a
{
	color: white;
	text-decoration: none !important;
}

.live-stamp:hover
{
	background-color: black;
}
          /* ----------  live-stamp.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;
}

h4
{
	font-size: 12px;
}

.three-five-four-grid h3
{
	font-size: 18px;
	line-height: 21px;
}

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

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

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

.component .hd h2
{
	font-weight: bold;	
}

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

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

.ft
{
	border-top: 1px dotted #999;
	clear: both;
	margin-top: 5px;
	padding-top: 2px;
}

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

/* Generic container for overlays / lightboxes / popups. HTML inserted with JS when needed. SU 03/07/2010 */
#dialogue {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
}

          /* ---------- 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;
    line-height: 1.25;
}

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

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

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

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

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

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

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

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

.section-heading a.feed
{
    background-image: url(images/icon_rss.gif);
    background-position: 0 0;
    padding-left: 18px;
    padding-top: 1px;
    position: absolute;
    right: 3px;
    top: 0;
    width: auto;
    left: auto;
}

.section-heading.opposite a.feed
{
	top: 80px !important;
	right: auto;
	left: 0;
}
          /* ----------  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;
}

.hide-on-popup img[src *= "empty.gif"] {
	display: none;
}
          /* ----------  mpu.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
{
	border-top: none !important;
    font-weight: bold;
    margin-bottom: 0 !important;
}

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

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

.heading-vertical-links li.sub-header
{
	border-top-color: #999;
	font-weight: bold;
}

.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.picture
{
	border-top: none;
	padding-top: 0;
}
          /* ----------  heading-vertical-links.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
{
	border-top-style: solid;
	border-top-width: 10px;
}

.three-five-four-grid .sponsored-features h3
{
	font-weight: bold;
	font-size: 14px;
	padding-bottom: 0;
	margin-bottom: 0;
}

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

.three-five-four-grid .sponsored-features li.odd
{
	clear: left;
	margin-right: 20px;
}

.json-features h2
{
	border-top: none !important;
	margin-bottom: 0 !important;
	padding-top: 0 !important;
}

.json-features.two-col li
{
	border-top: none !important;
	margin-bottom: 20px;
}

.two-col .json-features h2
{
	font-size: 16px !important;
}

.two-col .json-features li
{
	margin-bottom: 20px;
}

.two-col .json-features li.edge
{
	margin-bottom: 10px;
}

.json-features a.ad-link
{
	display: block;
	font-weight: bold;
}

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

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

.promo-component .hd,
.promo-component .bd
{
	border-top: none !important;
	margin-bottom: 0 !important;
}

.promo-component .bd .first
{
    margin-bottom: 0;
}

.promo-component .two-col,
.promo-component .two-col li
{
	width: 130px !important;
}
          /* ----------  promo-component.css ends here ----------- */
          /* ---------- tag-badging.css starts here ---------- */
div#wrapper div#badge-full,
div#wrapper div#badge-medium,
div#wrapper div#badge-small
{
    position: relative;
}

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

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

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

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

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

.bullet
{
	background-image: url(images/icon_bullet.png);
	text-indent: 17px;
}
          /* ----------  minimum-set-icons.css ends here ----------- */

@media all {

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

------------------------------------------------------------------------------*/
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;
}

body.article div#article-wrapper li
{
	background-image: url(images/icon_bullet.png);
}

body.audio-popup div#box div#popup-content div#audio-player div.bullet li 	 	 
{ 	 	 
	background-image: url(images/icon_bullet.png); 	 	 
	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);
}

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

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;
}

}

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;

}

.premoderation-warning
{
	color:red;
	font-weight:bold;
	margin-top:5px;
}

.user-premoderation-warning
{
	display: none;
}

#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 ----------- */
          /* ---------- color.css starts here ---------- */
#p.ip_logged,
div#content blockquote
{
	color: #666;
}

#videoPaneNoscriptReplacement,
div#velocityerrors li,
h1.badge-name
{
    color: #fff;
}

#section-classifieds h4
{
	color: #005689;
}

div.numbered-list span.count
{
	color: #444;
}

div.numbered-list div.strap,
div.numbered-list div.trailtext
{
	color: #999;
}

body,
html,
#section-tools a,
#footer,
ul.tips h3,
.directory #box #content p,
ul.tips li strong,
#nav ul li span,
.copyright,
#section-contents ul li ul li p.description,
.commercial #promo .capsule,
ul.credit li p.description,
body.directory .count,
#promo #finance-guides,
body.video-series div#latest-series ul li h2,
body.interactive div.navigation ul#main-trailblock li div.strap,
body.audio-canonical .more-podcasts li h5,
body.audio div#more-in-audio-series h2,
#article-header #strap,
#wrapper #results-trailblock h2,
body.quiz div#quiz-answers ul.weighted-responses li em,
#article-header #biography h2
{
	background-color: white;	
	color: #333;
}

body.audio-canonical #subscribe-feeds
{
	background-color: #EDEDED;
	border-color: #BCBCBC;
}

body.audio div#more-in-series
{
	border-bottom-color: #e5e5e5;
}

body.audio .more-podcasts
{
	border-bottom-color: #fff;
}

body.audio #related div.relatedlinks h3
{
    border-color: #999;
}

body.clippings .meta-data .annotation p,
body.clippings .meta-data p.clipped-on,
#article-header h2
{
	color: #999;
}

#promo h4,
#promo h4 label,
#promo #reader-offers h4,
div#wrapper div.strap
{

	color: #333;
	background-color: transparent;	
}

a,
div#league-position a,
body.sport div.ventures-slot-machine a
{
	color:#005689;
}

div#promo div.latest-cif-posts a:focus,
div#promo div.latest-cif-posts a:active
{
	outline: none;
	background-color: #005689;
	color: #fff; 
}

body.sport #wrapper #section-contents #onsite #sponsored-features li .linktext a
{
	color: #0a246a;
}

div#promo div.latest-cif-posts  a
{
	color: #005689;
}


a:focus,
a:active
{
	outline: none;
	background-color: #005689; 
	color: #fff;
}

/* I've had to hard code colours for the promo front template, as Andy wants blue,
but the section colour is red. Couldn't think of any other way to do it. This will
need fixed at some point. SU 19/09/2008 */
body.front div#box div#content div#feature-pick div#main-trailblock h2,
body.front div#wrapper div#box div#promo-a h2,
body.audio-front div#wrapper div#box div#promo-a div.latest h2,
body.front div#wrapper div#box div#promo-a div#more ul.trailblock li.major-heading h2,
body.cartoon-front div#wrapper #box ul#editor-zone-1 li.major-heading h2,
body.promo-front div#wrapper #box #editor-zone-3 li.major-heading h2,
body.multimedia-front div#wrapper #box #editor-zone-3 li.major-heading h2,
body.cartoon-front div#wrapper #box div#latest-trails h2,
body.audio-front div#wrapper div#footer,
body.video-front div#wrapper div#footer,
body.cartoon-front div#wrapper div#footer,
body.video-front div#wrapper div#promo div,
body.audio-front div#wrapper div#promo div,
body.cartoon-front div#wrapper div#promo div,
body.multimedia-front div#wrapper div#promo div,
body.multimedia-front div#wrapper div#footer,
body.promo-front div#wrapper div#promo div,
body.promo-front div#wrapper div#footer,
body.promo-front div#wrapper #content div.single-tag h2
{
	border-color: #0061A6;
}

*
{
	background-repeat: no-repeat;

}

#section-contents li,
#box h2,
#related #book-index h2,
#article-header #biography h2,
.bio,
body.article #content h3,
#promo #finance-guides table tbody td,
#promo #finance-guides table tbody th,
#promo div#finance-guides,
#book-index img.paper-thumb,
body.most-popular div.most-top-ten,
#sign-off,
.trailblock .featured-trailblock ul.sublinks li
{
	border-color: #ccc;
}

#article-header h2
{
	border: none
}

#stand-first,
p.drop:first-letter,
span.drop,
body.blog-post #stand-first
{
	color: #666;
}

body.directory #box h2
{
	background-image: none
}

div.level-3,
#box h2,
#gallery-series-navigation h3
{
		background-position: bottom left;
}

#section-contents li li
{
	background-image: none;
}

.count,
.page-number,
li.horizontal, 
ol.az-trips li p,
body.video-front .video-duration,
#calendar td.not-this-month,
body.keyword-page p#more-daylife
{
	color: #999;
}

ul.toolset li a
{
	background-position: left center;
	padding-left: 20px;
	display: block;
	background-color: transparent;
}

#promo h2,
#promo h3,
#booking fieldset.section,
#booking fieldset.section span,
#also-on ul.viewer li,
#related h5,
div#sub-header,
#related #fact-box h2,
body.article #box #content h2,
body.article #box #content h3,
body.article #related h3,
body.poll #related h3,
body.quiz form.quiz ol li.question-container,
body.quiz form.quiz ol,
body.competition div#box div#related h3,
#related-articles ul li,
.services,
ol.timeline li,
body.video-series div#box div#content ul.trailblock,
#book-index ul li,
body.series-index ul.auto-trail-block li p.date,
body.series-index #content ul.auto-trail-block li h3.series-index-article,
body.cartoon div#related ul.keywords li.series p,
body.cartoon #wrapper #box div.linktext h3,
#related ul#article-toolbox-side li.resize,
#section-contents ul#article-toolbox-side li.resize,
body.article ul#article-toolbox,
body.gallery ul#article-toolbox,
#content ul#article-toolbox,
body.audio-canonical #view-notes,
body.audio-canonical #full-contents h2,
body.audio div#more-in-audio-series .description,
body.audio .more-podcasts h5.group-title,
#box #content #our-blogs li h3,
body.article div.related-item div.related-bottom-links,
table.team-matches tr,
table.league-position tr,
div.ventures-slot-machine p,
div#secondary-trailblocks ul.default-trailblock li .trail-caption,
body.sport #wrapper #content #results-trailblock li.vertical,
#section-contents #most ol,
div#most div.most-pane li,
#box #content #most p.more-on,
.video-front div#content div#video-player ul.article-attributes,
body.books div#section-contents div.best-sellers ol li,
div.terms-and-conditions h4,
form.competition ul.first,
body.web-search div#box h2,
body.web-search div#box h3,
#user-reviews .Reviews_UserImage,
#user-reviews .Reviews_TableRight,
body.people div#article-content,
body.people div#box div#people-tabs,
body.people div#related ul li.vertical,
body.people #wrapper #content ul#auto-trail-block li.wide div.media-above h3,
table.in-article h2,
table.in-article th,
table.in-article td,
table.in-article tfoot div.source,
table.stand-alone th,
table.stand-alone td,
table.stand-alone tfoot div.source,
body.film div#content div#main-trailblock ul#film-info li,
body.film div#related div#user-rating-side h2,
div#advertiser-container ul.results li,
p#about-daylife,
body.video-front div#more ul.trailblock li,
body.audio-front div#more ul.trailblock li,
body.front div#box div#content div#feature-pick div#main-trailblock div#content-header h2,
body.video-series div#box div#content div#main-trailblock div#content-header h2,
div#pluck-container div#progress-bar div,
div#pluck-container div#progress-bar,
#pluck-loading-dialog,
body.other ul#main-trailblock div.linktext h3,
body.front div#our-blogs p.more-on,
body.clippings div.clipping-contents,
body.pluck-user-profile div#pluck-recent-activity-container div#pluck-latest-comments ul li.first,
body.pluck-user-profile div#user-profile table td,
body.pluck-user-profile div#user-profile table th,
body.audio-front div#feature-pick div#content-header ul.audio-page,
body.front div#content div.recent-blogs ul li,
body.front div#content div.recent-blogs ul li,
body#interactive-front div#related div.relatedlinks h3,
#league-position table th,
#league-position table td,
#league-position table thead tr,
table.stand-alone caption
{
	border-color: #999;
}

body.comments div#content div#pluck-comment-container div.pluck-comment-block ul li
{
	border-color: #999;
}

div#pluck-container div#progress-bar span
{
	background-color: #9CD6F5;
}

body.audio-canonical #section-contents .keyword-list h2
{
	border-bottom-color: #999;
}

#related-info .section ul li,
body.article #related-info ul.keylinks li,
body.article #related-info ul.tips li,
div#content ul.auto-trail-block li h2,
div#section-contents ul.tips li,
div#section-contents ul li,
body.clippings div#section-contents ul,
#section-contents ol.most-read li,
div #box div#content ul li h2,
#related-info .section ul li,
body.article #related-info ul.keylinks li,
body.article #related-info ul.tips li,
.article #related h3,
ul.child-keyword li,
.index .breakdown,
.all-places .breakdown,
.weather-country .breakdown,
.weather-continent .breakdown,
.index .country,
#wrapper div#section-contents ul#editor-zone-3 li,
#wrapper div#section-contents ul#editor-zone-4 li,
#wrapper #box #content ul#editor-zone-5 li.vertical,
div#pickable-rss-rule-slot div.rss_wrapper ul li,
ul.trailblock li.wide div.trail-caption
{
	border-color: #999;
}

ol.alphabet,
body.directory-place .index,
#content ul.auto-trail-block li,
#content ul.auto-trail-block li div.trail-caption,
#keyword-trailblock li,
ul.pagination,
#content ul#main-trailblock li.normal,
#related p.shower,
body.front #wrapper #box #content div.cols ul li.major-heading h2,
div.text
{
	border-color: #999;
}

#related .ed-zone li,
#edited-offers a.caption,
#content ul.tri li,
ol.az-trips li,
.capsule ul.tri li,
ul.trailblock li.portrait .linktext h3,
#section-contents ul li,
#content .reader-tips ul.tips li,
.trail-block-page #content ul#main-trailblock li,
ul.no-pic,
body.gallery #sponsor-picture,
#content li.col h2,
#content li.col h3,
body.vss #content ul.credit,
div#solo-trailblock h3,
body.cartoon-index div#recent-trailblock ul li h3,
body#interactive-front #contact .sponsored-features li.first
{
	border-color: #999;
}

/*border different for promo column - but not when on front*/
.front #promo h4
{
	border-color: #999;
}

/*border different for promo column*/
#promo h4,
.commercial #wrapper #promo .sponsored-features,
.commercial #wrapper #promo li,
#promo .capsule ul.tri li,
body div#wrapper div#promo .slot p.linktext
{
	border-color: #333;
}

#promo div.capsule,
body.travel #wrapper div#edited-offers li.major-heading h3,
body.commercial #wrapper #promo div.capsule,
body.cartoon-index div#wrapper div#footer ul#footer-links,
body.cartoon-index div#wrapper div#box ul#main-trailblock,
body.cartoon-index #wrapper div#box #recent-trailblock h2,
body.cartoon-index #wrapper div#box div#related ul#editor-zone-1 li.major-heading h2,
body.web-search div#footer,
body.web-search div#results,
body.contributor #wrapper #footer #footer-links,
body.style-guide #wrapper #promo div.capsule,
body#table-full-width-content div#wrapper div#promo div.capsule
{
    border-color: #d3d3d3;
}

body.front div#wrapper div#promo div.capsule
{
	background-color: transparent;
}

body.front #promo
{
	background-color: transparent;
}

body.education #page-header,
#header,
#also-on
{
	color: inherit;
	background-color: white
}

table#calendar
{
	color: #333;
	background-color: #ededed;
}

table#calendar tr.month-nav th,
table#calendar,
table#calendar td
{
	border-color: #c3c3c3;
}

/* = gallery -------------------------------------------------------------------------------*/

body.gallery #topslot
{
	background-color: #dedede;
}

body.cartoon #topslot
{
	background-color: transparent;
}
/*
=related (article links etc)

-------------------------------------------------------------------------------*/

#relatedlinks
{
	position: relative;
}

/*
header topslot
--------------------------------------------------------------------------------*/

#topslot,
#sub-header,
ul.user-details li
{
	border-color: #bebebe;
}



/*

******** REMOVED ********
= Navigation #nav

-------------------------------------------------------------------------------*/



ul.credit,
#related-info ul.tips p.credit,
#header #nav ul,
.explainer,
span.credit
{
	color: #999/*another grey - look into AB */

}

/*
=tertiary section navigation



------------------------------------------------------------------------------*/



span.pullout,
div.page-heading p.linktext,
p.trailstrap,
div.strap,
ul.commercial-links li,
ul.pagination,
p span.caption,
body.video-front .trail-video-section,
#last-updated,
span.caption
{
	color: #666;
}

#content .regionplaceholder p,
body.front #edited-offers ul li,
#edited-offers a.caption,
body.directory-place #content .countries p.first,
#book-index ul li ul,
#book-index ul li ul li,
#wrapper ul#more-news li.col ul li,
#wrapper ul#more-news h3,
body.sport #wrapper #content div#main-trailblock ul#more-news .major-heading h2
{
	border-color: #999;
}

body.competition form.competition, 
body.competition p.closed,
#promo div.capsule, 
.commercial #wrapper #promo .sponsored-features
{
    background-color: #f3f3f3;
}

a.webfeedlink 
{
	background-image: url(images/icon_rss.gif);
	background-position: 0 50%;
	display: block;
	height: 14px;
	padding-left: 18px;
	padding-top: 1px;
}

/*
styling for beta

-------------------------------------------------------------------------*/
#wrapper h2.beta
{
	font-size: 6em;
	position: fixed;
	right: 10px;
	top: 10px;
	color: red
}

div.temp p
{
    color: #fff;
}

body.video #content #videos-third-column h2,
body.video #videos-third-column ul li
{
	border-color: #999;
}

body.video-front #nav a.current
{
	color: #005689;
}

body.video #content li.date, 
body.video #content li.credit
{
	color: #666;
}

div #box div#content div.latest ul li.News h2
{
	border-color: #04669c;
}

div#promo #most-viewed div.most-pane
{
	background-color: #fff;
}

/* mini weather in fronts starts */
div.temp p
{
	border-color: #fff;
}

/* mini weather in fronts ends */

/* beautiful boss starts */

body.beautiful-boss div#promo,
body.beautiful-boss div#box
{
	border-bottom-color: white;
}
	
body.beautiful-boss div#wrapper
{
	background-image: url(images/beautiful-boss-bg-inner.gif);
}

body.beautiful-boss div#article-header,
body.beautiful-boss div#content h2.first,
body.beautiful-boss div#recent li
{
	background-color: white;
}

body.beautiful-boss div#related
{
	border-top-color: white;
}

/* beautiful boss ends */
/* Video, Audio and Gallery fronts forced to be News colour instead of Global colour */


body.video-front div#content,
body.video-front div#content h2,
body.video-series div#box div#content ul li h2,
body.video-front div#content #editors-heading h2,
body.video-front div#box div#content div.latest li h2,
body.video-front div#wrapper div#box div#more li.major-heading h2,
body.video-front #footer,
body.audio-front div#wrapper div#box div#more li.major-heading h2,
body.audio-front div#wrapper div#box div#promo-a h2,
body.audio-front div#wrapper div#box div#audio-pick h2,
body.audio-front div#wrapper div#content-header,
body.audio-front #footer,
body.content-index div#wrapper div#box div#content ul#main-trailblock li.major-heading h2,
body.content-index div#content h3.first,
body.content-index div#wrapper div#box div#related div.capsule ul li.major-heading h2,
body.content-index div#box div#content h2.first,
body.content-index div#wrapper div#footer,
body.front div#box div#feature-pick h2,
body.front div#box div.latest-from-section h2
{
	border-color:#D61D00;
}

/* Video Front sections start*/

#wrapper #box ul li.News h2, 
#wrapper #box ul li.News h3 
{
	border-color: #d61d00;
}

#wrapper #box ul li.Sport h2, 
#wrapper #box ul li.Sport h3 
{
	border-color: #008000;
}

#wrapper #box ul li.Politics h2, 
#wrapper #box ul li.Politics h3 
{
	border-color: #d61d00;
}

#wrapper #box ul li.Travel h2,
#wrapper #box ul li.Travel h3 
{
	border-color: #6bbde9;
}

#wrapper #box ul li.Science h2, 
#wrapper #box ul li.Science h3 
{
	border-color: #d61d00;
}

#wrapper #box ul li.Media h2,
#wrapper #box ul li.Media h3 
{
	border-color: #d61d00;
}

/* vivid front section accents */

#wrapper #box ul li.news h2, 
#wrapper #box ul li.news h3 
{
	border-color: #d61d00;
}

#wrapper #box ul li.sport h2, 
#wrapper #box ul li.sport h3
{
	border-color: #008000;
}

#wrapper #box ul li.Politics h2, 
#wrapper #box ul li.Politics h3 {
	border-color: #da0034;
}

#wrapper #box ul li.Science h2, 
#wrapper #box ul li.Science h3 {
	border-color: #2bbafe;
}

#wrapper #box ul li.travel h2,
#wrapper #box ul li.travel h3
{
	border-color: #65c5fb;
}

#wrapper #box #our-blogs h2,
#wrapper #box ul li.blogs h3 {
	border-color: #ce2e20;
}

#wrapper #box ul li.lifestyle h2,
#wrapper #box ul li.lifestyle h3 {
	border-color: #ffd200;
}

#wrapper #box ul li.arts h2,
#wrapper #box ul li.arts h3 {
	border-color: #f8298b;
}

#wrapper #box ul li.media-professional h2,
#wrapper #box ul li.media-professional h3,
#wrapper #box ul li.Media h2,
#wrapper #box ul li.Media h3 {
	border-color: #ff8400;
}

#wrapper #box ul li.business-money h2,
#wrapper #box ul li.business-money h3 {
	border-color: #8388e4;
}

#wrapper #box ul li.comment h2,
#wrapper #box ul li.comment h3 
{
	border-color: #0061a6;
}

#wrapper #box ul li.news h2,
#wrapper #box ul li.news h3 
{
	border-color: #ce2e20;
}


#wrapper #box ul li.shops-services h2,
#wrapper #box ul li.shops-services h3 {
	border-color: #266f9b;
}

#wrapper #box ol.most-read li.first h2,
#wrapper #box ol.most-read li.first h3 {
	border-color: #266f9b;
}

#wrapper #box ul li.culture h2,
#wrapper #box ul li.culture h3 
{
	border-color: #d1008b;
}

#wrapper #box ul li.business h2,
#wrapper #box ul li.business h3 
{
	border-color: #4a64d9;
}

#wrapper #box ul li.money h2,
#wrapper #box ul li.money h3 
{
	border-color: #8f1ab6;
}

#wrapper #box ul li.life-style-1 h2,
#wrapper #box ul li.life-style-1 h3 
{
	border-color: #ffc202;
}

#wrapper #box ul li.life-style-2 h2,
#wrapper #box ul li.life-style-2 h3 
{
	border-color: #c93900;
}

#wrapper #box ul li.travel-1 h2,
#wrapper #box ul li.travel-1 h3 
{
	border-color: #65c5fb;
}

#wrapper #box ul li.travel-2 h2,
#wrapper #box ul li.travel-2 h3 
{
	border-color: #066ec9;
}

#wrapper #box ul li.environment-1 h2,
#wrapper #box ul li.environment-1 h3 
{
	border-color: #7bbb00;
}

#wrapper #box ul li.environment-2 h2,
#wrapper #box ul li.environment-2 h3 
{
	border-color: #4a7801;
}

#wrapper #box ul li.red h2,
#wrapper #box ul li.red h3 
{
	border-color: #de4a33;
}

#wrapper #box ul li.blue h2,
#wrapper #box ul li.blue h3 
{
	border-color: #4c90c1;
}

#wrapper #box ul li.yellow h2,
#wrapper #box ul li.yellow h3 
{
	border-color: #ffb93e;
}

#wrapper #box ul li.black h2,
#wrapper #box ul li.black h3 
{
	border-color: #000;
}

#wrapper #box div#content ul li.arts-culture h2,
#wrapper #box div#content ul li.arts-culture h3 {
	border-color: #f8298b;
}



/* end of vivid front section accents */




/* commercial borders for Zones start */

body.video-front div#promo div.capsule,
body.audio-front div#promo div.capsule
{
	border-color: #666;
}

/* Pluck comments */

.pluck-comment-block .pluck-content
{
	border-color: #666;
}

/* commercial borders for Zones end */

/* zones in pickables start */
#box div.pickabletag  li h2,
#box div#content div.pickabletag  ul li h2
{
	border-color: #d61d00;
}

#box div.pickabletag  li h2.sport,
#box div#content div.pickabletag  ul li h2.sport
{
	border-color: #008000;
}

#box div.pickabletag  li h2.comment,
#box div#content div.pickabletag  ul li h2.comment,
body.show-all-comments div#post-comment-div-bottom .pluck-comment-post
{
	border-color: #0061a6;
}

#box div.pickabletag  li h2.culture,
#box div#content div.pickabletag  ul li h2.culture,
#box div.pickabletag  li h2.film,
#box div#content div.pickabletag  ul li h2.film,
#box div.pickabletag  li h2.music,
#box div#content div.pickabletag  ul li h2.music
{
	border-color: #d1008b;
}

#box div.pickabletag  li h2.business,
#box div#content div.pickabletag  ul li h2.business
{
	border-color: #4a64d9;
}

#box div.pickabletag  li h2.money,
#box div#content div.pickabletag  ul li h2.money
{
	border-color: #8f1ab6;
}

#box div.pickabletag  li h2.lifeandstyle,
#box div#content div.pickabletag  ul li h2.lifeandstyle
{
	border-color: #ffc202;
}

#box div.pickabletag  li h2.travel,
#box div#content div.pickabletag  ul li h2.travel
{
	border-color: #65c5fb;
}

#box div.pickabletag  li h2.environment,
#box div#content div.pickabletag ul li h2.environment
{
	border-color: #7bbb00;
}

/* zones in pickables end */

/* Promo
--------------------------------------*/

#promo a:focus,
#promo a:active,
body.front .commercial a:focus,
body.front .commercial a:active
{
    background-color: #005689;
    color: #fff;
}

body.sport #onsite .commercial a:focus,
body.sport #onsite .commercial a:active
{
	background-color: #008000;
}

/* End Promo */

/*lightbox special case*/
body.gallery div.lightbox ol li a:hover
{
    background-color: #005689;
    color: #fff;
}

body.gallery div#box div#overlay a
{
	color: #00c7ff;
}

body.quiz div#quiz-answers em,
body.quiz p.quiz-error,
body.competition p.competition-error,
body.competition p.closed
{
	color: #FF0000;
}

body.quiz #related div.relatedlinks h3
{
    border-color: #999;
}

/* for tabs that don't toggle panes on/off */

body.subject-index #index-toggle-nav a,
body.contributor-index #index-toggle-nav a,
body.people #index-toggle-nav a
{
	background-color: #fff;	
	border-bottom: 1px solid #fff;
	color: #000;
}

body.subject-index #index-toggle-nav a.inactive,
body.subject-index #index-toggle-nav a.inactive b,
body.contributor-index #index-toggle-nav a.inactive,
body.contributor-index #index-toggle-nav a.inactive b,
body.people #index-toggle-nav a.inactive,
body.people #index-toggle-nav a.inactive b
{
	border-bottom-color: #ccc;
	color: #444;
}


/* Olympics */

#latest-results-and-reports h2
{
	background-color: #fff;
}

#latest-results-and-reports div.col table.stand-alone thead tr,
#latest-results-and-reports div.col table.stand-alone thead tr th
{
	background-color: #a6d0a2;
}

#latest-results-and-reports div.col table.stand-alone tr,
#latest-results-and-reports div.col table.stand-alone tr td
{
	background-color: #fff;
}
	
#latest-results-and-reports div.col table.stand-alone tbody tr:hover
{
	background-color: #fff3a5;
}

body.front div#latest-results-and-reports table.stand-alone caption,
body.front table.stand-alone caption h1,
body.front table.stand-alone caption p
{
	color: #333;
}

body.olympics #content table.stand-alone tfoot
{
	border-color: #fff;
}

body.medal-page div#content table img
{
	border-color: #ccc;
}

body.fixtures-and-results-discipline div#content
{
	border-color: #989898;	
}

body.olympics #article-header h2
{
	color: #333;
}

div#promo div.capsule table.stand-alone thead tr,
div#promo div.capsule table.stand-alone thead tr th
{
	background-color: #a6d0a2;
}	

div#promo div.capsule table.stand-alone tr,
div#promo div.capsule table.stand-alone tr td
{
	background-color: #f3f3f3;
}

body.date div#box div#article-header h2
{
	color:#999;
}
/* Olympics ends */

/* Blog calendar component */



div#blogs-calendar table tbody tr.active
{
	background-color: #005689;
}

div#blogs-calendar table tbody tr.active a
{
	color: #FFF;
}

div#blogs-calendar table tbody tr.has-links:hover
{
	background-color: #CCC;
}

div#blogs-calendar div.capsule
{
	background-color: white;
}

div#blogs-calendar table#calendar
{
	background-color: transparent;
}

body.front div#content div#feature-pick #content-header,
div#box div#content div#latest-trails ul.cartoon-latest li .series,
body.front div#content div#feature-pick ul.article-attributes,
body.video-series div#content div#content-header ul.article-attributes,
div#content div#feature-pick div#content-header.video-page ul h3,
div#blogs-calendar table tbody td,
div#blogs-calendar table thead th,
div#content ul#blog-posts-excerpts div.blog-excerpt h2,
#most-viewed div.pane-wrapper,
#most-commented div.pane-wrapper
{
	border-color: #999;
}

/* End blog calendar */

/* Real clear politics component

div#promo div.rcpwidget-300,
div#section-contents div.rcpwidget-300
{
	background-color: #f3f3f3;
	border-top-color: #d3d3d3;
}

body.front div#section-contents div.rcpwidget-300
{
	background-color: #fff;
}


End real clear politics component */

div#wrapper div#intrusive,
body.front div#content div.recent-blogs h2,
body.front div#content div.recent-blogs p.more-on
{
    background-color: #fff;
}

div#main-offers #commercial-partners ul li div.trailtext
{
    color: #333;
}


/* boss-tag colours */
body.boss-tag div.col1,
body.boss-tag ul#main-trailblock,
body.boss-tag #wrapper #box #content .col1 #paginated-tag-content h3,
body.boss-tag #wrapper #box #content .col1 #paginated-tag-content p,
body.boss-tag div#article-header,
body.reuters #stock-search-form
{
    background-color: #fff;
}

body.boss-tag div#wrapper div#content div#main-trailblock,
body.boss-tag div#wrapper div#box div#content #article-header,
body.boss-tag div#wrapper div#box div#content #paginated-tag-content h3,
body.boss-tag div#wrapper div#box div#content .pickabletag
{
	background-color: #fff;
}

body.boss-tag div#section-pickable-tag-combiner li,
div#related div.capsule h4,
body.video #wrapper #box #related h3
{
    border-top-color: #999;
}

table.ftse100 th span,
body.boss-tag #box #content div#related div.recent-blogs ul.tips li.tips-package ul.credit li.blog-date,
body.boss-tag #box #content div#related div.recent-blogs ul.tips li.tips-package ul.credit li.blog-contributor
{
    color: #999;
}

body.boss-tag #box #content #related ul.tips li.tips-package ul.credit li,
.keyword-page #section-contents ul.tips ul.credit li
{
	color: #333;
}

body.boss-tag #also-on
{
    border-top-color: #fff;
}

body.boss-tag div#wrapper div#content div#main-trailblock li,
body.boss-tag div#paginated-tag-content p
{
    border-top-color: #999;
}

p.more-on,
table.marketindex td.timetillclose
{
	color: #999;
}

table.ftse100,
table.ftse100 tbody th,
table.ftse100 td,
table.marketindex
{
    border-top-color: #c3c3c3;
}

body.reuters div#movers-chart
{
    border-bottom-color: #c3c3c3;
}

table.marketindex td.netchange
{
    color: #fff;
}

body.reuters .stock-toggle-pane,
body.reuters p#reuters-blurb
{
    border-color: #bebebe;
}

body.style-guide div#wrapper div#promo div.capsule
{
    background-color: #f3f3f3;
}

/* related information component */
div.related-content,
body#film-front .news #main-trailblock
{
	border-bottom-color: #fff;
}

div#more-in-series h3,
.related-content h3#relatedInformation,
body.cartoon .related-content h3.first
{
	background-color: #fff;
}

div.related-item div.related-footer,
div.related-content div.multi h5,
#box .related-content div.relatedlinks h3,
.related-content div.relatedlinks h3,
.related-content h3.first,
body.cartoon .related-content h3.first,
.related-content div.related-item p.noTrailPicture,
body.cartoon div.relatedlinks h3
{
    border-color: #999;
}

div.series-navigation
{
    color: #333;
}

body.country-tag #wrapper #content ul#main-trailblock li.first div.media-above,
body.country-tag #wrapper #content ul#auto-trail-block li.first div.media-above
{
    border-color: #999;
}

body#visual-folder-list div#box div#sub-header
{
	border-color: #ccc;
}

body#visual-folder-list ul#columnist-list li
{
    border-color: #333;
}

#best-buy-container .all-deals,
.newspaper-thumbnail
{
    border-color: #999;
}
          /* ----------  color.css ends here ----------- */
          /* ---------- table-color.css starts here ---------- */
/* Border colours */

table.in-article h2,
table.in-article th,
table.in-article td,
table.in-article tfoot div.source,
table.stand-alone th,
table.stand-alone td,
table.stand-alone caption,
table.stand-alone tfoot div.source
{
	border-color: #999
}

/* END border colours */

/* Table styling */

table.stand-alone caption,
table.in-article caption
{
	background-color: #ccc;
}

table.in-article thead,
table.stand-alone thead,
table.stand-alone thead tr
{
	background-color: #d8d8d8;
}

table.sortable thead th:hover,
table.sortable thead td:hover
{
	color: #fff;
	background-color: #333;
}

table.in-article tbody tr:hover,
table.stand-alone tbody tr:hover,
#league-position table tr:hover
{
	background-color: #fff3a5;
}

/* End Table styling */

/* background of packages and manual tb on canonical pages */
table.in-article tr,
table.stand-alone tr
table.team-matches tr
{
	background-color: #F5F5F5;
}
table.in-article tr.odd,
table.stand-alone tfoot,
table.stand-alone tr.odd,
table.in-article tfoot tr
{
	background-color: #EDEDED;
}

table.in-article tfoot .source,
table.in-article tfoot .notes,
table.stand-alone tfoot .source,
table.stand-alone tfoot .notes
{
	border-color: #999;
}

table.stand-alone tfoot,
table.stand-alone tr
{
	background-color: #f5f5f5;
}
          /* ----------  table-color.css ends here ----------- */
          /* ---------- content-type-mask.css starts here ---------- */
div.mask,
img.mask
{
	position: absolute;
	top: 0;
	left: 0;
	margin-top: 0 !important;
}

a.mask
{
	float: left !important;
}

a.mask img
{
	margin-right: 10px;
}

img.section-icon
{
	position: absolute;
	top: 0;
	right: 0;
}

a.link-image
{
	position: relative;
}
          /* ----------  content-type-mask.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;
}

#wrapper #section-contents .other-services h3
{
	margin-bottom: 18px;
}

#wrapper #section-contents .other-services .bd li.major-heading 
{
	border-top-style: none;
}

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;
}

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

.football-team-stats .country-badge
{
	float: left;
	margin-right: 10px;
	width: 60px;
}

.football-team-stats .badged
{
	float: left;
}

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 #main-trailblock
{
	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 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 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
{
	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#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 ----------- */
          /* ---------- 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 ----------- */
          /* ---------- 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 .guardian-careers
{
	color: #0061A6;
}
          /* ----------  binary-poll-narrow.css ends here ----------- */

/* Styles for poll */

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

.col .binary-poll
{
	margin-top: 0;
}

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#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 ----------- */
          /* ---------- 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
{
	overflow: hidden;
}

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: 0;
}

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 ----------- */
          /* ---------- 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#promo ul.tri li.normal
{
	margin-left: 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#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#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;
}

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

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

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

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;
}

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;
}

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 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;
}

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;
}

body.beautiful-boss #main-trailblock li.normal
{
	background-color: #fff;
}