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

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

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

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

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

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

.t5
{
    font-weight: bold;
}

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

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

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

.l3,
.l3d li
{
	margin-bottom: 0;
	padding-top: 4px;
}
          /* ----------  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 .date,
#content span.publication-kicker,
#content span.sponsored-flag,
span.sponsored-flag,
span.content-type
{
	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;
}

          /* ---------- 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.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 ----------- */
          /* ---------- jobs-box-front.css starts here ---------- */
div#section-contents div.jobsbox
{
	margin-bottom: 0;
	padding-bottom: 20px;
	width: 300px;
}

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

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

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

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

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

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

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

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

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

div.jobsbox p.find-a-job a
{
    font-weight: bold;
}
          /* ----------  jobs-box-front.css ends here ----------- */
          /* ---------- heading-vertical-links.css starts here ---------- */
.heading-vertical-links li,
.heading-vertical-links h4
{
    font-family: arial, san-serif;
    font-size: 12px;
}

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

.heading-vertical-links h2
{
	border-top: none !important;
    font-weight: bold;
    margin-bottom: 0 !important;
}

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

.heading-vertical-links li.first,
.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.heading
{
	border-top-style: solid;
	border-top-color: #999;
}

.heading-vertical-links li.picture
{
	border-top: none;
	padding-top: 0;
}
          /* ----------  heading-vertical-links.css ends here ----------- */
          /* ---------- 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;
	display: none;
}

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

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

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

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

.promo-component .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);
}

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

#promo li.bullet
{
	background-image: url(images/icon_bullet.gif);
}
          /* ----------  minimum-set-icons.css ends here ----------- */

@media all {

li.print a

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

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

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

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

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

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


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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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


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

/*
Bullet images and icons

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

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

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

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

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

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

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

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

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

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

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

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

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

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

}

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.series-index div.trail-text span.date,
body.contributor div.trail-text span.date,
body.keyword-page div.trail-text span.date,
body.interactive div.navigation ul#main-trailblock li div.strap,
body.audio-canonical .more-podcasts li h5,
body.audio-canonical .more-podcasts li .trail-text .date,
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,
#global-jobs,
#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;
}

#find-job-container a:focus,
#find-job-container a:active,
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;
}

#find-job-container a,
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,
#readers-tips ul.tips p.credit,
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,
div#readers-tips li p.tip-header,
div#readers-tips li.last,
body.article div.related-item div.related-bottom-links,
table.team-matches tr,
table.league-position tr,
div.jobsbox p.find-a-job,
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.front div#wrapper div#promo div#global-jobs div.jobsbox,
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 */

}

h1 span.date
{
	color: #888; /*another grey - look into AB -we don't want to do this too often */

}


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

#last-updated .date
{
	color: #333;
}

#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,
div#section-contents ul.find-that-job li.header,
div#promo ul.find-that-job li.header,
#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#section-contents div#find-job-container,
div#promo #most-viewed div.most-pane
{
	background-color: #fff;
}

body.video div#wrapper div#find-job-container,
body.interactive div#wrapper div#find-job-container,
body.quiz div#wrapper div#find-job-container
{
	float: left;
	margin-right: 20px;
	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.jobs h2,
#wrapper #box ul li.jobs h3 
{
	border-color: #a6d1e2;
}


#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#readers-tips h3,
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,
body#blog-front div#promo div#global-jobs div.jobsbox
{
    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;
}

body#careers-front div#wrapper div#promo div#global-jobs div.jobsbox
{
    background-color: #fff;
    border-color: #d3d3d3;
}

body#careers-front div#wrapper div#promo div#global-jobs
{
	background-color: #f3f3f3;
	border-bottom-color: #fff;
}
          /* ----------  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 ----------- */
          /* ---------- article.css starts here ---------- */
          /* ---------- film-script.css starts here ---------- */
span.film-script,
span.film-description,
span.film-title
{
	font-family: Courier, "Courier New", serif;
	display: block;
	line-height: 1.25;
}

span.film-title
{
	text-align: center;
	margin-bottom: 50px;
	margin-top: 100px;
}

span.film-script
{
	width: 300px;
}

span.film-script strong,
span.film-script
{
	margin-left: 80px;
}

span.film-description strong,
span.film-title strong,
span.film-script strong
{
	display: block;
}
          /* ----------  film-script.css ends here ----------- */
          /* ---------- tri-trailblock.css starts here ---------- */
/*
alternative tri trailblock layout

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

ul.alternative
{ 
	overflow: hidden; 
}

ul.alternative li.wide img,
#content ul.alternative li.normal,
#content ul.alternative li.wide
{	
	float: left;
}

ul.alternative li.wide div.trail-caption,
#content ul.alternative li.normal
{
	width: 140px;
}

#content ul.alternative li.wide
{
	clear: both;
	width: 460px;
}

ul.alternative li.wide div.trail-caption,
#content ul.alternative li.normal
{
	margin-left: 20px;
}

#content ul.alternative li.odd,
#box #content ul.alternative li.wide
{
	margin-left: 0;
}

ul.alternative li.wide div.trail-caption
{
	float: right;
}

#box #content ul.alternative li.image
{
	border-top: none;
}


/* end alternative trailblock layout */


/*
full-width tri trailblock layout

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

ul.tri
{ 
	overflow: hidden;
}

body.full-width #content #main-trailblock li
{
	width: 220px
}

 #content #main-trailblock li li
{
	width: auto
}

#content ul.tri li
{
	float: left;
}

ul.tri li,
ul.tri li a
{
	width: 140px;
	overflow: hidden !important;
}


ul.tri li
{
	margin-left: 20px;
}

ul.tri li.first
{
	margin-left: 0;
	clear: left;
}


/* end tri trailblock layout */


ol.odd
{
    margin-right: 20px
}

#content div.commercial-trail li .link-text
{
	line-height: 1.14285;
}

div.text
{
	border-top-width: 1px;
	border-top-style: dotted;
	padding-top: 3px;
	margin-bottom: 25px;
}
          /* ----------  tri-trailblock.css ends here ----------- */
          /* ---------- article-page.css starts here ---------- */
/* CSS for pages with body class article */
          /* ---------- figure-caption.css starts here ---------- */
figcaption
{
	color: #666;
	display: block;
	font-size: 12px;
}

figure
{
	display: block;
	margin-bottom: 14px;
}

figure.inline
{
	float: left;
	margin-right: 20px;
	margin-top: 5px;
	width: auto;
}
          /* ----------  figure-caption.css ends here ----------- */

#wrapper
{
	background-image: url(images/article-bg-lines.gif);
	background-repeat: repeat-y;
}

body.article h2.related-information
{
	background-image: none;
	border-top-width: 1px;
	border-top-style: dotted;
}

body.article div.more-on-bmj
{
	float: right;
	width: 140px;
}

body.article div.more-on-bmj li
{
	border-top-width: 1px;
	border-top-style: dotted;
	padding-top: 3px;
	padding-bottom: 7px;
}

body.article div#wrapper div#box div#related div.more-on-bmj ul li.first
{
	border-top-width: 1px;
	border-top-color: #FFC202;
	border-top-style: solid;
	font-weight: bold;
	margin-top: 30px;
	margin-bottom: 20px;
}

div.bmj-condition-nav
{
	border-bottom: 1px solid #999999;
	margin-bottom: 10px;
}

div.bmj-condition-nav .tabs
{
	float: none;
	overflow: hidden;
}

body.article div#also-on
{
	border-top-width: 10px;
	border-top-style: solid;
	width: 620px;
}

body.article #content p,
#content #article-wrapper ul
{
	margin-bottom: 13px;
}

body.article #compare-and-buy-money-supermarket .link
{
	margin-left: 0;
}

body.reuters #article-header
{
	padding-left: 0;
}

body.article #content
{
	width: 460px;
	margin-bottom: 10px;
}

body.article #content p
{
	padding-right: 0;
}

a.open span.remaining
{
	display: none
}

body.article #box
{
	margin-bottom: 0;
}

body.article #box #content h2,
body.article #box #content h3
{
	padding: 2px 0;
	margin: 20px 0 10px 0;
}

body.article #box #content h2,
body.article #box #content h3
{
	border-top: 1px dotted #999;
}

body.article #box #content h2,
body.article #box #content h3
{
	border-bottom: 1px dotted;
}

body.article .tips li.last a.more
{
	display: block;
}

div#content p#credit
{
	margin-bottom: 0;
}

/* byline tools */

div#history-link-box
{
	position: relative;
	top: -26px;
}

div#history .section,
div#history-link-box .section
{
	margin: 0 5px 0px 5px;
}

div.sponsored-features li.normal
{
	border-top-width: 1px;
	border-top-style: dotted;
	margin-left: 0;
	padding-top: 3px;
	width: 280px;
}

div.sponsored-features li.image
{
	border-top: none;
	width: 130px;
}

div.sponsored-features li.image.odd
{
	margin-left: 20px;
}

body.article div#related div.sponsored-features li
{
	margin-left: 0;
	width: 140px; 
}

body.article div#wrapper #box ul.pagination li.first,
body.article div#wrapper #box ul.pagination li.last
{
	width: 140px
}

body.article ul.pagination
{
	clear: both;
	font-size: 12px;
}

div#stock-search
{
	border-top-width: 1px;
	border-top-style: dotted;
	margin-top: 10px;
}

div#stock-search form#stock-search-form
{
	margin-top: 5px;
}

/* readers tips */

div#readers-tips
{
	width: 620px;
	float: left;
	margin-bottom: 10px;
	background-image:url(images/simplesite-inner-bg.gif);
	background-repeat:repeat-y;
}

div#readers-tips h3
{
    border-top-width: 10px;
    border-top-style: solid;
    padding-bottom: 14px;
    padding-top: 3px;
}

div#readers-tips.empty
{
	background-image: none;
}

div#readers-tips li
{
	width: 300px;
	float: left;
	margin-bottom: 10px;
}

div#readers-tips li.odd
{
	padding-right: 20px;
}

div#readers-tips li p.tip-header
{
	margin-bottom: 10px;
	padding-top: 3px;
	border-top-width: 1px;
	border-top-style: dotted;
}

div#readers-tips li.last
{
	float: right;
	border-top-width: 1px;
	border-top-style: dotted;
	padding-top: 3px;
}

div#readers-tips li.last a
{
	display: inline;
}

/* football summary */

/* Hide the top border for every match report except for football, because it has a summary at the top of the article */

body.match-report .article-attributes
{
	border-top: none;
}

body.match-report #tabs,
body.cricket-match #tabs
{
    border-bottom: 1px solid #999;
}

body.match-report .tabs li a
{
    font-size: 12px;
}

body.match-report #article-header h1#heading-alone
{
    margin-bottom: 0;
    min-height: 0;
}

body.match-report #article-header h1#heading-alone,
body.match-report #article-header #stand-first
{
    padding-bottom: 45px;
}

body.football .article-attributes
{
	border-top-width: 1px;
	border-top-style: solid;
}

body.match-report #related
{
	margin-top: 5px;
}

body.match-report #box #content #match-stats-summary h2
{
	margin-top: 0;
	border-top: 0;
}

#tabs:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#match-stats-summary
{
	clear: both;
}

#match-stats-summary table
{
	border-collapse: collapse;
	margin-bottom: 12px;
}

#match-stats-summary table td, #match-stats-summary table th, #match-stats-summary table caption
{
	vertical-align: top;
}

#match-stats-summary table caption
{
	padding-bottom: 7px;
}

#match-stats-summary table th
{
	padding-right: 30px;
}

#match-stats-summary table td li
{
	display: inline;
	color: #999;
}

/* footer */

body.article #wrapper #footer
{
	padding-top: 10px;
	border-top: none;
}

body.article #wrapper #footer #footer-links
{
	border-top-width: 10px;
	border-top-style: solid;
	padding-top: 4px;
}

/*
History by line

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

div#history-link-box
{
	position: absolute;
	top: -20px;
	display: none;
}

#article-wrapper
{
	position: relative;
}

div#article-wrapper span.embed span.caption
{
	padding-bottom: 10px;
	width: 460px;
}

.pluck-init-block,
.pluck-init-inline
{
	display: none;
}



div#article-wrapper ul li
{
	margin-bottom: 0;

}

#promo div.jobsbox form
{
    margin-bottom: 15px;
}

#promo div.jobsbox p.find-a-job
{
    padding-bottom: 0;
}

#highlights 
{
    float: left;
}
          /* ----------  article-page.css ends here ----------- */
          /* ---------- related-content.css starts here ---------- */
/* NOTE: section-contents relates to the audio template */

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

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

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

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

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

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

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

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

.relatedlinks h3
{
    font-size: 12px;
    font-family: arial, sans-serif;
    font-weight: bold;
}

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

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

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

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



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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.series-navigation
{
	overflow: hidden;
}

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

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

.series-navigation h4
{
	float: left;
	font-weight: normal;
}

/* more in series component at the bottom */

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

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

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

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

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

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

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

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

div#more-in-series p.link-to-index
{
	clear: both;
	border-top: 1px solid #ccc;
	padding-top: 3px;
	background-color: #fff;
	margin-top: 10px;
}
          /* ----------  series-component.css ends here ----------- */
          /* ---------- league-position.css starts here ---------- */
#box #content div#league-position h2
{
	border-top-style: solid;
	border-top-width: 10px;
}
div#league-position table
{
	width: 100%;
	border-collapse: collapse;
}

div#league-position tfoot td
{
	text-align: left;
}

div#league-position thead tr
{
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

div#league-position thead th
{
	background-color: #d8d8d8;
}

div#league-position td, 
div#league-position th
{
	text-align: right;
}

div#league-position tr.odd
{
	background-color: #fff;
}

div#league-position table.full tr.odd
{
	background-color: #f5f5f5;
}

div#league-position table.full thead th
{
	background-color: #cccccc;
}

div#league-position tr
{
	background-color: #eaeaea;
}

div#league-position tr.highlighted td
{
	background-color: #d4d4d4;
}

div#league-position .team
{
	text-align: left;
	width: 104px;
}

div#league-position .played,
div#league-position .won,
div#league-position .drawn,
div#league-position .lost
{
	width: 21px;
}

div#league-position .position,
div#league-position .points
{
	width: 24px;
}

div#league-position td, 
div#league-position th
{
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 9px;
	padding-left: 3px;
}

div#league-position th
{
	padding-top: 2px;
	padding-bottom: 6px;
	padding-right: 10px;
}

div#league-position td#more-stats-link
{
	padding-top: 4px;
}

div#league-position .points
{
	font-weight: bold;
	padding-right: 5px;
	border-right: 0;
}

/* Full width table used on table pages */

div#wrapper div#box div#content h2.latest-table-date
{
	margin-bottom: 0;
}

div#wrapper div#box div#content div#league-position h3
{
	border-top: 1px solid #999;
	font-size: 1em;
	font-family:arial,sans-serif;
	margin-bottom: 10px;
}
div#wrapper div#box div#content div#league-position h3.first
{
	border-top: none;
	padding-top: 0;
}
div#league-position table.full
{
	margin-bottom: 24px;
}
div#league-position table.without-heading
{
	margin-top: 26px;
}
div#league-position table.full thead tr
{
	border-top: 1px solid #999;
}

div#league-position table.full tfoot tr
{
	border-bottom: none;
}

div#league-position table.full tr
{
	border-top: none;
}

div#league-position table.full .position
{
	width: 30px;
	text-align: center;
}

div#league-position table.full .team
{
	width: 155px;
}

div#league-position table.full .played,
div#league-position table.full .won,
div#league-position table.full .drawn,
div#league-position table.full .lost
{
	width: 30px;
	padding-right: 10px;
}

div#league-position table.full td.points
{
	width: 25px;
	padding-right: 10px;
}

#league-position table th,
#league-position table td
{
	border-right-width: 1px;
	border-right-style: solid;
}

#league-position table th.last,
#league-position table td.last,
#league-position table tr#more-stats-link td
{
	border-right: none;
}
          /* ----------  league-position.css ends here ----------- */
          /* ---------- pluck-comment-additionals.css starts here ---------- */
/*
	STYLES FOR ALL PLUCK
	RELATED PAGES
	
	
	********************************************************************************
	DO NOT REFERENCE ANY BACKGROUND IMAGES FROM THIS STYLESHEET. THIS FILE DOESN'T
	USE THE DYNAMIC URL WHICH IS GENERATED IN THE MERGE AS PLUCK REQUIRES A STATIC URL.
	THEREFORE, ANY OF THE IMAGES IN THE STATIC DIRECTORY WHICH ARE REFERENCED FROM HERE
	WON'T BE FOUND WHEN THE PAGE LOADS.
	SEE TWIKI PAGE http://twiki.gudev.gnl/twiki/bin/view/Main/PluckWidgetStyleSheet
	SU 18/09/2008
	*********************************************************************************
	
*/

/* SET CONTAINERS TO DISPLAY NONE, IN CASE PLUCK IS SWITCHED OFF */

.pluck-init-block, .pluck-init-inline {display: none;}


/* PLUCK COMMENTS */
 .featured-comment li 
{
	background-color: #FFFF9F;
}

 .pluck-comments-container 
{
	clear: both;
	width:620px;
}

.pluck-comment-block
{
	clear: both;
	float: left;
	margin-top: 3px;
}

.pluck-comment-block .pluck-comment,
 .pluck-comments-container .pluck-comment-post
{
	float:left; 
	width: 460px;
	padding-bottom: 3px;
}

#open-comment-box-top
{
	margin-bottom: 3px;
}

#pluck-container h2 span
{
	font-weight: normal;
	font-size: 0.856em;
}

#pluck-container h2 span.comment-count-info
{
	font-weight: normal;
	font-size: 0.9em;
	font-family: arial, sans-serif;
}

#pluck-container h2 span span
{
	font-size: 1em;
}

.pluck-comment-block .pluck-comment-author
{
	 width: 80%; 
	 float: left; 
	 display: block; 
	 overflow: hidden;
	 padding-top: 2px;
}

#box .pluck-comment-block .pluck-comment-author h3
{
	font-size: 1em;
	font-family: arial, sans-serif;
	font-weight: normal;
	padding-top: 0;
}

.pluck-comment-block .pluck-comment-tools,
 .pluck-comments-container .pluck-comment-legend
{
 	float: right; 
 	width: 140px;
 	color: #333; 
}

.pluck-comment-block .pluck-content 
{
	border-top-width: 1px;
	border-top-style: solid;
	clear: both;
	margin: 4px 0 0 0; 
	padding: 0;
}

#pluck-container ul.first
{
	margin-top: 0;
}

.pluck-comment-block .pluck-comment,
.pluck-comment-block .pluck-comment-tools
{
	margin: 0;
	padding-bottom: 15px;
}

 .pluck-comments-container #post-comment-div-top
{
	padding-bottom: 26px;
}

 .pluck-comments-container .pluck-comment-addComment
{
	overflow: hidden;
	clear: both;
}

 div#pluck-container div.pluck-all-comments
{
	padding: 4px 0;
}

 .pluck-comments-container .header .pluck-comment-post,
 .pluck-comments-container .header .pluck-comment-legend
{
	border-top-width: 1px;
	border-top-style: solid;
	padding: 4px 0 0 0;
}

 .pluck-comments-container .footer,
 .pluck-comments-container .footer .pluck-all-comments,
 div#post-comment-div-top div.pluck-all-comments,
 body.pluck-user-profile div#pluck-comments p.num-comments
 {
	border-top-width: 1px;
	border-top-style: solid;
}

.pluck-comments-container .footer .pluck-all-comments
{
	border-bottom: 1px solid;
}

 .pluck-comments-container .pluck-all-comments p
{
	display: inline;
}

 .pluck-comments-container .footer .pluck-all-comments p
{
	margin: 0;
}

 .pluck-comments-container .footer .pluck-comment-post
{
	margin: 5px 0 0 0;
}

.pluck-comment-block .pluck-comment-author a.author-profile-picture
{
	display: block; 
	float: left; 
	margin-right: 5px;
	padding-top: 3px;
}

.pluck-comment-block .pluck-comment-author p.posted-time
{
	font-size: 1em; 
	color: #999; 
}

.pluck-comment-block span.author-tier
{
	float: right; 
	width: 15%; 
	display: block; 
	text-align: right; 
	margin-top: 5px;
}

.pluck-comment-block .pluck-comment-author li 
{
	color: #A5A4A4;
}

.pluck-comment-block .pluck-comment-author a,
.pluck-comment-block .pluck-comment-author a:link,
.pluck-comment-block .pluck-comment-author a:visited,
.pluck-comment-block .pluck-comment-author a:hover,
.pluck-comment-block .pluck-comment-author a:active,
 .pluck-comments-container .pluck-all-comments a,
 .pluck-comments-container .pluck-all-comments a:link,
 .pluck-comments-container .pluck-all-comments a:visited,
 .pluck-comments-container .pluck-all-comments a:hover,
 .pluck-comments-container .pluck-all-comments a:active
{
	font-weight: bold;
}

.pluck-comment-block .pluck-comment-body
{
 	padding: 0 25px 0 0;
 	color: #333;
 	clear: both;
 	word-wrap: break-word;
}

.comment-clipping .comment-blocked,
.pluck-comment-block .pluck-comment-body.comment-blocked,
.pluck-comment-block .comment-blocked,
#cif-search-results .comment-blocked
{
	color: #999;
}
.pluck-comment-block .pluck-comment-tools ul
{
	margin: 2px 0 0 0;
}
 .pluck-comments-container .pluck-comment-legend ul
{
 	margin-top: 0;
}

 .pluck-comments-container .pluck-comment-legend li
{
	margin: 0 0 4px;
}

 .pluck-comments-container .pluck-comment-legend li img 
{
	margin: 0 5px 0 0;
	vertical-align: middle;
}

.pluck-comment-block .pluck-comment-tools li span
{
	color: #333;
}

.pluck-comment-block .pluck-comment-tools .high-recommended
{
}

.pluck-comment-block .pluck-comment-tools li
{
	border-bottom: 1px dotted #999;
	padding: 0 0 3px 0;
}

.pluck-comment-block .pluck-comment-tools .clip,
.pluck-comment-block .pluck-comment-tools .link 
{
	display: inline;
	border: none;
}

.pluck-comment-block .pluck-comment-tools .abuse-report
{
	margin: 3px 0;
}

#comment-box-pluck
{
	background-color: #edf1f5;
	color: #000; 
	width: 450px;
	margin-top: -4px;
	padding: 10px 5px 1px;
	clear: both;
}

#post-comment-div-bottom #comment-box-pluck
{
	margin-top: -5px;
}


/* SIDEBAR TOOLS */

.pluck-comment-block .author-tier a.rollover span
{
	display: none;
	position: absolute;
	left: 2px;
	top: -36px;
	width: 6.2em;
	text-align: center;
	color: #fff;
	float:none;
	margin-left: 5px;
}

.pluck-comment-block .author-tier a.rollover,
.pluck-comment-block .author-tier a.rollover:link,
.pluck-comment-block .author-tier a.rollover:visited,
.pluck-comment-block .author-tier a.rollover:hover,
.pluck-comment-block .author-tier a.rollover:active
{
	position: relative;
	display:block;
	margin-right: 8px;
	text-indent: 0;
}


.pluck-comment-block .author-tier a.rollover:hover span,
.pluck-comment-block .author-tier a.rollover:focus span,
.pluck-comment-block .author-tier a.rollover:active span
{

	display: block;
	background-color: #005689;
	background-image: url(images/triangle-rollover.gif);
	background-position: bottom center;
	z-index: 999;
	height: 2em;
	width: 6.2em;
	padding: 3px 0;
}

/*USER PROFILE PAGE*/

body.pluck-user-profile div#user-profile
{
	float: left;
	overflow: hidden;
	width: 460px;
	margin-bottom: 40px;
}

body.pluck-user-profile div#related
{
	float: right;
	width: 140px;
}

body.pluck-user-profile img#top-pluck-logo
{
	float: right;
	margin-bottom: 51px;
}

body.pluck-user-profile div#user-profile div#pluck-profile
{
	overflow: hidden;
	width: 100%;
	margin-bottom: 30px;
}

body.comments div#comments-header h1,
body.pluck-user-profile div#pluck-profile h1
{
	margin-bottom: 40px;
	line-height: 1;
}

body.pluck-user-profile div#pluck-profile h1
{
	float: left;
	width: 100%;
	line-height: 1.25;
}

div#pluck-recent-activity-container
{
	overflow: hidden;
	clear: both;
	width: 100%;
	border-top-width: 10px;
	border-top-style: solid;
	padding-bottom: 40px;
}

div#pluck-recent-activity-container div#pluck-latest-comments
{
	padding-bottom: 40px;
}
	
div#pluck-recent-activity-container h3
{
	margin-bottom: 20px;
}

div#pluck-recent-activity-container h4
{
	border-top-width: 1px;
	border-top-style: solid;
	font-family: arial, sans-serif;
	font-weight: bold;
	padding: 2px 0 5px 0;
	width: 460px;
}

div#pluck-recent-activity-container h6
{
	font-family: arial, sans-serif;
	display: inline;
	font-size: 1em;
}

div#pluck-recent-activity-container ul li
{
	border-bottom: 1px dotted;
	margin-bottom: 0;
	padding: 2px 0 4px 0;
	width: 460px;
}

div#pluck-recent-activity-container ul li span
{
	color: #999;
}

div#pluck-recent-activity-container a.all-comments
{
	padding-top: 2px;
	display: block;
}

div#abuse-component 
{
	padding-bottom: 30px;
	border-top-width: 1px;
	border-top-style: solid;
	width: 140px;
	overflow: hidden;
	clear: both;
}

div#wrapper div#editors-msg
{
    border-top: none;
    margin-bottom: 40px;
	overflow: hidden;
	width: 140px;
	float: right;
}

div#wrapper div#editors-msg ul
{
    border-top-style: solid;
    border-top-width: 1px;
}

div#wrapper div#editors-msg div.linktext,
div#wrapper div#editors-msg h2
{
	font-family: arial, sans-serif;
	font-size: 1em;
	margin-bottom: 5px;
	border-bottom: 1px dotted;
}

div#wrapper div#section-contents ul,
div#wrapper div#section-contents h2
{
	margin-bottom: 5px;
}

div#wrapper div#editors-msg div.linktext
{
	font-weight: bold;
	padding: 2px 0 5px 0;
}

div#wrapper div#editors-msg ul
{
	margin-bottom: 0;
}
	
div#wrapper div#editors-msg ul li
{
	margin-bottom: 0;
	border-top: none;
	width: 140px;
}

body.pluck-user-profile div#pluck-profile span a
{
	display: block;
}

body.pluck-user-profile div#pluck-profile p
{
	border-top-width: 1px;
	border-top-style: solid;
}

body.pluck-user-profile div#user-profile span
{
	float: left; 
	margin-right: 20px;
	width: 60px;
	display: block;
}

body.pluck-user-profile div#pluck-profile p,
body.pluck-user-profile div#user-profile table 
{
	float: left; 
	width: 380px;
	display: block;
	border-bottom: 1px dotted;
}

body.pluck-user-profile div#user-profile table 
{
	border-collapse: collapse;
}

body.pluck-user-profile div#user-profile table,
body.pluck-user-profile div#pluck-profile p.no-profile-data
{
	border-bottom: none;
}

body.pluck-user-profile div#user-profile th 
{
	width: 100px;
	text-align: left;
}

body.pluck-user-profile div#user-profile td 
{
	width: 280px;
}

body.pluck-user-profile div#user-profile th, 
body.pluck-user-profile div#user-profile td 
{
	border-top-width: 1px;
	border-top-style: dotted;
	padding: 4px 0;
	vertical-align: top;
}

body.pluck-user-profile div#user-profile tr.first th, 
body.pluck-user-profile div#user-profile tr.first td
{
	border-top-width: 1px;
	border-top-style: solid; 
}

body.pluck-user-profile div.editor-zone-1,
body.pluck-user-profile div#user-profile .pluck-logo  
{
	float: right;
	width: 140px;
}

body.pluck-user-profile div#user-profile div.editor-zone-1 h2 
{
	font-weight: bold;
	font-size: 1em; 
	font-family: arial, sans-serif;
	line-height: 1;
	padding: 5px 0 15px 0;
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom: 1px dotted;
	margin-bottom: 2px;
}

body.pluck-user-profile div#user-profile div.editor-zone-1 li.normal
{
	border-top-width: 0;
	width: 140px;
}

body.pluck-user-profile div#user-profile div.editor-zone-1 li.major-heading
{
	margin-bottom: 0;
}


/* ---- Styles for comments on user profile page ---- */

body.pluck-user-profile .pluck-init-block,
body.pluck-user-profile #pluck-comment-container
{
	clear: both;
}

body.pluck-user-profile #content
{
	width: 620px;
}

body.pluck-user-profile div#pluck-comments
{
	clear: both;
}

body.pluck-user-profile div#pluck-comments-header h2
{
	padding-bottom: 20px;
	width: 620px;
}

body.pluck-user-profile div#pluck-comments-header h2,
body.pluck-user-profile div#wrapper div#footer
{
	border-top: 10px solid #CCC;
}

body.pluck-user-profile div#wrapper div#content div#pluck-comments ul li
{
	margin-bottom: 0;
	border-top-width: 1px;
	border-top-style: solid;
	clear: both;
	overflow: visible;
}

body.pluck-user-profile div#wrapper div#content div#pluck-comments ul li .clipping-data ul li.section
{
	border-top-width: 1px;
	border-top-style: dotted;
}

body.pluck-user-profile div#wrapper div#content div#pluck-comments ul li .clipping-data ul li.section li,
body.pluck-user-profile div#wrapper div#content div#pluck-comments ul li .clipping-data ul li.first-section
{
	border-top: none
}

body.pluck-user-profile div#pluck-recent-activity-container ul li.first,
body.pluck-user-profile div#wrapper div#content div#pluck-comments ul li.first
{
	border-top-width: 1px;
	border-top-style: dotted; /* To include dotted line when no pagination present. */
}

body.pluck-user-profile div#user-profile img#user-tier-icon
{
	vertical-align: middle;
}

body.pluck-user-profile img#pluck-logo-bottom
{
	float: right;
	margin-bottom: 5px;
	display: block;
	clear: both;
}

div.pluck-comment-block div.pluck-comment h3
{
	font-size: 1.333em;
	margin: 3px 0 10px 0;
}

div.pluck-comment-block div.pluck-comment p,
.pluck-comments-container .pluck-comment p,
.pluck-comments-container .pluck-comment blockquote,
div.pluck-comment-block div.pluck-comment blockquote p,
input#open-comment-box-bottom
{
	margin-bottom: 10px;
}

 .pluck-comments-container .pluck-comment blockquote,
div.pluck-comment-block div.pluck-comment blockquote
{
	color: #666;
	margin-left: 40px;
	margin-right: 40px;
}

div#content #pluck-comment-container .pluck-comment blockquote
{
	margin-left: 0;
	margin-right: 0;
}

div.pluck-comment-block div.pluck-comment p.recommended
{
	color: #999;
	margin: 0;
}

#post-comment-div-top,
#post-comment-div-bottom
{
	width: 100%;
}

/* ---- End styles for comments on user profile page ----*/

/* ---- EDIT YOUR PROFILE STYLES ---- 
Classnames, IDs and HTML can't be edited. Using a Pluck widget. Doh :( */

body.PersonaProfile_Body div.Persona_Main div.PersonaStyle_ItemContainer div#ProfileEdit_SectionDescription_Link p,
body.PersonaProfile_Body div.Persona_Main tr.ProfileEdit_TableMessageAccessRow,
div#personaDest div.PersonaTabs_Container
{
	display: none;
}

div#ProfileEdit_SectionDescription_Link
{
	padding: 0 0 16px 0;
}

div.Persona_Main,
div.Persona_Main textarea
{
	font-family: arial, sans-serif;
}

div.Persona_Main textarea
div.Persona_Main table.ProfileEdit_Table td.ProfileEdit_TableFieldName
{
	width: 20%;
}

td.ProfileEdit_Textarea
{
	font-size: 1.48em;
}

td.ProfileEdit_TableField
{
	font-size: 11px;
}

td.ProfileEdit_TableField img
{
	border: none !important;
}

tr.ProfileEdit_TableAboutMeRow textarea.ProfileEdit_Textarea
{
	font-size: 13px;
}

div.Persona_Main table.ProfileEdit_Table td.ProfileEdit_TableField
{
	width: 80%;
}

body.PersonaProfile_Body div.Persona_Main div.PersonaStyle_ItemContainer
{
	border: none;
}

body.PersonaProfile_Body div.Persona_Main div.PersonaStyle_ItemContainer div.PersonaStyle_SectionHead

{
	background-color: #FFF;
	border-top: 10px solid #999;
	padding: 3px 0 16px 0;
	font-weight: bold;
	font-size: 1.166em; 
	font-family: georgia, sans-serif;
	line-height: 1.2;
}

div.Persona_Main input[type="radio"]
{
	margin-right: 3px;
	vertical-align: top;
}

/* ---- END EDIT YOUR PROFILE STYLES ---- */

div#comment-thank-you-area,
div#comment-premoderation-area,
div#comment-pluck-error-area
{
	display: block;
	border-top: 1px dotted #CCC; 
	border-bottom: 1px dotted #CCC; 
	margin-top: 20px; 
	text-align: center;
}

div#comment-pluck-error-area p,
div#abuse-pluck-error-area p
{
	background-image: url(images/pluck/error-icon.gif);
	background-position: center 0;
	background-repeat: no-repeat;
	padding: 20px 96px 0;
	color: #CD0000;
	font-weight: bold;
}

div#abuse-pluck-error-area p
{
	padding: 19px 45px 0;
	text-align: center;
	margin: 96px 0 104px;
}

div#comment-pluck-error-area p span,
div#abuse-pluck-error-area p span
{
	display: block;
	margin-top: 15px;
}

input#comment-premoderation-close 
{
	margin-top: 15px;	
}

#personaprofileiframe
{
	height: 1000px;
}

td.ProfileEdit_Caption
{
	display: none;
}

td.ProfileEdit_TableField td.ProfileEdit_Caption
{
	display: table-cell;
}

/* Comments */


body.article  .pluck-comments-container .footer
{
	border-top: 0; 
}

/* end comments*/

/* Pluck pagination styles */

div#pluck-pagination-top,
div#pluck-pagination-bottom
{
	overflow: hidden; 
	clear: both; 
	padding: 3px 0;
	margin-bottom: 0;
	width: 620px;
}

div#pluck-pagination-bottom,
div#pluck-pagination-top
{
	border-top-width: 1px;
	border-top-style: dotted;
	border-bottom: 1px dotted;
}

body.show-all-comments div#post-comment-div-bottom .pluck-comment-post
{
	border-top-width: 1px;
	border-top-style: solid;
	padding-top: 3px;
}

div#pluck-pagination-top
{
	border-bottom: none;
}

body.pluck-user-profile div#pluck-pagination-top
{
	border-bottom: none;
	margin-bottom: 0;
}

div#post-comment-div-bottom,
div#pluck-pagination-bottom
{
	margin-bottom: 20px;
}

body.article div#pluck-pagination-bottom
{
	margin-top: 5px;
}

ul.pluck-pagination li.prev,
ul.pluck-pagination li.next
{
	 display: block; 
	 width: 25%; 
}

ul.pluck-pagination li.prev
{
	 float: left;
}

ul.pluck-pagination li.next
{
	float: right; 
	text-align: right;
} 


ul.pluck-pagination li.pages 
{
 	display: block;
 	float: left; 
 	width: 50%; 
 	text-align: center;
}

ul.pluck-pagination li.pages ul li.first,
ul.pluck-pagination li.pages ul li.last,
ul.pluck-pagination li.pages ul li
{
	display: inline; 
}

ul.pluck-pagination li.pages ul li.current
{
	font-weight: bold;
}

ul.pluck-pagination li.pages ul li
{
	padding: 0 3px;	
}

ul.pluck-pagination li.pages ul li a
{
	font-weight: normal;
}

ul.pluck-pagination li.pages ul li.last
{
	 padding: 0 3px 0 10px;
}

ul.pluck-pagination li.pages ul li.first
{
	 padding: 0 10px 0 3px;
}


#pluck-pagination-top ul li,
#pluck-pagination-top ul li ul,
#pluck-pagination-bottom ul li,
#pluck-pagination-bottom ul li ul
{
	margin-bottom: 0;
	padding-bottom: 0;
}

/* End pagination styles */

/* comment keywords */

.pluck-comment-block .comment-keywords 
{	
	float: right;
	width: 140px;
	margin-left: 20px;
	margin-top: 9px;
}

div#top-keywords
{
	border-top-width: 1px;
	border-top-style: solid;
	float: right;
	width: 380px;
}

body.pluck-user-profile div#top-keywords h3
{
	font-family: arial, sans-serif;
	font-size: 1em;
	padding-bottom: 5px;
	padding-top: 2px;
}

body.pluck-user-profile div#top-keywords h5
{
	font-family: arial, sans-serif;
	display: inline;
	font-weight: bold;
	font-size: 1em;
}

ul#top-keywords-list
{
	border-top-width: 1px;
	border-top-style: dotted;
	padding-top: 4px;
}

div#top-keywords ul#top-keywords-list li ul
{
	padding: 0;
}

ul#top-keywords-list li
{
	display: inline;
}

/* end comment keywords */

/* Pluck Error message */

.javascript-off-error,
.pluck-off-error
{
	clear: both;
	position: relative;
	background-color: #fff;
	width: 100%;
}

#pluck-container h2,
#pluck-addressed-comment-container h2,
.javascript-off-error h2,
.pluck-off-error h2
{
	border-top-width: 10px;
	border-top-style: solid;
	font-weight: bold;
	margin: 20px 0;
	padding: 4px 0 0 0;
	font-family: arial,  sans-serif;
	font-size: 1.166em;
}

body.article #pluck-container h2
{
	font-family: georgia, serif;
}
body.article #pluck-container h2 span
{
	font-family: arial,  sans-serif;
}

.javascript-off-error h2,
.pluck-off-error h2
{
	padding-bottom: 10px;
	border-bottom: 1px dotted;
	margin-bottom: 5px;
}

.javascript-off-error p,
.pluck-off-error p
{
	background-image: url(images/pluck/error-icon.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	padding-left: 20px;
}
#wrapper #content .javascript-off-error p span,
#wrapper #content .pluck-off-error p span
{
	display: block;
	width: 100%;
	background-color: #fff;
}

#reviewsiframe
{
	height: 250px !important;
}

#reviewsiframe,
body.ReviewFrame_Body
{
	width: 460px !important;
}

.ReviewFrame_Body img,
.ReviewFrame_Body #Reviews_ProsEntry,
.ReviewFrame_Body #Reviews_ConsEntry,
.ReviewFrame_Body div.Pluck_FooterLink
{
	display: none;
}

.ReviewFrame_Body div.Reviews_AddHeading
{
	border-top: 10px solid #D1008B;
	padding-top: 2px;
	padding-bottom: 0;
	font-family: georgia, serif;
	margin-bottom: -6px;
}

.ReviewFrame_Body form span
{
	display: none;
}

.ReviewFrame_Body div.Reviews_AddTextarea
{
	padding: 0;
	font-size: 12px;
	font-family: arial,sans-serif;
}

.ReviewFrame_Body div.SiteLife_Login
{
	display: none;
}

.ReviewFrame_Body div#Reviews_HeadlineEntry
{
	margin-bottom: 14px;
}

.ReviewFrame_Body div.Reviews_AddTextarea input,
.ReviewFrame_Body div.Reviews_AddTextarea textarea
{
	width: 456px !important;
	border: 1px solid #999 !important;
}

.ReviewFrame_Body div.Reviews_AddTextarea textarea
{
	height: 210px;
	resize: none;
}

.ReviewFrame_Body .Reviews_Submit input
{
	float: right;
}

div#pluck-container div#progress-bar 
{
	padding: 70px 0 70px 140px; 
	border-top-width: 1px;
	border-top-style: dotted;
}

div#pluck-container div#progress-bar div
{
	height: 10px;
	border: 1px solid;
	width: 300px;
	overflow: hidden;
}

div#pluck-container div#progress-bar span
{
	display: block; 
	height: 100%; 
	width: 0%; 
}

div#pluck-container div#progress-bar p
{
	font-weight: bold;
}

body.comments div#comments-header
{
	overflow: hidden;
}

body.comments div#comments-header h1
{
	float: left;
	display: inline;
}

body.comments div#comments-header img#top-pluck-logo
{
	margin-bottom: 0;
}

body.comments div#top-keywords
{
	width: 460px;
	float: none;
	margin-bottom: 30px;
}

body.comments div.pluck-comment-block div.pluck-comment h3
{
	margin: 0;
}

body.comments div#pluck-comments div.pluck-comment p.comment-date
{
	margin-bottom: 4px;
}

#wrapper a.comment-feed
{
	position: relative;
	margin-bottom: -36px;
	top: -36px;
}

body.popup-comments div#pluck-container
{
	margin-bottom: 50px;
}

/* SSP microapp styling - should be removed when they figure out how to do it */
div.moderated
{
    background-image: url(http://sitelife.guardian.co.uk/ver1.0/Content/images/no-user-image.gif);
    background-position: 0 5px;
    background-repeat: no-repeat;
    border-top-style: solid;
    border-top-width: 1px;
    clear: both;
    padding-left: 70px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

div.moderated p
{
    margin-top: 10px;
}

.pluck-comments-container .no-comments
{
    background-color: #ededed;
    border-top-style: solid;
    border-top-width: 1px;
    padding: 20px 10px;
    font-weight: bold;
}

#pluck-show-all-comments
{
	border-top-style: solid;
	border-top-width: 1px;
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 4px 0;
}

#post-area
{
	margin-bottom: 20px;
}

/* SSP microapp styling end */
          /* ----------  pluck-comment-additionals.css ends here ----------- */
          /* ---------- table.css starts here ---------- */
          /* ---------- minimum-table.css starts here ---------- */
#content table.stand-alone caption h1,
#content table.stand-alone caption p,
#content table.in-article caption h1,
#content table.in-article caption p
{
	border: none;
}

#content table.stand-alone caption p,
#content table.in-article caption p
{
	padding: 0 0.5em;
}

table.stand-alone td,
table.stand-alone th,
table.in-article td,
table.in-article th
{
	text-align: left;
	padding: 0.5em;
}

table.stand-alone td
{
	padding-top: 3px;
	padding-bottom: 9px;
}

table.stand-alone th,
table.in-article th
{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	font-weight: normal;
}

table.stand-alone th,
table.stand-alone td,
table.in-article th,
table.in-article td
{
	border-right-width: 1px;
	border-right-style: solid;
}

table.stand-alone tfoot td,
table.stand-alone th.last,
table.stand-alone td.last,
table.in-article tfoot td,
table.in-article th.last,
table.in-article td.last
{
	border-right: none;
}
          /* ----------  minimum-table.css ends here ----------- */

/* Table only styling */

table.stand-alone,
table.in-article
{
	border-collapse: collapse;
}

table.sortable thead,
table.in-article thead,
td
{
	vertical-align: top;
    cursor: pointer;
}

table.sortable thead div,
table.in-article thead div
{
	clear: both;
	display: block;
	margin-bottom: 1.85em;
}

/* please excuse this id, it is used for sorting the table - sorttable.js */
table.sortable thead th.sorttable_sorted_reverse div,
table.sortable thead th.sorttable_sorted div
{
	margin-bottom: 0;
}

table.sortable thead span#sorttable_sortfwdind
{
	font-size: 1.5em;
}

table.sortable th
{
	padding-bottom: 0;
}

table .centre
{
	text-align: center;
}

table .left
{
	text-align: left;
}

table .right
{
	text-align: right;
}

table .bold
{
	font-weight: bold;
}

#content table.stand-alone tfoot p,
#content table.stand-alone tfoot td,
#content table.in-article tfoot p,
#content table.in-article tfoot td
{
	padding: 0;
	margin: 0;
}

table.stand-alone tfoot div.notes,
table.stand-alone tfoot div.source,
table.in-article tfoot div.notes,
table.in-article tfoot div.source
{
	padding: 4px 5px 7px 5px;
	border-top-width: 1px;
	border-top-style: dotted;
}

table.in-article tfoot div.footer,
table.stand-alone tfoot div.footer
{
	padding-bottom: 4px;
}

/* Stand-alone tables are normal and wide width each supported by a template */
	
table.stand-alone
{
	width: 100%;
	font-size: 0.857em;
}

table.stand-alone caption h1
{
	font-weight: normal;
	font-size: 1.5em;
	padding: 0.3em 0.3em 0.1em 0.3em;
}

/* In-article tables only exist in articles, and are normal and half width */

#content table.in-article 
{
	position: relative;
	z-index: 10;
	font-size: 0.857em;
	margin-bottom: 20px;
}

#content .inline table.in-article
{
	float: left;
}

#content .inline table.in-article caption,
.inline table.in-article
{
	width: 220px;
}

.inline table.in-article
{
	margin-right: 20px;
}

#content table.in-article th,
#content table.in-article td
{
	padding: 2px 5px 7px 5px;
}

#box #content table.in-article th.sorttable_sorted_reverse,
#box #content table.in-article th.sorttable_sorted
{
	padding-bottom: 0;
}

#content table.in-article caption p
{
	padding: 0;
	margin: 0;
}

#content table.in-article caption p
{
	margin: 0 5px;
}

#box #content table.in-article caption h2
{
	border: 0;
	margin: 0 5px 0 5px;
}

#box #content table.in-article caption,
#box #content table.stand-alone caption
{
	text-align: left;
	padding-bottom: 16px;
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

#box #content table.stand-alone caption
{
	padding-bottom: 7px;
}
table.in-article tfoot .footer
{
	border: 0;
	font-size: 0.92em;
}

table.stand-alone tfoot .footer
{
	font-size: 0.8em
}

#content table.in-article thead div
{
	margin-bottom: 0;
}

#content .block table.in-article caption,
.block table.in-article
{
	width: 100%;
}

table.in-article tbody tr td.left
{
	vertical-align: top;
}

/* End Table only styling */
          /* ----------  table.css ends here ----------- */
          /* ---------- blogs-additionals.css starts here ---------- */
body.blog-post div#article-header div#page-header h1,
body.blog-post div#article-header div#page-header
{
	padding-bottom: 0;
	margin-bottom: 0;
}

body.blog-post div#article-wrapper
{
	border-top-width: 1px;
	border-top-style: solid;
	padding-top: 5px;
}

body.blog-index #content 
{
	float: none;
}

body.blog-post div#box div#article-header div#page-header,
body.blog-index div#box div#page-header.badge-wrapper,
body.blog-index #article-header,
body.blog-post h1#heading-alone
{
	padding-bottom: 0;	
}

body.blog-post h1#heading-alone
{
	font-size: 2em;
}

body.blog-post div#wrapper div#box div.badge h1,
body.blog-index div#wrapper div#box div.badge h1
{
	margin: 0;
	padding: 0;
}

body.blog-post div#wrapper div.badge-wrapper div.badge,
body.blog-index div#wrapper div.badge-wrapper div.badge
{
	overflow: visible;
	margin-bottom: 2px;
}

body.blog-post div#wrapper div#box  div.badge-wrapper div.badge h1,
body.blog-index div#wrapper div#box div.badge-wrapper div.badge h1,
body.blog-post div#wrapper div.badge-wrapper div.badge  img,
body.blog-index div#wrapper div.badge-wrapper div.badge img
{
	position: static;
	vertical-align: text-bottom;
}

body.blog-index div#wrapper div.badge-wrapper div.badge a.feed
{
	position: absolute;
	top: 105px;
}

body.blog-post  div#wrapper div.badge-wrapper
{
	border-bottom: none;
}

body.blog-index ul#blog-posts-excerpts div.blog-excerpt
{
	float: left;
	width: 460px;
}

div.blog-excerpt .inline
{
	float: left;
	margin: 0 20px 10px 0;
}

div.blog-excerpt .inline span.caption
{
	display: block;
}

ul#blog-posts-excerpts div.blog-excerpt h2
{
    font-family: arial, sans-serif;
    font-size: 1.165em;
    font-weight: bold;
    padding-top: 2px;
    padding-bottom: 2px;
    border-top-style: dotted;
    border-bottom-style: dotted;
    border-top-width: 1px;
    border-bottom-width: 1px;
}

body.blog-index #content ul#blog-posts-excerpts  span.inline
{
	width: auto;
}

div#box #content h2#blog-trailblock-header
{
	border-top: none;
	border-bottom: 3px solid;
	margin:0;
	padding-top: 0;
	padding-bottom: 45px;
	font-size: 1.75em;	
	font-weight: normal;
}

body.blog-post h1#heading-alone,
body.blog-index #content ul#blog-posts-excerpts li
{
	margin-bottom: 50px; 
}

body.blog-index #content ul#blog-posts-excerpts li.date-posted
{
	margin-bottom: 0;
}

body.blog-index div#content blockquote
{
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.36;
}

body.blog-index ul#blog-posts-excerpts li div.blog-excerpt div.trail-caption a.continue-reading
{
	display: block;
	font-size: 12px;
	margin-bottom: 10px;
	margin-top: 5px;
}

body.blog-index #box #content ul#blog-posts-excerpts li div.blog-excerpt div.trail-caption div.trailtext p,
body.blog-index #box #content ul#blog-posts-excerpts li div.blog-excerpt div.trail-caption div.trailtext
{
	font-size: 14px;
	line-height: 19px;
}

body.blog-index #box #content ul#blog-posts-excerpts li div.blog-excerpt div.trail-caption div.trailtext p
{
	margin-bottom: 14px;
}

body.tag-archive #box #content ul#blog-posts-excerpts li div.blog-excerpt div.trail-caption div.trailtext p
{
	margin-bottom: 0;
}

body.blog-index #box #content ul#blog-posts-excerpts li div.blog-excerpt div.trail-caption div.trailtext a.comment-count-info
{
	font-size: 12px;
	line-height: 1.25;
}

body.blog-index div#box div#content ul#blog-posts-excerpts li div.blog-excerpt div.trail-caption div.trailtext p.caption
{
	font-size: 12px;
	line-height: 1.25;	
}

body.blog-index div#wrapper ul#blog-posts-excerpts div.blog-image-caption
{
	float: left;
	margin-bottom: 10px;
}

body.blog-index ul#blog-posts-excerpts li div.blog-excerpt div.trail-caption
{
	margin-top: 0;
}

body.blog-index div#content ul#blog-posts-excerpts div.blog-excerpt p.date
{
	font-family: arial, sans-serif;
	font-weight: bold;
	border-top-width: 3px;
	border-top-style: solid;
	margin-top: 0;
	padding-top: 3px;
	margin-bottom: 14px;
	width: 620px;
}

body.blog-index #content ul#blog-posts-excerpts li.first div.blog-excerpt p.date
{
	border-top: none;
}

div#wrapper div#box div.blog-byline
{
	float: right;
	width: 140px;
	padding-top: 5px;
}

body.blog-post div#wrapper div#box div.blog-byline
{
	padding-bottom: 30px;
}

div#wrapper div#box div.blog-byline span.timestamp
{
	white-space: nowrap;
	display: inline;
}

div#wrapper div#box div.blog-byline span
{
	display: block;
}

div#wrapper div#box div.blog-byline span.pub-badge
{
	margin-top: 30px;
	border-top-style: solid;
	border-top-width: 1px;
	display: block; 
}

body.blog-index div#wrapper ul#blog-posts-excerpts div.blog-excerpt div.media-below
{
	margin-bottom: 10px;
}

body.blog-index div#wrapper ul#blog-posts-excerpts div.blog-excerpt div.linktext h3
{
	padding-bottom: 3px;
	font-size: 21px;
	line-height: 1.185em;	
	font-family: Georgia, sans-serif;	
}

body.blog-index div#wrapper ul#blog-posts-excerpts div.blog-excerpt div.linktext h3,
div#wrapper div#box div.blog-byline
{
	border-top-width: 1px;
	border-top-style: solid;
}

body.blog-index div#wrapper ul#blog-posts-excerpts #article-wrapper p
{
	margin-bottom: 20px;
}

body.blog-index div#content ul#blog-posts-excerpts li div.blog-excerpt p.caption 
{
	font-size: 1em;
	font-weight: normal;
	line-height: 1.25;
	margin: 0;
	padding: 0;
	color: #999;
	clear: both;
}

body.blog-index div#wrapper ul#blog-posts-excerpts a.comment-count-info
{
	border-top: 1px dotted #999;
	margin-top: 20px;
	padding-top: 4px;
}


body.blog-index  #box ul.pagination
{
	text-align: center;
} 

body.blog-index #box ul.pagination li.first,
body.blog-index  #box ul.pagination li.last
{
	width: auto;
}

body.blog-index #wrapper 
{
	background-image:url(images/article-bg-lines.gif);
	background-repeat:repeat-y;
}

body.blog-index #wrapper #footer
{
	padding-top: 30px;
	border-top: none;	
}

body.blog-index #wrapper #footer #footer-links
{
	border-top-width: 10px;
	border-top-style: solid; 
	padding-top: 4px;
}

body.blog-index div#content ul#blog-posts-excerpts div.blog-excerpt blockquote p
{
	font-size: 1em;
}

body.blog-index div#promo div#katine-edzone-1 ul.tri li.image
{
    margin-left: 0;
}
          /* ----------  blogs-additionals.css ends here ----------- */
          /* ---------- medals-capsule.css starts here ---------- */
div#promo div.capsule table.stand-alone
{
	width: 280px;
}

div#promo div.capsule table.stand-alone th,
div#promo div.capsule table.stand-alone td
{
	padding: 3px 6px;
}

div#promo div.capsule table.stand-alone th.centre,
div#promo div.capsule table.stand-alone td.centre
{
	text-align: center;
}

div#promo div.capsule table.stand-alone th.left,
div#promo div.capsule table.stand-alone td.left
{
	text-align: left;
}

div#promo div.capsule table.stand-alone th.right,
div#promo div.capsule table.stand-alone td.right
{
	text-align: right;
}


div#promo div.capsule table.stand-alone span,
div#promo div.capsule table.stand-alone caption
{
	display: none;
}

div#promo div.capsule table.stand-alone thead tr th div
{
	margin-bottom: 0;
}

div#promo div.capsule table.stand-alone thead tr,
div#promo div.capsule table.stand-alone thead tr th
{
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom: 1px solid;
	border-right: none;
	padding-right: 0;
	padding-bottom: 0;
}

div#promo div.capsule table.stand-alone thead tr th.last
{
	padding-right: 3px;
}

div#promo div.capsule table.stand-alone tr,
div#promo div.capsule table.stand-alone tr td
{
	border-bottom: 1px dotted;
	border-right: none;
}

div#promo div.capsule table.stand-alone tfoot tr,
div#promo div.capsule table.stand-alone tfoot tr td
{
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom: none;
}

div#promo div.capsule table.stand-alone tfoot tr td div,
div#content table.stand-alone tfoot tr td div
{
	border-top: none;
}

div#promo div.capsule table.stand-alone tfoot tr td
{
	padding: 0;
	margin: 0;
}

div#promo div.capsule table.stand-alone tfoot tr td div
{
	border-top: none;
	padding: 0;
	margin-top: 3px;
	margin-bottom: 0;
}
          /* ----------  medals-capsule.css ends here ----------- */
          /* ---------- blog-post-about.css starts here ---------- */
.about-this-blog
{
    margin-bottom: 20px;
}

.about-this-blog #badge-small
{
    margin-bottom: 0;
}

.about-this-blog #badge-small h1
{
    line-height: 0;
    font-size: 0;
}

.about-this-blog p
{
    padding-top: 5px;
    padding-bottom: 9px;
}

.about-this-blog p.more-from-blog
{
    border-top-width: 1px;
    border-top-style: dotted;
}

#promo #auto-single-tag
{
    margin-bottom: 0;
}

#auto-single-tag h2
{
    font-size: 1em;
    font-weight: bold;    
    padding-bottom: 10px;
    padding-top: 3px;
    font-family: arial, sans-serif;
}

#auto-single-tag div.trail-caption,
#auto-single-tag div.linktext
{
    margin-bottom: 0;
}

#auto-single-tag li
{
    padding-bottom: 9px;
}
          /* ----------  blog-post-about.css ends here ----------- */
          /* ---------- blog-contributor-profile.css starts here ---------- */
div#promo .blog-contributor
{
    margin-bottom: 20px;
}

.blog-contributor #badge-small
{
    margin: 0;
}

.blog-contributor #badge-small h1
{
    line-height: 0;
    font-size: 0;
}

div#promo .blog-contributor h3
{
    margin-bottom: 10px;
    font-size: 1em;
    font-family: arial, sans-serif;
}

.blog-contributor li
{
    padding-top: 3px;
    padding-bottom: 4px;
    border-top-style: dotted;
    border-top-width: 1px;
}

.blog-contributor li.first
{
    border-top: none;
}
          /* ----------  blog-contributor-profile.css ends here ----------- */
          /* ---------- blog-navigation.css starts here ---------- */
div#box ul.blog-navigation li
{
	display: inline;
}

div#box ul.blog-navigation li.blog-home
{
	position: relative;
	left: 38%;
}

div#box ul.blog-navigation li.blog-next
{
	float: right;
}

div#box ul.blog-navigation li.blog-previous
{
	float: left;
}

div#box div#article-header ul#blog-nav-top
{
	border-bottom: 1px solid;
	padding-bottom: 14px;
	overflow: hidden;
}

div#box ul#blog-nav-bottom
{
	border-top-width: 1px;
	border-top-style: dotted;
	margin-bottom: 20px;
	overflow: hidden;
	clear: both;
	width: 100%;
	padding-top: 2px;
}

/* if audio has the blog nav then it needs some other styles */

body.audio div#wrapper div.badge-wrapper
{
    border-bottom: none;
}

body.audio div#wrapper div#box div.badge h1
{
    margin-bottom: 2px;
}

body.audio div#box div#page-header.badge-wrapper
{
    padding-bottom: 0;
    margin-bottom: 0;
}

body.audio div#box div.badge h1 img
{
    vertical-align: text-bottom;
}
          /* ----------  blog-navigation.css ends here ----------- */
          /* ---------- autorefresh-navigation.css starts here ---------- */
div#helper 
{
	background-color: #ededed;
	margin-bottom: 10px;
	padding: 4px 4px 4px 26px;
	background-position: 6px 6px;		
}

div#helper 
{
	background-image: url(images/icon_autorefresh_off.gif);
}

div#helper.image-loading 
{
	background-image: url(images/icon_autorefresh_on.gif);
}

          /* ----------  autorefresh-navigation.css ends here ----------- */
	
	/* I am in the process of creating a generic css for our content types, 
	and will be merging our article css across as I go. Come and talk to 
	me if you want to add some here, at least until I'm finished. - Annabel 20/07/08*/
          /* ---------- content-type.css starts here ---------- */

/* Imports required for all content types */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

#manual-trailblock ul li.b4
{
	border-top-style: solid;
	margin-left: 0;
	margin-right: 0;
	padding-left: 5px;
	padding-right: 5px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.share-links .third-party-tool
{
	float: left; 
	margin-right: 8px;
}

.share-links .third-party-tool.edge
{
	margin-right: 0;
}

.share-links .tweet
{
	border-top: 1px dotted #999;
	clear: left;
	float: none;
}

.share-links .third-party-tool a 
{
	display: inline-block;
	height: 16px;
	padding-bottom: 2px;
}

.share-links .third-party-tool a:hover
{
	text-decoration: none;
}

.share-links .third-party-tool a:hover span
{
	text-decoration: underline;
}

.share-links .tweet a.tweet-link
{
	background-image: url(images/icon_twitter.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}

.share-links .share-count
{
	display: inline-block;
	padding-right: 3px;
	padding-top: 1px;
	vertical-align: top;
}

#content-actions .tweet .share-count
{
	vertical-align: bottom;
}

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

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

/* End imports required for all content types */

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

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

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

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

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

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

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

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

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

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

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

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

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