/*--------------------------------------------------------------------
 * stylesheet for London Metal Exchange
 * by:
    Reading Room
    www.readingroom.com
	
 * print styles
--------------------------------------------------------------------*/
/*--------Hide this--------*/
.off-screen,
#nav-global-wrap, #form-search, #hero, #nav-sec,
#content-tools, #three-col-footer-feature, #nav-footer, #content-footer,
#form-find-info, .form-container, .pagination div,
.link-feature, .nav-tabs, .form-feature,
.market-data-filter {display: none;}

/*--------Show this--------*/
.print {display: block;}

/*--------Styles--------*/
* {background: none !important; padding: 0; margin: 0; width: auto;}
body {font: 10px Arial, Helvetica, sans-serif; color: #121212; background: #ffffff; text-align: left;}
img {border: none;}

/*--------Links - base styles--------*/
#content a:link:after, #content a:visited:after {
	content: " (" attr(href) ") ";/*print href value next to link*/
	font-size: 10px;
}

/*--------Typography - base styles--------*/
h1, h2, h3, h4, h5, h6 {line-height: 1.5em; margin: 0 0 .25em;}
h1 {font-weight: normal; font-size: 2.6em;}
h2 {font-size: 1.8em;}
h3 {font-size: 1.6em;}
h4 {font-size: 1.4em;}
h5 {font-size: 1.3em;}
h6 {font-style: italic; font-size: 1.2em;}
p {font-size: 1.2em; line-height: 1.5em; margin: 0 0 1.5em;}

/*--------Lists - base styles--------*/
ul, ol, dl {font-size: 1.2em; line-height: 1.5em; margin: 0 0 1.5em;}
ul ul {font-size: 1em; margin: 0 0 0;}
ul ol {font-size: 1em; margin: 0 0 0;}
ol ol {list-style-type: lower-alpha; font-size: 1em; margin: 0 0 0;}
ol ul {font-size: 1em; margin: 0 0 0;}
dt {font-weight: bold;}
li, dd {margin: 0 0 0 2.5em;}/*60px from the left to cope with ordered list numbers*/
li p, dd p {font-size: 1em;}

/*--------Tables - base styles--------*/
.wrap table {border-collapse: collapse; border-spacing: 0; border-top: 1px solid #c4c5c6; border-left: 1px solid #c4c5c6; margin: 0 0 2em;}
.wrap caption {font-weight: bold; font-size: 1.2em; line-height: 1.5em; text-align: left;}
.js-on .wrap caption span {display: block; padding: 0 5px 5px 0;}
.js-on .jsHide {display:none;}
.wrap th {font-weight: bold; font-size: 1.1em; text-align: left; vertical-align: bottom; padding: 5px; border-right: 1px solid #c4c5c6; border-bottom: 1px solid #c4c5c6;}
.wrap thead th {background: #e6e6e6 url(../images/site/thead-bdr.png) repeat-x 0 100%; border-top: 1px solid #c4c5c6;}
.wrap tbody th {vertical-align: top;}
.wrap td {font-size: 1.1em; text-align: left; vertical-align: top; padding: 5px; border-right: 1px solid #c4c5c6; border-bottom: 1px solid #c4c5c6;}
.wrap table p {margin: 0; font-size: 1em;}

/*--------Common stuff--------*/
/*- containers -*/
.con {width: 600px;}/*printable page width*/
.aside {clear: both;}
/*- typography -*/
.main-heading {font-weight: normal; font-size: 2.6em; line-height: normal;}
.intro {font-weight: bold; font-size: 1.3em; clear:both;}
.footnote {font-size: 1.1em; color: #606263;}
.highlight {font-weight: normal; font-size: 1.8em; margin: 0.5em;}
/*- content images -*/
img.frame {float: right; border: 1px solid #000000; margin: 0 0 20px 20px;}
img.generic {float: left; border: 1px solid #000000; margin: 0 20px 20px 0;}
/*- listing -*/
ul.listing li {clear: both; list-style-type: none; margin-left: 0; border-bottom: 1px solid #c7c7c7; width: 100%; overflow: hidden;}
ul.listing .listing-item {padding: .5em 0; margin: 0;}
.sub .listing .listing-item {padding-bottom: 0; border: none;}/*?sub listing item?*/
ul.listing .listing-item .title{font-size: 1.166em; background: url(../images/site/red-arrow.gif.png) no-repeat 0 .3em; padding: 0 0 5px 0;}
ul.listing .listing-item img {float: left; border: 1px solid #000000; margin: 5px 10px 10px 0;}
ul.listing .listing-item p {margin: 0;}

/*--------Logo--------*/
#logo {display: block; padding: 0 0 20px;}

/*--------Page body--------*/
#page-body {padding: 0 0 30px;}

/*--------Related content--------*/
body.home #related-content {page-break-before: always;}

/*--------Copyright--------*/
#copyright {clear: both; font-size: 1.1em; padding-top: 2px; border-top: 1px solid #c7c7c7; width: 100%;}

 /*--------Breadcrumb--------*/
#nav-crumb li {display: inline; margin: 0 5px 0 0;}
#nav-crumb li a {padding: 0 10px 0 0; border-right: 1px solid #c7c7c7;}

/*--------Accordion--------*/
.spotlight-accordion .accordion {list-style-type: none; font-size: 1em; line-height: normal; border-top: 1px solid #c7c7c7; margin: 0 0 1.5em; width: 100%;}
.spotlight-accordion .accordion .accordion-item {background: url(../images/site/news-heading-gradient.gif.png) repeat-x 0 0; padding: 10px 0; border-bottom: 1px solid #c7c7c7; margin: 0;}
.spotlight-accordion .accordion .accordion-item .accordion-title {font-weight: normal; font-size: 1.4em; line-height: normal; padding: 0; margin: 0;}
.js-on .spotlight-accordion .accordion .accordion-item .accordion-title {background: url(../images/site/news-arrow-off.gif.png) no-repeat 0 50%; margin: 0 0 5px;}
.spotlight-accordion .accordion .accordion-item .accordion-content {padding: 0; position: relative;}
.spotlight-accordion .accordion .accordion-item .accordion-content img {display: block; border: 1px solid #000000; margin: 0 0 5px;}
.spotlight-accordion .accordion .accordion-item .accordion-content p {font-size: 1.2em; padding: 0; margin: 0;}/*require a bit of spacing for faq content*/
.spotlight-accordion .accordion .accordion-item .accordion-content ul {font-size: 1.2em; margin: 0;}
/*- homepage news accordion -*/
body.home .spotlight-accordion {float: left; padding-right: 15px; width: 285px;}
body.home .spotlight-accordion h2 {font-weight: normal; font-size: 2.6em; margin: 0;}

/*--------Homepage link feature--------*/
#homepage-link-feature {float: left; margin: 0 0 1.5em; width: 300px;}
#homepage-link-feature h2 {font-weight: normal; font-size: 2.6em; margin: 0;}
#homepage-link-feature ul {list-style-type: none; font-size: 1em; line-height: normal; border-bottom: 1px solid #c7c7c7; margin: 0;}
#homepage-link-feature ul li {padding: 10px 0; border-top: 1px solid #c7c7c7; margin: 0;}
#homepage-link-feature ul h3 {font-weight: normal; font-size: 1.4em; line-height: normal; background: url(../images/site/red-arrow-large.gif.png) no-repeat 0 .3em; margin: 0 0 8px;}
#homepage-link-feature ul p {font-size: 1.2em; margin: 0;}

/*--------Tabs--------*/
.tab-feature {clear: both; width: 100%;}
div.tabs div.tab-content {display: none;}
div.tabs div.open {display: block;}/*keep selected tab open for print*/

/*--------Two column feature--------*/
.two-col-feature {clear: both; margin-bottom: 15px; width: 100%;}
.two-col-feature .sub {float: left; padding-right: 15px; width: 285px;}

/*--------Panels (market data styled boxes)--------*/
.sub-panel-row {clear: both; width: 100%;}
.sub-panel {float: left; padding-bottom: 15px; width: 300px;}