/********** START MODULES **********/

.slider-responsive { margin-bottom: 15px; padding: 0 15px; }
.slider-wrapper { border-top: 2px solid #cbd800; border-bottom: 2px solid #cbd800; height: 0; overflow: visible; padding: 0 0 30% 0 !important; position: relative; }
.slider-content { height: 100%; overflow: hidden; position: absolute; width: 100%; }
.slider-trigger { background: #fff; height: 100%; width: 100%; }
.slider-trigger .slides { height: 100%; width: 100%; }
.slider-trigger .slides .slide { height: 100%; left: 0; position: relative; top: 0; width: 100%; }
.slider-trigger .slides .slide img { width: 100%; }

.caption-wrapper { height: 100%; left: 0; padding: 15px 0; position: absolute; top: 0; width: 100%; }
.caption-content { background: url(/assets/images/caption-bg.png); border-radius: 0 15px 15px 0; height: 100%; padding: 15px; width: 50%; }
.caption-content h1 { border-bottom: 2px solid #fff; color: #fff; display: inline-block; font-size: 20px; font-weight: bold; line-height: 24px; text-transform: uppercase; }
.caption-content p { color: #fff; font-size: 15px; line-height: 18px; }
.caption-content a { background: #cbd800; border-radius: 5px; color: #666; font-size: 12px; line-height: 12px; padding: 5px; text-decoration: none; text-transform: uppercase; }

.mobile-caption { background: #989da2; border-radius: 0 0 15px 0; display: none; margin-bottom: 15px; padding: 15px; }
.mobile-caption h1 { border-bottom: 2px solid #fff; color: #fff; display: inline-block; font-size: 20px; font-weight: bold; line-height: 24px; }
.mobile-caption p { color: #fff; font-size: 15px; line-height: 18px; }
.mobile-caption a { background: #cbd800; border-radius: 5px; color: #666; display: inline-block; font-size: 12px; line-height: 12px; margin-bottom: 15px; padding: 5px; text-decoration: none; text-transform: uppercase; }

.selectors { bottom: 30px; left: 0; padding-right: 15px; position: absolute; text-align: right; width: 50%; }
.selectors a.selector { background: #000; border-radius: 100%; color: #000; display: inline-block; height: 14px; margin-left: 5px; width: 14px; }
.selectors a.selector.selected { background: #cbd800; }

.feature-big { float: left; height: 320px; overflow: hidden; margin-bottom: 15px; padding: 15px; position: relative; width: 66.66%; }
.feature-big img { margin-bottom: 10px; }
.feature-big h2 { border-top: 2px solid #ccc; border-bottom: 1px solid #ccc; color: #3d4650; font-weight: bold; padding: 15px 0; }
.feature-big p { font-size: 14px; line-height: 18px; }
.feature-big .feature-column { float: left; width: 50%; }
.feature-big .feature-column.left { padding-right: 15px; }
.feature-big .feature-column.right { padding-left: 15px; }
.feature-big .feature-prices { border-top: 1px solid #ccc; list-style: none; margin-left: 0; margin-bottom:19px;}
.feature-big .feature-prices li { border-bottom: 1px solid #ccc; color: #3d4650; font-size: 14px; line-height: 18px; overflow: hidden; padding: 5px 0; position: relative; }
.feature-big .feature-prices li a { color: inherit; display: inline-block; float: left; text-decoration: none; }
.feature-big .feature-prices li a:focus, .feature-big .feature-prices li a:hover { text-decoration: underline; }
.feature-big .feature-prices li span { color: #447fd2; display: inline-block; float: right; }
.feature-big .feature-prices li.active a { background: url(/assets/images/feature-arrow.png) no-repeat right center; font-weight: bold; padding-right: 12px; }
.feature-big .feature-prices li.active span { font-weight: bold; }
.feature-big .feature-buttons { list-style: none; margin-left: 0; }
.feature-big .feature-buttons { text-align: center; }
.feature-big .feature-buttons a { background: #447fd2; border-radius: 5px; color: #fff; display: inline-block; font-size: 12px; line-height: 12px; margin: 0 5px; padding: 5px; text-decoration: none; text-transform: uppercase; }

.feature-small { float: left; height: 320px; margin-bottom: 15px; padding: 15px; width: 33.33%; }
.feature-small img { margin-bottom: 4px; }
.feature-small h2 { border-top: 2px solid #ccc; border-bottom: 1px solid #ccc; color: #3d4650; font-weight: bold; padding: 15px 0; }
.feature-small p { font-size: 14px; line-height: 18px; }
.feature-small a { color: inherit; }
.feature-small a.full-hover { text-decoration: none; }

.banner { margin-bottom: 30px; position: relative; }
.banner-caption { background: url(/assets/images/banner-caption-bg.png); height: 100%; left: 0; padding: 15px; position: absolute; top: 0; width: 33.33%; }
.banner-caption h2 { border-bottom: 2px solid #3d4650; color: #3d4650; display: inline-block; font-size: 20px; font-weight: bold; line-height: 24px; text-transform: uppercase; }
.banner-caption p { color: #3d4650; margin-bottom: 0; }

.boxes { overflow: hidden; }
.box { float: left; height: 295px; margin-bottom: 15px; margin-right: 5%; width: 30%; overflow: hidden; }
.box:nth-child(3n) { margin-right: 0; }
.box.clickable { cursor: pointer; }
.box h2, .box h3 { background: none; border-top: 2px solid #ccc; border-bottom: 1px solid #ccc; color: #3d4650; font-weight: bold; margin-bottom: 4px; padding: 15px 0; text-transform: none; }
.box img { margin-bottom: 15px; }
.box p { font-size: 14px; line-height: 18px; }
.box a { color: inherit; text-decoration: none; }
.box a:focus, .box a:hover { text-decoration: underline; }
.box a.external-link { background: url(/assets/images/external-icon.png) no-repeat right 4px; display: inline-block; padding-right: 24px; }
.box a.box-trigger { display: none; }

a[target="_blank"] { background: url(/assets/images/external-icon.png) no-repeat right 4px; display: inline-block; padding-right: 24px; }
.social li a, .pdf a, .xls a, .language-downloads a { background: none; display: inline-block; padding-right: 0px; }

.image { float: right; position: relative; margin-bottom: 15px; margin-left: 30px; }
.image p { background: #e9ebed; color: #3372c6; font-size: 14px; line-height: 14px; margin-bottom: 0; padding: 10px; position: absolute; left: 0; bottom: 0; width: 100%; }

.quote { border-top: 2px solid #bed200; border-bottom: 2px solid #bed200; margin-bottom: 15px; padding: 15px 0; }
.quote-text { color: #3d4650; font-size: 20px; line-height: 24px; margin-bottom: 5px; }
.quote-name { font-size: 14px; line-height: 18px; margin-bottom: 0; }

.heading { border-bottom: 0; color: #3473c7; padding-bottom: 0; padding-top: 15px; }

.select { float: left; position: relative; margin-bottom: 15px; margin-right: 4%; width: 48%; }
.select:last-child { margin-right: 0; }
.select a.select-trigger { background: url(/assets/images/select-trigger.png) no-repeat right -1px; border: 1px solid #666; border-right: 0; color: #666; display: block; font-size: 12px; line-height: 25px; height: 27px; padding-left: 5px; padding-right: 32px; width: 100%; text-decoration: none; }
.select ul { background: #fff; border: 1px solid #666; display: none; list-style: none; margin-left: 0; max-height: 111px; padding-top: 5px; overflow: auto; position: absolute; left: 0; top: 26px; width: 100%; }
.select ul li { margin-bottom: 5px; padding: 0 5px; font-size: 12px; line-height: 16px; }
.select ul li a { color: #666; display: inline-block; text-decoration: none; }
.select ul li a:focus, .select ul li a:hover { text-decoration: underline; }

.priceTables .select { width: 35%; }

.filters { margin-bottom: 15px; }
.filter { border-right: 1px dotted #999; float: left; height: 200px; margin-bottom: 15px; margin-right: 5%; padding-right: 5%; position: relative; width: 30%; }
.filter.last { border-right: 0; margin-right: 0; }

.filter-1-3 { width: 30%; }
.filter-1-3 .filter-list { width: 100%; }
.filter-2-3 { width: 65%; }
.filter-2-3 .filter-list { width: 50%; }
.filter-2-3 .filter-list.last { padding-left: 8%; }

.filter-list { float: left; list-style: none; margin-left: 0; }
.filter-list li { margin-bottom: 15px; }
.filter-list li input { display: none; }
.filter-list li a { background: url(/assets/images/filter-inactive.png) no-repeat 0 0; color: #666; display: inline-block; font-size: 14px; line-height: 18px; padding-left: 26px; text-decoration: none; }
.filter-list li a:focus, .filter ul li a:hover { text-decoration: underline; }
.filter-list li a.active { background-image: url(/assets/images/filter-active.png); }


.subscription-list { float: left; list-style: none; margin-left: 0; }
.subscription-list li { margin: 10px 0px 10px 0px; clear: both; height: 20px; }
.subscription-list li.textwide input { border: 1px solid #666; color: #666; font-size: 12px; height: 27px; margin-bottom: 15px; padding: 0 5px; width: 200px; float: left; }
.subscription-list li.textwide label { font-weight: bold; float: left; width: 100px; }
.subscription-list li a { background: url(/assets/images/filter-inactive.png) no-repeat 0 0; color: #666; display: inline-block; font-size: 14px; line-height: 18px; padding-left: 26px; text-decoration: none; }
.subscription-list li a:focus, .filter ul li a:hover { text-decoration: underline; }
.subscription-list li a.active { background-image: url(/assets/images/filter-active.png); }
.subscription-list li.button a { background: #3574c8; border-radius: 5px; color: #fff; display: inline-block; font-size: 12px; line-height: 12px; padding: 5px; text-decoration: none; text-transform: uppercase; }
.subscription-list input[type=checkbox] { margin: -2px; }
.subscription-list p.spacer { float: left; display: block; width: 100px; }


.filter-row { margin-bottom: 10px; }
.filter-row p { font-size: 14px; line-height: 18px; margin-bottom: 3px; }
.filter-row input { border: 1px solid #666; color: #666; font-size: 12px; height: 27px; padding: 0 5px; width: 145px; }
.filter-row input.filter-select-text { width: 100%; }
.filter-row input.filter-select-button { background: url(/assets/images/select-trigger.png); border: 0; width: 27px; position: absolute; right: 0; top: 0; }
.filter-select { height: 27px; padding-right: 26px; position: relative; max-width: 200px; }
.update-chart { background: #4883d7; border-radius: 5px; color: #fff; font-size: 12px; line-height: 12px; padding: 10px 10px 20px 10px; margin-top:15px; clear:both; text-decoration: none; text-transform: uppercase; width:140px; display:block;}
.update-chart span {float:left;}
.update-chart span.icon { background: url(/assets/images/update-arrow.png); display: block; height: 16px; width: 17px; float:right !important; margin-top:-2px; }

.item { float: left; margin-bottom: 30px; margin-right: 5%; width: 30%; }
.item:nth-child(3n) { margin-right: 0; }
.item-image { background: #f4f5f6; height: 207px; line-height: 207px; text-align: center; vertical-align: middle; }
.item-image img { display: inline; max-height: 100%; max-width: 100%; vertical-align: middle; width: auto !important; }
.item-caption { background: #e9ebed; padding: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.item-caption p { color: #3473c7; font-size: 14px; line-height: 14px; margin-bottom: 0; }
.item-tools { background: #f4f5f6; padding: 10px; }
.item-tools ul { list-style: none; margin-left: 0; }
.item-tools ul li { padding: 1px 0; }
.item-tools a { background-position: left center; background-repeat: no-repeat; color: #666; display: inline-block; font-size: 11px; line-height: 15px; padding-left: 16px; text-transform: uppercase; }
.item-tools a.item-view { background-image: url(/assets/images/icon-view.png); }
.item-tools a.item-download { background-image: url(/assets/images/icon-download.png); }

.pagination { margin-bottom: 15px; }
.pagination a.page-prev { background: url(/assets/images/page-prev.png) no-repeat left center; display: block; float: left; padding-left: 15px; text-decoration: none; }
.pagination a.page-next { background: url(/assets/images/page-next.png) no-repeat right center; display: block; float: left; padding-right: 15px; text-decoration: none; }
.pagination a.page-prev:focus, .pagination a.page-prev:hover, .pagination a.page-next:focus, .pagination a.page-next:hover { text-decoration: underline; }
.pagination ul { display: block; float: left; list-style: none; margin: 0 15px; }
.pagination ul li { float: left; margin: 0 5px; }
.pagination ul li a { display: block; text-decoration: none; }
.pagination ul li a:focus, .pagination ul li a:hover, .pagination ul li a.active { color: #4681d6; text-decoration: underline; }

.chart { position: relative; margin-bottom: 30px; }
.chart-buttons ul { list-style: none; margin-left: 0; clear:both; margin-top:30px;}
.chart-buttons ul li { float: left; font-size: 14px; line-height: 18px; margin-right: 15px; text-transform: uppercase; }
.chart-buttons ul li a { background-position: center top; background-repeat: no-repeat; color: #666; display: block; padding-top: 45px; text-align: center; text-decoration: none; width: 41px; }
.chart-buttons ul li a.chart-pdf { background-image: url(/assets/images/chart-pdf.png); }
.chart-buttons ul li a.chart-csv { background-image: url(/assets/images/chart-csv.png); }
.chart-buttons ul li a.chart-png { background-image: url(/assets/images/chart-png.png); }

.report { border-top: 1px solid #ccc; padding: 15px 0; min-height: 145px; }
.report-no-height { min-height: 0px; }
.report h2 { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
.report h2.pdf { background-image: url(/assets/images/pdf-icon-small.png); background-position: center left; background-repeat: no-repeat; padding: 0px 0px 0px 20px; }
.report h2 a { color: inherit; text-decoration: none; }
.report h2 a:focus, .report h2 a:hover { text-decoration: underline; }

.accordion { border-top: 1px solid #cdddf2; }
.accordion:last-child { border-bottom: 1px solid #cdddf2; margin-bottom: 15px; }
.accordion-trigger { color: inherit; display: block; padding: 10px 33px 10px 10px; position: relative; text-decoration: none; }
.accordion-trigger span.icon { background: url(/assets/images/accordion-down.png); height: 7px; width: 13px; position: absolute; right: 10px; top: 15px; }
.accordion-trigger:focus, .accordion-trigger:hover, .accordion-trigger.active { background: #f4f5f6; }
.accordion-trigger.active span.icon { background: url(/assets/images/accordion-up.png); }
.accordion-content { border-top: 1px solid #cdddf2; display: none; padding-top: 20px; }
.accordion-item { margin-bottom: 20px; overflow: hidden; }
.accordion-item img { float: left; width: 20% !important; }
.accordion-item h3 { background: none; border-bottom: 0; float: right; font-size: 14px; line-height: 18px; margin-bottom: 0; padding: 0; width: 75%; }
.accordion-item h3 a { color: inherit; text-decoration: none; }
.accordion-item h3 a:focus, .accordion-item a:hover { text-decoration: underline; }
.accordion-item p { float: right; font-size: 14px; line-height: 18px; margin-bottom: 0; width: 75%; }
.GTFContentEditable .accordion-item, .GTFContentEditable .accordion-content { display: block !important; }

.glossary { padding-bottom: 15px; }

.lightbox-overlay { background: url(/assets/images/lightbox-overlay.png); height: 100%; width: 100%; position: fixed; left: 0; top: 0; text-align: center; }
.lightbox-content { border: 10px solid #fff; display: inline-block; position: relative; top: 20%; }
.lightbox-close { background: url(/assets/images/lightbox-close.png); display: block; height: 30px; width: 30px; position: absolute; right: -25px; top: -25px; }

.chart-tabs { list-style: none; margin-left: 0; position: absolute; right: 10px; top: 30px; }
.chart-tabs li { float: left; }
.chart-tabs li a { background: #447fd2; border-radius: 5px; color: #fff; display: block; font-size: 12px; line-height: 12px; margin: 0 5px; padding: 5px; text-decoration: none; }
.chart-tabs li.active a { background: #cbd800; color: #666; }

.language-downloads { list-style: none; margin-left: 0; padding-bottom: 25px; }
.language-downloads li { height: 47px; margin-bottom: 5px; width: 254px; }
.language-downloads li.chinese { background: url(/assets/images/chinese-button.jpg); }
.language-downloads li.english { background: url(/assets/images/english-button.jpg); }
.language-downloads li.japanese { background: url(/assets/images/japanese-button.jpg); }
.language-downloads li.russian { background: url(/assets/images/russian-button.jpg); }
.language-downloads li a { color: #666; display: block; line-height: 47px; padding-left: 57px; text-decoration: none; }
.language-downloads li a:focus, .language-downloads li a:hover { text-decoration: underline; }

.file-downloads { list-style: none; margin-left: 0; padding-bottom: 20px; }
.file-downloads li { background-position: left top; background-repeat: no-repeat; border-bottom: 1px solid #ccc; font-size: 14px; line-height: 18px; margin-bottom: 10px; padding: 0 0 10px 27px; }
.file-downloads li.pdf { background-image: url(/assets/images/pdf-icon.png); }
.file-downloads li.xls { background-image: url(/assets/images/xls-icon.png); }
.file-downloads li a { color: #666; text-decoration: none; }
.file-downloads li a:focus, .file-downloads li a:hover { text-decoration: underline; }

.customSelect { background: #fff url(/assets/images/select-trigger.png) right center no-repeat; border: 1px solid #666; border-right: 0; color: #666; font-size: 12px; height: 27px; line-height: 25px; padding: 0 5px; width: 172px; }
.hasCustomSelect { color: #666; top: -1px; }

.monthly-table { font-size: 15px; }
.monthly-table td, .monthly-table th { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 8px 14px; font-size: 15px; color: #333; }
.weekly-table td { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 8px 14px; font-size: 15px; color: #333; }
.metal-chart, .monthly-table, .weekly-table { margin-bottom: 15px; }

.priceTableFilter { float: left; padding: 0 20px 20px 0; }
.priceTableFilter p { font-weight: bold; padding-bottom: 5px; }
div.priceTables { background-color: #F7F7F7; border: 1px solid #CCC; border-radius: 5px; padding: 10px; margin-bottom: 20px; }
div.priceTables h2 { margin-top: .25em; border-bottom: none; display: inline; }
div.priceTables ul.metalTabs { display: block; float: right; }
div.priceTables div.frame { margin-top: 12px; background-color: White; padding: 10px; border: 1px solid #CCC; border-radius: 5px; }
div.priceTables table { }
div.priceTables tr.marketName { }
div.priceTables td.empty /* top left cell that isn't used */ { background-color: #fff !important; }
div.priceTables tr.fixTime { }
div.priceTables tbody th /* the day name and number headings */ { font-weight: bold; }
div.priceTables tr.overallAverage td { text-align: center; }
div.priceTables tfoot { border-top: solid 2px #CCC; }
div.priceTables .hover { background-color: #f7f7f7; }
div.priceTables .nohover { background-color: transparent; }
.priceTables { font-size: 14px; }

.priceTables table { border-top: 1px solid #ccc; border-left: 1px solid #ccc; width: 100%; margin-bottom: 2em; }
.priceTables table td, .priceTables table th { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 8px 14px; color: #333; }
.priceTables table td { width: 85px; }
.priceTables table td.metal, .priceTables table td.price { border-right: 0px; }
.priceTables table th { text-align: left; }
.priceTables table thead th, .priceTables table tfoot th { background: transparent url('/assets/images/bg_th.gif') repeat scroll; font-weight: bold; }
.priceTables fieldset table { border-width: 0; margin-bottom: 0; }
.priceTables fieldset table td, .priceTables fieldset table th { border-width: 0; padding: 0 0 10px; }
.priceTables ul.metalTabs { z-index: 1; list-style: none; }
.priceTables ul.metalTabs li { float: left; margin-left: 10px; padding: 0; line-height: inherit; background-image: none; bottom: -1px; }
.priceTables ul.metalTabs li a { background-color: #5A5D5A; border: solid #ccc; border-width: 1px 1px 0 1px; border-top-left-radius: 5px; border-top-right-radius: 5px; color: White; display: block; padding: 6px 12px 7px; font-weight: bold; text-decoration: none; }
.priceTables ul.metalTabs li a:hover { text-decoration: none; }
.priceTables ul.metalTabs li.selected a { background-color: White; color: Black; }
.priceTables table.PT td.hover { background-color: #99efff; }
.priceTables table.PD td.hover { background-color: #ff9999; }
.priceTables table.RH td.hover { background-color: #99ff99; }
.priceTables table.IR td.hover { background-color: #ffff99; }
.priceTables table.RU td.hover { background-color: #ffbbff; }

.item-trigger p { display: none; }
.lightbox-content p { display: block; height: 20px; background-color: #fff; margin-bottom: 0px; padding: 5px 0px; }

.audioStream { height: 47px; width: 330px; position: relative; float: left; padding: 11px 4px 0 0; margin-top: 10px; background: transparent url('/assets/images/PT_audio_player_button.jpg') no-repeat top right; }
.audioDownload { height: 47px; width: 353px; position: relative; float: right; padding: 16px 4px 0 0; margin-top: 10px; background: transparent url('/assets/images/PT_podcast_button.jpg') no-repeat top right; }
.audioStream div { padding: 0 0 0 22px; }
.audioDownload a { color: #0066B8; font-size: 14px; padding: 0 0 0 70px; }





/********** END MODULES **********/