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

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

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

body.cif a.comment-count-info,
body.cif span.comment-count-info
{
	background-image: url(images/icon_comment.gif);
	background-position: left center ;
	padding: 0 0 2px 20px;
	margin-top: 5px;
	display: block;
	clear: both;
}

body.cif div.full a.comment-count-info
{
	border-top: 1px dotted #ccc;
	padding-top: 4px;	
}

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

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

.video-front div#content div#video-player ul li.bullet,
ul.sublinks li.bullet
{
	background-image: url(images/icon_bullet.gif);
}

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

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

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

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

ul.sublinks li.gallery
{
	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;
}
}
          /* ----------  icons.css ends here ----------- */
          /* ----------  screen.css ends here ----------- */
          /* ---------- directory-page.css starts here ---------- */
/* CSS for pages with body tag class directory */

.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 ul#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: 10px 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: 10px 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
}

.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 ul#editor-zone-1 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: 1px 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;
}

ol.alphabet li,
.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.all-authors div#index-wrapper
{
	width: 460px; 
	margin-right: 20px; 
	float: left; 
	overflow: hidden;
}
          /* ----------  directory-page.css ends here ----------- */