
          /* ---------- tri-trailblock-top.css starts here ---------- */

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

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

ul.user-details
{
	padding: 2px 0 3px 20px;
	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.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,
#content ul.sublinks li.trailtext,
#content li.vertical,
#related ul.sublinks li
{
	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);
}

}

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

 /* ---------- screen.css ends 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 ---------- */

 /* ---------- tri-trailblock-top.css ends here ---------- */

