/* ---------- 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, 
div.rss-trailblock div.ft p
{
	border-top-style: dotted;
	border-top-width: 1px;
	padding-top: 5px;
	padding-bottom: 5px;
}

div#pickable-rss-rule-slot div.rss_wrapper ul li a
{
	font-weight: bold;
}

div#pickable-rss-rule-slot div.rss_wrapper ul li.footer a
{
	font-weight: normal;
}

div#promo div.rss-feed,
div.rss-trailblock div.ft p
{
	padding-bottom: 0;
}

div#promo div.rss_wrapper ul li.footer
{
    margin-top: 15px;
}

/* new component styles for old style templates */

div.rss-trailblock
{
    background-color: #F3F3F3;
    border-top: 10px solid #D3D3D3;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
    overflow: hidden;
}

#promo div.rss-trailblock div.hd
{
    margin-bottom: 0;
}

#promo div.rss-trailblock h2
{
    border-top: none;
    padding-top: 3px;
    padding-bottom: 18px;
    font-weight: bold;
}
          /* ----------  rss-feed.css ends here ----------- */
	
	
	/* 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;
}

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

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

.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,
div#promo div.bookshop-books ul.vertical-links li
{
	background-image: url(images/icon_bullet.gif);
}

div#promo div.bookshop-books ul.vertical-links li
{
	text-indent: 17px;
	background-position: 0;
}


          /* ----------  minimum-set-icons.css ends here ----------- */

@media all {

li.print a

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

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

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

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

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

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


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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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


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

/*
Bullet images and icons

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.comment-author
{
	clear: both;
}

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

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

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

}

.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 ----------- */
          /* ---------- very-simple-site-front-additionals.css starts here ---------- */
#wrapper 
{
	background-image: url(images/simplesite-body-bg.gif);
	background-position: 0 0;
	background-repeat: repeat-y;
	padding: 0 0 0 10px;
}

div#main-trailblock,
div#second-trailblock,
div#more-trails
{
	background-image: url(images/simplesite-inner-bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
	overflow: hidden;
}

body.front #promo
{
	background-image: url(images/two-line-promo-bg.gif);
	background-repeat: repeat-y;
	background-position: top left;
	margin-bottom: 0;
	padding-bottom: 28px;
	border-top: 15px solid white;
	border-bottom: 15px solid white;
	float: none;
	overflow: hidden;
}

body.vss #header
{
	position: relative;
}

body.vss #nav ul
{
	margin-right: 140px;
}

body.vss #promo div#edited-offers
{
	border-top-width: 10px;
	border-top-style: solid;
}

body.front #wrapper #content div#main-trailblock ul li h2
{
	font-size: 1.75em;
	line-height: 1.14em;
}

body.vss #wrapper #content div#main-trailblock ul li.major-heading h2
{
    font-size: 1.166em;
    border-top-style: solid;
    border-top-width: 10px;
}

body.front #content h1
{
	padding-bottom: 14px;
	margin-bottom: 0;
}

div#main-trailblock h3,
div#second-trailblock h3,
#solo-trailblock h3
{
	font-family: georgia, serif;
}

#solo-trailblock ul.sublinks
{
	padding-top: 5px;
}

#solo-trailblock ul.sublinks li.bullet
{
	float: none;
}

body.front #box,
body.front #content,
div#more-trails
{
	width: 620px;
}

div#more-trails
{
	clear: left;
	overflow: hidden;
}

div#page-header
{
	border-top-width: 10px;
	border-top-style: solid;
	height: 100%;
	background-color:white;
	padding-bottom: 1px;
	/*width: 100%;
	display: block;
	min-height: 60px;*/
}

body.front div.heading
{
	margin-right: 0;
	background-color: #fff;
}

#content li.image h1,
div#second-trailblock .heading h1
{
	border: none;

}

div#page-header h1
{
	font-size: 1.168em;
	font-weight: bold;
	line-height: 1.224em;
	margin-bottom: 16px;
	padding-top: 3px;
}

#content li.col h2,
#content li.col h3,
div#solo-trailblock h3
{
	border-top-width: 1px;
	border-top-style: dotted;
}

#content ul li.col,
#content ul li.image
{
	margin-left: 0;
	overflow: visible;
	width: 300px;
}

#content ul li.image,
#content #box ul li.first.col
{
	margin-right: 20px;
}

#section-contents,
ul.auto-trail-block
{
	width: 300px;
}

#main-trailblock li.last
{
	margin-bottom: 0;
}

ul.auto-trail-block
{
	float: left;
	margin-right: 20px;
}

div.col ul.auto-trail-block
{
	margin-right: 0;
}

body.front div#promo div.sponsored-features ul li 
{
	float: left;
	width: 140px;
}

li.thumb div.rating-container img
{
	width: auto;
}

#section-contents .capsule
{
	float: right;
	width: 140px;
}

body.front div#promo div.sponsored-features ul li.major-heading
{
	width: auto;
}

div#second-trailblock ul li.col div#most h2
{
	font-size: 1.166em;
}

body.front div#content div#second-trailblock ul li.col div#most
{
	width: 300px; 
	float: right;
}

div#second-trailblock ul li.col div#most ul.tab-toggle,
div#second-trailblock ul li.col div#most ul.tab-toggle li
{
	padding-bottom: 0;
	margin-bottom: 0;
}

#wrapper li.image h2,
#wrapper li.image h3
{
	border-top: none;
}

div#content div.col,
ul.auto-trail-block.last
{
	margin-left: 0;
	margin-right: 0;
}

div#content div.col.first
{
	margin-right: 20px;
}

div#more-trails .col,
div#content div#main-trailblock div.first,
div#content div#second-trailblock div.first,
div#content div#secondary-trailblocks div.first,
div#more-trails div.first
{
	margin-left: 0;
	margin-right: 20px;
}

div#content li.trail h3,
div.first div#main-trailblock h2
{
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999;
}

div.first div#main-trailblock ul li.image h2,
div#content li.image h3,
div#content li.video h3
{
	border-top: none;
}

#second-trailblock .col li.video
{
    margin-right: 0;
}

div#more-trails div.sponsored-features
{
	border-top-width: 10px;
	border-top-style: solid;
	overflow: hidden;
}

div#more-trails div.sponsored-features li
{
	float: left;
	margin-right: 0;
}

div#more-trails div.sponsored-features li.odd
{
	margin-right: 20px;
}

#content div#more-trails div.sponsored-features h3
{
    font-weight: bold;
    padding-top: 3px;
}

div#second-trailblock
{
	border-top-width: 10px;
	border-top-style: solid;
	clear: both;
	width: 620px;
	margin-top: 20px;
	float: left;
}

div#second-trailblock li.major-heading
{
	margin-bottom: 0;
}

div#content div#second-trailblock ul li.major-heading h2
{
	border-top-width: 10px;
	border-top-style: solid;
}

ul.credit li
{
	display: inline;
	color: #333;
}

/* caveat: this has to go AFTER the previous inline command or the first line doesn't wrap! */
ul.credit li.first
{
	font-size: 1.3em;
	display:block;
}

.recent-blogs ul.credit li.first
{
	font-size: 1.333em;
}

div.first div#main-trailblock li.col
{
	margin-bottom: 0;
}

div#second-trailblock li.col
{
	margin-right: 0;
	margin-bottom: 0;
	width: 300px;
}

div#section-contents
{
	padding-top: 0px;
}

#second-trailblock ul.sublinks
{
	padding-bottom: 0;
}

body.front #wrapper #section-contents .capsule ul.tri li.image,
body.front #wrapper #section-contents .capsule ul.tri li.major-heading,
body.vss div#wrapper div#section-contents ul#editor-zone-3 li.major-heading
{
	border-top: 0;
	padding-top: 0;
}

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

div.single-trail
{
	float: left;
	width: 140px;
}

div#more-trails div.single-trail .capsule
{
	border-top: 0;
}

div#more-trails div.single-trail .capsule li.image
{
	width: auto;
}

div.single-trail.first
{
	margin-right: 20px;
}

body.front div#more-trails div.bookshop-books li
{
	width: 140px;
}


div#content div.single-trail div.sponsored-features ul li
{
	margin-bottom: 0;
}

div#content div.single-trail div.trailtext
{
	margin-top: 0;
}

body.front div.book-cover
{
	background-image: url(images/140x120-border-mask.gif); 
	padding: 10px 0; 
	text-align: center; 
	overflow: hidden; 
	width: 140px; 
	height: 100px;
	position: relative;
}

body.front #wrapper #section-contents .capsule .bookshop-books ul.books li.odd
{
	border-top: 0;
}

body.front #wrapper #more-trails .bookshop-books ul.books li.odd
{
	margin-right: 0;
}

div#more-trails div.sponsored-features h3
{
	font-weight: bold;
	font-size: 1.166em;
}

body.front #wrapper #box #content div.politics-big-pic ul li.image h3
{
	font-family: arial, sans-serif;
	font-size: 1em;
}

body.front #wrapper #box #content div.col ul#blog-standout h2
{
	border-top-width: 10px;
	border-top-style: solid;
	font-family: georgia,serif;
	font-size: 1.333em;
}

ul#blog-standout li.normal
{
	margin-bottom: 9px;
}

div.col ul#blog-standout div.linktext h3
{
	float: none;
	font-family: arial,sans-serif;
	font-size: 1em;
	margin-left: 0pt;
	width: auto;
}

div.col ul#blog-standout div.trailtext
{
	color: #666666;
	font-family: georgia,serif;
	font-size: 1.333em;
	font-weight: normal;
}

div.col ul#blog-standout li.major-heading
{
	margin-bottom: 0;
}

div.col ul#blog-standout li a
{
	font-weight:bold;
}

div.credit
{
	color: #333;
}

/* more news headlines */

div#wrapper div#content ul.dual-col
{
	border-top: 30px solid white;
	clear: left;
	overflow: hidden;
	width: 620px;
}

ul#more-news li
{
	margin-bottom: 0;
}

ul#more-news li.col
{
	padding-bottom: 5px;
	margin-right: 0;
}

ul#more-news li.first
{
	margin-right: 20px;
}

#wrapper ul#more-news h3
{
	font-family: arial, sans-serif;
	font-size: 1em;
	font-weight: bold;
	border-top-width: 1px;
	border-top-style: solid;
	padding-top: 4px;
	padding-bottom: 4px;
	background-color: #FFF;
}

body.front #wrapper div#box div#content ul#more-news li,
body.front #wrapper div#box div#content ul#more-news li.col ul li
{
	margin-bottom: 0;
}

body.front #wrapper div#box div#content ul#more-news li.col ul li
{
	border-top-width: 1px;
	border-top-style: dotted;
	padding-top: 3px;
	padding-bottom: 7px;
}

body.front .heading-vertical-links #editor-zone-6 li,
body.front .heading-vertical-links #editor-zone-4 li,
body.front .heading-vertical-links #editor-zone-2 li
{
    clear: none;
}

body.front .heading-vertical-links #editor-zone-6 li.first,
body.front .heading-vertical-links #editor-zone-4 li.first,
body.front .heading-vertical-links #editor-zone-2 li.first
{
    margin-bottom: 0;
}

body.books .heading-vertical-links #editor-zone-4 li.first,
body.books .heading-vertical-links #editor-zone-2 li.first
{
    margin-bottom: 20px;
}

#wrapper ul#more-news a
{
	font-family: arial, sans-serif;
	font-size: 1em;
}

body.politics div#main-trailblock ul li.first ul li.image h2
{
	font-size: 1.5em;
}

body.front div#wrapper div#content div.first ul li.first ul li.major-heading,
body.politics div#wrapper div.heading
{
	width: 100%;
}

/* end */

/* for the major event version of the front */

body.major-event #main-trailblock
{
	background-image: none;
}

body.major-event #main-trailblock ul#more-news.dual-col
{
	background-image: url(images/simplesite-inner-bg.gif);
	background-position: top left;
	background-repeat: repeat-y;
}

body.major-event #wrapper #content div#main-trailblock ul li h2
{
    border-bottom: 1px dotted;
    line-height: 1.1;
	font-size: 3em;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

body.major-event #main-trailblock ul#more-news h3
{
	background-color: white;
	border-color: #999;
	border-bottom: 0;
	padding-bottom: 9px;
}

body.major-event #main-trailblock li.major-story div.trailtext 
{
	font-size: 1.165em;
	line-height: 1.145;
	margin-top: 0;
	margin-bottom: 7px;
}

body.major-event #main-trailblock li.major-story div.trailtext strong
{
    display: block;
    border-bottom: 1px dotted;
    font-size: 1.250em;
    font-weight: normal;
    font-family: georgia, serif;
	line-height: 1.150;
	padding-top: 1px;
	padding-bottom: 8px;
	margin-bottom: 2px;
}

ul.auto-trail-block
{
	clear: none;
}

/* end */

/* politics bits */

div#wrapper div#box div#more-trails div.col div#solo-trailblock li.image,
div#wrapper div#box ul#more-news.single-col li.first,
div#wrapper div#content div#main-trailblock div.col li.first
{
	margin-right: 0;
}

div#wrapper div#box ul#more-news.single-col
{
	float: right;
}

body.politics div#main-trailblock ul#more-news li h3 
{
	border-top-color: #333;
} 

body.politics div#box div#content div.col ul#blog-standout li.normal
{
	margin-left: 0;
}

body.politics ul#more-news
{
	float: left;
	width: 300px;
}

body.vss #content #flash-player
{
    margin-top: 0;
    padding-top: 8px;
    clear: both;
}

body.politics div#section-contents div#highlights ul#interactive
{
	margin-bottom: 10px;
}

body.politics div#section-contents div#highlights ul#interactive li
{
    border-top: 0;
}

#highlights
{
    width: 140px;
    float: left;
    margin-right: 20px;
}

/* end */

body#society div#promo #mpu1,
body#education div#promo #mpu1
{
	border-top-width: 10px;
	border-top-style: solid;
	float: left;
	margin-right: 20px;
	padding-top: 10px;
	width: 300px;
}

body#society div#section-contents #mpu1,
body#education div#section-contents #mpu1
{
	border-top: 0;
}

body#society div#section-contents,
body#education div#section-contents
{
	border-top: 10px solid;
}

body#society div#section-contents div.commercial,
body#education div#section-contents div.commercial
{
	clear: none;
}

body#uk div#box,
body#world div#box
{
	border-top: 10px solid;
}

body.configurable div#content div#main-trailblock h2
{
	border-top: 1px dotted #999;
}

body.configurable div#main-trailblock,
body.configurable div#second-trailblock,
body.configurable div#more-trails
{
	border-bottom: 20px solid white;
}

body.configurable div#second-trailblock
{
	margin-top: 0;
	padding-top: 0;
}

body.configurable div#wrapper div#content div#sponsored-jobs li.normal
{
	margin-left: 0;
}

body.configurable div#wrapper div#content div#sponsored-jobs li.major-heading
{
	margin-left: 0;
	width: 620px;
}

body#uk div.recent-blogs,
body#world div.recent-blogs
{
	width: 300px;
}

body.configurable div#content ul.auto-trail-block li
{
	float: none;
}

body#uk div#blogs-front,
body#world div#blogs-front
{
	overflow: hidden;
	clear: left;
	float: left;
	margin-right: 20px;
}

body#society #content h1
{
    border-top: 0;
}

body.configurable div.heading div#page-heading h1
{
	border-top: 10px solid;
	font-weight: bold;
	font-size: 14px;
	padding-bottom: 11px;
	padding-top: 3px;
}

body.configurable div#section-contents div#sponsored-features
{
	border-top: 10px solid;
	clear: none;
}

body.configurable div#section-contents div#sponsored-features li.major-heading h3,
div#more-trails div.page-heading h3.hd
{
	font-family: georgia, serif;
	font-size: 14px;
	font-weight: bold;
}

body.configurable div#second-trailblock div.editor-zone-4
{
	border-top: 1px dotted #999;
	float: left;
	font-weight: bold;
	width: 300px;
}

body.configurable div.most-viewed-front,
body.vss div.most-viewed-front
{
	float: right;
	width: 300px;
}

body.configurable div#elsewhere
{
	float: left;
	width: 140px;
}

body.configurable p.simple-pagination
{
	border-top: 1px dotted #999;
	clear: both;
	font-weight: bold;
	padding-top: 3px;
	margin-bottom: 20px;
}

body.configurable ul#auto-trail-block li:last-child
{
	margin-bottom: 10px;
}

body.configurable div#second-trailblock div.editor-zone-4
{
	border-top: 1px dotted #999;
	float: left;
	font-weight: bold;
	width: 300px;
}

body.configurable ul#auto-trail-block
{
	margin-right: 0;
}
          /* ----------  very-simple-site-front-additionals.css ends here ----------- */
          /* ---------- recent-blogs.css starts here ---------- */
/* Latest from our blogs pickable component */

body.media-front div#content div.recent-blogs
{
	background-image: url(images/simplesite-inner-bg.gif);
	background-repeat: repeat-y;
	overflow: hidden;
	width: 620px;
}

body.front div#content div.recent-blogs h2
{
	padding-bottom: 16px;
	margin-bottom: 0;
}

body.front div#content div.recent-blogs ul li h3
{
	line-height: 1.125;
	margin-top: 1px;
	margin-bottom: 2px;
	font-family: georgia, serif;
	font-size: 1.333em;
}

body.front div#content div.recent-blogs ul
{
	float: left;
	width: 300px;
}

body.front div#content div.recent-blogs ul.first-col
{
	margin-right: 20px;
	clear: right;
}

div#wrapper div.recent-blogs ul li
{
	margin-left: 0;
	border-top-width: 1px;
	border-top-style: dotted;
	margin-bottom: 13px;
}

body.front div#content div.recent-blogs p.more-on
{
	clear: both;
	min-width: 300px;
}

body.media-front div#content div.recent-blogs p.more-on
{
	width: 620px;
}

body.front div.recent-blogs ul li div 
{
	display: inline;
}
          /* ----------  recent-blogs.css ends here ----------- */
          /* ---------- feature-trailblock-additionals.css starts here ---------- */
div#wrapper
{
	background: url(images/beautiful-boss-bg-trail.gif) 10px 0 repeat-y;
}

div#wrapper div#content
{
	width: 620px;
}

div#wrapper div#content div.first
{
	margin-right: 0;
	background-color: transparent;
	padding-bottom: 0;
}

div#wrapper div#content div.first div.first
{
	margin-right: 20px;
}

div#main-trailblock
{
	background-image: none;
	border-bottom: 20px solid white;
}

li.strapped div.strap
{
	border-top-style: solid;
	border-top-width: 1px;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 5px;
}

div#wrapper div#footer
{
	border-top-width: 20px;
	border-top-color: white;
}

div#footer ul#footer-links
{
	border-top-width: 10px;
	border-top-style: solid;
	padding-top: 3px;
}

div#box
{
	margin-bottom: 0;
}

div#wrapper div#box div#content li
{
	width: 300px;
}

div#wrapper div#box div#content ul.sublinks li
{
	width: auto;
}

div#second-content,
div#third-content,
div#fourth-content,
div#box div.first
{
	background-color: white;
	clear: both;
	padding-bottom: 20px;
	overflow: hidden;
}

div#box div.col
{
	background-color: white;
	float: left;
	margin-left: 0;
	padding-bottom: 20px;
}

div#box div.first
{
	margin-right: 20px;
}

div#multimediaHeader h2,
div#box div.col div.tag-tag h2,
.heading h2
{
	font-weight: bold;
}

div#box div#multimediaHeader h2
{
	border-top: none;
	margin-bottom: 0;
}

div#multimediaHeader,
div#wrapper div#promo div.highlights div.capsule li.major-heading
{
	border-top-width: 10px;
	border-top-style: solid;
	margin: 0;
	padding-top: 3px; 
	padding-bottom: 0;
}

div#promo div.component
{
	display: block;
	float: none;
}

div#wrapper #promo div.jobsbox
{
	padding-left: 10px;
}

div#promo div.col
{
	float: left;
	margin-left: 0;
	margin-right: 0;
	width: 140px;
}

div#promo div.first
{
	margin-right: 20px;
}

div#promo div.ed-zone,
div#promo div.highlights div.capsule
{
	background-color: white;
	border-top: none;
	padding: 0;
}

div#wrapper div#promo div.highlights div.capsule li,
div#promo ul.tri li,
div#promo ul.tri li.normal
{
	border-top: 1px dotted #999;
	margin-left: 0;
	padding-top: 3px;
}

div#promo div.commercial ul.tri li.normal
{
	margin-left: 20px;
}

div#promo div.commercial ul.tri li.odd
{
	margin-left: 0;
}

div#promo ul.tri li.major-heading,
div#promo ul.tri li.image
{
	border-top: none;
	padding-top: 0;
	margin-right: 0;
}

div#promo ul.tri li.major-heading h2
{
	padding-top: 5px;
	margin-bottom: 10px;
}

div#wrapper div#promo div.highlights div.capsule li,
div#wrapper div#promo div.highlights div.capsule li div.trail-caption
{
	margin-bottom: 0;
}

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

body.has-badge div#heading h1
{
	margin: 0;
	padding: 0;
}

div#wrapper div#promo div.highlights div.capsule li.major-heading h3,
div#promo ul.trailblock h3
{
	font-family: georgia, serif;
}

div#wrapper div#promo ul.trailblock h3,
div#wrapper div#promo .named-trailblock h3
{
	font-weight: normal;
	font-size: 16px;
}

/* annoying overrides for stupid specificity on beautiful trail row display */
div#wrapper div#box div.col .trail-rows ul li.thumb
{
    float: left;
    width: 140px;
    clear: none;
}

div#google-ads-container
{
	clear: both;
}

div.promo-horizontal div#google-ads-container
{
	clear: none;	
}
          /* ----------  feature-trailblock-additionals.css ends here ----------- */
          /* ---------- pix-grid.css starts here ---------- */
div#wrapper div#pix-grid
{
	width: 940px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

div#pix-grid ul.ragged li#pix-6
{
	left: 800px;
}
          /* ----------  pix-grid.css ends here ----------- */
          /* ---------- binary-poll.css starts here ---------- */
          /* ---------- binary-poll-narrow.css starts here ---------- */
#poll.narrow
{
	background-color: #e2e2e2;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	margin-top: 0;
	margin-bottom: 10px;
	width: 130px;
}

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

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

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

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

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

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

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

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



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

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

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

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

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

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

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

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

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

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

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

/* Styles for poll */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* poll with pie chart */

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

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

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

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

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

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

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

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

div.canvas-wrapper
{
	position: relative;
}
          /* ----------  chart.css ends here ----------- */
          /* ---------- front-feature-trailblock.css starts here ---------- */
/* this is the CSS for the special feature front trailblock in use on music, film and life and style */

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

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

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

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

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

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

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

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

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

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

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



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

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

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

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

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

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

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

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

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

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

}

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

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

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

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

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

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

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

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

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

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

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

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

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

{
	clear: left;
}

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

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

div.front-feature-trailblock ul.extended li.wide div.trail-caption
{
	width: 300px;
}
          /* ----------  front-feature-trailblock.css ends here ----------- */
          /* ---------- icon-editable-trailblock.css starts here ---------- */
#wrapper #box ul li.icon-image div.pictureurl
{
	float: left;
	margin: 4px 10px 0 0px;	
}

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

/* this for the feature special template */

div#wrapper div#box div.col ul li
{
	overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

div#media-toggle div.media-tabs li.one-of-three h3
{
	border-top: 1px dotted #999;
	padding-top: 3px;
	padding-bottom: 10px;
}
          /* ----------  multimedia-tabs.css ends here ----------- */
          /* ---------- trail-rows.css starts here ---------- */
.trail-rows
{
	clear: both;
}

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

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

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

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

.trail-rows ul
{
	overflow: hidden;
	clear: left;
}
          /* ----------  trail-rows.css ends here ----------- */
          /* ---------- auto-trail-block.css starts here ---------- */
.col h2.first
{
    font-weight: bold;
}

ul#auto-trail-block 
{
    border-top: 0;
}

#auto-trail-block .trailtext
{
    margin-top: 10px;
}

#auto-trail-block li
{
    border-top-style: dotted;
    border-top-width: 1px;
    margin-bottom: 20px;
}

ul.pagination
{
    clear: both;
    overflow: hidden;
}

ul.pagination li
{
    margin: 0;
}

div#wrapper div#box div.col ul.pagination li
{
    clear: none;
    width: auto;
    margin: 0;
    float: none;
}

div#wrapper div#box div.col ul.pagination li.first
{
    float: left;
}

div#wrapper div#box div.col ul.pagination li.last
{
    float: right;
}
          /* ----------  auto-trail-block.css ends here ----------- */
          /* ---------- pickable-row-combiner.css starts here ---------- */
.pickablecontenttype h3
{
	font-family: georgia, serif !important;
	font-size: 14px !important;
	font-weight: bold !important;
	border-top: 10px solid;
	padding-bottom: 16px;
	margin-bottom: 0 !important;
}

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

.pickablecontenttype li.last-in-row
{
	margin-right: 0 !important;
}
          /* ----------  pickable-row-combiner.css ends here ----------- */
          /* ---------- tv-programme.css starts here ---------- */
#article-header
{
	background-color: #fff;
}

.date
{
	font-weight: bold;
}

.two-widths .trailblock
{
	float: left;
	margin-bottom: 20px;
}

div#wrapper div#box div.six-widths,
div#wrapper div#box div.six-widths h2.first,
div#wrapper div#box div.six-widths ul li
{
	width: 460px;
}

div#wrapper div#box div.two-widths,
div#wrapper div#box div.two-widths ul li
{
	width: 140px;
}

div#wrapper div#box div.six-widths,
div#wrapper div#box div.two-widths
{
	float: left;
	overflow: hidden;
}

div#wrapper div#box div.last
{
	float: right;
}

div#wrapper div#box div.six-widths .wide,
div#wrapper div#box div.six-widths li.image div.media-above
{
	border-top: none;	
}

div#wrapper div#box div.two-widths div.factbox,
div#wrapper div#box div.two-widths div.ed-zone
{
	margin-bottom: 20px;	
}

div#wrapper div#box div.two-widths div.ed-zone
{
	float: left;
}

div#wrapper div#box div.two-widths div.ed-zone div.trail-caption
{
	border-top: 1px dotted #999;
	padding-top: 4px;
	padding-bottom: 3px;		
}

div#wrapper div#box div.two-widths div.ed-zone div.media-above
{
	border-top: none;
	padding: 0;
	margin-bottom: -10px;
}

div#wrapper div#box div.two-widths div.tv .major-heading
{
	font-family: georgia, serif;
	font-size: 1.166em;
	border-top: 10px solid #d1008b;
	padding-bottom: 10px;
	border-bottom: 1px dotted #999;
	float: left;
	width: 140px;
	padding-top: 3px;
	margin-bottom: 3px;
}

div#wrapper div#box div.two-widths div.tv form
{
	margin-bottom: 2px;
}

div.two-widths div.tv ol li
{
	line-height: 1.4;
	margin-bottom: 20px;
}

div#wrapper div#box div.two-widths div.tv ol li ol li
{
	margin-bottom: 0;
}

.sublist
{
	border-top: 1px dotted #999;
	padding-top: 3px;
}

div.two-widths .tv input[type="text"]
{
	width: 130px;
	border: 1px solid #999;
	margin: 8px 0 4px 0;	
}

div.two-widths .tv input
{
	max-width: 130px;
}

div.two-widths .tv ol li.sign-up
{
	background-color: #fcf2f5;
	padding: 5px;
	margin-bottom: 5px;
}

          /* ----------  tv-programme.css ends here ----------- */
          /* ---------- editable-trailblock-two-widths.css starts here ---------- */
div#wrapper div#highlights-2 div.trail-caption div.linktext h3
{
	font-family: arial, sans-serif;
	font-size: 12px;
	margin-bottom: 0;	
}

div#wrapper div#highlights-2 li.hd h2
{
	font-size: 16px;
	font-weight: normal;
	padding-top: 3px;
	margin-bottom: 18px;	
}

div#wrapper div#highlights-2 ul.editable-trailblock h2
{
	margin-bottom: 10px;	
}
          /* ----------  editable-trailblock-two-widths.css ends here ----------- */
          /* ---------- pickable-two-widths.css starts here ---------- */
div.two-widths div.pickabletag li.normal
{
	padding-top: 4px;
}

div.two-widths div.pickabletag li.last
{
	padding-top: 2px;
}
          /* ----------  pickable-two-widths.css ends here ----------- */
          /* ---------- promo-horizontal.css starts here ---------- */
div#wrapper div.promo-horizontal
{
	clear: both;
	width: 960px;
	overflow: hidden:
}

div#wrapper div.promo-horizontal div.jobsbox
{
	clear: left;
	padding-left: 0;	
}

div#wrapper div.jobsbox .find-a-job
{
	margin-top: 10px;	
}

div#wrapper div.jobsbox .jobs h4
{
	border-top: 1px dotted #999;
	padding-top: 3px;
	font-family: arial, sans-serif;
	margin-top: 10px;
}

div#wrapper .promo-horizontal div.component,
div#wrapper .promo-horizontal #mini
{
	width: 300px;
	float: left;
	margin-right: 20px;
	border-top: 10px solid;
	overflow: hidden;
	padding-top: 3px;	
}

#mini ul.col
{
	margin-left: 0;
	width: 140px;
	overflow: hidden;
}

#mini ul.first
{
	margin-right: 20px;
}

#wrapper .promo-horizontal .sponsored-features h3,
#wrapper .promo-horizontal .advertiser-links h3
{
	font-family: georgia, serif;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 18px;	
}

#mini li
{
	padding-top: 5px;
	margin-bottom: 10px;
	border-top: 1px dotted #999;	
}

#mini li.thumb
{
	padding-top: 0;
	border-top: none;	
}

.promo-horizontal .advertiser-links h4
{
	font-family: arial, sans-serif;
	font-weight: bold;
	border-top: 1px;
}

.promo-horizontal #google-ads-container li
{
	border-top:1px dotted #999;
	padding-bottom:9px;
	padding-top:4px;
}
          /* ----------  promo-horizontal.css ends here ----------- */