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

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

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

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

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

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

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

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

.t5
{
    font-weight: bold;
}

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

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

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

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

#newsticker.placeholder-instructions
{
    padding: 10px !important;
}
          /* ----------  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;
}

h4
{
	font-size: 12px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#intrusive
{
	display: inline;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.heading-vertical-links li.picture
{
	border-top: none;
	padding-top: 0;
}
          /* ----------  heading-vertical-links.css ends here ----------- */
          /* ---------- sponsored-features.css starts here ---------- */
/*

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

*/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media all {

li.print a

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

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

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

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

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

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


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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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


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

/*
Bullet images and icons

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

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

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

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

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

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

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

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

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

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

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

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

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

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

}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.comment-author
{
	clear: both;
}

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

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

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

}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

#abuse-description
{
	width:100%;
}

#comment-body
{
	width: 447px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#inline-login input#cancelSignIn
{
	border: 1px solid;
	background-color: #eee;
}
          /* ----------  dialog-box.css ends here ----------- */
          /* ----------  screen.css ends here ----------- */
          /* ---------- front.css starts here ---------- */

body.front #content .commercial li.first
{
	line-height: 1.25;/* 15px at default font size 15/12 */
}

body.front #content .first ul#main-trailblock li.wide .trailtext .splash,
body.front #content .first ul#main-trailblock li.wide .linktext h3
{
	line-height: 1.2;
}


body.front #content .first ul#main-trailblock li.wide .linktext h3
{
	margin-top: 0;
}

body.front div#box div#page-header h1
{
	padding-bottom: 0;
}

body.front div#box div#page-header 
{
	padding-bottom: 16px;
}

.major-heading,
#keyword-trailblock li h3,
body.front .page-heading h1
{
	line-height: 1.224;/* 19px at default font size */
}

.front #content .cols ul li,
.front #content .reader-tips ul.tips li
{
	padding-top: 3px;
}

.front #content .first #main-trailblock li ul
{
	padding-bottom: 0;
}

body.front #promo div.capsule
{
	margin-top: 0;
}

.front #content .commercial li.major-heading h2
{
	margin-bottom: 10px;
}

body.front #content
{
	width: 780px;
}

body.front #wrapper #section-contents .capsule ul.tri li
{
	width: auto;
	float: none;
	margin-left: 0;
	border-top-width: 1px;
	border-top-style: dotted;
	clear: both
}

.front #content .reader-tips ul.tips li ul.credit li
{
	border-top: none;
	padding-top: 0
}

body.front #content
{
	margin-left: 0;
}

body.front div.reader-tips
{
	float: left;
}

body.front #content h1
{
	border-top-width: 10px;
	border-top-style: solid;
	margin: 0 0 14px 0;
	padding-top: 3px; 
	border-color: #ccc;
}


body.front #wrapper #content .commercial ul li.more-auctions
{
	margin-bottom: 20px; /* was top watch out for breakage*/
}

body.front #content .reader-tips ul li
{
	margin-bottom: 0;
}

body.front #content .reader-tips ul li ul li.date,
body.front #wrapper .commercial div.cols ul li
{
	margin-bottom: 10px;
}

body.front .commercial div.cols
{
	padding-bottom: 10px;
}


body.front #content ul#main-trailblock li,
.double-spread .capsule ul.tri li.major-heading
{
	margin-bottom: 0;
}


body.front #content ul#main-trailblock li ul li
{
	margin-bottom: 10px;
}

body.front #content h2
{
	border-top-width: 10px;
	border-top-style: solid;
}

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

/*squish safari bug?*/
body.front li.wide div.linktext h3,
body.front #main-trailblock li.portrait div.linktext
{
	margin-top: 0;
}

body.front #wrapper #section-contents .first .capsule li.major-heading,
body.front #promo div#edited-offers,
body.front #wrapper #section-contents .capsule #editor-zone-3 li.major-heading
{
	padding: 0;
}


.front #wrapper #content .reader-tips ul li ul li
{
	border-top: none
}



body.front #promo
{
	width: 940px;
	clear: both;
}

body.front div.reader-tips
{
	width: 320px
}


body.front #box
{
	width: 780px
}

body.front #promo .capsule
{
	width: 300px;
	float: left;
	margin-right: 20px;
	margin-top: 0;
}

body.front #promo .capsule .capsule
{
	margin-left: 0;
}


body.front #promo div.capsule
{
	padding: 3px 0 0 0;
}

body.front #main-trailblock li.portrait div.linktext
{
	padding-top: 0;
}

body.front #wrapper #section-contents .capsule ul.tri li
{
	padding: 2px 0 6px 0;
}

body.front div.reader-tips
{
	margin-right: 20px;
}


body.front .first #main-trailblock ul.column
{
	margin-bottom: 5px
}


.front #promo li a.caption
{
	width: 150px;
}

body.front #content ul.tips li
{
	width: 140px;
	float: left;
	margin-left: 20px
}

body.front #content .commercial div.cols li
{
	width: 140px;
	float: none;
}


body.front #content ul.tips li li
{
	margin: 0
}


body.front .commercial
{
	clear: left;
}


body.front #content .commercial div.cols li
{
	margin-left: 0
}


body.front #content .commercial div.cols li.major-heading
{
	margin-bottom: 0
}


body.front #wrapper div.cols .auctions li
{
	margin-left: 0;
	width: 140px;
}


body.front #content .reader-tips ul.tips li.last
{
	float: right;
}


body.front ul#also-on-travel li ul li
{
	margin-bottom: 20px;
}


body.front ul#also-on-travel li,
body.front .commercial .cols
{
	margin-bottom: 0;
}

body.front #promo .commercial
{
	clear: none;
}

body.front #sponsored-features img
{
	width: 140px;
	height: 84px;	
}

#intrusive
{
	background-color: #fff;
}

div#most div.most-pane
{
	clear: left;
	margin-top: 0;
}

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

div#most div ol li.more-most-viewed
{
	padding-left: 0;
	width: 100%;
	border-top: 1px solid #999;
}

#content div#main-trailblock #most .most-pane li
{
	margin-bottom: 0;
}

#most .meta
{
	overflow: auto;
}

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

body.network #content div.tabs-container h3.js-hider,
div.tabs-container h3.js-hider
{
	padding-top: 2px;
	padding-bottom: 5px;
	border-top: 1px solid #333;
}

div.tabs-container div.tab-toggle-pane
{
	margin-bottom: 20px;
}

body.front li.strapped
{
	border-top: none;
}

body.front li.strapped div.strap
{
	border-top: 1px solid #999;
	margin-bottom: 3px;
	padding-bottom: 3px;
	padding-top: 3px;
	width: 300px;
}

p.permalink
{
	margin-top: 3px;
	margin-bottom: 2px;
}
          /* ----------  front.css ends here ----------- */
          /* ---------- gallery-page.css starts here ---------- */
body.gallery #box .main-picture,
#sign-off
{
	position: relative;
	overflow: visible;
}

body.gallery .gallery-overlay
{
	color: #fff;
	background-color: #000;
	padding: 10px;
	padding-top: 13px;
	opacity: 0.90;
}

body.gallery #overlay-wrapper
{
	position: absolute;
	width: 250px;
	top: 10px;
	height: auto;
	left: 10px;
}

body.gallery .gallery-overlay p
{
	 margin-top: 10px;
}

body.gallery #wrapper li.major-heading h2
{
	border-top-width: 1px;
	border-top-style: solid;
	padding-left: 25px;
}

body.gallery #wrapper li.major-heading h2,
body.gallery  span.count
{
	font-size: 1em;
	font-family: arial,sans-serif;
}

/*base at this moment is 18px so 12/18*/
body.gallery  span.count
{
	font-size: 0.667em;
}

body.gallery .portrait .gallery-overlay p
{
	border-top: 0;
	padding: 0;
}

body.gallery .gallery-overlay h2
{
	padding-top: 20px;
	font-size: 1.3em;
}

body.gallery #wrapper
{
	width: 865px;
	position: relative;
}

body.gallery #header
{
	border-bottom-width: 0;
}

body.gallery .gallery-navigation p.keywords
{
	float: none;
	width: auto;
	clear: both;
	border-top: 1px dotted #666;
	padding: 3px 0 5px 0;
}


div.close
{
	float: right;
}

body.gallery .gallery-navigation ul
{
	padding-bottom: 10px;
	overflow: hidden;
}

body.gallery .gallery-navigation,
body.gallery #main-trailblock
{
	float: left;
	width: 140px;
	margin-top: 10px;
}

body.gallery .gallery-navigation
{
	margin-top: 14px;
	margin-bottom: 22px;
}

body.gallery #main-trailblock
{
	margin-bottom: 2px;
}

body.gallery #box
{
	margin-top: 6px;
	width: 865px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	position: relative;
}

body.gallery .main-picture,
#sign-off
{
	float: left;
	width: 705px;
	margin-left: 20px;
	margin-top: 14px;
}

#sign-off {
	margin-left: 9px;
	width: 704px;
}

/*border here to overcome floated image ignoring padding, margin values */
body.gallery .portrait img#main-picture
{
	border-right: 10px solid #fff;
	float: left;
	overflow: visible;
}

body.gallery .portrait p.number
{
	border-top: 1px dotted #666;
	padding-top: 10px;
}

body.gallery div.gallery-navigation ul li
{
	width: 45px;
	float: left;
}

body.gallery div.gallery-navigation ul li.next
{
	margin-left: 0px;
	float: right;
}

body.gallery div.gallery-navigation ul li.next img
{
	float: right;
}

body.gallery div.gallery-navigation ul li.current img
{
	border: 2px solid #999;
	margin-right: 2px;
	margin-left: 5px;
}

body.gallery div.gallery-navigation span
{
	font-weight: bold;
	color: #333;
}

body.gallery div.gallery-navigation ul li img
{
	float: left;
	margin-bottom: 1px;
}


body.gallery div.gallery-title
{
	float: left;
	width: 785px;
	margin-bottom: 20px;
}

body.gallery h1
{
	font-size: 1.5em;/* 18px */
	line-height: 1.2;
	float: left;
	width: 640px;
}

#guardian-logo
{
	float:left;
}

#observer-logo
{
	float: left;
	border-left: 1px solid #999;
	padding-left: 5px;
}

body.gallery h1#with-observer-logo
{
	width: 516px;
}

h1 a
{
	width: 140px;
	float: right;
	padding-top: 1px;
}

body.has-badge h1 a
{
	float: none;
	width: auto;
}

body.gallery div.gallery-title img
{
	vertical-align: -0.3em;
	padding-right: 5px;
}

body.gallery ul.trailblock li
{
	border-top-width: 1px;
	border-top-style: solid;
	margin-top: 7px;
	margin-left: 0;
}

body.gallery ul.trailblock li .strap
{
	font-weight: bold;
	color: #333;
	padding-top: 4px;
}

body.gallery .capsule
{
	float: left;
	width: 140px;
}

body.gallery .capsule
{
	clear: left;
}

body.gallery #gallery-series-navigation h3,
body.gallery #gallery-series-navigation h4
{
	padding-top: 4px;
}

body.gallery #gallery-series-navigation h4
{
	margin-left: 25px;
}

body.gallery h2.strap
{
	font-family: arial, sans-serif;
	font-size: 1.0em;
	font-weight: bold; 
}

body.gallery #wrapper #box div.linktext h3
{
    font-size: 1.0em;
    line-height: 1.25;   
}


body.gallery .gallery-topslot
{
	clear: left;
	float: left;
	width: 100%;
}

body.gallery #topslot
{
	padding: 0;
	float: left;
	text-align:center;
	width: 790px;
	overflow:hidden;
	margin-top: 0;
	height: auto;
	min-height: 0;
	margin-left: 34.5px;
}

body.gallery #topslot
{
	margin-top: 20px
}

body.gallery .gallery-pre-mpu
{
	margin-right: 10px;
}

body.gallery .gallery-and-mpu
{
	float: left;
	min-height: 0;
	width: 300px;
}

body.gallery #topslot iframe,
body.gallery #topslot img
{
	margin-top: 10px;
	margin-bottom: 10px;
}

body.gallery ul.trailblock div.strap
{
	background-image: url(images/icon_textdoc.gif);
	background-position: 0% 3px;
}

body.gallery p.display span.minimize
{
	position: relative;	
	float: right;
	background-position: left 2px; 
	padding: 2px;
	padding-bottom: 0px;
	font-size: 0.92em;	
	padding-left: 18px;
	right: 4px;
	top: 2px;
}

body.gallery div.top-right p.display span.minimize
{
	background-position: right 2px;
	padding-left: 2px;
	padding-right: 18px;	 
}


body.gallery p.display
{
	position: relative;
	z-index: 10;
}

body.gallery p.display span.maximize img
{
	margin-top: 4px;
	margin-left: 10px;
	float: left;
}

body.gallery div.top-right p.display span.maximize img
{
	float: right;
}

body.gallery div.top-right p.display span.maximize img
{
	margin-right: 4px;.
}

body.gallery p.display span.minimize
{
	background-image: url(images/icon_minimize.gif);
}
	

body.gallery p.display a span.maximize,
body.gallery p.display a span.minimize,
body.gallery p.display a:hover
{	
	color: #fff !important; /*overrides color.css */
}

body.gallery p.display a:focus,
body.gallery p.display a:active
{
	background-color: transparent !important;
}

body.gallery p.display span:hover
{
	background-color: #333;
}

body.gallery #sponsor-picture
{
	border-top-width: 1px;
	border-top-style: dotted;
	padding-top: 4px;
	width: 140px;
	font-size: 0.92em;
	position: absolute;
	bottom: 0;
	left: 0;
	margin-top: 20px;
}
	
#gallery-series-navigation h3,
#gallery-series-navigation h4
{
	border-top-width: 1px;
	border-top-style: solid;
	margin-top: 6px;
}
	
#gallery-series-navigation h4
{
	border-top: 1px dotted #666;
}
	
body.gallery #sponsor-picture img
{
	height: 60px;
	width: 60px;
	overflow:hidden;
	float: left;
	padding-bottom: 3px;	
}

body.gallery #sponsor-picture .caption
{
	width: 140px;
	text-align:right;
	float: none;
	clear: both;
}

body.gallery p.display
{
	position: absolute;
	left: 2px;
	top: 2px;
	width: 55px;
}

body.gallery div.top-right p.display
{
	right: 2px;
	left: auto;
}

body.gallery div.portrait #overlay-wrapper
{
	margin-top: 0;
}

body.gallery div.portrait #overlay-wrapper p
{
	border-top: 0;
	padding-top: 0;
}

/*lightbox */

body.gallery div.lightbox
{
	float: left;
	width: 705px;
	margin-left: 20px;
	height: 450px;
	position: relative;
}

body.gallery div.lightbox ol li
{
	float: left;
	text-align:right;
	margin-right: 5px;
	margin-bottom: 4px;
}

body.gallery div.lightbox ol li a,
body.gallery ul#article-toolbox li.sublist
{
	display: block;
	padding-bottom: 2px;	
}

 ul#article-toolbox li.sublist
{
	border-top: 1px dotted #999;
	margin-top: 8px;
	overflow: hidden;
	padding: 7px 0 0px 0;
}

body.gallery ul#article-toolbox li.sublist li.third-party-tool
{
	padding-bottom: 3px;
}

#article-toolbox li.sublist .tweet
{
	border-top: 0;
}

.gallery ul#article-toolbox li.sublist .tweet a
{
	background-image: none;
}

body.lightbox #wrapper #box ul#main-trailblock 
{
	margin-top: 6px;
}

body.lightbox #wrapper #box ul#relatedlinks h2.related-information
{
	margin-top: 0;
}

body.gallery div.lightbox ol li img
{
	display:block;
	padding-bottom: 1px;
}



body.gallery.lightbox ul.pagination
{
	clear: both;
	width: 580px;
	overflow: hidden
}

body.gallery div.lightbox ul.pagination
{
	padding: 0;
}

body.gallery div.lightbox ul.pagination li
{
	position: relative;
	top: 5px;
}

body.gallery div.lightbox ul.pagination li img
{
	position: relative;
	top: -4px;
}

body.gallery #wrapper #footer
{
	border-top: 1px solid #dedede;
	padding-top: 6px;
}

body.gallery ul#footer-links
{
	float: none;
	width: 788px;
}

body.gallery ul#footer-links li
{
    width: 100%;
    display: block;
}

body.gallery li.copyright
{
	float: left;
}

body.gallery ul#footer-links li.license,
body.gallery ul#footer-links li.mobile
{
	display: inline;
	width: auto;
}

body.gallery h2.strap
{
	margin-bottom: 8px;
}

body.gallery ul.trail
{
	margin: 5px;
}

/*New gallery styles start*/


img#main-picture
{
	margin-bottom: 10px;
}

div.main-picture span.credit
{
	margin-bottom: 10px;
}

/*Gallery sign off page view*/
#sign-off
{
	position: relative;
	border-left: 1px solid;
	padding-left: 10px;
}

#current-gallery
{
	float: left;
	width: 140px;
	margin-top: 14px;
	margin-bottom: 10px;
}

#current-gallery h2,
#sign-off h2
{
	font-family: arial, sans-serif;
	border-top-width: 1px;
	border-top-style: solid;
	font-size: 1em;
	font-weight: bold;
}

#sign-off h2
{
	font-family: arial, sans-serif;
	border-top-width: 1px;
	border-top-style: solid;
}

#sign-off ul
{
	width: 620px;
	float: left;
	margin-bottom: 20px;
}

#sign-off ul h2,
body.gallery div#current-gallery h2
{
	margin-bottom: 14px;
	padding-top: 3px;
}

#sign-off li
{
	width: 140px;
	float: left;
	margin-right: 20px;
	overflow: hidden;
}

#sign-off li p
{
	width: 140px;
}

#sign-off li.sign-off-header
{
	width: 620px;
	margin-right: 0px;
}

#sign-off li.last
{
	margin-right: 0px;
}

#current-gallery a,
#current-gallery span
{
	float: left;
}

#current-gallery span a
{
	float: none;
}

#current-gallery span
{
	margin-top: 5px;
	text-align: center;
	width: 90px;
	
}

#sign-off p.more-galleries
{
	float: left;
	border-top-width: 1px;
	border-top-style: solid;
	width: 620px;
	padding-top: 5px;
}

li.current
{
	text-align: center;
}

body.gallery div.gallery-navigation ul li.current img
{
	margin-bottom: 6px;
}

.portrait a img
{
	padding-bottom: 10px;
}

.portrait ul#article-toolbox a img
{
	padding-bottom: 0;
}

ul.shower-list
{
	border-top-width: 1px;
	border-top-style: dotted;
	margin-top: 5px;
	padding-top: 5px;
}

ul#sponsor
{
	clear: left;
	margin-left: 0;
}

ul#sponsor li
{
	border-top: none;
}

body.gallery div#overlay-wrapper
{
	padding-bottom: 20px;
}

a.comment-count-info
{
	clear: none;
}
          /* ----------  gallery-page.css ends here ----------- */
          /* ---------- interactive-additionals.css starts here ---------- */
@media all {

body.has-badge h1 a
{
	float: none;
	width: auto;
}

div#badge-full
{
	border-bottom: 3px solid;
	margin-bottom: 3px;
	width: 940px;
}

div#article-header h2#strap
{
	margin-top: 0;
}

/* Interactive pages start */
body#interactive-front div#wrapper
{
    background-image: none;
}

body.interactive #box
{
	float: none;
	width: 940px;
}

body.interactive .article-attributes
{
	float: left;
	width: 940px;
}

body.interactive #box
{
	margin-top: -3px;
}

body.interactive #related
{
	float: left; 
	width: 140px;
	margin-left: 20px;
}

body.interactive #content ul.article-attributes
{
	margin-top: 4px;
	clear: both;
}

body.interactive #content ul.article-attributes li
{
	display: inline;
	margin-bottom: 10px;
}

body.interactive #flash-content,
body.interactive #code-content
{
	float: left;
	padding-bottom: 20px;
	width: 780px;
}

body.interactive #article-header div.series-navigation
{
	border-top: none;
	border-bottom-style: solid;
	min-height: 1.25em; 
	padding-bottom: 6px; 
}

body.interactive div.series-navigation h4
{
	float: left;
}

body.interactive div.series-navigation div.relative-series-navigation
{
	float: right;
}

body.interactive #content h2.related-information
{
	background-image: none;
	margin-bottom: 5px;
}

body.interactive div#content h1
{	
	padding-top: 0;
	border-top: none;
	margin-bottom: 0;
}

ul.article-attributes
{
	margin-top: 0;
	margin-bottom: 8px;
	padding-top: 2px;
	position: relative;
}


body.interactive div.navigation ul#main-trailblock
{	
	border-top-width: 10px;
	border-top-style: solid;
	margin-bottom: 11px;
}

body.interactive div.navigation ul#main-trailblock li div.strap
{	
	margin-right: 3px;
	border-top: none;
}

body.interactive div.navigation ul#main-trailblock li div.strap,
body.interactive div.navigation ul#main-trailblock li div.linktext,
body.interactive div#content div.navigation ul#main-trailblock li div.linktext h3
{	
	display: inline;
}

body.interactive ul.trailblock li.first
{
	border-top: none;
	padding-top: 5px;
}

body.interactive ul.trailblock li
{
	padding-top: 2px;
	padding-bottom: 6px;
}

body.interactive ul.no-pic
{
	border-bottom: none;
}

body.interactive #article-header h1,
body.interactive #article-header p
{
    width: 640px;
}

body.interactive #article-header h2
{
    width: 800px;
    padding-right: 140px;
}

body.interactive div.series-navigation,
ul.article-attributes,
div#related div.relatedlinks h3.front-link
{
	border-top-width: 1px;
	border-top-style: solid;
}

div#article-header ul.strapped
{
	margin-top: 33px;
}

.environment .hd
{
    border-top: 0;
    background: none;
    padding: 0;
}

#footer.environment
{
    border-top-width: 10px;
}

.jobsbox h3
{
    margin-top: 0;
}

.jobsbox .jobsbox ul.jobs li
{
    padding-bottom: 3px;
}

}
          /* ----------  interactive-additionals.css ends here ----------- */
          /* ---------- related-content.css starts here ---------- */
/* NOTE: section-contents relates to the audio template */

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

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

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

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

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

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

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

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

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

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

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

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



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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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



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

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

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

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



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

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

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

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

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

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

/**** quiz pages ****/
body.quiz #related ul,
body.table #related ul#article-toolbox-side
{
    margin-bottom: 12px;
}
/**** end quiz pages ****/
          /* ----------  related-content.css ends here ----------- */
          /* ---------- 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 ----------- */

/* Needs to be refactored to use content-type.css */
          /* ---------- packages-and-manual-trailblock.css starts here ---------- */
#manual-trailblock
{
	clear: both;
	width: 140px;
	margin-bottom: 20px;
	border-top-width: 1px;
	border-top-style: solid;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* end video pages */
          /* ----------  packages-and-manual-trailblock.css ends here ----------- */
          /* ---------- content-type-heading.css starts here ---------- */
/*
*	Content type heading and standfirst	
*/

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

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

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

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

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

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

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

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

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

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

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

#article-header .rating-container
{
    margin-top: 5px;
    margin-bottom: 37px; /* has to be margin to hide the background of the stars  */
}
          /* ----------  content-type-heading.css ends here ----------- */
          /* ---------- content-actions.css starts here ---------- */
/* buzz and digg links */

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

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

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

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

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

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

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

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

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

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

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

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

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