/* LT design styles - Specific content types (TMMs, Keyword Specials, Buyer's Guides, etc.) */
/* October 2007 */

/* importing base rules for all LT page types */
@import url(/css/lt-header.css); /* header styles */
@import url(/css/lt-base.css); /* base page styles */
@import url(/css/lt-footer.css); /* footer styles */

/* TMMs */
#tmm #content h1,
.tmm #content h1 { text-align:left; font:bold 18px Arial; color:#369; margin:10px 0 5px 0; padding:0; }
p.quote { background: url(/images/bg/bg-tmm-quote.gif) no-repeat right center; width: 250px; margin: 75px 5px 0 310px; padding: 25px 35px 25px 15px; }
p.quote a { font: bold 12px Verdana; color: #000; text-align:center; }

/* KWS */
#kws #content h1 { text-align:left; font:bold 18px Arial; color:#369; margin:10px 0 5px 0; padding:0; }
#kws #content h3 { font-size: 15px; }
#kws #articles p.quote { background:url(/images/bg/bg-tmm-quote.gif) no-repeat right center; width:250px; margin:75px 5px 0 325px; padding:25px 35px 25px 15px; }
#kws #articles p.quote a { font:bold 12px Verdana; color:#000; text-align:center; }

.kws #content h1 { text-align:left; font:bold 18px Arial; color:#369; margin:10px 0 5px 0; padding:0; }
.kws #content h4 { padding:0; margin:0; font-size:14px; color:#666; }
.kws #articles p.quote { background:url(/images/bg/bg-tmm-quote.gif) no-repeat right center; width:250px; margin:75px 5px 0 325px; padding:25px 35px 25px 15px; }
.kws #articles p.quote a { font:bold 12px Verdana; color:#000; text-align:center; }

/* BPS */
#bps #content h1 { text-align:left; font:bold 18px Arial; color:#369; margin:10px 0 5px 0; padding:0; }
#bps #content h3 {padding:0; margin:0; font-family:arial; font-size:16px; color:#000; }

.bps #content h1 { text-align:left; font:bold 18px Arial; color:#369; margin:10px 0 5px 0; padding:0; }
.bps #content h3 { padding:0; margin:0; font-family:arial; font-size:16px; color:#666; }

/* Buyers Guides */
#bgs h1 { text-align:left; font:bold 18px Arial; color:#369; margin:10px 0 5px 0; padding:0; }
div#buyersguide h2 {border-top: none; text-align:center; color: #369;  font-family:verdana; font-size: 1.3em; padding-top: 10px; padding-bottom: 3px; margin: 0px;}
#bgs h3 {padding:0; margin:0; font-family:arial; font-size:1.1em; color:#999; }
div#buyersguide h6 { font:bold 13px Verdana; margin:0; padding:0; color:#369; }
p.spanish { font-size:10px; width:150px; float:right; text-align:right; margin:15px 20px 0 0; padding:0; }

.bgs h1 { text-align:left; font:bold 18px Arial; color:#369; margin:10px 0 5px 0; padding:0; }
.bgs h3 {padding:0; margin:0; font-family:arial; font-size:1.1em; color:#666; }
.bgs h4 {padding:0; margin:10px 0 3px 0; font:bold 1em Verdana; color:#369; }
div#buyersguide h3 { color:#000000; padding-bottom: 10px; }
/* Buyers Guide Content nav styles */
div#buyersguide div#toc { width:200px; margin:0 10px 10px 0; padding:0 0 10px 0; float:left; border-right:1px solid #069; border-bottom:1px solid #069; }
div#buyersguide div#toc h4 { font:bold 11px Verdana; color:#00496e; background:#eee; text-align:center; padding:4px; margin:0px; }
div#buyersguide div#toc ul { margin:10px 5px 0 5px; padding:0 0 0 5px; font:normal 11px Verdana; }
div#buyersguide div#toc ul li { margin:0; padding:3px 0 4px 15px; list-style:none; background:url(/images/modified/bullet-page-sm.gif) no-repeat left 5px; }
div#buyersguide div#toc ul li a,
div#buyersguide div#toc ul li a:link,
div#buyersguide div#toc ul li a:visited { color:#000; }
div#buyersguide div#toc ul li a:hover { color:#679ab4; font-weight:bold; }
div#buyersguide div#toc ul li.on { background:url(/images/modified/bullet-page-sm-white.gif) no-repeat left 5px; }
div#buyersguide div#toc ul li.on a, 
div#buyersguide div#toc ul li.on a:link, 
div#buyersguide div#toc ul li.on a:visited, 
div#buyersguide div#toc ul li.on a:hover, 
div#buyersguide div#toc ul li.on a:active { color:#679ab4; font-weight:bold; text-decoration:none; }
div#buyersguide div#toc ul li.quote { background:url(/images/modified/bullet-page-sm-orange.gif) no-repeat left 3px; }
div#buyersguide div#toc ul li.quote a, 
div#buyersguide div#toc ul li.quote a:link, 
div#buyersguide div#toc ul li.quote a:visited { color:#e45503; }
div#buyersguide div#toc ul li.quote a:hover { color:#e45503; text-decoration:none; font-weight:bold; }
div#buyersguide div#toc ul li.quote a:active { color:#e45503; }

td#content div.pagenav { border:none; margin:0; padding:0px; clear:both; }
td#content div.pagenav p { white-space:nowrap; margin-top:0px; }
p#back { width:150px; float:left; }
div#buyersguide div.pagenav p.next {text-align:right; }
div#buyersguide div.pagenav p.next a, 
div#buyersguide div.pagenav p.back a { display:block; margin:0; color:#069; font-weight:normal; text-decoration:underline; }
div#buyersguide div.pagenav p.next a { background:url(/images/modified/bg-next.gif) no-repeat right center; padding:6px 37px 6px 0; }
div#buyersguide div.pagenav p.back a { background:url(/images/modified/bg-previous.gif) no-repeat left center; padding:6px 0 6px 37px; }
div#buyersguide div.pagenav p.next a strong, 
div#buyersguide div.pagenav p.back a strong { color:#036; text-decoration:none !important; }
div#buyersguide div.pagenav p.quoting a { color:#d48002; background:url(/images/modified/bg-next-rfq.gif) no-repeat right center; padding:6px 37px 6px 0; } 
div#buyersguide div.pagenav p.quoting a strong { color:#e45503; text-decoration:none !important; } 
p.back { width:150px; float:left; background:none; }
p.next { text-align:right; margin-left:155px; background:none;  }
p.back a, p.next a { font-size:12px; font-weight:bold; color:#333; text-decoration:underline; }

#secondary p.byline { font-size:10px; font-style:normal; color:#999; margin-top:3px; }

div#morelinks { float:left; text-align:left; margin:0 0 15px 0; padding:5px; }
div#morelinks ul { margin:0; padding:0; }
div#morelinks ul li { display:inline; list-style-type:none; margin:0; padding:0 0 5px 0; }
div#morelinks a { font:normal 10px Verdana; text-decoration:none; color:#666666; border:1px solid #cccccc; border-left:7px solid #cccccc; padding:3px; background-color:#eeeeee; }

/* Additional box */
div.additional { margin:10px 10px 5px 5px; padding:0; border:1px solid #C0C0C0; background:#fff; clear:both; font-size:11px; color:#666; }
#content div.additional h6 { background:#F7F7F7; padding:5px; border-bottom:1px solid #C0C0C0; margin-bottom:5px; margin-top:0; color:#000; }
div.additional, div.additional h6, div.additional p { font-size:11px; color:#666; }
div.additional p { padding:0 5px; }
div.additional a { color:#666; font-weight:bold; }
div.additional ul a { font-weight:normal; font-size:11px; }


/* Highlight box */
#wrapper td#content div.contentpiece div.highlight { width:275px; float:right; padding:0; margin:5px; border:1px solid #cecfce; font-size:11px; }
#wrapper td#content div.contentpiece div.highlight li { padding:3px 10px 2px 0px;}
#wrapper td#content div.contentpiece div.highlight ul { padding:0; margin:10px 0px 10px 20px; }
#wrapper td#content div.contentpiece div.highlight p { padding:5px 5px 0 5px; margin:0; }
#wrapper td#content div.contentpiece div.alt {float:left; margin-right:20px; }
#wrapper td#content div.contentpiece div.highlight h3 { background:#69c; color:#fff; padding:3px; font:bold 13px Verdana; margin:0 0 5px 0; }
#wrapper td#content div.contentpiece div.full { width:630px; float:none; }

/*RFI Include Box*/
#rfi { width:370px; padding:0; float:right; margin-left:15px; margin-bottom:15px; font-size:0.85em;}
#rfi * { padding:0; margin:0; }
#rfi h4 { /*color:#69c;*/ color:#369; font-size:1.25em; text-align:center; border-bottom:7px solid #369; margin:0; padding:0 0 2px 0; }
#rfi h4 span { color:#19334C; font-size:0.7em; }
#rfi form { border-top:3px solid #69c; margin:1px 0; padding:0; }
#rfi h5 { font-size:0.9em; }
#rfi table { margin:0; }
#rfi table td { vertical-align:middle; padding:3px 3px 8px 3px; }
#rfi table td img { vertical-align:bottom; }

div#ArticleHighlight { float:right; width: 300px; border: solid 1px #000000; margin: -5px 5px 18px 10px; }
div#ArticleHighlight h3 { color: #FFFFFF; background-color: #0099CC; font-size: 13px; height: 24px; line-height: 24px; border-bottom: solid 1px #000000; margin: 0px; padding: 3px 9px; }
div#ArticleHighlight p { color: #000000; padding:2px;}
div#ArticleHighlight a { color: #2D28EF; } 
div#ArticleHighlight a:visited { color: #2D28EF; }

/* library  */
#library #content h1 { text-align:left; font:bold 18px Arial; color:#369; margin:10px 0 5px 0; padding:0; }
#library #content h2 {padding:0; margin:0; font-family:arial; font-size:14px; color:#999; text-align:left; }
#library #breadcrumbs {border-top:none; margin-top:-14px;}
#library #additionalinfo .First li{line-height:16px;}

#library div.catlist { width:220px; float:left; margin:10px 0 5px 0; padding:0 0 5px 0; }
#library div.mid { width:200px; margin-right:5px; } 
#library div.last { width:200px; }
#library div.catlist p { font-size:12px; font-weight:bold; padding:0 0 3px 0; margin:0; vertical-align:middle; }
#library div.catlist ul { height: auto; font-size:11px; margin:0 0 15px 10px; padding:0; }
#library div.catlist ul li { display: list-item; list-style: none; padding: 2px 0 2px 10px; }
#library div.catlist ul li { display:list-item; list-style:none; padding:0 0 4px 10px; }
#library div.catlist p.highlight { background:url(/images/homepage/bg-most-popular.gif) no-repeat left top; padding-left:7px; padding-bottom:7px; padding-top:5px; color:#e88522; }
#library div.catlist p a, div.catlist p a:link, div.catlist p a:visited { color:#000; text-decoration:none; }
#library div.catlist p a:hover { color:#00f; text-decoration:underline; }
#library div.catlist p a:active { color:#000; text-decoration:none; }
#library div.catlist p.highlight { background:url(/images/homepage/bg-most-popular.gif) no-repeat left 4px; padding-left:7px; padding-bottom:5px; color:#e88522; }
#library div.catlist li a, div.catlist li a:link, div.catlist li a:visited { color:#369; }
#library div.catlist li a:hover { color:#00f; }
#library div.catlist li a:active { color:#333; }

#library div#footer { width:860px; font-size:10px; text-align:center; color:#333333; padding:10px 0 15px 0; border-top:3px solid #e2e2e2; margin:1px 0 0 0; }
#library #footer p, #footer ul { margin:5px 0; }
#library #footer p { padding:13px; }
#library #footer ul, #footer ul li { display:inline; padding:0; }
#library #footer ul li { margin:0 2px 0 0; }
#library #footer ul li a { margin-right:2px; }
#library #footer a { color: #000000; }
#library #footer a:link { color: #000000; }
#library #footer a:visited { color: #777777; }
#library #footer a:hover, #footer a:active { color: #000000; }
#library #header a{ cursor:pointer;}

/* The Real Deal Page */
#library.realdeal .contentpiece {width:644px;}
#library.realdeal .contentpiece div H1 {background:#369; color:#fff; padding:5px;}
#library.realdeal .contentpiece div H3 {text-decoration:none; margin-bottom:5px; margin-top:10px; font-size:1.1em;}
#library.realdeal .contentpiece div H3 a {text-decoration:none; border-bottom:1px dotted #ea8900; padding:0 5px; }
#library.realdeal .contentpiece i a{font-size:12px; color:#369; font-style:normal;}

/* Subscribe Box for Real Deal */
#library.realdeal .subscribebox { float:right; text-align:left; width:200px; border:5px solid #B2CCE5; margin:5px 0 5px 10px; padding:10px; background:#fefefe;}
#library.realdeal .subscribebox p{margin:0; padding:0; text-align:center;}
#library.realdeal .subscribebox p.subscribe{background:url(/images/homepage/btn-gray-right.gif) no-repeat top right; text-decoration:none;  padding:9px 20px 9px 0px; margin:10px 20px;}
#library.realdeal .subscribebox p.subscribe a{background:url(/images/homepage/btn-grey-left-lg.gif) no-repeat top left; padding:9px 0px 9px 20px; font-weight:bold;}


/* Comments on Real Deal Articles */

#library.realdeal div#morelinks { width:110px; float:right; margin:0 20px 10px 10px; padding:0 2px; font:normal 10px Verdana; border:1px solid #ccc; border-left:none; border-right:none; }
#library.realdeal div#morelinks p { padding:2px 0; margin:0; }
#library.realdeal div#morelinks a { text-decoration:none; color:#666666; padding:0; margin:0; border:none; background:none; }
#library.realdeal #morelinks div.js-kit-rating { margin:0 0 2px 0; padding:0; font-size:normal 10px Verdana; }
#library.realdeal #morelinks .js-rating-labelText { font-size:10px; text-align:left; margin:0; padding:0; font-style:italic; }
#library.realdeal div.square, 
#library.realdeal div.rectangle { float:right; font-size: 11px; margin:5px; padding: 5px; width: 250px; }
#library.realdeal .comments { clear:both; margin:0 50px; }
#library.realdeal h5.comments { clear:both; margin-top:30px; font:bold 12px Arial; color:#666; }
#library.realdeal div.comments { clear:both; padding-bottom:25px; }
#library.realdeal .comments div.js-singleCommentRating { display:none; }
#library.realdeal .comments div.js-kit-comments div.js-singleComment { border:none; border-top:3px solid #ccc; padding:3px; color:#666; }
#library.realdeal .comments div.js-kit-comments div.js-singleCommentINFO { float:left; margin:0; padding:0; font:normal 11px Arial; text-align:left; }
#library.realdeal .comments div.js-kit-comments div.js-singleCommentName { font-weight:bold; margin:0; padding:0; }
#library.realdeal .comments div.js-kit-comments div.js-singleCommentDate { font:bold 11px Arial; margin-bottom:6px; }
#library.realdeal .comments div.js-kit-comments div.js-singleCommentControls { font-size:10px; }
#library.realdeal .comments div.js-kit-comments div.js-singleCommentText,
#library.realdeal .comments div.js-kit-comments div.js-singleCommentKarma { margin-left:175px; }
#library.realdeal .comments div.js-kit-comments div.js-LeaveComment { border-top:1px solid #ccc; padding:3px 0; font:bold 11px Arial; }
#library.realdeal .comments div.js-kit-comments div.js-LeaveComment div.js-commentTool, 
#library.realdeal .comments div.js-kit-comments div.js-LeaveComment div.js-poweredBy { font-weight:normal; }

#library.realdeal .quotebox {border:1px solid #ea8900; width:250px; float:right; display:block; padding:2px; margin:10px 0 10px 10px;}
#library.realdeal .quotebox h5 {font-size:14px; margin:0; padding:5px; border-width:1px 1px 0 1px; border-style:solid; border-color:#EFc395; background:#f7e1ca;}
#library.realdeal .quotebox p {border-width:0 1px; border-style:solid; border-color:#EFc395; margin:0; padding:0 5px 5px 5px; line-height:15px; background:#f7e1ca;}
#library.realdeal .quotebox p.select{border-width:0 1px 1px 1px; border-style:solid; border-color:#EFc395; height:25px; padding-top:5px; padding-bottom:10px; text-align:center;}
#library.realdeal .quotebox p.select select{border:1px solid #Ea8900; padding:2px; text-align:left; font-size:14px;}
#library.realdeal .quotebox p.start {border-width:0 1px 1px 1px; border-style:solid; border-color:#EFc395; height:25px; padding-top:10px; text-align:center;}
#library.realdeal .quotebox p.start a{ background:url(/images/content/btn-orange.jpg) no-repeat top left; font:13px Verdana, Arial, Helvetica, sans-serif; padding:4px 35px 6px 25px; color:#fff; text-decoration:none; font-weight:bold;}

/* RFQ conversion box */
#library.realdeal #featurearea{border:1px solid #000; float:right; text-align:left; margin:5px 0 5px 10px; width:300px;}
#library.realdeal #featurearea H5{background:#69c; color:#fff; font-weight:bold; line-height:18px; margin:0; padding:3px 10px;}
#library.realdeal #featurearea p{font-size:11px; margin:5px; padding:0;}
#library.realdeal #featurearea ul{font-size:11px; margin:5px 5px 5px 25px; padding:0;}
#library.realdeal #featurearea li{font-size:11px; margin:2px; padding:2px;}

/* Chart Style */
.tabledata {border:1px solid #369; margin:0 20px 20px 20px;}
.tabledata th{border-right:1px solid #999; border-bottom:1px solid #999; font-size:11px; padding:2px; background:#eee; vertical-align:top;}
.tabledata th span {font-weight:normal;}
.tabledata td{border-right:1px solid #999; border-bottom:1px solid #999; font-size:11px; padding:2px; vertical-align:top;}

/* RSS Feed CSS Buttons */
span.OrangeButton { font: bold 10px Verdana; color:#FFF; border:1px solid; border-color:#FC9 #630 #330 #F96; margin:0px; padding:0px 3px;	background:#F60; }
span.BlueButton { font: bold 10px Verdana; color:#FFF; border:1px solid; border-color:#6CC #366 #066 #69C; margin:0px; padding:0px 3px; background:#09C; }

.float-right { float: right; padding: 5px; }
.float-left { float: left; padding: 5px; }

/* BEGIN State List */
.NavList {  margin-top:20px; margin-bottom:20px; border:none;}
.NavListText {  height: 100px; margin-left: 10px; color: black; font-weight: normal; overflow: auto; border:none;}
.NavListLink {color: #336699; font-weight: normal;}