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

@import url("Mbase.css");
          /* ---------- rules.css starts here ---------- */
         
          /* ---------- internal-external-links.css starts here ---------- */
/*Start internal and external links */

#promo #blog-related-links
{
	margin-bottom: 20px;
}

div#promo #blog-related-links div
{
	margin-bottom: 0;
}

#promo #blog-related-links div.capsule,
#promo #blog-related-links
{
	background-color: #CCCC99;
	border-top: none;
	padding: 0;
}

#promo #blog-related-links div.capsule
{
	float: left;
}

#promo #blog-related-links div.capsule,
#promo #blog-related-links div.trail-caption
{
	width: 140px;
}

#promo #blog-related-links div.external-links
{
	float: right;
	padding-left: 0;
	padding-right: 0;
	
}

#wrapper #blog-related-links ul li.major-heading
{
	padding-bottom: 0;
}

#wrapper #blog-related-links ul li
{
	margin-left: 0;	
	border-top-width: 1px;
	border-top-style: dotted;
	padding-top:2px;
	padding-bottom: 6px;
}

#wrapper #blog-related-links ul li.major-heading
{
	border-top: none;
}


          /* ----------  internal-external-links.css ends here ----------- */
          
         
          
          /* ---------- most-viewed.css starts here ---------- */
div#wrapper div#promo div#most-viewed div.tabs-container ul.tab-toggle,
div#wrapper div#promo div#most-commented div.tabs-container ul.tab-toggle
{
	margin-right: 3px;
}

#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.tabs-container div.tab-toggle-pane ol li
{
	padding-top: 3px;
	padding-bottom: 8px;
} 

div#wrapper #most-viewed div.tabs-container 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;
}
          /* ----------  most-viewed.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(../../../Documents/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: #CCCC99;
    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: #CCCC99;
    color: #fff;
}


          /* ----------  tag-badging.css ends here ----------- */
          /* ----------  rules.css ends here ----------- */
          /* ---------- icons.css starts here ---------- */

@media all {



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


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


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


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


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


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



#top-table form
{
	background-image: url(../../../Documents/images/knife-fork60.gif);
	background-position: 100% 5px;
}


}



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

          /* ---------- generic-toolbox.css starts here ---------- */

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

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

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



/* 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: center;
	position: relative;
	top: -2px;
}

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

/* end side 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 ----------- */
          /* ---------- generic-tabs.css starts here ---------- */
div.tabs-container ul.tab-toggle,
#wrapper div#promo ul.tab-toggle,
#wrapper div#section-contents ul.tab-toggle,
#wrapper ul.tab-toggle
{
	margin-right: 10px;
}

div.tabs-container .tab-toggle li.hidden
{
	display: none;
}

div.tabs-container .tab-toggle li,
#content .tab-toggle li
{
	margin-bottom: 0;
	margin-right: 3px;
}

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

div.tabs-container div.tab-toggle-pane ol li
{
	padding: 5px 0 5px 20px;
	border-top-width: 1px;
	border-top-style: dotted;
	margin: 0;
	width: 280px;
}

#wrapper #content div.tabs-container div.tab-toggle-pane ol li.first
{
	float: none;
}

}


div#wrapper div.tabs-container div.tab-toggle-pane ol li.first
{
	border-top: 1px solid #999;
}

div.tabs-container div.tab-toggle-pane ol li span
{
	display: block;
	float: left;
	margin-left: -20px;
	text-indent: 0;
}

div.tabs-container div.tab-toggle-pane h3.js-hider
{
	font-size: 1em;
	font-family: arial, sans-serif;
	padding-top: 2px;
	padding-bottom: 5px;
	border-top: 1px solid #333;
}


#global-jobs h3
{
	margin-bottom: 0;
}

#content div#media-toggle 
{
	overflow: hidden;
	padding-top: 20px;
}	

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

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

div#media-toggle div.media-tabs div.most-trail, div#media-toggle div.media-tabs div.first {
	float: left;
	margin-left: 20px;
	width: 140px;
}

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


/* no-js tabs */

body.subject-index #wrapper #box #tab-toggle-nojs,
body.contributor-index #wrapper #box #tab-toggle-nojs
{
	padding-left: 160px;
	text-align: left;
	min-height: 18px;
	position: static;
	line-height: 1.25;
}

body #box #content #tabs
{
	border-bottom: 1px solid #ccc;
}

body #wrapper #box ul#tab-toggle-nojs
{
	display: block;
	position: relative;
	line-height: 0;
	top: -6px;
	text-align: right;
	margin-right: 10px;
	padding-bottom: 0;
}

body #wrapper #box ul#tab-toggle-nojs li
{
	display: inline;
}





body #wrapper #box ul#tab-toggle-nojs a.inactive,
body #wrapper #box ul#tab-toggle-nojs a.inactive b
{
	cursor: pointer;
}


body.article #tabs #tab-toggle-nojs li
{
	font-size: 0.855em;
}

body.match-statistics #tabs #tab-toggle-nojs li
{
	font-size: 1em;
}
          /* ----------  generic-tabs.css ends here ----------- */
          /* ----------  screen.css ends here ----------- */
          /* ---------- boss-tag-page.css starts here ---------- */
/* CSS for pages with boss-tag class */



body.boss-tag #box
{
	width: 940px;
}

body.boss-tag #wrapper #content
{
	margin: 0;
	padding: 0;
	width: 620px;
}

body.boss-tag div#wrapper div#box div#content #article-header
{
	padding-right: 0;
	padding-top: 0;
}

body.boss-tag div#wrapper div#box div#content div#article-header a.feed
{
	width: auto;
	top: 10px;
	right: 0;
	left: auto;
}

body.boss-tag div#wrapper div#box div#related div.col1 ul.child-keyword li p.shower
{
	margin-top: 3px;
}

body.boss-tag ul.tips li.tips-package,
body.boss-tag div#section-pickable-tag-combiner li
{
	border-top-width: 1px;
	border-top-style: dotted;
}

body.boss-tag #wrapper #box #content #related div#section-pickable-tag-combiner li
{
    margin-bottom: 18px;
}

body.boss-tag #box #content #related ul.tips li.tips-package ul.credit
{
	margin-bottom: 0;
}

body.keyword-page #wrapper #promo #mpu1
{
	margin-top: 10px;
}

body.boss-tag #wrapper #box #promo #mpu1
{
	margin-top: 0;
}

body.boss-tag div#flash-player
{
	margin-top: 8px;
}

body.boss-tag #also-on
{
	border-top-width: 35px;
	border-top-style: solid;
}

body.boss-tag #wrapper #box #content #related
{
	clear: left;
	float: left;
	width: 300px;
	margin: 0;
}

body.boss-tag .col1
{
	width:300px;
	float:left;
}

body.boss-tag .col
{
	width:300px;
	float: right;
}

body.boss-tag div#wrapper div#content div#main-trailblock li
{
	border-top-width: 1px;
	border-top-style: dotted;
	width: 300px;
}

body.boss-tag div#wrapper div#content div#main-trailblock li.image,
body.boss-tag div#wrapper div#content div#main-trailblock ul.sublinks li,
body.boss-tag div#wrapper div#content div#main-trailblock li.major-heading
{
	border-top: none;
}

body.boss-tag div#wrapper div#content div#main-trailblock ul.sublinks li
{
	width: auto;
}

body.boss-tag div#main-trailblock ul.sublinks
{
	padding-bottom: 0;
}

body.boss-tag div#main-trailblock div.col
{
	margin-left: 0;
}

/* styling for the new pickable to be made generic accross keyword pages */
body.boss-tag div#related div#pickable-tag-combiner h3
{
	border-top-width: 10px;
	border-top-style: solid;
	padding-top: 3px;
	margin-bottom: 16px;
}

body.boss-tag div#related div#pickable-tag-combiner div.date,
body.boss-tag div#related div.pickabletag div.date
{
	margin-top: 3px;
	margin-bottom: 0;
}

body.boss-tag div#content div#related div#pickable-tag-combiner ul li div.trailtext,
body.boss-tag div#related div.pickabletag ul li div.trailtext
{
	margin-top: 0;
}

body.boss-tag div#related div.pickabletag ul li
{
	margin-bottom: 18px;
	padding-top: 2px;
}


/* styling for the new pickable ends */

body.boss-tag #related div.col1
{
	float: left;
	width: 140px;
}

body.boss-tag #related div.col
{
	float: right;
	width: 140px;
}

body.boss-tag #wrapper #box #content .col1 #paginated-tag-content ul
{
	float: left;
	margin-bottom: 16px;
}

body.boss-tag #wrapper #box #content .col1 #paginated-tag-content ul li
{
	width: 140px;
	float: left;
	margin-right: 20px;
	margin-bottom: 0;
}

body.boss-tag #wrapper #box #content .col1 ul#main-trailblock li.normal
{
	margin-bottom: 0;
	border-bottom: 20px solid;
}

body.boss-tag #wrapper #box #content #related .capsule ul li
{
	margin-bottom: 0;
}

body.boss-tag #wrapper #box #content .col1 #paginated-tag-content ul li.last-in-row
{
	margin-right: 0px;
}

body.boss-tag div.date
{
	margin-bottom: -10px;
	margin-top: 10px;
}

body.boss-tag div.pickabletag div.date
{
		margin-bottom: 10px;
}

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

body.keyword-sponsored #article-header div.ed-zone
{
	position: absolute;
	left: 480px;
	top: 1.10em;	
	display: block;
	width: 140px;
}

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

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

body.keyword-page #article-header
{
	padding-right: 160px
}

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

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

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

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

body.reuters #stock-toggle
{
	padding-bottom: 20px;
}

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

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

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

body.keyword-page #related .capsule h3,
body.keyword-page #related li.major-heading h2,
body.keyword-page #paginated-tag-content h3
{
	border-top-width: 10px;
	border-top-style: solid;
	margin: 0 0 16px 0;
	padding-top: 3px;
	/*because the gaps between the individual tips will be smaller */
}

body.keyword-page div#wrapper #paginated-tag-content h3
{
	margin: 0;
	border-bottom: 16px solid;
}

body.keyword-page div#related div.editor-zone-1 ul#editor-zone-1 li
{
	margin: 0;
}

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

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

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

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

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

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

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

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

.keyword-page .keywords li
{
	padding: 3px 0 5px 0;
}

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

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

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

body.boss-tag div#content div#related div.recent-blogs ul.tips
{
	margin-bottom: 2px;
}





/* tag + content type */

body.tag-content ul#main-trailblock
{
	width: 620px;
}

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

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

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


body.boss-tag div#paginated-tag-content
{
	margin-bottom: 16px;
}

body.boss-tag div#paginated-tag-content img.trail-icon
{
	float: left;
	margin: 2px 5px 0 0;
}

body.boss-tag div#paginated-tag-content p
{
	clear: left;
	border-top-width: 1px;
	border-top-style: dotted;
}

body.boss-tag div#paginated-tag-content ul p
{
	border-top: none;
}

body.boss-tag #related h2
{
	border-top-width: 10px;
}

div#related div#comment div.recent-blogs li
{
	padding-bottom: 0;
	padding-top: 0;
}

body.boss-tag #box #content div#related div.recent-blogs ul li ul
{
	padding-bottom: 0;
}

body.boss-tag div#content div#related div.recent-blogs li.tips-package
{
	padding-bottom: 18px;
}

body.boss-tag div#pickable-content-combiner
{
	overflow: hidden;
}

body.boss-tag div#wrapper div#content div#pickable-combiner-1 li,
body.boss-tag div#wrapper div#content div#pickable-combiner-2 li
{
	margin-bottom: 20px;
	width: 300px;
}

body.boss-tag div#wrapper div#content div#pickable-combiner-6 ul li
{
	margin-bottom: 20px;
}

body.boss-tag div#wrapper div#content div#pickable-combiner-6 ul li div.trailtext span.date
{
	float: left;
	margin-right: 3px;
}

body.boss-tag div#wrapper div#content div#pickable-combiner-1 li.last,
body.boss-tag div#wrapper div#content div#pickable-combiner-2 li.last
{
	margin-bottom: 30px;
}

body.boss-tag div#pickable-combiner-1 span.date,
body.boss-tag div#pickable-combiner-2 span.date
{
	float: left;
	padding-right: 0.2em;
}

body.boss-tag div#pickable-combiner-1 div.trailtext,
body.boss-tag div#pickable-combiner-2 div.trailtext
{
	float: left;
	margin-top: 10px;
}

body.boss-tag ul#auto-trail-block div.rating-container 
{
	position: relative;
	top: -3px;
}

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