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

	@import "base.css";
          /* ---------- rules.css starts here ---------- */
          /* ---------- most-viewed.css starts here ---------- */
#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,
div#promo #most-viewed div#technorati-most-blogged-div
{
	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,
#most .meta p.technorati
{
	border-top-width: 1px;
	border-top-style: dotted;
	padding-top: 5px;
	float: left;
	width: 35%;
}

#most .meta p.technorati
{
	width: 65%;
	text-align: right;
}

#technorati-most-blogged-div li b a,
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 ----------- */

          /* ---------- ad-links-in-promo-area.css starts here ---------- */
#section-contents #promo #google-ads-container
{
    border-top-style: solid;
    border-top-width: 10px;
    background-color: #fff;
    padding: 0;
    margin-bottom: 0;
    border-bottom-width: 20px;
    border-bottom-style: solid;
    border-bottom-color: #fff;
}

#section-contents #promo #google-ads-container h3
{
    padding-top: 2px;
}

#promo #google-ads-container h4,
#section-contents #promo #google-ads-container h4
{
    margin: 0;
    padding: 0;
    border: none;
}

#promo #google-ads-container li,
#section-contents #promo #google-ads-container li
{
    padding-bottom: 9px;
    padding-top: 4px;
    border-top-style: dotted;
    border-top-width: 1px;
    border-top-color: #999;
}
          /* ----------  ad-links-in-promo-area.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 ----------- */
          /* ---------- component-badge.css starts here ---------- */
#promo div.component-badge li.badge
{
	height: 75px;
	overflow: hidden;
}

#promo div.component-badge h3
{
	line-height: 1em;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-bottom: 6px;
	border-top-width: 3px;
	border-top-style: solid;
}

#promo div.component-badge li.trail
{
    float: left;
    margin-bottom: 20px;
    width: 300px;
}

#promo div.component-badge li.trail ul#trail-text
{
	margin-left: 160px;
}

#promo div.component-badge li.trail ul#trail-text li
{
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-width: 1px;
	border-bottom-width: 1px;
	padding-top: 5px;
	padding-bottom: 9px;
}

#promo div.component-badge li.trail ul#trail-text li div.date 
{
	margin-bottom: 0;
}

#promo div.component-badge li.trail ul#trail-text li.more
{
	border: none;
}

#promo div.component-badge li.trail a img
{
	float: left;
	margin-right: 10px;
}
          /* ----------  component-badge.css ends here ----------- */

	/* these are used across multiple components, they're not connected to a single one */
          /* ---------- 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
{
    font-weight: bold;
}

.heading-vertical-links ul
{
    margin-bottom: 20px;
}

.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
{
    border-top-style: solid;
}

.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 ----------- */
          /* ---------- 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;
    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
{
    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;
	line-height: 1.357;
}

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

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

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

/* environment front components */
          /* ---------- rollover-showcase.css starts here ---------- */
.showcase .showcase-main .showcase-strap-link
{
	background: url(images/bg.png) repeat top left;
}

.showcase .showcase-overlay
{
	background: url(images/bg-8.png) repeat top left;
}

.showcase .rollover-active
{
	background: url(images/bg-wh.png) repeat top left;
}

.showcase .showcase-overlay
{
	position: absolute; 
	width: 479px; 
	height: 339px; 
	top: 0; 
	left: 0;
}

.showcase .showcase-main .showcase-strap-link a.link-text, 
.showcase .rollover-active .showcase-strap-link a.link-text 
{
	display: block; 
	position: absolute; 
	height: 84px; 
	width: 479px; 
	top: 0; 
	padding: 30px 0 0 6px;
}

.showcase .rollover-active .showcase-strap-link a.link-text 
{
	padding-top: 28px;
}

.showcase 
{
	border-bottom: 20px solid white;
	clear: left;
	margin-bottom: 0;
	width: 620px; 
	overflow: hidden;
}

.showcase .bd
{
	position: relative; 
	float: left;
}

.showcase .showcase-main
{
	float: left; 
	width: 479px; 
	height: 339px; 
	overflow: hidden; 
	z-index: 0; 
	position: relative; 
	top: 0; 
	left: 0;
}

.showcase .rollover-active-main
{
	float: none; 
	position: absolute;
}

.showcase .showcase-main .showcase-strap-link 
{
	position: absolute; 
	top: 255px; 
	left: 0; 
	height: 84px; 
	width: 479px;
}

.showcase .showcase-rollover
{
	border-bottom: 1px solid white;
	width: 140px; 
	clear: right; 
	overflow: hidden; 
	height: 84px; 
	position: relative; 
	float: right; 
	margin-left: 1px; 
	background-color: #7bad9c;
}

.showcase .showcase-rollover img
{
	display: none;
}

.showcase .showcase-rollover.rollover-active 
{
	width: 620px;
	height: 84px; 
	position: relative; 
	float: right; 
	z-index: 1;  
	margin-left: 0; 
	background-color: transparent;
	margin-top: -1px;
	border-top: 1px solid white;
}

.showcase .rollover-active img
{
	display: block; 
	float: right;
}

.showcase .rollover-active img.mask 
{
	display: none;
}

.showcase .strap 
{
	font-family: georgia, serif;
}

.showcase .showcase-main .strap
{
	font-weight: normal;
	font-size: 24px; 
	line-height: 1.083; 
	color: #7bbb00; 
	padding: 0 0 0 6px;
	position: relative;
}

.showcase .showcase-main a
{
	color: #fff; 
	text-decoration: none;
}

.showcase .showcase-main h3
{
	font-size: 24px; 
	line-height: 1.083; 
	color: #fff;
}

.showcase .showcase-rollover .strap
{
	font-weight: normal;
	font-size: 16px; 
	line-height: 1.125;
	color: #fff; 
	margin: 4px 3px 0 6px;
}

.showcase .showcase-rollover a
{
	color: #333; 
	text-decoration: none;
}

.showcase .showcase-rollover h3
{
	padding-top: 0; 
	margin: 0 6px;
}

.showcase .rollover-active .strap 
{
	margin: 0;
	padding-left: 6px;
	font-size: 20px; 
	line-height: 1.1;
	position: relative; 
	width: 473px;
}

.showcase .rollover-active h3
{
	font-size: 20px;
	line-height: 1.1;
	margin: 0;
}

.showcase .rollover-active .strap 
{
	color: #7bbb00;
	padding-top: 4px;
}

.showcase .rollover-active a
{
	color: #333;
}
          /* ----------  rollover-showcase.css ends here ----------- */
          /* ---------- one-column-image-trailblock.css starts here ---------- */
.one-column-image-editable
{
	display: block;
	float: none;
	clear: left;
}

.one-column-image-editable h3
{
	padding-bottom: 3px;
}

.one-column-image-editable p.strap
{
    color: #999;
}

.one-column-image-editable li,
.one-column-image-editable .more-on li:first-child,
.one-column-image-editable .ft
{
    border-top-width: 1px;
    border-top-style: dotted;
    border-top-color: #999;
}

.one-column-image-editable li
{
	clear: left;
    margin-bottom: 20px;
    overflow: hidden;
}

.one-column-image-editable li:first-child
{
    border-top: none;
}

.one-column-image-editable li a.link-image
{
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-top: 3px;
}

.one-column-image-editable li a img
{
    vertical-align: bottom;
}

.one-column-image-editable .ft
{
    padding-top: 5px;
}
          /* ----------  one-column-image-trailblock.css ends here ----------- */
          /* ---------- wide-multimedia-panel.css starts here ---------- */
.wide-multimedia-panel .hd
{
    margin-bottom: 10px;
}

.wide-multimedia-panel h2 em
{
	font-style: normal;
}

.wide-multimedia-panel div.highlight
{
	margin-right: 20px;
	margin-bottom: 20px;
}

.wide-multimedia-panel .two-col li.last
{
	border-top: 1px dotted #999;
	padding-top: 3px;
	clear: left;
}

.wide-multimedia-panel .two-col li
{
	margin-bottom: 17px;
}

.wide-multimedia-panel .two-col li.first
{
	min-height: 175px;
}

.wide-multimedia-panel div.highlight h3
{
	margin-bottom: 13px;
}

.wide-multimedia-panel span.content-type
{
	font-weight: bold;
}

.wide-multimedia-panel span span
{
	font-weight: normal;
}

.wide-multimedia-panel ul.sublinks
{
	clear: left;
}

.wide-multimedia-panel a.comment-count-info
{
	float: none;
}

.wide-multimedia-panel .four-col .pickabletag
{
	overflow: hidden;
	margin-bottom: 20px;
}

.wide-multimedia-panel .four-col .pickabletag li.first
{
	margin-right: 20px;
}

.wide-multimedia-panel .four-col .pickabletag li.last
{
	border-top: 1px dotted #999;
	width: 300px;
}

.wide-multimedia-panel .four-col .pickabletag li
{
	float: left;
	padding-bottom: 10px;
	width: 140px;
}

.wide-multimedia-panel .four-col .pickabletag h3
{
	border-top-color: #999999;
	border-top-style: solid;
	border-top-width: 1px;
	font-family: arial,sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 3px;
}
          /* ----------  wide-multimedia-panel.css ends here ----------- */
          /* ---------- 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;
}

/* 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 ----------- */
          /* ---------- standard-trailblock.css starts here ---------- */
.standard-trailblock h2
{
    width: 100%;
    overflow: hidden;
}

.standard-trailblock li,
.standard-trailblock .ft
{
    border-top-width: 1px;
    border-top-style: dotted;
    border-top-color: #999;
    margin-bottom: 16px;
    clear: left;
    overflow: hidden;
}

.standard-trailblock .ft
{
    margin-bottom: 0;
}

.standard-trailblock li.first
{
    border-top: none;
}

.standard-trailblock li.first .flash
{
    margin-top: 5px;
}

.standard-trailblock h3
{
    margin-bottom: 10px;
    padding-top: 3px;
}

.standard-trailblock li.first h3
{
    font-size: 21px;
    line-height: 1.143;
    margin-bottom: 14px;
}

.standard-trailblock li a.link-image
{
    float: left;
    margin-right: 10px;
    margin-top: 3px;
}

.standard-trailblock a.comment-count-info
{
	clear: left;
}
          /* ----------  standard-trailblock.css ends here ----------- */
          /* ---------- more-on-links.css starts here ---------- */
.more-on h3
{
    clear: left;
    display: block;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #999;
    font-family: arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 7px;
}

.more-on ul li,
.more-on .ft
{
    margin-bottom: 0;
    padding-top: 3px;
    padding-bottom: 7px;
}

.more-on ul li h3
{
    border-top: none;
    font-weight: normal;
    margin: 0;
}
          /* ----------  more-on-links.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 ----------- */
          /* ---------- 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-narrow.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 ----------- */
          /* ---------- attention-data.css starts here ---------- */
.attention-data #att-panes
{
    clear: right;
}

.attention-data div#att-panes li.first
{
	margin-bottom: 0;
}

.attention-data #att-panes,
.attention-data ol li
{
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #999;
    background-color: white;
}

.attention-data #att-panes p
{
    color: #e7613f;
    margin-top: 7px;
    margin-bottom: 7px;
    padding-left: 5px;
}

.attention-data #att-panes #att-most-commented p 
{
    padding-left: 10px;
}

.attention-data ol
{
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
}

.attention-data #att-most-commented ol
{
    padding-left: 10px;
    padding-right: 10px;
}

.attention-data ol li
{
    padding-top: 5px;
    padding-bottom: 5px;
    border-top-style: dotted;
    padding-left: 20px;
}

.attention-data div.att-toggle-pane ol li span 
{
    display: block;
    float: left;
    margin-left: -20px;
    text-indent: 0;
}

.attention-data ol li.more-most-viewed
{
    padding-left: 0;
    width: auto;
}

.attention-data div#att-latest li
{
    padding-left: 0;
    clear: left;
}

.attention-data div#att-latest li.first
{
    border-top: 0;
}

.attention-data div#att-latest a img
{
    float: left;
    margin-right: 10px;
    margin-bottom: 5px;
}

#promo .attention-data .capsule
{
    border: none;
    background-color: white;
}

.attention-data #most-viewed,
#promo div.att-toggle
{
    margin-bottom: 0;
}

div#promo .attention-data
{
	clear: left;
	border-color: #d3d3d3;
	margin-bottom: 20px;
}

#promo .attention-data .capsule
{
    padding-bottom: 0;
}

/* new grid overrides */
.three-five-four-grid .attention-data
{
    border-top: none;
    padding: 0;
    background-color: #ededed;
}

.three-five-four-grid .attention-data .hd
{
    padding-bottom: 5px;
}

.three-five-four-grid  .attention-data h3
{
    font-weight: normal;
    font-size: 20px;
    margin-bottom: 0;
}

.three-five-four-grid #att-panes
{
    clear: right;
}
          /* ----------  attention-data.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;
}


/* grid specifics */
.three-five-four-grid .jobsbox .hd
{
    padding-bottom: 0;
    border-top-color: #999;
}

.three-five-four-grid .jobsbox
{
    background-color: #ededed;
}

.three-five-four-grid .jobsbox form
{
    padding-top: 5px;
    padding-bottom: 10px;
}

.three-five-four-grid .jobsbox form input#freetext-searchalljobs
{
    width: 220px;
}
          /* ----------  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
{
    font-weight: bold;
}

.heading-vertical-links ul
{
    margin-bottom: 20px;
}

.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
{
    border-top-style: solid;
}

.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 ----------- */
          /* ---------- ad-links-in-content-area.css starts here ---------- */
/* advertiser links starts */
body #wrapper #box ul#article-toolbox
{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

div#advertiser-container
{
	float: left;
	width: 620px;
	margin-bottom: 10px;
}

div#advertiser-container #google-ads-container
{
	float: none;
}

body.cif #wrapper div#advertiser-container,
body.contributor #wrapper div#advertiser-container
{
	float: right;
	width: 460px;
}

div#advertiser-container p.ads-intro
{
	margin-bottom: 30px;
}

div#advertiser-container .advertiser-links h3
{
	border-top-width: 10px;
	border-top-style: solid;
	font-weight: bold;
	margin-bottom: 16px;
	padding-top: 3px;	
}

ul.results li h4,
div#advertiser-container ul.results li h4 
{
	font-weight: bold;
	font-family:arial,sans-serif;
}

ul.results li,
div#advertiser-container ul.results li 
{
	border-top:1px dotted;
	padding:3px 0pt 12px;
}
/* advertiser links ends */


/* new template specific styles */
.three-five-four-grid .advertiser-links
{
    border-top-width: 3px;
    border-top-style: solid;
    border-top-color: #999;
}
.three-five-four-grid .advertiser-links h3
{
    font-size: 20px;
	margin-bottom: 16px;
	padding-top: 3px;	
}

.three-five-four-grid .advertiser-links h4
{
    font-size: 12px;
}
          /* ----------  ad-links-in-content-area.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
{
    display: none;
    border-top-width: 3px;
    border-top-style: solid;
    border-top-color: #999;
}

.three-five-four-grid .sponsored-features h3
{
    font-size: 20px;
    margin-bottom: 16px;
    padding-top: 3px;
}

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

.three-five-four-grid .sponsored-features li.odd
{
	clear: left;
	margin-right: 20px;
}
          /* ----------  sponsored-features.css ends here ----------- */
          /* ---------- user-comments.css starts here ---------- */
.user-comments li
{
    float: left;
    clear: left;
    width: 100%;
}

.user-comments h3
{
    padding-bottom: 3px;
}

.user-comments .featured-comment
{
    border-top-color: #999;
    border-top-width: 1px;
    border-top-style: dotted;
    margin-top: 20px;
    overflow: hidden;
    padding-top: 5px;
}

.user-comments .featured-comment h3
{
    padding-bottom: 0;
}

.user-comments .featured-comment img
{
    float: left;
    margin-right: 20px;
    margin-top: 5px;
}

.user-comments .featured-comment .trail-text
{
    font-family: georgia, serif;
    font-size: 16px;
    line-height: 1.1;
}
          /* ----------  user-comments.css ends here ----------- */
          /* ---------- row-combiner.css starts here ---------- */
.row-combiner
{
    clear: left;
}

.row-combiner h3
{
    font-family: arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    border-top: 1px solid #333;
    margin-bottom: 10px;
}
          /* ----------  row-combiner.css ends here ----------- */
          /* ---------- weather-header.css starts here ---------- */
div#weather-header p
{
	display: inline;
	float: left;
	margin-right: 3px;
	line-height: 200%;
}

div#weather-header img,
div#weather-header a,
div#weather-header span
{
	float: left;
}

div#weather-header img
{
	vertical-align: top;
	margin-right: 2px;
	margin-left: 4px;
}

div#local-info span,
div#weather-header span
{
	font-weight:bold;
}

div#weather-header span.pipe
{
	color: #bebebe;
	padding-left: 1px;
	padding-right: 1px;
}

div#weather-header
{
	float: right;
	display: inline;
	margin-top: 5px;
}

.temp-high,
.temp-low
{
	color: #fff;
	margin-top: -2px;
	background-position: center center;
	width: 46px;
	text-align: center;
}

.temp-high
{
	background-image: url(images/temp-high-bg-header.gif);
}

.temp-low
{
	background-image: url(images/temp-low-bg-header.gif);
	margin-left: 2px;
}
          /* ----------  weather-header.css ends here ----------- */

/* shopping front components */
          /* ---------- two-tone.css starts here ---------- */
.two-tone ul
{
	clear: both;
	margin-bottom: 20px;
	overflow: hidden;
}

.two-tone li
{
	min-height: 165px;
	padding-bottom: 10px;
}

.two-tone li,
.two-tone ul.alt li.last
{
	background-color: #F1F1F1;
}

.two-tone li.last,
.two-tone ul.alt li
{
	background-color: #FFFF8D;
}

.two-tone a.link-image
{
	display: block;
	float: left;
	margin-left: 10px;
}

.two-tone li h3
{
	padding: 10px;
}

.two-tone li p.trail-text
{
	position: relative;
	left: 10px;
	padding-right: 15px;
}

.two-tone a.comment-count-info
{
	clear: left;
	margin-left: 10px;
}

.two-tone .strap
{
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	margin-bottom: -10px;
}
          /* ----------  two-tone.css ends here ----------- */
          /* ---------- offers-grid.css starts here ---------- */
.offers-grid .offers-grid-item .offer-item-wrapper
{
	border: 1px solid #CCCCCC;
	min-height: 240px;
	margin-bottom: 10px;
	padding: 4px;
}

.offers-grid .offer-item-wrapper .trail-text
{
	margin-top: 7px;
}

.offers-grid .offers-grid-item .grid-offer-image,
.offers-grid .offers-grid-item img
{
	height: 77px;
	width: 128px;
}

.offers-grid ul
{
	clear: left;
	overflow: hidden;
	margin-top: -1px;
}

.offers-grid ul.sublinks
{
	margin-top: 0;
}

.offers-grid .comment-count-info
{
	float: none;
}

.offers-grid .strap
{
	margin-top: 0;
	padding-bottom: 3px;
}
          /* ----------  offers-grid.css ends here ----------- */

/* local blog front components */
          /* ----------  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 .component .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.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 ----------- */
	
          /* ---------- obama-approval.css starts here ---------- */
#promo div.obama-approval
{
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 5px;
}

#promo div.obama-approval div
{
	margin-bottom: 0;
}

#promo div.obama-approval ul.tri li
{
	margin-left: 0;
	width: 300px;
}

#promo div.obama-approval ul.tri li.normal
{
	border-top: none;
}

div#promo div.obama-approval div.rcpwidget-300 img.light-logo
{
    margin-top: 5px;
    margin-left: 10px;
    margin-bottom: 5px;
}

div#promo div.obama-approval div.rcpwidget-300 p.subtitle
{
	font-weight: bold;
	padding-bottom: 5px;
	border-bottom: 1px solid #999;
}

div.rcpwidget-300 table
{
	width: 276px;
	margin-left: 12px;
	background-color: #fff;
	border-left-style: solid;
	border-left-width: 4px;
	border-left-color: #fff;
	border-right-style: solid;
	border-right-width: 4px;
	border-right-color: #fff;
}

div.rcpwidget-300 table td
{
	padding-top: 3px;
	padding-bottom: 3px;
	border-top-style: dotted;
	border-top-width: 1px;
}

div.rcpwidget-300 table td.row3
{
	font-weight: bold;
	text-align: left;
	border-top: none;
}

div#promo div.obama-approval div.rcpwidget-300 p
{
	padding-top: 5px;
	padding-bottom: 9px;
	margin-left: 10px;
	margin-right: 10px;
	display: block;		
}

/* some template differences due to overriding styles */
body.fixtures-and-results div.rcpwidget-300 table
{
    border-color: #fff;
}

body.weather-city div.rcpwidget-300 table
{
    display: table;
    width: 276px;
    float: none;
}
          /* ----------  obama-approval.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.showerstyle
{
	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;

}

#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 ----------- */
          /* ---------- generic-toolbox.css starts here ---------- */
          /* ---------- pop-up.css starts here ---------- */

/* send-to-a-friend */

p.ip_logged {
	color: #666666;
	margin-top: 6px;
	text-align: center;
}

/* Pop up box */
.toolbox-popup
{
	display: none;
	position: relative;
	top: 30px;
	left: 0;
	background-color: #fff;
	z-index: 999;
	/*margin-bottom: 200px;*/ /* Big margin needed to prevent cropping of popups in Safari. SU */
}

.toolbox-popup div.send-inner
{
	z-index: 999;
	position: absolute;
/*	top: 0;
	left: 0;*/
	background: #fff;
	width: 442px;
	border: 9px solid #cdcdcd;
	padding-bottom: 10px;
}

.article-history .toolbox-popup
{
	border-top: 1px solid #ccc;
	display: block;
	top: 0;
	margin: 10px 0 0 0;
	clear: both;
	position: static;

}

.toolbox-popup h3
{
	border: 0;
	float: left;
	width: 200px;
	margin: 5px 0 7px 10px;
	font-family: arial, sans-serif;
	font-weight: bold;
}

.toolbox-popup .share-top
{
	float:left;
	margin-bottom: 10px;
	background: #e5e4e5;
	width: 442px;
}

.toolbox-popup .share-top span
{
	float: right;
	width: 200px;
	margin: 5px 10px 0 0;
	font-size: 1.0em;
	text-align: right;
}

.share-top span
{
	display: none;
}

.toolbox-popup .share-top span a
{
	font-weight: bold;
	color: #333;
}

.toolbox-popup .share-top span a:focus,
.toolbox-popup .share-top span a:hover,
.toolbox-popup .share-top span a:active
{
	background-color: #005689;
	color: white;
}

.toolbox-popup ul li
{
 	list-style-type: none;
}

/* contact us styles */

.toolbox-popup div.col
{
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	width: 201px;
}

.toolbox-popup div.col li
{
	border-top-width: 1px;
	border-top-style: dotted;
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 5px;
}

.toolbox-popup div.col li a,
.toolbox-popup div.col li span
{
	font-weight: normal;
}

.toolbox-popup div.col li ul
{
	padding-left: 0;
}
.toolbox-popup div.col li ul li
{
	border-top: 0;
	padding-bottom: 0;
	padding-top: 0;
	
}
/* end contact us styles */

/* Share styles */
#send-share div.col li ul
{
	padding-left: 0;
}

#send-share .send-inner ul li
{
	float:left;
	width: 206px;
	margin-left: 10px;
}

#send-share ul li
{
	border-top-width: 1px;
	border-top-style: dotted;
	padding-top: 5px;
	margin-bottom: 5px;
}

#send-share ul li a
{
	padding-left: 20px;
}

.toolbox-popup a.delicious
{
	background-image: url(images/icon_delicious.gif);
}

.toolbox-popup a.reddit
{
	background-image: url(images/icon_reddit.gif);
}

.toolbox-popup a.google
{
	background-image: url(images/icon_google.gif);
}

.toolbox-popup a.yahoo
{
	background-image: url(images/icon_yahoo.gif);
}

.toolbox-popup a.facebook
{
	background-image: url(images/icon_facebook.gif);
}

.toolbox-popup a.digg
{
	background-image: url(images/icon_digg.gif);
}

.toolbox-popup a.stumbleupon
{
	background-image: url(images/icon_stumbleupon.gif);
}

.toolbox-popup a.mixx
{
	background-image: url(images/icon_mixx.gif);
}

.toolbox-popup a.twitter
{
	background-image: url(images/icon_twitter.gif);
}

.toolbox-popup a.newsvine
{
	background-image: url(images/icon_newsvine.gif);
}

.toolbox-popup a.livejournal
{
	background-image: url(images/icon_livejournal.gif);
}

.toolbox-popup a.blinklist
{
	background-image: url(images/icon_blinklist.gif);
}

/* end share styles */

/* email styles*/

.toolbox-popup fieldset
{
	padding-bottom: 10px;
	clear: both;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
}

.toolbox-popup fieldset div
{
	float: left;
	width: 190px;
	text-align: right;
	margin-right: 10px;
}

.toolbox-popup label
{
    width: 190px;
}

.toolbox-popup div.inputrow
{
	clear: left;
	margin-left: 200px;
}

.toolbox-popup input[type=text], 
.toolbox-popup textarea
{
	width: 220px;
}

/* end email styles*/

          /* ----------  pop-up.css ends here ----------- */

/* History Link */
#historylink
{
	display: none;
}

ul#article-toolbox li a,
ul#article-toolbox-side li a
{
	cursor: pointer;
}

ul#article-toolbox .trail-icon,
ul#article-toolbox-side .trail-icon
{
	margin-right: 6px;
	vertical-align: middle;
}
	
/* Footer specific */
ul#article-toolbox
{
	border-top-width: 1px;
	border-top-style: dotted;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	clear: both;
	margin-bottom: 30px;
	margin-top: 10px;
	padding-top: 7px;
	padding-bottom: 5px;
	width: 100%;
	position: relative;
}

ul#article-toolbox li
{
	display: inline;
	padding-left: 0;
}

ul#article-toolbox li a
{
	padding-bottom: 3px;
	padding-left: 5px;
}

/* Side specific */

ul#article-toolbox-side
{
	border-top-width: 1px;
	border-top-style: solid;
	background-image:none;
	padding-left: 0;
	padding-bottom: 10px;
	padding-top: 6px;
	margin-bottom: 12px;
	float: left;
	text-align: left;
	width: auto;
}

#article-toolbox-side li
{
	display:  inline;
}

ul#article-toolbox-side li.last
{
	margin-right: 0;
}

ul#article-toolbox-side li a
{
	padding-left: 0;
	text-decoration: none;
}

#article-toolbox-side a.rollover:hover
{
	background: #fff;
}

#article-toolbox-side a.rollover:focus
{
	background: #fff;
	height: auto;
}

ul#article-toolbox-side li a.rollover span,
ul#article-toolbox-side li span
{
	position: absolute;
	left: -29px;
	top: -50px;
	display: none;
	width: 6.2em;
	text-align: center;
	color: #fff;
}

/* Tool tips in sidebar */
ul#article-toolbox-side li span
{
	line-height: 200%
}

/* Height on tool tips on multiple lines */
ul#article-toolbox-side li a.printable span,
ul#article-toolbox-side li a.sendlink span
{
	line-height: 1em;
}

ul#article-toolbox-side li a.rollover
{
	position: relative;
	z-index: 1;
	display: block;
	width: auto;
	float: left;
}

ul#article-toolbox-side li a.rollover:hover span
{
	display: block;
	background-color: #005689;
	background-image: url(images/triangle-rollover.gif);
	background-position: bottom center;
	z-index: 999;
	height: 3em;
	width: 6.2em;
	padding: 3px 0;
}

/* font resizing on side */
ul#article-toolbox-side li.resize
{
	border-top-width: 1px;
	border-top-style: dotted;
	display: block;
	clear: both;
	padding-top: 5px;
	margin-top: 10px;
	width: 140px;
	display: block;
	float: left;
}

ul#article-toolbox-side li.resize img
{
	vertical-align: middle;
	position: relative;
	top: -2px;
}

ul#article-toolbox-side li.resize a
{
	font-size: 1.17em;
}

/* end side specific */

/* audio player toolbox */
#content div#audio-player ul#article-toolbox
{
	background-color: transparent;
	border-top: 1px solid #E2E2E2;
	clear: left;
	float: none;
	margin: 10px 10px 0;
	padding: 3px 0;
	text-align: left;
	width: auto;
}

div#audio-player ul#article-toolbox li,
div#audio-player ul#article-toolbox li p.bullet a
{
	padding-left: 0;
}


li#main-audio #send-share,
li#main-audio #send-email,
li#main-audio #contact
{
	clear: left;
	margin-top: 0;
}

/* Gallery specific */

.gallery .toolbox-pop-up div.send-inner.portrait
{
	top: 0;
	left: 170px;
}

.gallery .toolbox-pop-up div.send-inner.landscape
{
	top: -240px;
	left: 170px;
}

.gallery ul#article-toolbox li.third-party-tool
{
    padding-left: 2px;
}

.gallery ul#article-toolbox li.third-party-tool a
{
    padding-left: 25px;
    padding-bottom: 3px;
   	padding-top: 1px;
   	background-position: 3px 1px;
}

/* end gallery specific */
/* Video specific */

#video-player ul#article-toolbox,
#video-player ul#toolbox-pop-up ul
{
	margin-bottom: 10px;
}

.video li.settings
{
    position: absolute;
    margin-right: 2px;
    right: 0;
}

#settings p
{
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 2px;
    margin-bottom: 9px;
}

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

#settings .cookied span
{
    cursor: pointer;
    color: #005689;
}

#settings .cookied span:hover
{
    text-decoration: underline;
}

/* End video specific */

/* ----- Cartoon specific ----- */

body.cartoon .navigation #article-toolbox-side
{
	float: none;
	margin-bottom: 20px;
}

/* Cartoon full width */
body.cartoon .main-picture #article-toolbox-side
{
	border-top: none;
	float: right;
	padding-bottom: 10px;
}

/* ----- End cartoon specific ----- */

/* poll specific */

body.poll div#contact div.first ul,
body.competition div#contact div.first ul
{
    float: left;
}

body.competition div#contact ul.trail li.first
{
    width: 201px;
}

body.competition div#related div.toolbox-popup h3,
body.poll div#related div.toolbox-popup h3,
body.quiz div#related div.toolbox-popup h3
{
    border-top: none;
}

/* end poll specific */

/* interactive specific */
body#interactive-front ul#article-toolbox-side
{
    width: 140px;
}

body#interactive-front #contact .sponsored-features li.first
{
    width: 202px;
    border-top-style: dotted;
    border-top-width: 1px;
    overflow: visible;
}

body#interactive-front #contact div.first ul
{
    clear: left;
}
/* end interactive specific */
          /* ----------  generic-toolbox.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,
#most .meta p.technorati
{
	border-top-width: 1px;
	border-top-style: dotted;
	padding-top: 5px;
	float: left;
	width: 40%;
}

#most .meta p.technorati
{
	width: 60%;
}

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 ----------- */
          /* ---------- networkfront-additionals.css starts here ---------- */

/* Font sizing-----------------------------------------------------------------------------*/

/*header base = 12px */

#header 
{
	font-size: 1em;	
}

#header #zones-nav
{
    font-size: 1.333em;
}

/*1     */
#web-search #radio-buttons label,
ul#reader-offers ul.sublinks li
{
	font-size: 0.92em;
}

/*14px*/
body.network #box #content div.news div.first-trail,
body.network #box #content div.more-news li.vertical,
body.network #box #content div.more-news li,
body.front-light #box ul.more-news li.vertical,
body.network #box #content div.news li.first ul li:first-child div.trailtext
{
	font-size: 1.167em;
	line-height: 1.145;
}

body.network #box #content div.news li.first ul li:first-child div.trailtext a.comment-count-info
{
	font-size: 0.86em;
}

/*why can't i make this 18/20? */

body.network #content h2,
body.network #content h3
{
	font-size: 1.5em;
	line-height: 1.15;
}

/*make the headings 16 / 18 */
body.network #content ul.default-trailblock  h2, 
body.network #content div.jobsbox h2,
body.network #content div.tabs-container h2,
body.network #content div#our-blogs p.subhead
{
	font-size: 1.333em;	
}

body.network #box #content div.more-news li.vertical,
body.network #content div#our-blogs p.subhead,
body.front-light #box div.more-news li.vertical
{
	font-family: Georgia, serif;
}

/* Network front header styling 

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

#header 
{
	border: 0;
	padding-top: 8px;
}

#section-selector 
{
	float: right;
	margin: 0;
	padding: 0;
}

#masthead div#logo
{
	margin: 0;
	padding: 0;
	line-height: 0;
}

/* date, last updated and nano weather*/

div#local-info 
{
	border-bottom: 1px solid;
	float: left;
	clear: both;
	width: 940px;
	height: 2.165em;
}

div#local-info p
{
	display: inline;
	float: left;
	margin-top: 5px;
}

/* date, last updated and nano weather*/

#radio-buttons 
{
	left: 65px;
	right: auto;
}

#nav 
{
	clear: both;
	float: left;
	margin: 30px 0 15px 0px;
	width: 800px;
}

#nav a.first
{
	border-bottom: 1px solid
}
 
#nav span 
{
	display: none;
}

#nav a 
{
	display: block;
	padding: 0px 0.3em 0px 0.29em;
}

#nav li
{
	border-right: 1px solid;
	float: left;
}

#nav li.last a 
{
	padding-right: 0.3em;
}

#nav li.first a 
{
	padding-left: 0px;
}

#nav li.last 
{
	border-right: 0;
	padding-right: 0;
	margin-right: 0;
}

p#webfeed 
{
	margin-left: 5px;
	width: 70px;
}

p#webfeed a
{
	background-position: 0 55%;
}

#zones-nav #global-nav
{
	float: left;	
	width: 940px;
	clear: left;
}

#search 
{
	float: right;
	width: 350px;
	margin-top: 2px;
	margin-bottom: 2px;
	padding-top: 0;
}

#box 
{
	border-top: 10px solid
}

/* end */


/* the right column 

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

#main-offers a 
{
	display: inline;
}

#main-offers 
{	
	overflow: hidden;
	width: 140px;
}
	
#main-offers h3, 
#main-offers h2
{
	border-top-width: 10px;
	border-top-style: solid;
	font-weight: bold;
	margin-bottom: 16px;
	padding-top: 3px;

}

#main-offers div.first h3
{
	margin-top: 0;
}

#main-offers li.major-heading h2
{
	margin-bottom: 0px;
}

.front #edited-offers li
{
	margin-bottom: 0;
}

#main-offers img
{
	float: left;
	padding-bottom: 5px;
	margin-right: 10px;
}

#main-offers li.odd, 
#main-offers li 
{
	margin-left: 0;
}

#main-offers .linktext 
{
	border-top-width: 1px;
	border-top-style: dotted;
	clear: left;
	padding-top: 4px;
}

.front div#main-offers div.ed-zone li
{
	padding-bottom: 3px;
}

.network div#main-offers div.ed-zone h2,
.network #wrapper div#main-offers div.ed-zone li.major-heading
{
	padding: 0;
}

/* ads start */

#main-offers ul.results li h4
{
	font-weight: bold;
	font-family: arial, sans-serif;

}

#main-offers ul.results li 
{
	border-top-width: 1px;
	border-top-style: dotted;
	padding: 3px 0 12px 0;
}

/* ads end */

#main-offers .first
{
	padding-bottom: 6px;
}

div#sponsored-features 
{
	float: none;
	margin-bottom: 0;
}

div.ventures-slot-machine p,
#main-offers .ventures-slot-machine .trailtext
{
	padding-bottom: 10px;
}

#main-offers .ventures-slot-machine p 
{
	border-top-width: 1px;
	border-top-style: dotted;
	padding-top: 3px;
}

#main-offers .first h3 
{
	margin-bottom: 3px;
}

/* right column ends */

/* footer offer section begins 

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

div.also-offers h3,
h3#offers-heading
{
	font-size: 1.3em; 
}

div.trailblock.offerblock
{
	overflow:hidden;
	margin-bottom: 25px;
	background-color: white;
	float: none
}

.also-offers
{
	margin-bottom: 34px;
}

.also-offers,
div.trailblock.offerblock,
#offers,
#header-functions,
#footer
{
	clear: both
}

div.offerblock
{
    width: 100%
}

#reader-offers li 
{
	margin-left: 20px;
	width: 140px;
    margin-bottom: 20px
}

#reader-offers li.first 
{
	margin-left: 0;
}

#reader-offers li.first .strap a
{
	font-weight: bold;
    display: inline;
}

#reader-offers li.image 
{
	position: relative;
	width: 140px;
	height: 10px;
}

#reader-offers li.image a img#breakout 
{
	position: absolute;
	top: -70px;
	left: 0;	
}

#reader-offers li.first p.strap 
{
	border-bottom: 0;
	border-top-width: 1px;
	border-top-style: dotted;
	padding: 3px 0 0 0;
	margin: 0;
}

ul#offers
{
	clear: left;
	margin: 0 0 20px 0;

}

ul#offers li.col 
{
	border: none;
	float: left;
	margin: 0;
	padding: 0;
	width: 460px;
}

ul#offers li.col ul 
{
	margin-left: 160px;
}

ul#offers li 
{
	border-top-width: 1px;
	border-top-style: dotted;
	float: none;
	padding: 3px 0 11px 0;
	width: 298px;
}

ul#offers li.first 
{
	padding-right: 20px;
}

ul#offers img 
{
	float: left;
	padding-right: 20px;
}

ul#offers li p 
{
	float: left;
	font-weight: bold;
	padding-right: 5px;
}

/* end */

#freetext
{
	width: 100px
}

body.network #content
{
	width: 620px;
	margin-right: 20px;
	margin-top: 0px;
	padding-top: 0px;
}

#content div#main-trailblock li,
#content div#main-trailblock div
{
	float: none;
	margin-left: 0
}

#content ul li .trailtext
{
	margin-top: 7px;
}

body.network div.news
{
	overflow: hidden;
}

#content div#main-trailblock .col
{
	width: 300px;
	float: right;
	margin-bottom: 0
}

#content div#main-trailblock .col li
{
	margin-bottom: 16px;
}

#content div#main-trailblock .col li ul.sublinks,
#content div#main-trailblock .col li ul.sublinks li
{
	margin-bottom: 0;
	padding-bottom: 0;
}

div#main-trailblock div.trailblock h2 
{
	font-weight: bold;
}

ul.more-news
{
	width: 300px;
}

#content div#main-trailblock .first,
div.more-news ul.first,
li.col
{
	float: left
}

div.more-news
{
	border-top: 25px solid white;
	width: 620px;
}

/* more news in highlights column for light template */
#highlights ul.more-news
{
	width: auto;
}

#highlights div.more-news ul.first,
#highlights div.more-news ul.col
{
	float: none
}

#highlights div.more-news ul
{
    margin-bottom: 20px
}

#highlights div.more-news
{
	border-top:none;
	width: auto;
}
/* more news in highlights column ends */

.network #content h2
{
	margin-bottom: 0;
}

div.zones 
{
	border-top: 35px solid white;
	overflow: hidden;
}

#content div.more-news ul.more-news
{
	float: right;
	clear: right;
}

#content div.more-news ul.more-news.first
{
	float: left;
	clear: left;
}

div.more-news
{
	clear: both
}

div.more-news.narrow
{
	clear: left
}

div.commercial
{
	width: 140px;
	float: left;
}

.front .sponsored-features ul li,
#main-offers .ventures-slot-machine a.ventures
{
	width: 140px;
}

#main-offers .ventures-slot-machine a.ventures
{
	float: left;
}

body.front div.commercial
{
	float: right;
	clear: none
}

body.front div#main-offers div.commercial,
body.front div#main-offers div.commercial a
{
	position: relative;
}

#main-offers .sponsored-features .linktext,
#main-offers .ventures-slot-machine .linktext,
#main-offers .ventures-slot-machine .trailtext p
{
	border-top: 0;
}

#main-offers .sponsored-features .trailtext
{
	margin-bottom: 20px;
}

#main-offers .ventures-slot-machine .trailtext p
{
	padding-top: 0;
}

/* Commercial footer

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

body.front div.also-offers 
{	
	padding-top: 10px;
	float: none;
	width: auto;
}

div#also-on {
	width: 940px;
	border-top: 35px solid #fff;
    overflow: visible;
    border-bottom: 1px solid white
}

div.trailtext img
{
	float: left; 
	margin-right: 10px
}

.zones div.trailtext img
{
	margin-top: 2px;	
}

.zones div.trailtext div.rating-container img
{
	margin-top: 0;
}

#content div.more-news ul.more-news li.more-news-subhead
{
	margin-bottom: 10px;
}

body.network #box #content div.news h1
{
	font-size: 2em;
	font-weight: normal;
	line-height: 1.2;
	padding-top: 0;
}

body.network #box #content div.news div.first-trail
{
	margin-bottom: 2px;
}

body.network #box #content div.news li.last
{
	margin-bottom: 0;
}

body.network #box #content div.news h1,
body.network #box #content div.news h2,
body.network #box #content div.zones li h3,
body.network #box #content div.more-news li h3
{
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999;
	margin-bottom: 0;
}

body.network #box #content div.zones li h3.hasVideo,
body.network #box #content div.zones li div.media-above h3,
body.network #box #content div.news li div.media-above h2
{
	border-top: none;
}

body.network #box #content div.zones li h2
{
	margin-bottom: 0;
	margin-top: 15px;
}

body.network #box #content div.zones li.first-zone h2
{
	margin-top: 0;	
}

body.network #box #content div.more-news li h3,
body.network #box ul.more-news li h3
{
	border-top-width: 1px;
	border-top-style: solid;
	font-size: 0.86em;
	font-family: arial, sans-serif;
	font-weight: bold;
	padding-top: 4px;
}

body.front-light #box ul.more-news li h3
{
	font-size: 1em;
}

body.network #box #content div.more-news li.vertical,
body.front-light #box ul.more-news li.vertical
{
	border-top-width: 1px;
	border-top-style: dotted;
	background-image: none;
	text-indent: 0;
	padding-top: 2px;
	margin-bottom: 6px;
	margin-top: 0;
	float: none;
	width: auto
}

body.wide #content div.more-news ul li,
body.network #highlights div.more-news ul li h3,
div#highlights ul#interactive
{
	margin-bottom: 10px;
}

body.network #box #content div.news li.image h1,
body.network #box #content div.news li.image h2,
body.network #box #content div.news li.image h3,
body.network #box #content div.zones li.wide h3
{
	border-top: none;
}

body.network #box #content div.zones li h3
{
	font-family: georgia, serif;
}

#content ul
{
	margin-bottom: 0
}

.network #content ul li ul
{
	padding-bottom: 0;
}

.trailblock li li
{
	margin-bottom: 0
}

ul#reader-offers ul.sublinks 
{
	border-top-width: 1px;
	border-top-style: dotted;
	margin-top: 5px;
	padding-top: 3px;
}

ul#reader-offers ul.sublinks li
{
	margin-left: 0;
	padding-left: 0;
}

ul#reader-offers li.first ul.sublinks li
{
	margin-left: 0;
	padding-left: 0;
}

#editor-zone-3 
{
	clear: both;
}

/*
Blogging section (also see js-on.css)
------------------------------------------------------------------------------*/

#our-blogs
{
	margin-bottom: 19px;
}

#our-blogs .tab-toggle-pane
{
	margin-top: 0;
}

#our-blogs p
{
	padding-bottom: 12px;
}

#box #content #our-blogs div li
{
	margin-bottom: 2px;
}

#box #content #our-blogs div li.entry
{
	margin-bottom: 10px;
}

div#our-blogs b
{
	font-weight: normal;
}

#box #content #our-blogs li h3
{
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom: 1px dotted;
	font-size: 1.1em;
	font-family: arial, sans-serif;
	padding: 3px 0;
}

#our-blogs div.our-blogs-pane h4 
{
	font-size: 1.166em;
}

div#wrapper div#content div#our-blogs div ul li.first
{
	float: none;
	width: auto;
}

#content div#our-blogs ul li.first h3
{
	border-top-width: 1px;
	border-top-style: solid;
}

#our-blogs p.more-on
{
	border-top-width: 1px;
	border-top-style: dotted;
}

#our-blogs p.subhead
{
	margin-bottom: 12px;
}

body.network div#content #most h2
{
	margin-bottom: 20px;
}

/*
Jobs box section
------------------------------------------------------------------------------*/

div#content div.zones div.jobsbox h2,
body.network #box #content div.zones div.jobsbox h2
{
	margin-top: 31px;
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #266F9B;
}

div.jobsbox h2 img
{
	padding-top: 2px;
}

div.jobs h3 img
{
	padding-top: 2px;
	margin-bottom: 10px;
}

div.jobs form
{
	margin-bottom: 2px;
}

div.jobs form label#jobs-search-label
{
    position: absolute;
    left: -999em;
}

div.jobsbox,
div.jobsbox h4
{
	font-family: arial, serif;
}

div#jobs-box-text ul
{
	margin-top: 7px;
}

div#jobs-box-text ul li a
{
	display: block;
}

.jobs li
{
	padding-top: 4px;
	margin-bottom: 5px;	
}

div.jobsbox form
{
	padding-top: 2px;
	margin-bottom: 15px;
}

div.jobsbox p.find-a-job
{
	margin-bottom: 14px;
}

.jobs li,
#main-offers .ventures-slot-machine a.ventures
{
	border-top-width: 1px;
	border-top-style: dotted;
}

.ventures-slot-machine a.ventures
{
	padding-top: 3px;
}

div.commercial .capsule 
{
	clear: both;
	width: 140px;
}

div.commercial .first .capsule
{
	margin-top: 0px;
}

div#wrapper div.commercial div#main-offers div.ed-zone h2
{
	padding-top: 3px;
}


/*
Ads
------------------------------------------------------------------------------*/

#mpu2,
#mpu1 iframe
{
	margin-bottom: 7px;
}

/*
Smaller featured picture size
------------------------------------------------------------------------------*/

p.featured-image
{
    float: right;
    width: 300px;
    border-left: 11px solid white;
}

li.main-story div.trailtext
{
    border-top: 1px dotted
}
li.main-story div.first-trail
{
	border-top: none;
}

body.network #wrapper #box #content ul li.main-story .first-trail
{
	margin-bottom: 3px;
	line-height: 1.200;
	
}

#content li.main-story
{
    background-color: white;
}

li.main-story h1,
li.main-story div.trailtext,
li.main-story ul.sublinks
{
    width: 300px;
}


li.main-story strong,
li.main-story b 
{
    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;
}

li.main-story ul.sublinks strong,
li.main-story ul.sublinks b
{
    display: inline;
    border-bottom: none;
    font-size: 1em;
    font-weight: bold;
    font-family: arial, sans-serif;
	line-height: auto;
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}

body.network #box #content div.news .main-story h1
{
	font-size: 3em;
	line-height: 1.075;
}

ul.wide-grid-trail
{
	background-color: white
}

ul.wide-grid-trail li
{
	width: 300px;
}

ul.wide-grid-trail li.last
{
	margin-bottom: 0;
}

#content ul.wide-grid-trail li.main-story
{
	width: auto;
	overflow: visible;
}

div#local-info a#accolade
{
	color: #d61d00;
	font-weight: normal;
}

div#google-ads-container ul.results li p a
{
	font-size: 0.835em;
}
          /* ----------  networkfront-additionals.css ends here ----------- */
          /* ---------- observer-front.css starts here ---------- */
/* Observer rules */

body.observer #heading
{
	border-bottom: 10px solid;
}

div#page-header h1 
{
	font-size: 1.34em;
	font-weight: bold;
	padding-bottom: 16px;
	line-height: 1.224em;
	background-color: #fff;
}

body.observer div#wrapper div#box div#content div#main-trailblock li.main-story h1
{
	font-size: 2em;
}

body.observer div#header ul.links
{
	clear: left;
	width: 180px;
}

#wrapper 
{
	background-image: url(images/observer_body_bg.gif);
	background-position: 0 0;
	background-repeat: repeat-y;
	padding-top: 0;
}
	
body.observer #wrapper #box
{
	border: 0;
	width: 640px;
}

body.observer #content
{
	margin-right: 0;
}

body.observer ul.wide-grid-trail 
{
	background-color: transparent;
}

body.observer #content ul.wide-grid-trail li.main-story
{
	background-color: transparent;
}

body.observer ul.wide-grid-trail p.featured-image
{
	border-width: 10px;
}

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

div#main-trailblock h2.first-in-trailblock,
div#main-trailblock h3.first-in-trailblock
{
	font-size:2em;
	line-height:1.2em;
	font-family: georgia, serif;
}

body.observer #promo
{
	float: none;
	overflow: hidden;
}

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

body.observer div.ed-zone
{
	float: left;
	width: 140px;
}

body.observer div.observer-info
{
	float: right;
}

body.observer ul#observer-info
{
	clear: left;
}

body.observer ul.jobs li,
body.observer #wrapper #section-contents ul.tri li.major-heading
{
	border-top: none;
}

body.observer #promo
{
	margin-bottom: 0;
	border-bottom: 28px solid #fff;
	border-top: 20px solid #fff;
}

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

body.observer div#news-direct a
{
	display: inline;
	font-weight: bold;
}

body.observer #mpu1 iframe,
body.observer #mpu1 img,
body.observer #mpu1 object,
body.observer #mpu1 embed
{
	margin-bottom: 10px;
}

body.observer #mpu1 img.ad-placeholder
{
	margin-bottom: 0;
}

body.observer #mpu1
{
	background-color: #fff;
	font-size: 0;
}

body.observer ul.links
{
	margin-bottom: 5px;
}

body.observer ul#america-info
{
	clear: left;
}

/* colours for Guardian America front */

body.observer #heading,
body.observer #footer
{
	border-color: #CE2E20;
}

body.observer #promo h3,
body.observer #promo div.capsule,
body.observer div#section-contents h2
{
	border-color: #CE2E20;
}

body.observer a
{
	color: #005689;
}

body.observer a:focus,
body.observer a:active
{
	color: #fff;
}

body.observer #promo a
{
	color: #005689;
}

body.observer #main-offers
{
	overflow: visible;
	float: left;
}

/* Commercial components */
body.observer #promo
{
	background-image: url(images/two-line-promo-bg.gif);
	background-repeat: repeat-y;
	background-position: top left;
}

body.observer #wrapper #section-contents div#sponsored-features
{
	clear: right;
}

body.observer #wrapper #section-contents div#sponsored-features ul.tri li
{
	border-top: none;
}

body.observer #wrapper #section-contents div#sponsored-features h3
{
	border-top:10px solid;
	font-weight:bold;
	margin-bottom:16px;
	padding-top:3px;
	font-family: Georgia, serif;
	font-size: 1.166em;
}

body.observer #wrapper #section-contents div#sponsored-features .trailtext
{
	margin-bottom: 20px;	
}

body.observer #wrapper div#promo div#offers
{
	width: 300px;
	float: left;
	clear: none;
	padding-top: 0;
}

body.observer #wrapper div#promo div#offers ul.col
{
	width: 140px;
	margin-left: 0;
}

body.observer #wrapper div#promo div#offers ul.first
{
	margin-right: 20px;
}

body.observer #wrapper div#promo div#offers ul li
{
	border-top:1px dotted;
	padding-bottom:10px;
	padding-top:3px;
}

body.observer #wrapper div#promo div#offers ul li.thumb
{
	border-top: none;
	padding-top: 0;
}

body.observer #wrapper div#promo div#offers ul li a
{
	display:inline;
}

body.observer #wrapper div#promo div.jobsbox,
body.observer #wrapper div#promo div.offerblock
{
	margin-right: 20px;
}

body.observer form#search
{
	width: 360px;
}
          /* ----------  observer-front.css ends here ----------- */