/* ---------- 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
{
	margin-bottom: 0;
}

#promo #most .meta
{
	overflow: auto;
	margin-left: 10px;
	margin-bottom: 5px;
}

#promo #most .meta,
#promo #most-viewed ol li.more-most-viewed
{
	width: 260px;
}

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

body.most-viewed #content h3
{
	font-weight: normal;
}

div#most div.most-pane li
{
	border-top: 1px dotted #999;
	clear: both;
	padding-bottom: 8px;
	padding-top: 5px;
}

div#most div.most-pane li span.rank
{
	float: left;
	padding-right: 4px;
}
          /* ----------  most-viewed.css ends here ----------- */
          /* ---------- 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 ----------- */
          /* ---------- 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 a
{
    width: auto;
}

#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 ----------- */
	
	/* these are used across multiple components, they're not connected to a single one */
          /* ---------- grid-columns.css starts here ---------- */
/*
    The grid is based on 60px columns
    Column widths are worked out as 60px + 80px for each subsequent column
    e.g. 4 col = 60px + (80px * 3) = 300px
    
*/

.eleven-col,
.ten-col,
.nine-col,
.eight-col,
.seven-col,
.six-col,
.five-col,
.four-col,
.three-col,
.two-col,
.one-col
{
    float: left;
    overflow: hidden;
    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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#intrusive
{
	display: inline;
}

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

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

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

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

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

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

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

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

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

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

div.jobsbox p.find-a-job a
{
    font-weight: bold;
}


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

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

.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 ----------- */
          /* ----------  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 ----------- */
          /* ----------  rules.css ends here ----------- */
          /* ---------- icons.css starts here ---------- */
          /* ---------- minimum-set-icons.css starts here ---------- */
ul.user-details
{
	background-image: url(images/icon_userinfo.gif);
}

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

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

#promo li.bullet,
div#promo div.bookshop-books ul.vertical-links li
{
	background-image: url(images/icon_bullet.gif);
}

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


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

@media all {

li.print a

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

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

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

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

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

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


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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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


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

/*
Bullet images and icons

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.comment-author
{
	clear: both;
}

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

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

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

}

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

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

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

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

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

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

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

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

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

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

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

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

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


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

#abuse-description
{
	width:100%;
}

#comment-body
{
	width: 447px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#inline-login input#cancelSignIn
{
	border: 1px solid;
	background-color: #eee;
}
          /* ----------  dialog-box.css ends here ----------- */
          /* ----------  screen.css ends here ----------- */
          /* ---------- directory-page.css starts here ---------- */
.directory ul#main-trailblock li.vertical h3,
.directory-continent #main-trailblock li.normal h3,
body.all-authors div#section-contents div.linktext h3
{
	font-family: arial, sans-serif;
}

body.directory-continent #content .country h3,
body.all-places #content .breakdown h2
{
	font-size: 1.333em; /*16px */
	font-weight: normal;
}

.directory #content ul#main-trailblock li.vertical h3,
.directory-continent #main-trailblock li.normal h3,
body.all-authors div#section-contents div.linktext h3
{
	font-size: 1em; /* 12px */
}

.directory-front #main-trailblock li.normal,
.directory-continent #main-trailblock li,
.directory ul#main-trailblock li.vertical,
.directory-continent #content .breakdown h2
{
	margin: 0
}

.directory #content ul.trailblock li.major-heading h2,
body.directory-place #content .countries p.first
{
	padding-top: 3px;
}

body.directory .ed-zone .major-heading h2,
body.directory-continent #content #main-trailblock li.major-heading h2
{

	padding-top: 10px;
}

.directory-front #content .tri li,
.directory-continent #content .country ul li,
.directory-front #main-trailblock li img
{
	margin-top: 0;
}

body.directory-front div.capsule #editor-zone-1,
.directory .map
{
	margin-top: 10px;
}

.directory ul#main-trailblock li.vertical
{
	list-style-type: none;
}

.directory-continent #content .breakdown h2
{
	border: 0;
}

.directory .map,
.directory-continent .country
{
	margin-bottom: 10px;
}

.directory-continent #content ol li h3
{
	font-weight: bold;
}

.directory ol.alphabet,
body.directory-front #box div#article-header
{
	border-bottom: 10px solid;

}

.all-places ol.alphabet
{
	border-top-width: 10px;
	border-top-style: solid;
	border-bottom: none;
	padding-top: 3px;
	padding-bottom: 20px;
}


body.directory #content,
.directory-continent .breakdown,
.all-places .breakdown,
.directory-front #wrapper #main-trailblock
{
	width: 620px;
}

body.directory #content,
.directory-place #content #main-trailblock li
{
	margin-left: 0;
}

.directory-place #content #main-trailblock,
.regionplaceholder,
.directory-continent .country ul
{
	float: right;
}

.directory-continent .breakdown,
.all-places .breakdown,
.directory-place .index,
.directory-continent #content .breakdown h2,
.directory #main-trailblock,
.all-places #content h2,
.directory-continent .country h3,
.directory-continent .country p,
.directory-front #content .capsule,
body.all-authors div#section-contents
{	
	float: left;
}

.directory #main-trailblock,
.directory #main-trailblock,
.all-places #content h2,
.directory-front #content .capsule,
body.all-authors div#section-contents
{
	width: 140px;
}

.directory-front #content #main-trailblock h2,
.directory-place #content #main-trailblock h2,
.directory-front li.major-heading h2
{
	border-top-width: 10px;
	border-top-style: solid;
	margin: 0 0 16px 0;
	font-weight: bold;
	padding-top: 3px;
}

body.directory-continent #main-trailblock li
{
	border-bottom: 1px solid #fff !important;
}

.directory ul#main-trailblock li.vertical,
.directory ul#main-trailblock li.major-heading,
.directory-front #content li.major-heading,
.directory-continent #content .country ul li,
.directory-front #content .capsule li
{
	margin-bottom: 0;
}

ol.alphabet li
{
	display: inline;
	font-family: arial, sans-serif;
	padding: 0 0 0 2px;
	color: #999;
}

ol.alphabet li.last
{
	border-right: none;
}

.directory ul#main-trailblock li.vertical
{
	border-bottom: none;
}

.directory ul#main-trailblock li.vertical
{
	padding: 0;
}

.directory-front #main-trailblock li,
body.all-places div.first
{
	border-top: none
}

.directory-place .index,
.directory-place #content #main-trailblock
{
	width: 300px;
}

.directory-front #main-trailblock li.normal
{
	margin-left: 20px;
}

.directory-continent #content .breakdown h2
{
	padding-top: 0;
}

.directory-place .index p,
.directory-place .regionplaceholder p,
.directory ul#main-trailblock li.vertical,
.directory-front #main-trailblock li.normal,
.directory-continent #main-trailblock li,
.directory-front #content .capsule li
{
	padding: 3px 0 5px 0;
}

.directory-continent #content ol li.first h3,
.directory-continent .index .first,
.directory-continent .countries .first
{
	border: 0;
	padding-top: 0;
	margin-top: 0;
}

.directory ul.tri li.major-heading,
.directory #content ul#main-trailblock li.vertical,
.directory-place #content #main-trailblock li,
.directory-front #content .ed-zone li,
.directory-front #content #main-trailblock li.first
{
	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*/
}

body.directory-place .index,
.directory #main-trailblock,
.all-places #content h2,
body.directory-place #content ul#main-trailblock li.wide,
body.directory-place #content ul#main-trailblock li.major-heading,
body.directory-front #box div.capsule li.major-heading h2,
body.directory-front #box div.capsule #editor-zone-1 ul li.first
{
	border-top: none;
}

body.directory-continent #wrapper #main-trailblock .major-heading h2
{
	border-top: 0;
	margin-top: 0;
}

.directory-place .index p,
body.directory-place #content .countries p.first
{
	border-top-width: 1px;
	border-top-style: dotted;
}

.directory-place .regionplaceholder p,
body.directory-place #content ul#main-trailblock li,
.directory ul#main-trailblock li.vertical,
.directory-continent .country,
.directory-continent .breakdown,
.all-places .breakdown
{
	border-top: 1px dotted
}

.directory-place #content #main-trailblock li
{
	clear: left;
}

.directory .map
{
	z-index: 0;
}

.directory-front #content #main-trailblock .strap,
.directory-front #content #ed-zone .trailtext
{
	display: none;
}

.directory-place ul#main-trailblock li.first
{
	margin-bottom: 20px;
}

/* From old directory style sheet */
ol.alphabet a
{
	text-transform: uppercase; /*see font-size section (=font-size)*/
}

ol.alphabet
{
	margin-top: 0px;
	padding-bottom: 5px;
}

.directory-continent #content .breakdown h2
{
	letter-spacing: 0.10em;
}

.all-places .breakdown h2,
.all-places .breakdown ol
{
	padding-top: 2px;
}

.directory-continent #content .breakdown h2
{
	text-transform: uppercase;
}

.directory .map,
.directory-continent .country
{	
	width: 460px;
	float: right;
}

.directory-continent .country p
{
	clear: left;
}

.directory-continent .country ul
{	
	width: 220px;
	margin-top: -1.3em;/*see IE*/
}

.directory-continent #content .country ul li,
.all-places .dir-first
{
	clear: both;
}

.late-offers-front #content ul.tri li,
.commercial #promo .ed-zone li
{
	width: auto;
	margin-left: 0;
	float: none;
}

.directory-front #box #content ul li.major-heading
{
	float: none;
	width: 100%; /*to get it show up in Safari - otherwise it displays as 16px wide*/
}

.all-places .breakdown ol,
body.directory-front ul#main-trailblock li.normal
{
	float: left;
}

div.countries
{
	float: left;
	width: 300px;
}

div.countries
{
	float: left;
	width: 300px;
}

.all-places .breakdown
{
margin: 0; padding: 0 0 15px;
}

.breakdown h2
{
margin: 0; padding: 0;
}

.all-places .dir-first
{
	clear: both;
}

.all-places .dir-last
{
	width: 620px;
}

.dir-first .breakdown,
.dir-last .breakdown
{
	margin: 0; padding: 0 0 15px;
}

.all-places #content h2
{
	margin: 0;
	padding: 0;
}

body.directory div#index-wrapper
{
	width: 460px; 
	margin-right: 20px; 
	float: left; 
	overflow: hidden;
}

body.directory-place div#wrapper div#content ul#main-trailblock li.image
{
	border-top: none;
}

body.directory-place div#wrapper div#content ul#main-trailblock li.image div.trail-caption,
body.directory-place div#wrapper div#content ul#main-trailblock li.normal
{
	margin-left: 0;
	width: 300px;
}

body.directory div#section-contents ul li
{
	border: none;
}

body.directory div#section-contents div.linktext h3
{
	font-family: georgia, sans-serif;
	font-size: 1.333em;
	line-height: 1.13;
}

/* visual index template */

body#visual-folder-list div#box div#page-header h1
{
    font-size: 2.2em;
}

body#visual-folder-list div#box #heading
{
    width: auto;
}

body#visual-folder-list #wrapper
{
    background-image: url(images/article-bg-lines.gif);
    background-repeat: repeat-y;
    background-position: 0 0;
}

body#visual-folder-list div#box h2.sub-header
{
    clear: left;
    border-top-width: 10px;
    border-top-style: solid;
    margin-bottom: 20px;
    padding-bottom: 0;
    padding-top: 3px;
    font-weight: bold;
    font-size: 1.166em;
    clear: both;
}

body#visual-folder-list ul.contributor-list,
body#visual-folder-list ul.contributor-list li
{
    float: left;
}

body#visual-folder-list ul.contributor-list
{
    margin-bottom: 30px;
}

body#visual-folder-list ul.contributor-list li
{
    width: 140px;
    margin-right: 20px;
    border-top-width: 1px;
    border-top-style: solid;
    position: relative;
}

body#visual-folder-list ul.contributor-list li.end-of-row
{
    margin-right: 0;
}

body#visual-folder-list ul.contributor-list li.first-of-row
{
    clear: left;
}

body#visual-folder-list ul.contributor-list li h3
{
    font-weight: bold;
    font-size: 1em;
    font-family: arial, sans-serif;
    padding-top: 3px;
    margin-bottom: 14px;
}

body#visual-folder-list ul.contributor-list li h4
{
    margin-bottom: 4px;
    font-size: 1.333em;
    margin-top: 10px;
}

body#visual-folder-list ul.contributor-list li h4.pictured
{
	margin-top: 100px;
}

body#visual-folder-list ul.contributor-list li img
{
    position: absolute;

}

body#visual-folder-list ul.contributor-list li img.contributor-pic
{
    clip: rect(35px auto 119px auto);
    top: -3px;
}

body#visual-folder-list ul.contributor-list li div.contributor-links
{
    border-top-width: 1px;
    border-top-style: dotted;
    padding-top: 3px;
}

body#visual-folder-list ul.contributor-list li div.contributor-links p
{
    display: inline;
}

body#visual-folder-list div#visual-index-footer
{
    clear: both;
}

body#visual-folder-list ul.visual-index-footer
{
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: dotted;
    border-bottom-style: dotted;
    width: 100%;
    padding-top: 3px;
    padding-bottom: 5px;
    text-align: center;
    clear: both;
}

body#visual-folder-list ul.visual-index-footer li
{
    text-align: center;
    display: inline;
    margin-left: 0.1em;
} 

body#visual-folder-list div#wrapper div#promo div#global-jobs div.jobsbox
{
	width: 280px;
}

body#visual-folder-list a.comment-count-info
{
    border-top-width: 1px;
    border-top-style: dotted;	
	margin-bottom: 2px;
	padding-top: 3px;
}
          /* ----------  directory-page.css ends here ----------- */
          /* ---------- weather-page.css starts here ---------- */
/* Weather pages */

body.weather h1
{
	font-size: 1.166em; /*14px*/
	font-weight: bold;
	padding: 3px 0 21px 0;
	border-bottom: 1px solid;
}

body.weather h1#section-heading
{
	border-bottom-style: none;	
}

body.weather div#page-header
{
	border-top-width: 10px;
	border-top-style: solid;	
}

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

body.weather-country div#page-header h1
{
	margin: 0;
}

body.weather #content #map h2.weather-header
{
	float: left;
	border-top:none; 
}

body.weather #section-heading,
body.weather #from-accu-weather
{
	float: left;
}

body.weather #from-accu-weather
{
	margin: 20px 0 0 10px;
	display: block;
}


#from-accu-weather
{
	display:block;
	clear:right;
	margin: 0 0 28px 0;
}
body.weather #flash-map 
{
	float: right;
	width: 300px;
	padding-right: 20px;
	margin-top: 6px;
	margin-bottom: 20px; 
}

body.weather-country table
{
	margin-bottom: 20px;
	border-collapse:collapse;
	width: 300px;
	float: left;
}

#weather-front-table,
body.weather-continent table
{
	border-collapse:collapse;
}

body.weather #editor-zone-1
{
	float: right;
	width: 140px;
}

body.weather #editor-zone-1 li
{
	font-family:Arial,  sans-serif;
	font-size: 1em; /*12px*/
}

body.weather #content #editor-zone-1 li
{
	margin-bottom: 4px;
	padding-top: 3px;
}

body.weather #content #editor-zone-1 li.first
{
	border-top:none;
	padding-top: 6px;
	width: 140px;
}

body.weather #content ul#main-trailblock li.first
{
	width: 100%;
}

body.weather #editor-zone-1 h3
{
	font-family:Arial,  sans-serif;
	font-size: 1em;
}

body.weather #main-trailblock,
body.weather-country #content h2.header-full-width
{
	width: 620px;
	clear: both;
}

body.weather #weather-front-table .temperatures,
body.weather-continent #weather-front-table .temperatures
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1.333em;
	padding-top: 5px;
}

body.weather #weather-front-table .forecast,
body.weather-continent #weather-front-table .forecast
{
	padding-top: 7px;
}

body.weather div#main-trailblock div.breakdown
{
	border-top-width: 1px;
	border-top-style: solid;
	width: 620px;
	clear: left;
	float: left;
}

body.weather div#main-trailblock div.breakdown table thead tr,
body.weather div#main-trailblock div.breakdown table tbody tr
{
	border-bottom: 1px solid;
}

body.weather div#main-trailblock div.breakdown h2
{
	width: 119px;
	border-top:none;
	font-size: 1.166em; /*14px*/
	font-weight:bold;
	float: left;
	padding-top:1px;
}

body.weather div#main-trailblock #weather-front-table
{
	width: 460px; 
	float: right;
	margin: 0;
	padding: 0;
}

body.weather div#main-trailblock #weather-front-table th,
body.weather-continent #weather-front-table th,
body.weather-country table th
{
	font-weight: normal;
	text-align:left;
	padding: 3px 0 7px 0;
}

body.weather div#main-trailblock #weather-front-table th
{
	padding-top:1px; /*overwrites padding:3px rule*/
}

body.weather-country #content table th h3
{
	font-weight:normal;
}

body.weather-continent #weather-front-table th
{
	padding-bottom: 15px;
}

body.weather div#main-trailblock #weather-front-table tbody td
{
	padding-left: 10px;
}

body.weather #box div#main-trailblock #weather-front-table h3,
body.weather-continent #weather-front-table th h3,
body.weather-country table th h3
{
	font-size: 1.333em;
	line-height: 120%;
}

body.weather-continent #box table th h3
{
	padding-top:0px;
}

body.weather #box div#main-trailblock #weather-front-table h3
{
	padding-top:0px;
}

body.weather div#main-trailblock #weather-front-table a,
body.weather-continent  #weather-front-table a
{
	font-weight: normal;
}

body.weather div#main-trailblock table h3, 
body.weather div#main-trailblock table td.temperatures,
body.weather-continent #weather-front-table td.temperatures
{
	font-size: 1.333em;
	font-family:Georgia, "Times New Roman", Times, serif;
}

.table-front-city
{
	width: 140px;
}

.table-front-icon
{
	width: 60px;
}

.table-front-temp
{
	width: 50px;
}

.table-front-forecast
{
	width: 160px;
}

body.weather div#main-trailblock #weather-front-table tbody tr
{
	border-bottom: 1px dotted;
}

body.weather div#main-trailblock #weather-front-table tbody tr,
body.weather-city div#next-four-days-forecast tbody tr,
body.weather-city div#twenty-four-hour-forecast tbody tr,
body.weather-continent #content #ed-zone-1 .breakdown tbody tr
{
	vertical-align:top;
}

body.weather-continent #content #ed-zone-1 
{
	border-top:10px solid;	
}

body.weather div#main-trailblock #weather-front-table tfoot td
{
	padding: 5px 0 30px 0;
}

body.weather-city .capsule h2
{
	font-weight:bold;
	border-top-width: 10px;
	border-top-style: solid;	
	margin-bottom: 15px;
	padding-top: 3px;
}

body.weather-city table
{
	width: 300px;
	display:block;
	float: left;
}

body.weather-city table.current-weather-basics th.background-icon
{
	background-position:left; 
	background-repeat:no-repeat;
	padding: 0;
	color: #fff;
	line-height: 510%;
	width: 31%;
	padding-left: 18px;
}

body.weather-city table.current-weather-details
{
	margin-left: 20px;
}

body.weather-city table.current-weather-details th,
body.weather-city table.current-weather-details td
{
	padding-top: 4px;
}

body.weather-city table.current-weather-details th
{
	padding-left: 3px;
	padding-right: 7px;
}

body.weather-city td.high,
body.weather-city div.high
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1.83em; /*22px*/
	padding-bottom: 0px
}

body.weather-city div.low
{
	padding-top: 0
}

#next-four-days-forecast table .four-day-width
{
	width: 150px;
}

#twenty-four-hour-forecast table .twenty-four-hour-width
{
	width: 80px;
}


#next-four-days-forecast table,
#twenty-four-hour-forecast table
{
	border-collapse:collapse;
	clear: left;
	width: 620px;
	text-align:center;
}

#next-four-days-forecast span.high,
#twenty-four-hour-forecast span.high,
tr.high td
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1.50em; /*18px*/ 
}

#twenty-four-hour-forecast tbody tr.high td
{
	padding-bottom: 3px;
}

#next-four-days-forecast span.low,
#twenty-four-hour-forecast span.high
{
	font-weight:bold;
}

#next-four-days-forecast div.descriptions,
#twenty-four-hour-forecast div.descriptions
{
	background-repeat: no-repeat; 
	background-position: 40% 50%; 
	padding-left: 25px;
}

#next-four-days-forecast tbody tr,
#twenty-four-hour-forecast tbody tr
{
	border-top-width: 1px;
	border-top-style: dotted;
}

body.weather-continent table tbody tr.first,
#twenty-four-hour-forecast tbody tr.farenheit
{
	border-top: none;/*overwrites the previous entry*/
}

#twenty-four-hour-forecast tbody tr.farenheit td
{
	color: #999;
}

#next-four-days-forecast table th,
#twenty-four-hour-forecast table th
{
	padding: 4px 0;
	color:#666;
}

#next-four-days-forecast table td,
#twenty-four-hour-forecast tbody td
{
	padding: 4px 0 20px 0;
}

#next-four-days-forecast .icon,
#twenty-four-hour-forecast .icon
{
	padding: 8px 0 8px 0;
}


#next-four-days-forecast,
#twenty-four-hour-forecast
{
	clear: left;
}

body.weather-city table.current-weather-basics th,
body.weather-city table.current-weather-details th
{
	width: 95px;
}

body.weather-city table.current-weather-basics td,
body.weather-city table.current-weather-details td
{
	width: 205px;
}

body.weather-city table.current-weather-basics th,
body.weather-city table.current-weather-basics td,
body.weather-city table.current-weather-details th,
body.weather-city table.current-weather-details td
{
	padding: 3px 5px;
	margin: 0;
}

body.weather-city table.current-weather-details th,
body.weather-city table.current-weather-details td,
body.weather-city table.current-weather-basics th,
body.weather-city table.current-weather-basics td
{
	border-top-width: 1px;
	border-top-style: dotted;
	text-align: left;
}

body.weather-city table.current-weather-details tr
{
	width: 300px;
}

body.weather-continent #main-trailblock
{
	padding-top: 10px;
}

body.weather-city ol.alphabet
{
	border-bottom:none;
}

body.weather-country table td,
body.weather-country table tbody tr,
body.weather-continent table tbody tr
{
	border-top-width: 1px;
	border-top-style: dotted;
}

body.weather-country table.cities-second-column
{
	margin-left: 20px;
}

body.weather-country table th,
body.weather-continent table th
{
	text-align:left;
}

body.weather-continent #content #ed-zone-1
{
	float:right;
}

body.weather-country tr
{
	vertical-align:top;
}

body.weather-country table td span
{
	display:block;
	font-family:Arial,  sans-serif;
	font-size: 1.333em;
	font-weight:bold;
	padding-top: 4px;
}

body.weather-country tbody td,
body.weather-continent tbody td
{
	padding-bottom:11px;
}

body.weather-continent .country ul
{
	margin-top: -1.6em;
}


body.weather tbody td
{
	padding-bottom:11px;
}

body.weather-country #content table td h3
{
	font-weight: normal;
}

body.weather-country #content div.countries div.breakdown
{
	margin-bottom: 25px;
}

body.weather-country #content div.countries div.country h3
{
	font-family:Arial,  sans-serif;
	font-weight:normal;
	font-size: 1em;
	padding: 0px;
}

body.weather-country #content div.countries div.first
{
	margin-top:2px;
}

body.weather-country #content div.countries div.country
{
	border-top:none;
	margin-bottom: 0px;
}

body.weather-continent #content #ed-zone-1 .breakdown h2
{
	display:block;
	text-transform:none;
	letter-spacing:normal;
	padding-top: 3px;
}

body.weather-continent div.country h3
{
	width: 240px;
}

body.weather-continent #content #ed-zone-1 .breakdown
{
	border-top:none;
	float: left;
}

body.weather-continent table
{
	margin: 0 0 30px 0;
}

body.weather-continent #content #ed-zone-1 .breakdown table
{
	float: right; 
	width: 460px;
}

body.weather-continent #content .alphabet
{
	border-bottom:none;
}

body.weather-continent #content .alphabet h2
{
	clear:right;
}

body.weather-continent #article-sub-header
{
	border-bottom: 10px solid;
}

body.weather #logo
{
	width: 470px;
}

body.weather #logo #accu-link
{
	margin-bottom: 2px;
}


#forecast-nav a
{
	z-index: 999;
	border-bottom: 1px solid #fff;
	color: #000;
}

#forecast-nav a.inactive
{
	border-bottom: 0;
	color: #FFF;
}



#next-four-days-forecast table tr.first,
#next-four-days-forecast table tr.first th
{
	border-top: 1px solid #c4c3dd;
}

#twenty-four-hour-forecast tbody tr.high
{
	border-top: 1px dotted;
	font-size: 1.1em;
}

ul#inner-forecast-nav,
ul#inner-forecast-nav2
{
 	margin: 0;
 	padding: 0;
 	top: 0;
 	background: none;
 	padding: 15px 0;
 	border-top: 1px solid #c4c3dd;
}

ul#inner-forecast-nav li,
ul#inner-forecast-nav2 li
{
	display: inline;
	margin: 0;
 	padding: 0;
 	top: 0;
 	background: none;
}

div#wrapper div#box ul#inner-forecast-nav li a,
div#wrapper div#box ul#inner-forecast-nav2 li a
{
	background: none;
	border: 0;
	color: #8aa6ba;
}

ul#inner-forecast-nav li a,
ul#inner-forecast-nav2 li a
{
	cursor: pointer;
}

ul#inner-forecast-nav li a:hover,
ul#inner-forecast-nav2 li a:hover
{
	text-decoration: underline;
}

div#wrapper div#box ul#inner-forecast-nav li.next a,
div#wrapper div#box ul#inner-forecast-nav2 li.next a
{
	float: right;
	background-image: url(images/icon_grey_triangle_right.gif);
	background-repeat: no-repeat;
	background-position: 100% 2px;
	padding: 0 10px 5px 0;
}

div#wrapper div#box ul#inner-forecast-nav li.previous a,
div#wrapper div#box ul#inner-forecast-nav2 li.previous a
{
	float: left;
	background: url(images/icon_grey_triangle_left.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding: 0 0 5px 10px;
}

div.combined-forecasts-pane
{
	clear: both;
}
          /* ----------  weather-page.css ends here ----------- */