/* ---------- blog-front.css starts here ---------- */
          /* ---------- 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;
}
          /* ----------  grid-columns.css ends here ----------- */
          /* ---------- component.css starts here ---------- */
          /* ---------- classes.css starts here ---------- */
/* site-wide border styles */
.b1
{
    border-top-width: 10px;
    border-top-style: solid;
}

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

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

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

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

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

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

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

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

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

.t5
{
    font-weight: bold;
}

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

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

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

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

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

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

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

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: 15px;
	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;
}

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

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

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

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

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

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

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

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

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

#intrusive
{
	display: inline;
}

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

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

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

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

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

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

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

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

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

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

div.jobsbox p.find-a-job a
{
    font-weight: bold;
}
          /* ----------  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;
}

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

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

}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.comment-author
{
	clear: both;
}

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

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

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

}

.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 ----------- */
          /* ----------  screen.css ends here ----------- */
          /* ---------- keyword-page.css starts here ---------- */
/* CSS for pages with body tag class keyword-page and keyword-sponsored */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

/* related-content-type */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

/* Markets roundup page ends */

/* tag + content type */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* */

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

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

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

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

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

/* Round up page ends */


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

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

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

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

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

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

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

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

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

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

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


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

/* end trailerpark styles */

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

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

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

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

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

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

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

div#content div#buzz-pictures h2
{
	margin-bottom: 17px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* factbox styling */

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

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

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

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

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

#auto-trail-block li div.media-above
{
    border-top: none;
}
          /* ----------  keyword-page.css ends here ----------- */
          /* ---------- related-info.css starts here ---------- */
#related
{
	float: left;
	margin-left: -620px;
	width: 140px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ul.gallerylist li
{
	overflow: hidden;	
}

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

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

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

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

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

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

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

#related-info #keyword-internal-links p,
#related-info #keyword-external-links p
{
	font-weight: bold;
}
          /* ----------  related-info.css ends here ----------- */
          /* ---------- blog-front-additionals.css starts here ---------- */
/* Most viewed and commented */

#section-contents .comment-count-info
{
	border-top: 1px dotted #ccc;
	padding-top: 4px;
	margin-top: 2px;
}

#recent-activity-header
{
	padding-bottom: 1px;
}

#recent-activity-top-ten
{
	margin-bottom: 20px;
	margin-top: 0;
	overflow: hidden;
}

#recent-activity-top-ten h2
{
	margin-bottom: 0;
}

#recent-activity-top-ten div.tab-toggle-pane
{
	margin-top: 10px;
}

div#wrapper #recent-activity-top-ten div.tab-toggle-pane h3
{
    font-size: 1em;
    font-weight: bold;
    font-family: arial, sans-serif;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #999;
    padding-top: 4px;
    padding-bottom: 4px;
}

div#wrapper #recent-activity-top-ten div.tab-toggle-pane ol li.first
{
    border-top-style: dotted;
    border-top-color: #ccc;
}

div#wrapper #recent-activity-top-ten div.tab-toggle-pane ol li
{
	margin: 0;
	padding: 5px 0 5px 20px;
	width: 280px;
}

div#wrapper #recent-activity-top-ten div.tab-toggle-pane ol li span.rank
{
	display: block;
	float: left;
	margin-left: -20px;
	text-indent: 0;
}

/* end most viewed and commented */

div#box
{
	margin-bottom: 0;
}

div#content
{
	margin-left: 240px;
	width: 380px;
}

body.cif div#heading
{
	padding-bottom: 30px;
}

body.cif div#wrapper h2,
body.cif div#wrapper div#promo div,
body.cif div#wrapper div#footer
{
	padding-left: 0;
}

body.cif div#wrapper div#promo div
{
	padding-right: 0;
	margin-right: 20px;
}

body.cif div#wrapper div#promo div.advertiser-links
{
	margin-right: 0;
	width: 300px;
}

div#pickable-tag-combiner h3
{
	border-top: 1px solid #999;
	margin-bottom: 15px;
	overflow: hidden;
	padding-bottom: 6px;
	width: 380px;
}

div#cif-picks div.reduced
{
	border-top-width: 1px;
	border-top-style: dotted;
	margin-bottom: 8px;
}

div#pickable-tag-combiner div.linktext p,
div.strap,
div#cif-cartoon div.linktext h3
{
	font-family: georgia, serif;
	font-size: 1.5em;
	font-weight: normal;
	line-height: 1.1112;
	padding-top: 0;
	padding-bottom: 3px;
}

div#pickable-tag-combiner h3
{
	margin-bottom: 0;
}

div#pickable-tag-combiner
{
	padding-bottom: 15px;
	overflow: hidden;
}

div#pickable-tag-combiner div.byline
{
	float: left;
	width: 70px;
}

div#pickable-tag-combiner div.trailtext
{
	margin-top: 0;
}

body.cif div#wrapper div#content div#cif-picks div#pickable-tag-combiner li.normal
{
	display: block;
}

body.cif div#wrapper div#content div#cif-picks div#pickable-tag-combiner li.first
{
	padding-top: 3px;
	border-top-width: 1px;
	border-top-style: dotted;
}

div#cif-picks div.reduced h4
{
	border-bottom: 0;
	font-size: 18px;
	margin-bottom: -2px;
	padding-top: 2px;
}

div#cif-picks div.reduced h3
{
	font-family: georgia, serif;
	font-size: 18px;
	font-weight: normal !important;
	padding-top: 0;
	padding-bottom: 3px;
}

div#cif-picks ul
{
	padding-bottom: 2px;
}

div#related
{
	padding-left: 10px;
	padding-right: 10px;
	overflow: hidden;
	width: 200px;
}

p#all-stories-link
{
	border-top-width: 1px;
	border-top-style: dotted;
	padding-top: 3px;
}

div#related li
{
	padding-bottom: 16px;
}

div#also-on span.date,
div#related span.date
{
	display: block;
	border-top-width: 1px;
	border-top-style: solid;
	padding-top: 3px;
	padding-bottom: 3px;
}

div#related a.feed
{
	position: relative;
	top: -15px;
}

ul#cif-auto-trail-block
{
	margin-bottom: 0;
}

ul#cif-auto-trail-block b
{
	float: left;
	padding-right: 0.4em;
}

ul#cif-auto-trail-block li div.trail-text
{
	width: 100%;
}

body.cif a.feed
{
	position: relative;
	top: -15px;
}

div#also-on h3,
div#related h3
{
	border-top-width: 1px;
	border-top-style: dotted;
	font-family: arial, sans-serif;
	font-size: 1em;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 7px;
}

div#related div#cif-recent-header h3
{
	border-top: none;
	padding-top: 6px;
}

div#section-contents
{
	width: 300px;
}

div#also-on
{
	border-top-width: 20px;
	border-top-style: solid;
	border-bottom: 10px solid #fff;
	clear: both;
	width: 940px;
}

div#editor-zone-2,
ul#editor-zone-3
{
	margin-bottom: 20px;
}

div#editor-zone-2
{
	clear: left;
}

body.cif div#section-contents .col 
{
	margin-left: 0;
}

body.cif #page-heading
{
	position: relative;
	background-color: #fff;
	overflow: hidden;

}

body.cif #page-heading p.linktext
{
	font-size: 2.2em !important;
	font-family: georgia, serif;
}

body.cif #page-heading .page-header-image
{
	position: absolute;
	top: 0;
	right: 0;
}

body.cif div#section-contents .capsule 
{
	margin-bottom: 0;
}

body.cif div#global-jobs-1,
body.cif div#global-jobs-2
{
    width: 300px;
    margin-right: 0;
}

body.cif div#also-on div.latest-cif-wrapper h3
{
	background-image: url(images/cp_transparent.gif);
	background-position: 535px 1px;
	background-repeat: no-repeat;
}

body.cif div#also-on div.latest-cif-wrapper h3,
body.cif div#also-on div.latest-news h3
{
	font-family: georgia, serif;
}

body.cif div#also-on div.latest-cif-wrapper div.latest-cif h3,
body.cif div#also-on div.latest-news ul h3,
body.cif div#also-on div.latest-news ul h4
{
	font-family: arial, sans-serif;
}

body.cif div#also-on div.latest-news ul h4
{
	padding-bottom: 4px;
}

body.cif div#also-on div.latest-cif-wrapper h3,
body.cif div#also-on div.latest-news h3
{
	border-top: 10px solid #0061A6;
	padding-top: 5px;
	padding-bottom: 20px;
	padding-left: 10px;
	font-size: 1.166em;
	font-weight: normal;
}

body.cif div#also-on div.latest-cif-wrapper .latest-cif h3,
body.cif div#also-on div.latest-news  ul li h3
{
	background: none;
	border-top-width: 1px;
	border-top-style: dotted;
	font-weight: bold;
	font-size:1em;
	padding-top: 5px;
	padding-left: 0;
	padding-bottom: 0;
}


body.cif div#also-on div.latest-cif-wrapper h3 a,
body.cif div#also-on div.latest-cif-wrapper h3 a:link,
body.cif div#also-on div.latest-cif-wrapper h3 a:visited,
body.cif div#also-on div.latest-cif-wrapper h3 a:hover,
body.cif div#also-on div.latest-cif-wrapper h3 a:active,
body.cif div#also-on div.latest-news h3 a,
body.cif div#also-on div.latest-news h3 a:link,
body.cif div#also-on div.latest-news h3 a:visited,
body.cif div#also-on div.latest-news h3 a:hover,
body.cif div#also-on div.latest-news h3 a:active
{
	display: block;
	color: #005689;
}

body.cif div#also-on div.latest-cif-wrapper h3 a:focus,
body.cif div#also-on div.latest-cif-wrapper h3 a:active,
body.cif div#also-on div.latest-news h3 a:focus,
body.cif div#also-on div.latest-news h3 a:active
{
	color: #fff;
	width: 300px;
}

body.cif div#also-on div.latest-cif-wrapper h3 a:hover,
body.cif div#also-on div.latest-news h3 a:hover
{
	text-decoration: underline;
}

body.cif-america div#also-on
{
	background-color: transparent;
	background-image: url(images/cif_bg.gif);
	background-position: top  left;
	background-repeat: repeat-y;
	border-bottom-width: 20px;
}

body.cif div#also-on .latest-cif-wrapper
{
	float: left; 
	width: 620px;
}

body.cif div#also-on .cif-latest-commented-news li
{
	float: right; 
	width: 310px;
}

body.cif div#also-on .cif-latest-commented-news .cif-cartoon
{
	float: left; 
	width: 300px;
}

body.cif div#also-on .cif-latest-commented-news .cif-cartoon img
{
	margin-left: 10px;
}

body.cif div#also-on .cif-latest-commented-news li .cif-articles
{
	margin-bottom: 20px;
	margin-right: 10px;
	margin-left: 10px;
}

body.cif div#also-on .cif-latest-commented-news li .cif-articles h3
{
	padding-bottom: 7px;
}

body.cif div#also-on  .latest-news 
{
	float: right;
	width: 300px;
}

body.cif div#also-on div.latest-news ul li h3 
{
	border-top-width: 1px;
	border-top-style: dotted;
}

body.cif #gu-now #gu-now-last-updated,
body.cif div#also-on  .latest-news ul
{
	margin-left: 10px;
	margin-right: 10px;
}

body.cif div#section-contents div.blogroll
{
	overflow: hidden;
	margin-top: 10px;
}

body.cif div#section-contents div.blogroll h2
{
	width: 300px;
}

body.cif div#section-contents div.blogroll ul
{
	float: right;
	width: 45%;
}

body.cif div#section-contents div.blogroll ul.first
{
	float: left;
}

body.cif div#section-contents ul#editor-zone-2,
body.cif div#section-contents ul#editor-zone-3
{
	clear: left;
}

body.cif div#section-contents #editor-zone-3 li.normal
{	
	border-top-width: 1px;
	border-top-style: dotted;
	overflow: hidden;
}

body.cif div#section-contents #editor-zone-3 li img
{	
	float: left;
	margin: 0 5px 5px 0;
	display: block; 
}


body.cif div#section-contents #editor-zone-2 li,
body.cif div#section-contents #editor-zone-3 li,
body.cif div#section-contents #editor-zone-4 li
{
	padding-top: 5px;
	padding-bottom: 9px;
}

body.cif div#section-contents #editor-zone-2 li.major-heading,
body.cif div#section-contents #editor-zone-3 li.major-heading,
body.cif div#section-contents #editor-zone-4 li.major-heading
{
	padding-bottom: 0px;
}

ul#editor-zone-2 li.normal,
ul#editor-zone-3 li.normal,
ol#editor-zone-4 li
{
	padding-top: 5px;
	padding-bottom: 5px;
}

ol#editor-zone-4 li.first
{
	border-top: none;
	margin: 0;
	padding: 0;
}

ol#editor-zone-4 span.rank
{
	width: 1em;
}

ol#editor-zone-4 div.trail-text
{
	padding-left: 1em;
}

div#promo
{
	background-image: url(images/two-line-promo-bg.gif);
	background-position: center;
	background-repeat: repeat-y;
	clear: both;
	margin-bottom: 0;
	border-bottom: 28px solid;
	width: 940px;
}

div#promo div#global-jobs,
body#blog-front div#promo div#global-jobs,
body#blog-front div#promo div#sponsored-features,
div#promo div#google-ads-container,
div#promo div#sponsored-features
{
	float: left;
	margin-top: 0;
	margin-right: 20px;
	width: 300px;
}

div#promo div.capsule
{
    padding-left: 0;
    padding-right: 0;
}

div#promo div#google-ads-container
{
    margin-right: 0;
}

p#bubbling-under
{
	border-top: 1px dotted #999;
	padding-top: 5px;
	padding-bottom: 10px;
	margin-top: 10px;
}

div#cif-hot-topics
{
	position: relative;
	margin-bottom: 20px;
}

div#cif-hot-topics h3
{
	border-top-width: 1px;
	border-top-style: solid;
}

div#cif-hot-topics img
{
	opacity: 0.6;
	-ms-filter: "alpha(opacity=60)";
	padding-bottom: 20px;
}

div#cif-hot-topics.hot-2 a#hot-2 img,
div#cif-hot-topics.hot-3 a#hot-3 img,
div#cif-hot-topics.hot-4 a#hot-4 img,
div#cif-hot-topics.hot-5 a#hot-5 img,
div#cif-hot-topics.hot-6 a#hot-6 img,
div#cif-hot-topics.hot-7 a#hot-7 img,
div#cif-hot-topics.hot-8 a#hot-8 img
{
	opacity: 1;
	-ms-filter: "alpha(opacity=100)";
}

div#cif-hot-topics a span
{
	background-color: white;
	top: 107px;
	display: none;
	left: 0;
	position: absolute;
}

div#cif-hot-topics.hot-2 a#hot-2 span,
div#cif-hot-topics.hot-3 a#hot-3 span,
div#cif-hot-topics.hot-4 a#hot-4 span,
div#cif-hot-topics.hot-5 a#hot-5 span,
div#cif-hot-topics.hot-6 a#hot-6 span,
div#cif-hot-topics.hot-7 a#hot-7 span,
div#cif-hot-topics.hot-8 a#hot-8 span
{
	display: block;
	color: #333;
	text-decoration: none;
}

div#also-on span.date,
div#related span.date
{
	border-top-color: #817f81;
}

ul#editor-zone-1 li.major-heading
{
	margin-bottom: 20px;
}

body #promo div.capsule, .commercial #wrapper #promo .sponsored-features
{
	background-color: white;
}

body#blog-front div#heading,
body.cif-america div#heading
{
	padding-bottom: 3px;
}

body#blog-front div#zones-nav
{
	padding-bottom: 0;
}

body#blog-front a.feed
{
	margin-left: 0;
}

body#blog-front #comment-info-related a,
body.cif #comment-info-related a
{
    border: none;
}

div#section-contents div#recent-activity-top-ten li.most-most-viewed
{
	border-top: none;
}

div#section-contents div#recent-activity-top-ten .most-viewed h3
{
    border-top-style: dotted;
    border-top-color: #ccc;
}

div#section-contents #top-pluck-logo
{
    float: right;   
  	padding-bottom: 20px;
}

div#section-contents div.most-viewed
{
	clear: both;
}

div#section-contents div.tabs-container div.tab-toggle-pane
{
	margin-bottom: 0;
}

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


/* Styles for blog front playable */

div#cif-cartoon div.trail-caption
{
	padding-top: 3px;
}

#wrapper div#cif-cartoon ul.sublinks
{
	margin-top: 5px;
}

div#cif-cartoon span
{
    padding: 2px 2px 7px 5px;
    display: block;
    font-size: 16px;
    font-family: georgia, serif;
}

#wrapper div#cif-cartoon div.trailtext span
{
	background-color: transparent;
	color: #000;
	display: inline;
	font-size: 1em;
	font-family: arial, sans-serif;
	padding: 0;
}

#wrapper div#cif-cartoon div.has-media
{
	margin-top: 7px;
}

#wrapper div#cif-cartoon div#flash-player
{
	margin-top: 0;
}

body#blog-front div#cif-cartoon
{
	margin-bottom: 10px;
}

body#blog-front div#cif-cartoon span.link-comment-count,
body#blog-front div#cif-cartoon span.link-comment-count-words
{
    background-color: #fff;
    color: #005689;
    display: inline;
    font-size: 12px;
    font-family: arial, sans-serif;
    padding: 0;
}   

div#blogs-calendar
{
	border-top: 10px solid white;
	width: 220px;
	margin-top: 20px;
	margin-left: -10px;
}

div#blogs-calendar h2
{
	border-top-width: 10px;
	border-top-style: solid;
}

div#section-contents .single-pickable-tag-badge .hd
{
	padding-bottom: 0;
}
          /* ----------  blog-front-additionals.css ends here ----------- */
          /* ---------- chart.css starts here ---------- */
div.pie-values
{
	position: absolute;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 1.665em;
	font-family: arial, sans-serif;
	margin-top: -4px;
}

div.canvas-wrapper
{
	position: relative;
}
          /* ----------  chart.css ends here ----------- */
          /* ---------- binary-poll.css starts here ---------- */
          /* ---------- binary-poll-narrow.css starts here ---------- */
#poll.narrow
{
	background-color: #e2e2e2;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	margin-top: 0;
	margin-bottom: 10px;
	width: 130px;
}

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

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

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

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

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

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

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

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



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

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

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

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

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

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

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

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

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

.binary-poll .global
{
	color: #333;
}

.binary-poll .guardian-careers
{
	color: #0061A6;
}
          /* ----------  binary-poll-narrow.css ends here ----------- */

/* Styles for poll */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* poll with pie chart */

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

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

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

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

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

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

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

#comment-info-related
{
    margin-top: 15px;
    clear: left;
    border-top-width: 1px;
    border-top-style: dotted;
    border-top-color: #999;
    padding-top: 4px;
}
          /* ----------  binary-poll.css ends here ----------- */
          /* ---------- single-pickable-tag-badge.css starts here ---------- */
.single-pickable-tag-badge
{
	display: block;
	position: relative;
}

.single-pickable-tag-badge.five-col
{
	overflow: visible !important;
}

.single-pickable-tag-badge.five-col .hd
{
	padding-bottom: 0;
}

.single-pickable-tag-badge h2
{
	padding-top: 0 !important;
}

.single-pickable-tag-badge h2,
.single-pickable-tag-badge .comment-count-info
{
	border-top: none !important;
}

.single-pickable-tag-badge small
{
	color: #444444;
	font-family: arial,sans-serif;
	font-weight: normal;
	position: relative;
	top: -3px;
}

.single-pickable-tag-badge h4
{
	font-family: arial, sans-serif;
	font-size: 12px;
}

.single-pickable-tag-badge li
{
	border-top: 1px dotted #999;
	clear: left;
	padding-bottom: 10px;
}

.single-pickable-tag-badge li.first span.date
{
	font-weight: bold;
	float: left;
	padding-right: 5px;
}

.single-pickable-tag-badge img.tag-badge,
.single-pickable-tag-badge div.tag-badge
{
	position: absolute;
	top: -13px;
	right: 0;
}

.single-pickable-tag-badge.five-col img.tag-badge,
.single-pickable-tag-badge.five-col div.tag-badge
{
	top: -18px;
}

.single-pickable-tag-badge .ft 
{
	overflow: hidden;
}

.single-pickable-tag-badge .ft li
{
	clear: none;
}
          /* ----------  single-pickable-tag-badge.css ends here ----------- */
          /* ---------- blog-roll.css starts here ---------- */
div#blog-roll
{
    margin-bottom: 20px;
}

div#blog-roll ul
{
    width: 140px;
    float: left;
}

div#blog-roll ul.first-col
{
    margin-right: 20px;
}

div#blog-roll ul li
{
    padding-top: 4px;
    padding-bottom: 5px;
}
          /* ----------  blog-roll.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;
}

.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 ----------- */
	
body#blog-front div#wrapper
{
	background-image: url(images/blog-front-background-lines.gif);
	background-position: center;
	background-repeat: repeat-y;
}

div#related
{
	background-color: #e7e7e7;
}

body#blog-front div#promo
{
	border-color: white;
}

body.cif-america-combiner div#content
{
	margin-right: 20px;
	margin-left: 0;
	width: 460px;
}

body.cif-america-combiner div#related
{
	margin-left: 0;
}

body.cif-america-combiner div#main-trailblock div.full,
body.cif-america-combiner div#box div#content ul#cif-auto-trail-block li
{
	border-top-width: 1px;
	border-top-style: dotted;
	margin-bottom: 15px;
	overflow: hidden;
	padding-bottom: 2px;
	width: 460px;
}

body.cif-america-combiner div.byline a.container
{
	display: block;
	height: 56px;
	margin-bottom: 2px;
	margin-right: 10px;
	overflow: hidden;
	float: left;
}

body.cif-america-combiner div.byline a.container.picture
{
	height: auto;
}

body.cif-america-combiner div.byline a img
{
	margin-top: -2px;
}

body.cif-america-combiner ul#cif-auto-trail-block div.trail-text
{
	width: auto;
	margin-top: 0;
}

body.cif-america-combiner div#main-trailblock h4
{
	border-bottom: 1px dotted;
	font-size: 1.5em;
	margin-bottom: 2px;
	padding: 2px 0;
}

body.cif-america-combiner div#main-trailblock h3,
body.cif-america-combiner ul#cif-auto-trail-block h3
{
	font-family: georgia, serif;
	font-size: 1.5em;
	font-weight: normal;
	padding-top: 0;
	padding-bottom: 7px;
}

body.cif-america-combiner div#main-trailblock ul
{
	padding-bottom: 2px;
}

body.cif-america-combiner ul#cif-auto-trail-block span.date
{
	float: left;
	padding-right: 0.4em;
}

body.cif-america-combiner ul#editor-zone-1 li div.linktext h3
{
	border-top: none;
	font-size: 1em;
}

body.cif-america-combiner ul#editor-zone-1 li 
{
	padding-top: 4px;
	padding-bottom: 4px;
}

body.cif-america-combiner ul#editor-zone-1 li.major-heading
{
	padding-top: 0;
}

body.cif-america-combiner div#promo
{
	background-image: none;
	clear: none;
	width: 300px;
}

body.cif-america-combiner div#related
{
	float: left;
	margin-left: 0;
	padding-left: 0;
	padding-right: 0;
	width: 140px;
}

body.cif-america-combiner div#promo div.jobsbox,
body.cif-america-combiner div#promo div#sponsored-features
{
	float: none;
	width: auto;
}

body.cif-america-combiner div#promo ul#cif-auto-trail-block h3
{
	font-family: arial, sans-serif;
	font-size: 1em;
}

body.cif-america-combiner div#promo ul#cif-auto-trail-block span.date
{
	float: none;
}
          /* ----------  blog-front.css ends here ----------- */
          /* ---------- cif-liberty-additionals.css starts here ---------- */
body#cif-front div#wrapper
{
	background-image: none;
}

body.cif div#heading.badged a.feed
{
	top: 0;
	position: absolute;
	left: 865px;
}

#wrapper span.date
{
	font-weight: bold;
}

#wrapper div#content
{
	margin-left: 0;
	width: 460px;
}

body.cif div#wrapper div.badged
{
	padding-bottom: 0;
}

#cif-front div#wrapper div#content h3
{
	font-weight: normal;
	line-height: 1.112;
}

#cif-front div#wrapper div#content .single-pickable-tag-badge h3
{
	font-size: 20px;
}

div#content div#rel-pickable-combiner-3,
body.liberty div#content ul li.wide
{
	width: 460px;
}

div#content div#rel-pickable-combiner-3 h2
{
	padding-top: 5px;
}

div#content div#rel-pickable-combiner-3 div.linktext
{
	font-size: 1.312em;
}

div#content div#rel-pickable-combiner-3 div.trail-text
{
	margin-bottom: 10px;
	font-size: 1.166em;
	line-height: 1.357;
}

div#content div#rel-pickable-combiner-3 div.trail-text p br
{
	display: none;
}

div#content div.single-tag
{
padding-bottom: 20px;
}

div#content div.single-tag h2
{
	margin-bottom: 14px;
}

div#content div.single-tag h2.hasbadge
{
	margin-bottom: 0;
}

div.single-tag img.tag-badge
{
	top: -18px;
} 

div#content div.single-tag li
{
	width: auto;
}

div#content div.single-tag li.first
{
   padding-bottom: 0; 
}

body div#wrapper div#content #section-pickable-tag-combiner2 ul li
{
	width: 100%;
}

body div#wrapper div#content #section-pickable-tag-combiner2 ul li h3
{
	line-height: 1.112;
}

body div#wrapper div#content #section-pickable-tag-combiner2 ul li span.blog-date
{
	font-weight: bold;
	float: left;
	margin-right: 5px;
}

body#cif-front div#wrapper div#related
{
	float: right; 
	margin-left: 0;
	padding: 0;
	width: 140px;
	background-color: transparent;
}

#wrapper #box ul li.major-heading
{
	margin-bottom: 0; 

}

body div#wrapper div#related div.trailblock
{
	margin-bottom: 0;
}
body div#wrapper div#related div.trailblock ul
{
	margin-bottom: 10px;
}

body div#wrapper div#related div.trailblock ul li
{
	padding-top: 2px;
	padding-bottom: 6px;
}

body div#wrapper div#related div.trailblock li.major-heading
{
	margin-top: 0;
}

div#wrapper div ul li.major-heading h2,
div#wrapper div#related h2.first ,
#wrapper #in-the-news h2,
#cif-promo ul li.major-heading h2,
#wrapper div#cif-promo div#binary-poll h2
{
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #0061a6; 
    font-weight: bold;

}
div#wrapper div#related div.trailblock li.major-heading h2
{
    font-size: 1em;
	font-family: Arial, sans-serif;
}


#wrapper div#related div.trailblock li.major-heading h2
{
    border-color: #999;
}

#wrapper #related li.major-heading h2
{
    border-top-width: 1px;
    margin-bottom: 0;
}

#content ul#in-the-news li.first,
#content ul#in-the-news li.major-heading
{
    width: 100%;
	float: none;
}

#content ul#in-the-news li.major-heading h2
{
	font-size: 1.166em;
}

ul#in-the-news li.normal
{
    border-top:0; 
    width: 140px;
    margin-right: 20px;
    float: left; 
}

ul#in-the-news li.last
{
    margin-right: 0;

}

ul#in-the-news li.first div.pictureurl
{
    width: 300px;
    height: 180px;
    float:left;
}

#wrapper #box ul#in-the-news li.first div.trail-caption
{
    width: 140px; 
    float: right;
}

#wrapper #box ul#in-the-news li div.trailtext
{
	margin-top: 0;
}

ul#in-the-news li div.video-container
{
	float: left;
}

#wrapper #box ul#in-the-news li span.date
{
	margin-top: 10px;
}

#wrapper #box ul#in-the-news li.first div.trail-caption,
div#wrapper #section-pickable-tag-combiner2 li
{
	border-top-style: dotted;
	border-top-width: 1px;
	border-top-color: #999;
}

div#wrapper #section-pickable-tag-combiner2 li.first
{
	border-top-width: 0;
	border-top-style: none;
}

body#cif-front #wrapper div#cif-promo 
{
	margin-left: 0;
	clear: none;
	width: 300px;
	float: right;
}

#wrapper #cif-promo h2 
{
	margin-bottom: 14px; 
	padding-top: 3px;
}

#wrapper div#cif-promo div.capsule 
{
	border-top: 0;
}

div#wrapper div#cif-promo ul 
{
	width: 300px;
	float: left; 
	margin-bottom: 30px;
}

#wrapper #cif-promo ul li
{
	float: left;
}

#wrapper #cif-promo ul li.major-heading
{
	float: none;
}

#cif-promo #editor-zone-5 li.normal
{
	margin-left: 0;
	border-top-style: solid; 
	width: 140px; 
}

#editor-zone-5 li.first
{
	margin-right: 20px;
}

div#wrapper div #editor-zone-5 li div.strap
{
    font-family: Arial, sans-serif;
    font-size: 1em;
    font-weight: bold; 
    margin-bottom: 0;
    padding-top: 2px;
    border-top-color: #999;
}

body.cif div#wrapper div#cif-promo #editor-zone-5 li .pictureurl,
body.cif div#wrapper div#cif-promo #editor-zone-5 li .linktext,
body.cif div#wrapper div#cif-promo #editor-zone-5 li h3
{
    margin-bottom: 0;
	margin-right: 0;
}

#cif-promo ul#promo-zone-3 li.normal .linktext,
#cif-promo ul#promo-zone-3 li.normal .linktext h3
{
    margin-bottom: 0;
}

#cif-promo ul#promo-zone-3 li.normal .trailtext,
#cif-promo ul#promo-zone-3 li.normal div.trail-caption
{
	margin-bottom: 0px ;
}

#wrapper #cif-promo ul#editor-zone-6 li
{
	width: 300px;
	float: none;
	margin-bottom: 10px;
	border-color: #999;
}

#cif-promo ul#editor-zone-6 li div.linktext
{
	padding-top: 2px;
}

#wrapper #cif-promo div#binary-poll
{
	clear: left;
	margin-top: 0;
}

#wrapper #cif-promo div#binary-poll, 
#wrapper #cif-promo div#binary-poll div,
#wrapper #cif-promo div#binary-poll p
{
	margin-right: 0;
}

#wrapper #cif-promo div#binary-poll h3
{
	font-size: 1.5em;
}

#content div.latest-footer
{
	border-top-width: 1px;
	border-top-style: dotted;
	padding-top: 2px; 
}

div#box div#content div.latest-footer ul li
{
	width: auto;
	float:left; 
	border-top-width: 0;
}

#content div.latest-footer li.first
{
	margin-right: 5px; 
	padding-right: 5px;
	border-right-color: #999;
	border-right-style: solid;
	border-right-width: 1px; 
}

#cif-promo div.mixed-trailblock
{
	width: 300px;
}

#cif-promo div.mixed-trailblock ul li.normal,
#cif-promo div.mixed-trailblock ul li.horizontal
{
   width: 140px;
   margin-left: 0;
   border-top-style: dotted;
   border-top-width: 1px;
   border-top-color: #999;
   padding-top: 2px;
   padding-bottom: 5px;
}

#cif-promo div.mixed-trailblock ul li.horizontal
{
	width: 300px;
	float: none;
	margin-top: 10px;
	padding-bottom: 0;
}
#cif-promo div.mixed-trailblock ul li.first
{
    margin-right: 20px; 
    border-top-width: 0; 
}
#cif-promo div.mixed-trailblock ul li.first h3
{
    font-weight: bold;
}

#cif-promo div.mixed-trailblock ul .date
{
	float: left; 
	padding-right: 5px;
}

div#cif-promo div.mixed-trailblock ul li.normal .trail-caption,
div#cif-promo div.mixed-trailblock ul li.normal div, 
div#cif-promo div.mixed-trailblock ul li.normal h3 
{
	margin: 0;
}

#cif-promo div.mixed-trailblock ul li.first h3,
div#wrapper div#cif-promo ul#editor-zone-5 li h3,
div#wrapper div#cif-promo ul#editor-zone-6 li h3
{
    font-weight: bold;
}

div#wrapper div#cif-promo ul#editor-zone-6 li.last
{
	margin-bottom: 0;
}

div#wrapper div#cif-promo h3
{
	font-size: 1em;
}

div#wrapper div#promo
{
	float: none;
}

div#wrapper div#cif-promo div.single-tag h2
{
    border-top-width: 10px;
    border-top-style: solid;
    font-weight: bold;
}

div#wrapper div#cif-promo div.single-tag ul
{
	float: none;
    margin-bottom: 20px;
}

div#wrapper div#cif-promo div.single-tag ul li
{
    float: none;
    padding-bottom: 5px;
    padding-top: 2px;
    border-top-width: 1px;
    border-top-style: dotted;
    border-top-color: #999;
}

div#cif-promo div.single-tag ul li h4
{
    font-family: arial, sans-serif;
}

body.liberty div#latest-cif-liberty
{
    clear: both;
    margin-bottom: 20px;
}

body.liberty div#latest-cif-liberty div#comment-info-related
{
    border: none;
    margin-top: 0;
    padding-top: 0;
}

body.liberty div#latest-cif-liberty ul#auto-trail-block li.wide div.pictureurl
{
    float: left;
}

body.liberty div#latest-cif-liberty ul#auto-trail-block li.wide div.media-above
{
    width: 140px;
    float: right;
}

body.liberty #wrapper #box #content div#latest-cif-liberty li div.media-above h3
{
	border-top: 1px dotted;
}

/* the following styles are some brute force fixes that solve bugs caused by 
refactoring, for making liberty central configurable. They, along with this entire stylesheet,
will be killed off early 2010 */

body.liberty div#cif-promo
{
	overflow: hidden;
}

body.liberty div#cif-promo .single-pickable-tag-badge span.date
{
	display: none;
}

body.liberty .single-pickable-tag-badge .hd
{
	padding-bottom: 0;
}
          /* ----------  cif-liberty-additionals.css ends here ----------- */