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

	@import "base.css";
          /* ---------- icons.css starts here ---------- */
@media all {


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

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

li.font-size a
{
	background-image: url(images/type.gif)
}

#relatedlinks h2.related-information
{
	background-image: url(images/icon_topics.gif);  
}

#gallery-series-navigation h3
{
	background-image: url(images/icon_textdoc.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 #fact-box
{
	background-image: url(images/icon_textdoc.gif);
}

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


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


#wrapper #box #content .sublinks .audio,
#wrapper #box #content #main-trailblock .sublinks .audio,
#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 #article-trailblock h2.localvideo,
#related div.more-videos h2
{
	background-image: url(images/icon_video.gif);
}

li#larger, a#larger
{
	padding: 0 5px 3px 30px;
	background-position: 12px 0;
	background-image: url(images/icon_textsize.gif);
}

ul.user-details
{
	padding: 2px 5px 3px 16px;
	background-image: url(images/icon_userinfo.gif);
}

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

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

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

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

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

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

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

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

#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: 76px 0;
	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
}

#content ul.sublinks li.bullet,
#content ul.sublinks li.trailtext,
#content li.vertical,
#related ul.sublinks li.bullet
{
	background-image: url(images/icon_bullet.gif);
	background-position: 0px 1px;
	text-indent: 17px;
}


body.network #content ul.sublinks li,
body.vss #content ul.sublinks li
{
	background-image: none;
	text-indent: 0px;
	background-position: 0px 0px;
}



/*
Bullet images and icons

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

body.network #content ul.sublinks li.localvideo,
body.vss #content ul.sublinks li.bullet,
body.vss #content ul.sublinks li.localvideo
{
	background-image: url(images/icon_video.gif);
}

body.network #content ul.sublinks li.bullet,
body.vss #content ul.sublinks li.bullet,
li.bullet
{
	background-image: url(images/icon_bullet.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;
}

}
          /* ----------  icons.css ends here ----------- */
          /* ----------  screen.css ends here ----------- */
          /* ---------- article-cif.css starts here ---------- */
          /* ---------- tri-trailblock.css starts here ---------- */
/*
alternative tri trailblock layout

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

ul.alternative
{ 
	overflow: hidden; 
}

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

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

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

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

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

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

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


/* end alternative trailblock layout */


/*
full-width tri trailblock layout

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

ul.tri
{ 
	overflow: hidden;
}

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

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

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

ul.tri li
{
	width: 140px;
}


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

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


/* end tri trailblock layout */


ol.odd
{
    margin-right: 20px
}

#content div.commercial-trail li .link-text
{
	font-family: georgia, serif;
	font-size: 1.333em;
	line-height: 1.14285;
}

div.text
{
	border-top: 1px dotted;
	padding-top: 3px;
	margin-bottom: 25px;
	font-size: 0.9166666667em;
}
          /* ----------  tri-trailblock.css ends here ----------- */
          /* ---------- article-page-cif.css starts here ---------- */
/* CSS for pages with body class article */

#header
{
	margin-bottom: 15px;
}

body.article h2.related-information,
body.article h2.strap,
body.article body.article-trailblock h2
{
	font-family: arial, sans-serif;
	font-weight: bold;
}

#article-header h2#strap
{
	border-bottom-style: solid;
}


body.article #article-header h2#strap.series-strap
{
	border-bottom-style: dotted;
	border-color: #999;
}

body.article #article-header h2#strap
{
	font-family: georgia, serif;
	font-size: 1.166em;
	font-weight: bold;
	color:#333;
	margin-top:-3px;
}

body.article #content h3,
body.article #box #content h2
{
	font-family: arial, sans-serif;
}

body.article #content
{
	line-height: 1.44;/* 17px at default font size */
}

body.article #wrapper #related-info h2
{
	line-height: 1.224;/* 19px at default font size */
}

body.article h2,
body.article h5,
body.article h6
{
	font-size: 1em; /* 12px */
}

body.article #content p
{
	margin-bottom: 10px;
	position: relative
}

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

#stand-first
{
	padding-bottom: 15px
}

#article-header
{	
	padding-left: 160px;
}

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

body.article #content
{
	width: 460px;
	margin-left: 160px;/*see ie.css double margin bug*/
	margin-bottom: 20px;
}

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

a.open span.remaining
{
	display: none
}

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

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

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

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

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

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

div#wrapper div#box div#content ul.article-attributes li.byline
{
	display: block;
	margin-bottom: 0;
	font-weight: bold;
}

#content ul.article-attributes li
{
	display: inline;
	font-weight: normal;
}

.more-in-series-navigation,
.series-navigation
{
	overflow: hidden;
}

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

.more-in-series-navigation h4
{
	float: left;
	width: 35%;
	color:#333;
}

.series-navigation
{
	padding-bottom: 6px;
	margin-bottom: 5px;
	border-bottom-style:solid;
}
.series-navigation h4
{
	display: inline;
	float: left;
}
div.sponsored-features li.normal
{
	border-top: 1px dotted;
	margin-left: 0;
	padding-top: 3px;
	width: 280px;
}

div#contact div.sponsored-features li.normal
{
	width: auto;
}

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

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

#content span.pullout
{
	display: block;
	position: absolute;
	left: -160px;
	top: 0;
}


#content span.inline
{
	display: block;
	float: left;
	margin: 0 20px 10px 0;
}

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


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

#content span.caption
{
	padding: 4px 0;
}


#box ul.pagination li.first,
#box ul.pagination li.last
{
	width: 140px
}

#box ul.pagination
{
	text-align: right 
}

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

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

/* packages */

ul.package li
{
	border-top: 1px dotted;
	padding-top: 5px;
	padding-bottom: 5px;
}

ul.package li.package-headline
{
	border-top: none;
	padding-top: 0;
}

li.package-headline h4
{
	border-top: 1px solid;
	font-size: 1.17em;
	padding-bottom: 5px;
}

div#related ul.package p
{
	margin-left: 0;
	padding-left: 0;
}

/* packages end */
          /* ----------  article-page-cif.css ends here ----------- */
          /* ---------- related-info.css starts here ---------- */
#related
{
	float: left;
	margin-left: -620px;
	width: 140px;
}

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

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

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

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

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

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

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

body.article #related h2,
body.article #related ul,
body.article #related p.jump-related,
body.article #related p
{
	padding-left: 25px;
}

body.article #related h3
{
	margin-left: 25px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

body.article #related h3,
#onsite #related-keywords h3
{
	border-top-style: dotted;
}

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

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

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

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

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

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

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

ul.gallerylist li
{
	overflow: hidden;	
}

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

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

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

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

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

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

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

#related-info #keyword-internal-links p,
#related-info #keyword-external-links p
{
	font-weight: bold;
}
          /* ----------  related-info.css ends here ----------- */
          /* ---------- content-type-trailblock.css starts here ---------- */
/* Trail block and Packages */


div#article-vertical div.article-trailblock
{
	margin-bottom: 40px;
	padding-bottom: 12px;
	padding-left: 5px;
	padding-right: 5px;
}

div#article-vertical div#related-content-vertical div.last
{
	padding-bottom: 20px;
}

body.article div#article-vertical h2
{
	border-top: 1px solid;
	font-size: 1em;
	font-family: arial, sans-serif;
	font-weight: bold;
	margin-left: 0;
	padding-left: 0;
	padding-top: 3px;
	padding-bottom: 9px;
}

body.article div#article-vertical h2
{
	border-top: none;
}


body.article div#article-vertical h2.strap,
body.article div#article-vertical h2.major-heading
{
	padding-bottom: 0;
}


div.article-trailblock img
{
	position:relative; 
	left: -5px;
}


div.article-trailblock img.trail-icon
{
	left: 0px;
}

div.article-trailblock li
{
	border-top: 1px dotted;
	margin-top: 6px;
	padding-top: 3px;
}

div.article-trailblock li.first
{
	margin-top: 3px;
}

div.article-trailblock li.picture-in-trail
{
	padding-top: 0;
}

#section-contents div.article-trailblock li.first,
div.article-trailblock li.first,
#section-contents  div.article-trailblock li.picture-in-trail,
div.article-trailblock li.picture-in-trail,
#section-contents div.article-trailblock li.package-headline,
div.article-trailblock li.package-headline,
ul.package li.package-headline
{
	border-top: none;
}


ul.package
{
	border-bottom: 10px solid;
	margin-bottom: 20px;
}

ul.package li
{
	border-top: 1px dotted;
	padding-top: 5px;
	padding-bottom: 5px;
}

li.package-headline h4
{
	font-family: arial, serif;
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 5px;
}

div#related ul.package p
{
	margin-left: 0;
	padding-left: 0;
}

/* Trail block and Packages end */


          /* ----------  content-type-trailblock.css ends here ----------- */
          /* ----------  article-cif.css ends here ----------- */
          /* ---------- commentisfree.css starts here ---------- */
/*
Abandon hope all those who enter here. This is a nasty and dirty bit
of css. We MUST fix this when we do cif properly

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

#header
{
	border-bottom: none;
}

body.article #article-header
{
	padding-bottom: auto;
}

#comments 
{
	border-top: none;
}

#comments p,
#comments span.byline,
#comments span.dateline
{
	font-size: 1em;
}

#comments span.byline
{
	font-weight: bold;
}
#comments br
{
	line-height: 0;
	display: none;
}

div.commentsright
{
	background-repeat: no-repeat;
	float: right;
	margin-bottom: 5px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 5px;
	padding-bottom: 20px;
	width: 460px;
}

div.commentsleft
{
	float: left;
	padding-top: 5px;
	width: 140px;
}


div.individualcomment
{
	border-top: 1px dotted #999;
	margin-top:20px;
	overflow: hidden;
	width: 620px;
}

div#technoratibestoftheweb
{
	border-top: 10px solid #ccc;
	overflow: hidden;
	width: 300px;
	background-color: #f3f3f3;
}

#promo div#technoratibestoftheweb ol li
{
	border-top: 1px dotted #999;
	margin-bottom: 10px;
	padding-top: 3px;
}

#promo div#technoratibestoftheweb ol li a
{
	display: block;
}

div.yellowcolumnwidgettwocolumnlistingleft img
{
	position: relative;
	top: 1px;
	margin-right: 3px;
}

#promo div#technoratibestoftheweb ol li br
{
	display: none;
}



div.yellowcolumnwidgettwocolumnlistingleft,
div.yellowcolumnwidgettwocolumnlistingright
{
	width: 130px;
	float: left;
}

div.yellowcolumnwidgettwocolumnlistingleft
{
	margin: 0 20px 0 10px;
}

#promo div.yellowcolumnwidgettwocolumnlistingright h2,
#promo div.yellowcolumnwidgettwocolumnlistingleft h2
{
	border-top: none;
	margin-top:0;
	margin-bottom: 14px;
	font-size: 1.166666666667em;
	font-weight: bold;
	padding-top: 2px;
}

body.article #wrapper #related #mt-populated h2,
body.article #wrapper #related #mt-populated h3,
body.article #wrapper #related #mt-populated ul,
body.article #wrapper #related #mt-populated ul li
{
	margin-left: 0;
	padding-left: 0;
	font-family: arial, sans-serif;
	margin-bottom: 2px;
	font-weight: normal;
}

#wrapper #related h2.related-information
{
	margin-top: 20px;
}

#wrapper #related div.article-trailblock h2.strap,
#wrapper #related div.article-trailblock h2.major-heading
{
	border-top: none;
	font-family: Arial, Helvetica, sans-serif;
}

body.article #wrapper #related h2
{
	font-weight: bold
}

#related #mt-populated
{
font-size: 0.8571em;
}

#wrapper #header #nav ul
{
	background-color: #d5d5d5;
	overflow: hidden;
	width: 940px;
	padding-top: 0;
}

#wrapper #header #nav ul
{
	background-color: #d5d5d5;
	overflow: hidden;
	width: 940px;
	padding-top: 0;
}

body #wrapper #header #nav ul a
{
	display: block;
	width: auto;
	padding: 6px 6px;
	float: left;
	color: #333;
	font-family: verdana, sans-serif;
	font-size: 0.78em;
}

body #wrapper #header #nav ul li
{
	width: auto;
	float: left;
	border-left: none
}



body #wrapper #header #nav ul a:hover
{
	background-color: #cc2800;
	color: white;
	text-decoration: none;
}

body.article div#wrapper div#header h2#logo
{
	margin-bottom: 10px!important;
}

.commentheader
{
	display: none;
}

body.article #wrapper #footer
{
	border-top: 10px solid #fff;
	
}

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

/* Packages */
div#related-content-vertical div.related-item
{
	padding-bottom: 40px;
}

div.article-trailblock
{
	margin-bottom: 40px;
	background-color: #ededed;
	padding-bottom: 12px;
	padding-left: 5px;
	padding-right: 5px;
}

#topslot 
{
	border-bottom: none;
	clear: right;
	float: right;
	line-height: 0;
	min-height: 0;
	padding-bottom: 10px;
	text-align: right;
	width: 750px;
}

h2#logo
{
	padding-top: 36px;
	float: left;
	width: 400px;
	clear: left;
}

#wrapper #header #nav ul
{
	clear: both;
}

body.article div#wrapper div#header h2#logo 
{
	margin-bottom: 0!important;
}
          /* ----------  commentisfree.css ends here ----------- */