/*--------------------------------------------------------------------
 * stylesheet for London Metal Exchange
 * by:
    Reading Room
    www.readingroom.com
	
 * main screen, projection styles
--------------------------------------------------------------------*/
* {padding: 0; margin: 0;}
html {height: 102%;}/*always show scrollbar*/
body {font: 62.5% Arial, Helvetica, sans-serif; color: #121212; background: #ffffff; text-align: center;}
img {border: none;}

/*--------Links - base styles--------*/
a {font-weight: bold; color: #31657f; text-decoration: none;}
a:visited {color: #658C9F;}
a:focus {text-decoration: underline; outline: none;}
a:hover {text-decoration: underline;}
a:active {text-decoration: underline; outline: none;}

/*--------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; border-left: 1px solid #c4c5c6;}
.wrap thead th {background: #e6e6e6 url(/assets/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; border-left: 1px solid #c4c5c6;}
.wrap table p {margin: 0; font-size: 1em;}


/*--------Forms - base styles--------*/
fieldset {border: 0;}
legend {font-weight: normal; font-size: 1.8em; color: #31657E; margin: 0 0 .5em;}
label {font-weight: bold; font-size: 1.2em; vertical-align: middle; cursor: pointer;}
input, select, textarea {font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; vertical-align: middle;}





/*--------Common stuff--------*/
/*- containers -*/
.wrap {clear: both; text-align: left; margin: 0 auto; max-width: 1160px;}
.con {clear: both; margin: 0 auto; width: 960px; position: relative; z-index: 0;}
.aside {float: left; width: 268px;}
.off-screen {position: absolute; left: -9999px;}
.wysiwyg {clear: both; width: 100%;}/*wraps individual pieces of content*/
.main-heading-container {background: #e6e6e6 url(/assets/images/site/heading-gradient-home.gif.png) repeat-x 0 0;width:600px;}
/*- typography -*/
.main-heading {font-weight: normal; font-size: 2.6em; line-height: normal; background: #e6e6e6 url(/assets/images/site/heading-gradient-home.gif.png) repeat-x 0 0; padding: 7px 15px 7px;}
body.home #content h2.main-heading {padding: 7px 30px 7px; margin: 0 0 30px -28px;}
.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; color: #31657e; 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;}
/*- button styled link -*/
a.more {display: block; float: right; font-size: 1.3em; color: #ffffff; text-align: center; background: #000000; padding: 2px 3px; border: 1px solid #000000;}
td a.more, p a.more {display: inline-block; float: none; font-size: 1em;}
a.more:visited {color: #ffffff;}
a.more:focus {color: #000000; text-decoration: none; background: #ffffff;}
a.more:hover {color: #000000; text-decoration: none; background: #ffffff;}
a.more:active {color: #000000; text-decoration: none; background: #ffffff;}
/*- arrow styled link -*/
a.arrow-link {display: inline-block; font-weight: normal; font-size: 1.2em; color: #121212; background: url(/assets/images/site/red-arrow.gif.png) no-repeat 0 50%; padding: 0 0 0 15px;}
table a.arrow-link {font-size: 1em; background-position: 0 .2em;}
a.arrow-link:visited {color: #121212;}
/*- navigation -*/
.nav {list-style-type: none; font-size: 1.4em; line-height: normal; margin: 0;}
.nav li {display: inline; padding: 0; margin: 0 0 0 20px;}
.nav li:first-child {margin: 0;}
.nav li a {font-weight: normal; color: #121212;}
.nav li a:visited {color: #121212;}
/*- arrow styled list -*/
.arrow-list {list-style-type: none; font-size: 1.2em; line-height: normal; margin: 10px 0 0;}
.arrow-list li {background: url(/assets/images/site/red-arrow.gif.png) no-repeat 0 .2em; padding: 0 0 10px 15px; margin: 0; position: relative;}
.arrow-list li a {font-weight: normal; color: #121212;}
.arrow-list li a:visited {color: #121212;}
/*- listing -*/
ul.listing {overflow: hidden;}
ul.listing li {float: left; width: 100%; list-style-type: none; margin-left: 0; border-bottom: 1px solid #c7c7c7;}
ul.listing .listing-item {position: relative; 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(/assets/images/site/red-arrow.gif.png) no-repeat 0 .3em; padding: 0 0 5px 15px;}
ul.listing .listing-item img {float: left; border: 1px solid #000000; margin: 5px 10px 10px 15px;}
ul.listing .listing-item p {margin: 0 0 0 15px;}
/*- alignment -*/
img.left, th.left, td.left {text-align: left;}
img.center, th.center, td.center {text-align: center;}
img.right, th.right, td.right {text-align: right;}
img.top, th.top, td.top {vertical-align: top;}
img.middle, th.middle, td.middle {vertical-align: middle;}
img.bottom, th.bottom, td.bottom {vertical-align: bottom;}
.floatLeft {float: left;}
.floatRight {float: right;}

/*--------Header--------*/
#logo {font-size: 1em; line-height: normal; padding: 20px 0 30px;}
h1#logo {font-weight: bold; margin: 0;}
#logo a {text-indent:-999em; display:inline-block;}
#logo img {float:left;}
strong#logo {display: block;}

/*--------Page body--------*/
#page-body {padding: 0 0 30px; margin: -48px auto 20px; overflow: hidden;}

/*--------Content--------*/
#content-wrap {float: left; width: 100%;}
body.home #content-wrap {background: #ffffff url(/assets/images/site/wrap-sprite.png) no-repeat -2306px 0; padding: 2px 0 0; width: 632px;}
body.std-2-col #content-wrap {background: url(/assets/images/site/wrap-sprite.png) no-repeat -960px 0; padding: 0 13px; margin: 0 0 0 4px; width: 662px;}
body.non-std-2-col #content-wrap {background: url(/assets/images/site/wrap-sprite.png) no-repeat -960px 0; padding: 0 13px; width: 662px;}
#content {float: left; width: 100%;}
body.home #content {padding: 0 30px; width: 572px; overflow: hidden; position: relative;}
#content #content-header {clear: both; float: left; margin: 0 0 15px; width: 100%; position: relative;}
#content #content-header h1 {clear: both; margin: 0;}/*cleared to force onto new line*/

/*--------Dashboard styles--------*/
#dashboard-content-wrap {float: left;width: 100%;padding: 9px;width: 940px;}
#dashboard-title {float: left;width: 940px;background: #ffffff;display: block;font-size: 2.6em;padding: 9px;}

/*--------Related content--------*/
#related-content {float: right; margin: 0 0 0 4px;}
body.home #related-content {width: 324px;}

/*--------Site wide tools - Global nav--------*/
#nav-global-wrap {background: #f1f1f1 url(/assets/images/site/nav-global-gradient-l.gif.png) no-repeat 0 100%; border-top: 1px solid #ffffff; position: absolute; right: 0; top: 0;}
#nav-global {font-size: 1.3em; background: url(/assets/images/site/nav-global-gradient-r.gif.png) no-repeat 100% 100%; overflow: hidden;}
#nav-global li {display: block; float: left; background: url(/assets/images/site/nav-global-tab-bdr.gif.png) no-repeat 0 50%; padding: 10px 15px; margin: 0;}
#nav-global li a {background: url(/assets/images/site/red-arrow.gif.png) no-repeat 0 50%; padding: 0 0 0 15px;}

/*--------Banner - Hero--------*/
#hero {background-repeat: no-repeat; background-position: center top; height: 217px;}
.home #hero {height: 385px;}
#hero .con {z-index: 1;}

/*--------Primary nav--------*/
#nav-pri {float: left; background: #010101 url(/assets/images/site/nav-pri-gradient.gif.png) repeat-x 0 0; padding: 3px 0 0; border-bottom: 2px solid #e32c1e; width: 100%;}
#nav-pri li {display: block; float: left; background: url(/assets/images/site/nav-pri-bdr.gif.png) no-repeat 100% 100%; padding: 0 1px 0 0; margin: 0;}
#nav-pri li a {display: block; float: left; font-weight: normal; color: #ffffff; padding: 9px 30px 12px;}
/* Selected */
#nav-pri li.selected a {background: #e22c1e url(/assets/images/site/nav-pri-gradient-on.gif.png) repeat-x 0 0;}
#nav-pri li a:hover {color: #121212; background: #ffffff url(/assets/images/site/nav-pri-gradient-hov.png) repeat-x 0 0;}
#nav-pri li:hover a:first-child {color: #121212; background: #ffffff url(/assets/images/site/nav-pri-gradient-hov.png) repeat-x 0 0;}
/* Mega dropdown menu */
#nav-pri li .dropdown-wrap {background: #f1f1f1 url(/assets/images/site/dropdown-wrap-gradient.png) repeat-x 0 100%; padding: 20px 0; border-width: 2px 1px 1px; border-style: solid; border-color: #ffffff #c7c7c7 #c7c7c7; width: 958px; overflow: hidden; position: absolute; left: -9999px;}
#nav-pri li:hover .dropdown-wrap {left: 0; top: 2.8em;}
#nav-pri li .dropdown-wrap .col {float: left; padding: 0 2px; border-right: 1px solid #ffffff; width: 234px;}
#nav-pri .dropdown-wrap .col ul {list-style-type: none; line-height: normal; margin: 0;}
#nav-pri .dropdown-wrap .col ul li {float: none; background: none; padding: 0; margin: 0 0 20px;}
#nav-pri .dropdown-wrap .col ul li a {float: none; color: #121212; background: url(/assets/images/site/red-arrow.gif.png) no-repeat 24px .3em; padding: 2px 35px; width: 164px;}
#nav-pri .dropdown-wrap .col ul li a:hover {background-color: #ffffff;}
#nav-pri .dropdown-wrap .col ul li ul {list-style-type: none; font-size: .9285em;}
#nav-pri .dropdown-wrap .col ul li ul li {margin: 0;}
#nav-pri .dropdown-wrap .col ul li ul li a {background: url(/assets/images/site/black-dot-bullet.png) no-repeat 27px .6em;}
/* Mega dropdown focus styles */
#nav-pri li.focused .dropdown-wrap	{left:0px; margin-top:36px;}
#nav-pri li.focused a.focused	{color:#121212; background:#ffffff url(/assets/images/site/nav-pri-gradient-hov.png) repeat-x 0 0;}

/*--------Secondary nav--------*/
#nav-sec-title {display: block; font-size: 2.6em; color: #ffffff; background: #020202 url(/assets/images/site/nav-sec-title.gif.png) repeat-x 0 0; padding: 9px 15px 8px;}
#nav-sec .nav {background: url(/assets/images/site/wrap-sprite.png) no-repeat -2938px 0; padding: 15px 0 0;}
/* 2nd level */
#nav-sec ul {list-style-type: none;}
#nav-sec li {display: block; padding: 0 10px 0; margin: 0;}
#nav-sec li a {display: block; padding: 0 0 15px 15px; width: auto;}
#nav-sec li.selected a {background: url(/assets/images/site/red-arrow.gif.png) no-repeat 0 .2em;}
/* 3rd level */
#nav-sec li.selected ul {font-size: .8571em; padding: 0; margin: 0;}
#nav-sec li.selected ul li.selected {padding-bottom: 0;}
#nav-sec li.selected ul li a {background: none; padding: 0 0 15px 30px; width: auto;}
#nav-sec li.selected ul li.selected a {background:url(/assets/images/site/red-arrow.gif.png) no-repeat 15px .3em;}
/* 4th level */
#nav-sec li.selected ul li.selected ul {font-size: 1em;}
#nav-sec li.selected ul li.selected ul li a {background: none; padding: 0 0 15px 45px;}
#nav-sec li.selected ul li.selected ul li.selected a {background: url(/assets/images/site/red-arrow.gif.png) no-repeat 30px .3em;}
/* 5th level - not styled */

 /*--------Breadcrumb--------*/
#nav-crumb {float: left; font-size: 1.2em; padding: 16px 0 17px; border-bottom: 1px solid #c7c7c7; margin: 0; width: 100%;}
#nav-crumb li {margin: 0 5px 0 0;}
#nav-crumb li a {background: url(/assets/images/site/nav-crumb-arrow.gif.png) no-repeat 100% .3em; padding: 0 10px 0 0;}

/*--------Footer--------*/
#nav-footer {background: #f1f1f1 url(/assets/images/site/nav-footer-gradient.gif.png) repeat-x 0 100%; padding: 21px 30px 18px; border-bottom: 1px solid #ffffff;}
#nav-footer li {margin: 0 0 0 60px;}
#nav-footer li:first-child {margin: 0;}
#nav-footer li a {font-weight: bold;}
#copyright {font-size: 1.1em; color: #ffffff; background: #040404 url(/assets/images/site/copyright-gradient.gif.png) repeat-x 0 100%; padding: 21px 30px 18px; margin: 0;}

/*--------Tabs--------*/
.nav-tabs {list-style-type: none; font-size: 1.2em; line-height: normal; background: url(/assets/images/site/tabs-bdr.gif.png) repeat-x 0 100%; margin: 0 0 1px; overflow: hidden; float: left; width: 100%;}
.nav-tabs .tab {display: inline; margin: 0;}
.nav-tabs .tab a {display: block; float: left; font-weight: normal; color: #121212; background: #d9d9d9 url(/assets/images/site/tab-gradient.gif.png) repeat-x 0 100%; padding: 15px; border-width: 1px 1px 0; border-style: solid; border-color: #c7c7c7; margin: 0 2px 0 0;}
.nav-tabs .tab.selected a {background: #f4f4f4 url(/assets/images/site/tab-gradient-on.gif.png) repeat-x 0 100%;}
.nav-tabs .tab a:visited {color: #121212;}
.nav-tabs .tab a:hover {text-decoration: none; background: #f4f4f4 url(/assets/images/site/tab-gradient-on.gif.png) repeat-x 0 100%;}
.nav-tabs .tab a:focus,
.nav-tabs .tab a:active {text-decoration: none; background: #f4f4f4;}
.nav-tabs .tab.selected a span {background: url(/assets/images/site/red-arrow.gif.png) no-repeat 0 50%; padding: 0 0 0 15px;}
.tab-content {clear: both;}
.js-on .tab-content {display: none;}
.js-on .tab-content.open {display: block;}
/* ..modifications for tab feature */
.tab-feature {background: url(/assets/images/site/tab-wrap-gradient.gif.png) repeat-x 0 100%; border-bottom: 1px solid #c7c7c7; margin: 0 0 20px 0; width: 658px; position: relative;}
.tab-feature .nav-tabs {margin: 0;}
.tab-feature .tab-content {background: #f4f4f4 url(/assets/images/site/wrap-sprite.png) no-repeat -1648px 0; padding: 15px; width: 628px; overflow: hidden;}
.tab-feature .panel {background: none; padding: 0; margin: 0; border: 0;}
.tab-feature .panel h2 {padding: 0; background: none; font-size: 1.8em; line-height: 1.5em; margin: 0 0 0.25em; font-weight: bold;}

/*--------Quote feature--------*/
.quote-feature {clear: both; background: url(/assets/images/site/quote-open.gif.png) no-repeat 0 5px; padding: 0 0 .4em 110px; border-bottom: 1px solid #c7c7c7; margin: 0 0 1.5em; min-height: 8.4em; height: auto!important; height: 8.4em;}
.quote-feature blockquote p {font-size: 2em; margin: 0; position: relative;}

/*--------Two column feature--------*/
.two-col-feature {float: left; margin: 0 0 15px; width: 100%;}
.two-col-feature .sub {float: left; width: 320px;}
.two-col-feature .sub:first-child {margin: 0 22px 0 0;}
.two-col-feature .sub h2 {padding: 0 0 0 15px;}
/*- ?details sub panel? -*/
.two-col-feature .details h2{padding: 0 0 0 0;}
.two-col-feature .details .listing .title {font-size: 1em;}
/*- two col feature inside a tab area -*/
.tab-content .two-col-feature {margin: 0;}
.tab-content .two-col-feature .sub {width: 303px;}
/*- two col feature with table -*/
.two-col-feature table {width: 100%;}

/*--------Three column footer feature--------*/
#three-col-footer-feature {padding: 30px 0 30px 30px; border-top: 1px solid #c7c7c7; width: 930px; overflow: hidden;}
body.home #three-col-footer-feature {background: url(/assets/images/site/wrap-sprite.png) no-repeat 0 0;}
#three-col-footer-feature .sub {float: left; padding: 0 30px 0 0; width: 280px;}
#three-col-footer-feature .sub h2 {font-size: 1.4em;}

/*--------Content tools--------*/
#content-header #content-tools {float: right; list-style-type: none; font-size: 1em; line-height: normal; padding: 10px 0 0; margin: 0;}
#content-header #content-tools li {display: inline; margin: 0;}
/*- social -*/
#content-header #content-tools li#social ul {display: inline; list-style-type: none; font-size: 1em; line-height: normal; margin: 0;}
#content-header #content-tools li#social ul li {float: right; margin-left: 10px;}/*float right reverses order but helps keep vertical alignment*/
/* ..mods on social buttons */
#li_ui_li_gen_1.right {margin-right: 0 !important;}/*linkedin widget adds extra space to the right*/
/*- rss -*/
#content-header #content-tools li#rss {float: right; vertical-align: top;}
/*- lang -*/
#content-header #content-tools li#lang {display: block; clear: right; width: 100%;}
#content-header #content-tools li#lang ul {float: right; list-style-type: none; font-size: 1em; line-height: normal; text-align: right; padding: 0 18px 0 0; margin: 0; width: 300px;}
/*- back to search -*/
#content-footer {clear: both; padding: 10px 0 0 0; border-top: 1px solid #c7c7c7; width: 100%; overflow: hidden;}
.back {font-weight: normal; font-size: 1.2em; color: #121212; background: url(/assets/images/site/red-arrow-left.gif.png) no-repeat 0 .2em; padding: 0 0 0 15px;}
.back:visited {color: #121212;}

/*--------Want more data feature--------*/
.want-more-data-feature {background: #ffffff url(/assets/images/site/panel-gradient-home.gif.png) repeat-x 0 100%; border: 1px solid #c7c7c7; padding: 15px; margin: 0 0 15px; width: 630px; overflow: hidden;}
.want-more-data-feature h2 {font-size: 2.2em; background: #275369 url(/assets/images/site/green-heading-gradient.gif.png) repeat-x 0 0; color: #ffffff; padding: 7px 15px 7px; margin: -15px 0 15px -15px; width: 630px;}
.want-more-data-feature .left {float: left; width: 291px;}
.want-more-data-feature .left img {border: 1px solid #000000;}
.want-more-data-feature .right {float: right; margin: 0 0 0 31px; width: 308px;}
.want-more-data-feature h3 {font-weight: normal; font-size: 1.8em;}
.want-more-login .form-container {width: 276px;}
.want-more-login .form-container fieldset {margin: 0;}
.want-more-login .form-container .field label {width: 65px;}
.want-more-login .form-container .multi-field label {width:160px;}
.want-more-login .form-container .field-txt input {padding: 0; width: 190px;}
.want-more-login .form-container .multi-field input {margin: 0 5px 0 79px;}
.want-more-login .form-container .field-btn {text-align: right; padding-right: 0; width: 272px;}
.want-more-data-feature .panel {width: 276px;}
.want-more-data-feature .right .rich-text-wrap img {display: block; margin: 0 0 10px;}
.want-more-data-feature p a.more {display: block; float: right; font-size: 1.1em}
.want-more-data-feature p a.arrow-link {font-size: 1em;}


/*--------Web form (standard form)--------*/
.form-container {clear: both; background: url(/assets/images/site/panel-gradient-home.gif.png) repeat-x 0 100%; padding: 15px; border: 1px solid #C7C7C7; margin: 0 0 15px; width: 630px; overflow: hidden;}
.form-container fieldset {margin: 0 0 5px;}
.form-container h2 {font-weight: normal; font-size: 1.8em; line-height: normal; color: #31657E; margin: 0 0 .5em;}
/* ..text, textarea, select fields - base style */
.form-container .field {clear: both; float: left; padding: 0 0 10px; width: 100%;}
.form-container .field label {display: inline-block; text-align: right; padding: 3px 10px 0 0; vertical-align: top; width: 150px;}
.form-container .field strong.faux-label {display: inline-block; font-size: 1.2em; text-align: right; padding: 0 10px 0 0; vertical-align: top; width: 150px;}
.form-container .field span.companyStatic {font-size:1.2em;}
.form-container .field-txt input {vertical-align: top; padding: 2px 3px; width: 190px;}
.form-container .long input {width: 380px;}/*longer length*/
.form-container .field textarea {padding: 2px 3px; width: 190px;}
.form-container .long textarea {width: 380px;}/*longer length*/
.form-container .field select {padding: 2px 3px; width: 200px;}
.form-container .long select {width: 390px;}/*longer length*/
/* ..checkboxes, radio button fields */
.form-container .multi-field {padding: 0 0 5px;}
.form-container .multi-field label {font-weight: normal; text-align: left; padding: 0 10px 0 0; width: 390px;}
.form-container .multi-field input {float: left; margin: 0 10px 0 163px;}
/* ..Multiple checkboxes */
.multicheck {position: relative;overflow:hidden;clear:both;padding: 20px 0 20px 160px;}
.multicheck p {position:absolute;top:16px;left:0px;width:150px;padding-bottom: 10px;text-align:right;font-weight:bold;}
.multicheck .multi-field label {width:200px;}
.multicheck .multi-field input {margin-left: 0px;}
.multicheck .column {float: left;width: 50%;}
/* ..submit buttons */
.form-container .field-btn {text-align: right; width: 363px;}
.form-container .long-field-btn {width: 553px;}/*longer length*/
input.submit {font-weight: bold; font-size: 1.3em; background: #000000; color: #ffffff; cursor: pointer; padding: 2px 3px; border: 1px solid #000000; margin: 0 0 0 5px; width: auto;}
input.submit:focus {color: #000000; background: #ffffff;}
input.submit:hover {color: #000000; background: #ffffff;}
input.submit:active {color: #000000; background: #ffffff;}
/* ..? */
.form-container .multi-field label.terms {width: 200px; padding-right: 0;}
.form-container .multi-field label.share {width: 310px;}
/* ..captcha */
.captcha {clear: both; padding: 0 0 15px 160px; overflow: hidden;}
#recaptcha_image {margin: 0 0 5px; }
.captcha_inputs img {vertical-align:middle;}
.recaptcha_audio_cant_hear_link {font-size: 1.2em;}
div.recaptcha_only_if_image,
div.recaptcha_only_if_audio {display: block; font-weight: bold; font-size: 1.2em;}
#recaptcha_response_field {padding: 2px 3px; width: 190px;}
.recaptcha_get_another {font-size: 1.1em;}
.captcha_inputs span {margin: 0 2px 0 0;}
span.recaptcha_only_if_image,
span.recaptcha_only_if_audio {font-size: 1.1em;}
.recaptcha_help {font-size: 1.1em;}
/* ..instructions, help, error text */
.form-container p {font-size: 1.2em; margin: 0 0 5px;}
.form-container p.instr {padding: 0 0 0 160px;}
.form-container .error {display: block; color: #E32C1E; padding: 0; width: 100%;}
.form-container .field .error {display: inline-block; font-size: 1.2em;line-height: 1.5em; vertical-align: middle; padding: 0 0 0 10px; width: 180px;}
.form-container .long .error {display: block; padding: 0 0 0 160px; width: auto;}/*longer length*/
.form-container .multi-field .error {clear: both; display: block; padding: 0 0 0 183px; width: auto;}
.form-container .required {display: inline-block; vertical-align: top; margin: 2px 0 0;}

/* -- Confirms details -- */
ul.confirmDetails {margin:20px 0 40px 120px;padding:0;}
ul.confirmDetails li {overflow:hidden;clear:left;list-style:none; margin:0 0 15px 0;padding:0;}
ul.confirmDetails li strong {float:left;display:block;padding: 0 10px 0 0;text-align: right;vertical-align: top;width: 150px;}

/* -- Progress -- */
.register {position:relative;padding-top: 60px;}
.register .step-intro {margin: 0 0 1.5em;}
ul.progress {position:absolute;top:15px;left:15px;overflow:hidden;width:630px;margin:0;padding:0;border:1px solid #ccc;}
ul.progress li {float:left;list-style:none;margin:0;padding:0;}
ul.progress li {display:block;padding:3px 35px 3px 15px; background: url(/assets/images/site/progressArrow.png) no-repeat top right;}
ul.progress li.active {background: #799FB8 url(/assets/images/site/progressArrow.png) no-repeat right -26px; color: #fff;}
ul.progress li.previous {background: url(/assets/images/site/progressArrow.png) no-repeat right -52px}

/*--------Filter form (multiple fields split over 2 cols)--------*/
.filter {padding: 15px 15px 10px;}
.panel .filter {margin: 0; width: 600px;}
.filter fieldset {margin: 0;}
.form-container .field-col-wrap {clear: both; float: left; width: 100%;}
.form-container .field-col-wrap .field-col {float: left; padding: 0 10px 0 0; width: 295px;}
.panel .filter .field-col-wrap .field-col {width: 290px;}
.form-container .field-col-wrap .field-col .field {white-space: nowrap;}
.form-container .field-col-wrap .field-col .field label {width: 83px;}
.form-container .field-col-wrap .field-col .field-txt input {width: 180px;}
.panel .form-container .field-col-wrap .field-col .field-txt input {width: 166px;}
.form-container .field-col-wrap .field-col .field select {width: 190px;}
.panel .form-container .field-col-wrap .field-col .field select {width: 176px;}
.filter .field-btn {width: 591px;}
.panel .filter .field-btn {width: 572px;}
.form-container .field-col-wrap .field-col .field-btn {width: 286px;}
.panel .form-container .field-col-wrap .field-col .field-btn {width: 272px;}
.form-container .field-col-wrap .field-col .field .error {display: block; clear: both; padding: 0 0 0 95px; width: 190px;}
/* ..checkboxes, radio button fields split over 2 cols */
.form-container fieldset fieldset {margin: 0 0 15px;}
.form-container fieldset fieldset legend {font-weight: bold; font-size: 1.2em; color: #121212;}
.form-container .multi-field-col-wrap {padding: 0 0 0 163px; width: 467px;}
.form-container .multi-field-col-wrap .field-col {width: 200px;}
.form-container .multi-field-col-wrap .field-col .multi-field {white-space: normal;}
.form-container .multi-field-col-wrap .field-col .multi-field label {padding: 0; width: 172px;}
.form-container .multi-field-col-wrap .field-col .multi-field input {margin-left: 0;}

/*--------Inline form (single field)--------*/
.inline {padding: 15px 15px;}
.inline fieldset {margin: 0;}
.inline .field {padding: 0;}
.inline .field label {vertical-align: middle; width: 190px;}
.inline .field input {vertical-align: middle;}
.inline .field input.submit {width: auto;}

/*--------Sub panel form--------*/
.sub-panel .form-container {width: 263px;}
.sub-panel .form-container fieldset {margin: 0;}
.sub-panel .form-container .field label {display: block; text-align: left; vertical-align: middle; padding: 0 0 2px; width: auto;}
.sub-panel .form-container .field-txt input {width: 230px;}
.sub-panel .form-container .field textarea {width: 230px;}
.sub-panel .form-container .field select {width: 240px;}
.sub-panel .form-container .field-btn {padding: 0; width: 240px;}

/*--------Form feature (right hand side)--------*/
.form-feature .form-container {width: 236px;}
.form-feature .form-container fieldset {margin: 0;}
.form-feature .form-container .field label {display: block; text-align: left; vertical-align: middle; padding: 0 0 2px; width: auto;}
.form-feature .form-container .field-btn {padding: 0; width: 200px;}

/*--------Panels (market data styled boxes)--------*/
.panel {background: #ffffff url(/assets/images/site/panel-gradient-home.gif.png) repeat-x 0 100%; padding: 15px; border: 1px solid #c7c7c7; margin: 0 0 15px; width: 630px; overflow: hidden;}
.panel h2 {font-weight: normal; font-size: 2.2em; line-height: normal; background: #e6e6e6 url(/assets/images/site/heading-gradient-home.gif.png) repeat-x 0 0; padding: 7px 15px 7px; margin: -14px 0 15px -14px; width: 628px;}
.panel h2.main-heading {font-size: 2.6em;}
.panel h2.stocks-heading {font-weight: bold; font-size: 1.1em; text-align: right; background: none; padding: 0; margin: 0 0 15px; width: auto;}
.panel h2.stocks-heading-left {font-weight: bold; font-size: 1.1em; text-align: left; background: none; padding: 0; margin: 0 0 15px; width: auto;}
/* ..panel variations */
.two-col-panel-feature {clear: both; float: left; width: 100%;}/*two col panel feature*/
.two-col-panel-feature .panel {float: left; width: 292px;}
.two-col-panel-feature .panel:first-child {margin: 0 14px 15px 0;}
.two-col-panel-feature .panel h2 {width: 290px;}
body.home .aside .panel {width: 292px;}/*homepage panel feature*/
body.home .aside .panel h2 {width: 290px;}
/* ..sub panel (create 2 col look inside a full width panel) */
.sub-panel-row {clear: both; float: left; width: 100%;}
.sub-panel {float: left; padding: 0 15px 0 0; width: 300px;}
/* ..courseSpec */
.courseSpec .panel h2 {background: none; width: auto; margin: 0 0 10px 0; padding: 0; text-align: left; font-weight: bold; font-size: 1.4em;}
.courseSpec .panel .link-feature {margin: 0 0 20px 0;}
.courseSpec .panel .link-feature h2 {background: none; width: auto; margin: 0 0 10px 0; padding: 0; text-align: left; font-weight: bold; font-size: 1.4em;}
.courseSpec .panel .fullPanel {clear: both; width: 100%;}
.courseSpec .panel table tr td.booknow {width: 70px; text-align: center;}
/* ..information list in two column subpanel*/
.sub-panel ul.information {margin: 0 0 15px 0; padding-bottom: 5px; border-bottom: 1px solid #c7c7c7;}
.sub-panel ul.information li {clear: both; list-style:none; margin: 0 0 10px 0;}
.sub-panel ul.information li h2 {float: left; display: block; width: 80px; margin: 0; padding: 0; background: none; font-weight: bold; font-size: 1em;}
.sub-panel ul.information li.address h2 {margin-bottom: 60px;}
.sub-panel ul.information li p {margin:0; line-height: normal;}
.sub-panel ul.information li.booknow {margin-left: 80px;}

/*--------Disclaimer--------*/
.disclaimer-btns {clear: both; float: left; width: 100%; text-align: center;}
.disclaimer-btns a.more {display: inline-block; float: none;}

/*--------Options calculator--------*/
/* ..form */
#options_calculator .field {position:relative; width: 630px; height:3em;}
#options_calculator .field label {width:220px;}
#options_calculator .field label span.note {display:block;font-weight:normal;}
#options_calculator input.percent {width:105px;padding-right: 15px; background: #fff url(/assets/images/site/percent.gif) no-repeat top right;border: 1px solid #A5ACB2}
#options_calculator input.dollar {width:105px;padding-left: 15px;background: #fff url(/assets/images/site/dollar.gif) no-repeat top left;border: 1px solid #A5ACB2}
#options_calculator .field select {width:60px;margin: 0 5px 8px 1px;}
#options_calculator .field-btn {padding: 0; width: 363px;}
#options_calculator .field-btn input {width:auto;}
#options_calculator input.submit {float: right;}
/* ..clear button */
a.clear {float: right;width: 50px;display:block;text-align:center;font-weight: bold; font-size: 1.3em; background: #000000; color: #ffffff; cursor: pointer; padding: 3px 3px; border: 1px solid #000000; margin: 0 5px 0 5px;}
a.clear:hover {text-decoration: none;font-weight: bold; color: #000000; background: #ffffff;}
a.clear:focus {text-decoration: none;font-weight: bold; color: #000000; background: #ffffff;}
a.clear:visited {text-decoration: none;font-weight: bold; color: #ffffff; background: #000000;}
/* ..tips */
#options_calculator .field .frmTip {display:inline-block;vertical-align:top;}
#options_calculator .field .error {vertical-align:top; width:200px; line-height:normal;}
#options_calculator .FAQ {display:none;position:absolute;top:-10px;right:-10px;width:230px;padding:10px;background:#fff;border:1px solid #ccc;z-index:1000;}
#options_calculator .FAQ h2 {font-size:1.2em;}
#options_calculator .FAQ p {font-size:1.1em;}
#options_calculator .AJAXload {position: absolute; top: 45%;right: 120px;}
/* ..results */
.calculator_results {width:100%;}
.calculator_results th {text-align:left;}
.calculator_results th a {position:relative;color:#121212 !important;}
.calculator_results th a span {position:absolute;top:-20px;left:-160px;width:140px;padding:10px;background:#fff;border:1px solid #ccc;display:none;}
.calculator_results th a span h3 {font-weight:normal;font-size:1em;color:#31657E;}
.calculator_results th a span p {font-weight:normal;font-size:1em;}
.calculator_results td {text-align:left;}

/*--------Site map--------*/
.two-col-feature .sub h2.sitemap {background: url(/assets/images/site/red-arrow-large.gif.png) no-repeat 0 50%; padding: 0 0 0 25px; margin: 0 0 0;}
.two-col-feature .sub ul.sitemap {margin: 0 0 20px 20px;}
.two-col-feature .sub ul.sitemap li {margin-bottom: 0; margin-left: 25px;}
.two-col-feature .sub ul.sitemap li ul {font-size: 0.9em;}
.two-col-feature .sub ul.sitemap li ul li ul {font-size: 1em;}

/*--------Tooltip--------*/
.form-container .field {position: relative;}
#tooltip {color: #362b36; text-align: left; background: #e7f1f9; padding: 5px; border: 1px solid #aed0ea; width: 280px; position: absolute; z-index: 1000;}
#tooltip h2 {font-size: 1.2em; line-height: normal; margin: 0 0 5px;}
#tooltip p {font-size: 1.1em; line-height: normal; margin: 0 0 5px;}

/*--------Quick search - Search site form--------*/
#form-search {position: absolute; right: 0; bottom: 15px;}
#form-search label {float: left; font-size: 1.4em; line-height: 1.5em; vertical-align: middle; margin: 0 10px 0 0;}
#form-search .input-wrap {float: left; padding: 3px 5px; border: 1px solid #c7c7c7;}
#form-search input {border: 0;}
#related-content .sub h2 {font-weight: normal; font-size: 2.2em; color: #ffffff; background: #010101 url(/assets/images/site/quicklinks-heading-gradient.gif.png) repeat-x 0 0; padding: 8px 15px 7px; margin: 0;}
#related-content .sub h2.grey {color: #121212; background: #E6E6E6 url(/assets/images/site/wrap-sprite.png) no-repeat -3474px 0; border-width: 1px 0 0; border-style: solid; border-color: #cacaca;}

/*--------Promo (homepage carousel)--------*/
#promo-wrap {
background: url(/assets/images/site/promo-wrap-opacity-fix.png) repeat-x 0 0;/*for IE*/
background: rgba(0, 0, 0, 0.75);/*for modern browsers*/
padding: 1px 0; height: 189px; overflow: hidden; position: relative; top: 50px;}
#promo-wrap .con {z-index: 0;}
#promo-wrap .con h2 {float: left; font-weight: normal; font-size: 2.4em; line-height: normal; color: #ffffff; text-align: left; padding: 0 30px 0 0; margin: 0; width: 370px; position: relative; top: 60px;}
#promo-wrap .con #promo-con {float: right; background: #ffffff url(/assets/images/site/promo-con-gradient.gif.png) repeat-x 0 100%; padding: 0; width: 560px; height: 189px; position: relative;}
/* ..carousel content */
#promo-wrap .con #promo-con #promo-con-inner {float: left; padding: 5px; width: 317px; height: 179px; position: relative;}
#promo-wrap .con #promo-con #promo-con-inner .promo img {display: block; border: 1px solid #000000; width: 315px; height: 177px;}
/* ..carousel navigation */
#nav-promo {float: right; list-style-type: none; font-size: 1em; padding: 0; border-left: 1px solid #777777; margin: 0; width: 232px;}
#nav-promo li {cursor: pointer; background: url(/assets/images/site/spot-nav-grad.gif) repeat-x; padding: 10px 0 0 25px; border-bottom: 1px solid #c7c7c7; margin: 0; width: 207px; height: 52px;}
#nav-promo li.current,
#nav-promo li:hover {background:#fff url(/assets/images/site/promo-arrow-prev.gif.png) no-repeat 3px center;}
#nav-promo h3 {font-weight: normal; font-size: 1.8em; line-height: 1em; color: #e32c1e; padding: 0 0 2px; margin: 0;}
#nav-promo h3 a {font-weight: normal; color: #e32c1e;}
#nav-promo h3 a:focus,
#nav-promo h3 a:hover,
#nav-promo h3 a:active {color:#e32c1e; text-decoration: underline;}
#nav-promo p {font-size: 1.2em; line-height: 1em; color: #606263; padding: 0; margin: 0;}

/*--------Accordion--------*/
.js-on .accordion .accordion-item .accordion-content {display: none;}
/* ..modifications for spotlight accordion */
.spotlight-accordion .accordion {float: left; list-style-type: none; font-size: 1em; line-height: normal; border-top: 1px solid #c7c7c7; margin: 0; width: 100%;}
.two-col-feature .spotlight-accordion .accordion {width: 320px;}
.tab-content .two-col-feature .spotlight-accordion .accordion {width: 303px;}
#three-col-footer-feature .spotlight-accordion .accordion {width: 280px;}
.spotlight-accordion .accordion .accordion-item {background: url(/assets/images/site/news-heading-gradient.gif.png) repeat-x 0 0; padding: 0 15px; 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: 15px 0; margin: 0;}
.js-on .spotlight-accordion .accordion .accordion-item .accordion-title {background: url(/assets/images/site/news-arrow-off.gif.png) no-repeat 0 50%; padding-left: 25px;}
.js-on .spotlight-accordion .accordion .accordion-item .accordion-title.open {background: url(/assets/images/site/red-arrow-large.gif.png) no-repeat 0 50%;}
.js-on .spotlight-accordion .accordion .accordion-item .accordion-title a {font-weight: normal; color: #121212;}
.js-on .spotlight-accordion .accordion .accordion-item .accordion-title a:visited {color: #121212;}
.spotlight-accordion .accordion .accordion-item .accordion-content {padding: 0 0 15px 25px; position: relative;}
.spotlight-accordion .accordion .accordion-item .accordion-content img {display: block; border: 1px solid #000000; margin: 0 0 5px; width: 231px; height: 130px;}
#three-col-footer-feature .spotlight-accordion .accordion .accordion-item .accordion-content img {width: 181px; height: 102px;}/*resize for smaller width*/
.spotlight-accordion .accordion .accordion-item .accordion-content p {font-size: 1.2em; padding: 10px 0 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;}
.spotlight-accordion .accordion .accordion-item .accordion-content li {margin-left: 40px;}
/*- homepage news accordion -*/
body.home .spotlight-accordion {float: left; width: 288px;}
body.home .spotlight-accordion h2 {font-weight: normal; font-size: 2.6em; margin: 0 0 10px;}

/*--------Link feature--------*/
body.home #related-content .link-feature {background: #ffffff url(/assets/images/site/panel-gradient-home.gif.png) repeat-x 0 100%; padding: 15px; border: 1px solid #C7C7C7; width:292px;}
.link-feature ul {list-style-type: none; font-size: 1.2em; line-height: normal; margin: 0;}
.two-col-feature .link-feature ul {padding: 0 0 0 15px;}
#related-content .link-feature ul {background: url(/assets/images/site/wrap-sprite.png) no-repeat -3206px 0; padding: 15px; margin: 0;}
#related-content .link-feature ul.quick-links {padding: 1px 2px 0; border-right: 1px solid #9f9f9f; border-left: 1px solid #9f9f9f; margin: 0 0 15px;}
body.home #related-content .link-feature ul {list-style-type: none; font-size: 1.2em; line-height: normal; background: none; padding: 15px 0 0; margin: 0;}
.link-feature ul li {background: url(/assets/images/site/red-arrow.gif.png) no-repeat 0 .2em; padding: 0 0 10px 15px; margin: 0;}
#related-content .link-feature ul li {padding: 0 0 15px 15px; margin: 0;}
#related-content .link-feature ul.quick-links li {background: #f1f1f1 url(/assets/images/site/quicklinks-style2-gradient.gif.png) repeat-x 0 100%; padding: 0; border-bottom: 1px solid #9f9f9f; margin: 0;}
body.home #related-content .link-feature ul li {background: url(/assets/images/site/red-arrow.gif.png) no-repeat 0 50%; padding: 0 0 0 15px; margin: 0 0 15px; width: 277px;}
.link-feature ul li strong.glossary-title {display: block;}
.link-feature ul li a {display: block; font-weight: normal; color: #121212;}
.link-feature ul li a:visited {color: #121212;}
#related-content .link-feature ul.quick-links li a {display: block; color: #121212; background: url(/assets/images/site/red-arrow.gif.png) no-repeat 13px .8em; padding: 8px 15px 8px 28px;}

#homepage-link-feature h2.grey, .link-feature h2.grey, .spotlight-accordion h2.grey {color: #848484;}
.link-icons .home-media-info {font-size: 0.8em; margin: 5px 0 0 0;}
.link-icons .reusable-media-info {margin: 7px 0 0 0;}
.link-icons .clear {clear: both;}
.link-icons .icon_pdf {background: url(/assets/images/site/icon_pdf.png) no-repeat 100% 50%; margin: 0 20px 0 0;}
.link-icons .icon_doc,.link-icons .icon_docx {background: url(/assets/images/site/icon_doc.png) no-repeat 100% 50%; margin: 0 20px 0 0;}
.link-icons .icon_xls,.link-icons .icon_xlsx {background: url(/assets/images/site/icon_xls.png) no-repeat 100% 50%; margin: 0 20px 0 0;}
.link-icons .icon_ppt,.link-icons .icon_pptx {background: url(/assets/images/site/icon_ppt.png) no-repeat 100% 50%; margin: 0 20px 0 0;}
.link-icons .icon_txt {background: url(/assets/images/site/icon_txt.png) no-repeat 100% 50%; margin: 0 20px 0 0;}

/*--------Calendar Links feature--------*/
/*dependent on link feature*/
.calendar-links ul li {padding: 0 75px 20px 15px; position: relative;}
.calendar-links ul li a.more {font-weight: bold; font-size: 1em; color: #ffffff; background: #000000; position: absolute; right: 0; top: 0;}
.calendar-links ul li a.more:visited {color: #ffffff; background: #000000;}
.calendar-links ul li a.more:focus {color: #000000; background: #ffffff;}
.calendar-links ul li a.more:hover {color: #000000; background: #ffffff;}
.calendar-links ul li a.more:active {color: #000000; background: #ffffff;}
.calendar-links .see-more {text-align: right;}
/* ..see more training dates */
.calendar-links .see-more a {font-size: 1.2em; background: url(/assets/images/site/red-arrow.gif.png) no-repeat 0 50%; padding: 0 0 0 15px;}

/*--------Spotlight list--------*/
.spotlight {padding: 0 0 15px;}
#nav-pri .spotlight {float: left; padding: 0 25px 0 26px; width: 183px;}
#related-content .spotlight {background: url(/assets/images/site/wrap-sprite.png) no-repeat -3206px 0;}
.two-col-feature .spotlight {padding: 0 15px 15px 15px;}
#nav-pri .spotlight h2 {font-size: 1em;}
.two-col-feature .spotlight h2 {padding: 0 0 10px 0;}
#related-content .spotlight h2 {margin: 0 0 5px;}
body.home #three-col-footer-feature .spotlight h2 {font-size: 1.3em;}
.spotlight img {border: 1px solid #000000; margin: 0 0 5px; width: 181px; height: 102px;}
#related-content .spotlight img {margin: 0 15px 5px;}
.spotlight a.goto {display: block; font-weight: normal; font-size: 1.2em; color: #121212; padding: 0;}
#nav-pri .spotlight a {background: none !important; padding: 0;}
#nav-pri .spotlight a.goto {font-size: 1em; color: #121212;}
#related-content .spotlight a.goto {margin: 0 15px;}
.spotlight a.goto:visited {color: #121212;}

/*--------Related content (to float higher up on page)--------*/
.related {float: right; background: #ffffff url(/assets/images/site/panel-gradient-home.gif.png) repeat-x 0 100%; padding: 15px; border: 1px solid #C7C7C7; margin: 0 0 20px 20px; width: 288px;}

/*--------Ring trading times--------*/
#related-content .ring-trading-times {margin: 0 0 15px;}
.ring-trading-times h2 {color: #ffffff; background: #010101 url(/assets/images/site/quicklinks-heading-gradient.gif.png) repeat-x 0 0; padding: 8px 15px 7px; margin: 0;}
.two-col-feature .ring-trading-times h2 {padding: 8px 15px 7px;}
.trading-times-wrap {padding: 1px 2px; border-right: 1px solid #9f9f9f; border-bottom: 1px solid #9f9f9f; border-left: 1px solid #9f9f9f;}
.trading-times-wrap h3 {font-weight: normal; font-size: 1.8em; line-height: normal; color: #e32c1e; background: url(/assets/images/site/trading-times-clock.gif.png) no-repeat 192px 50%; padding: 11px 15px 11px 8px; margin: 0;}
.trading-times-wrap h3 span {font-size:.7em;}
.trading-times-wrap ul {list-style-type: none; font-weight: bold; line-height: normal; margin: 0;}
.trading-times-wrap ul li {background: #f1f1f1 url(/assets/images/site/quicklinks-style2-gradient.gif.png) repeat-x 0 100%; padding: 15px; border-bottom: 1px solid #ffffff; margin: 0; position: relative;}
#three-col-footer-feature .trading-times-wrap ul li {width: 244px;}
.time-wrap {font-size: .8571em; color: #ffffff; position: absolute; right: 10px;}
.time-wrap span {padding: 2px 3px; margin: 0 0 0 1px;}
.time-wrap .time {background: #000000;}
.time-wrap .dash {background:red;}
/*- other trading times -*/
.other-trading-times {background: url(/assets/images/site/other-trading-times-gradient.gif.png) repeat-x 0 100%; padding: 30px 14px 14px;}
.other-trading-times a.more-info-arrow {display: block; font-weight: normal; font-size: 1.2em; color: #121212; background: url(/assets/images/site/red-arrow.gif.png) no-repeat 0 .2em; padding: 0 0 0 15px; margin: 0 0 15px;}
.other-trading-times a.more-info-arrow:visited {color: #121212;}
.other-trading-times h3 {font-size: 1.8em; color: #000000; background: none; padding: 0; margin: 0 0 5px;}
.other-trading-times ul {font-size: 1.2em;}
.other-trading-times ul li {background: url(/assets/images/site/red-arrow.gif.png) no-repeat 0 .2em; padding: 0 0 0 15px; border-bottom: 0; margin: 0 0 5px;}
#three-col-footer-feature .other-trading-times ul li {width: auto;}
.other-trading-times ul li a {font-weight: normal; color: #121212;}
.other-trading-times ul li a:visited {color: #121212;}

/*--------Rich text feature--------*/
#related-content .rich-text-feature {background: url(/assets/images/site/wrap-sprite.png) no-repeat -3206px 0;}
.two-col-feature .rich-text-wrap {padding: 0 15px;}
#related-content .rich-text-wrap {padding: 5px 15px 15px;}
.rich-text-wrap p {font-size: 1.2em;}

/*--------Find information form (home page)--------*/
#form-find-info {float: right; margin: 14px 30px 0 20px;}
#form-find-info fieldset {display: inline; margin: 0;}
#form-find-info select {padding: 2px 3px;}
#form-find-info select option {padding: 0 20px 0 0;}
.js-on #form-find-info input {position: absolute; left: -9999px;}

/*--------Homepage market data table--------*/
#MD_current_official_prices_aluminium {margin: 0; width: 100%;}
#MD_current_official_prices_aluminium thead th {text-align: right;}
#MD_current_official_prices_aluminium tbody th {text-align: left;}
#MD_current_official_prices_aluminium td {text-align: right;}

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

/*--------Market data filter--------*/
.market-data-filter {text-align: right; margin: 0 0 15px;}
.market-data-filter .faux-legend {font-size: 1.1em;}
.market-data-filter label {font-size: 1.1em;}
.market-data-filter input {margin: 0 0 0 5px;}
.market-data-filter select {padding: 2px 3px;}
input.datepicker {background-image: url(/assets/images/site/icn-datepicker.gif); background-repeat: no-repeat; background-position: 100% 50%; padding: 2px 15px 2px 3px; border: 1px solid #7f9db9;}
.market-data-filter .error {clear: both; display: block; font-size: 1.2em; line-height: 1.5em; color: #E32C1E; text-align: right;}

/*--------Market data errors --------*/
.panel .error {clear: both; display: block; font-size: 1.2em; line-height: 1.5em; color: #E32C1E;}

/*--------Market data, index value--------*/
.index-value {font-size: 1.1em;}
.index-value strong {font-size: 1.454em;}

/*--------Market data, download monthly data link--------*/
.dl-monthly-data {clear: both; text-align: right;}
.dl-monthly-data a {display: inline-block; font-size: 1.1em; line-height: 1.5em;}

/*--------Pagination--------*/
.pagination {clear: both; padding: 0; margin: 0 0 10px 0; width: 100%; overflow: hidden;}
.pagination p {float: left; font-weight: bold;}
.pagination p {padding-bottom: 0; margin: 0;}
.pagination div {float: right;}
.pagination div ul,
.pagination div ol {margin-bottom: 0;}
.pagination div li {background: none; padding-left: 0; display: inline; margin:0; font-weight: bold;}
.pagination div li.previous {margin-right: 10px;}
.pagination div li.next {margin-left: 10px;}
.pagination div li.previous a {background: url(/assets/images/site/red-arrow-left.gif.png) no-repeat 0 50%; padding-left: 12px;}
.pagination div li.next a {background: url(/assets/images/site/red-arrow.gif.png) no-repeat 100% 50%; padding-right: 12px;}
.pagination div li li span.current {color: #ff0000;}
.pagination div li ol {list-style-type: none; margin-left: 0; display: inline;}
.pagination div li ol li {background: none; padding-left: 0; }


/*--------My information dashboard (on My Area landing page)--------*/
.my-info-dashboard {float: left; font-size: 1em; padding: 0 0 0 110px; margin: 0;}
.my-info-dashboard dt {clear: both; float: left; font-weight: bold; font-size: 1.2em; padding: 0 10px 0 0; margin: 0 0 8px -110px; width: 100px;}
.my-info-dashboard dd {float: left; font-size: 1.2em; padding: 0; margin: 0 0 8px; width: 100%;}
#update-details-btn {float: left; padding: .5em 0 0 4em;}
#update-details-btn a.more {clear: both; float: left; margin: 0 0 10px; width: 120px;}
.dashboard-panel {position: relative;}
.dashboard-panel ul {margin-bottom: 30px;}
.dashboard-panel a.more {position: absolute; right: 15px; bottom: 15px;}
/*- update details form -*/
.set-pw a.more {display: inline-block; float: none;}/*set password link in update details form*/
/* My courses box is now in right col */
#related-content .my-area p {text-align: right; padding: 0 15px 0 0;}

/*--------Document icons--------*/
.icon_pdf {background: url(/assets/images/site/icon_pdf.png) no-repeat 100% 50%; padding: 0 20px 0 0;}
.icon_doc, .icon_docx {background: url(/assets/images/site/icon_doc.png) no-repeat 100% 50%; padding: 0 20px 0 0;}
.icon_xls, .icon_xlsx {background: url(/assets/images/site/icon_xls.png) no-repeat 100% 50%; padding: 0 20px 0 0;}
.icon_ppt, .icon_pptx {background: url(/assets/images/site/icon_ppt.png) no-repeat 100% 50%; padding: 0 20px 0 0;}
.icon_txt {background: url(/assets/images/site/icon_txt.png) no-repeat 100% 50%; padding: 0 20px 0 0;}

/*--------Course Calendar--------*/
#courses_calendar {margin: 0; width: 100%;}
#courses_calendar thead th {font-size: 1.4em; text-align: center;}
#courses_calendar thead th.wkend {color: #bcbcbc;}
#courses_calendar thead th abbr {border: none;}
#courses_calendar td {font-size: 1em; height: 78px; padding: 0;}
#courses_calendar td.wkend {color: #bcbcbc; text-align: center; width: 20px;}
#courses_calendar td.today {background: #f3f3f4;}
/*- day -*/
#courses_calendar td .day {font-size: 1.2em; text-align: right; padding: 5px 5px 0 0;}
#courses_calendar td.today .day {font-weight: bold; color: #ca2a1f;}
/*- course -*/
#courses_calendar td .course {font-size: 1.1em; background-repeat: repeat-y; background-position: 0 5px; padding: 0 0 3px 8px; margin: 0;}
.cat1 {background-image: url(/assets/images/site/course-cat-1.gif);}
.cat2 {background-image: url(/assets/images/site/course-cat-2.gif);}
.cat3 {background-image: url(/assets/images/site/course-cat-3.gif);}
.cat4 {background-image: url(/assets/images/site/course-cat-4.gif);}
.cat5 {background-image: url(/assets/images/site/course-cat-5.gif);}
.cat6 {background-image: url(/assets/images/site/course-cat-6.gif);}
.cat7 {background-image: url(/assets/images/site/course-cat-7.gif);}
#courses_calendar td .course a {display: block;}/*drop location onto new line*/
/*- pag -*/

/*--------Event Calendar--------*/
#events_calendar {margin: 0; width: 100%;}
#events_calendar thead th {font-size: 1.4em; text-align: center;}
#events_calendar thead th.wkend {color: #bcbcbc;}
#events_calendar thead th abbr {border: none;}
#events_calendar td {font-size: 1em; height: 78px; padding: 0;}
#events_calendar td.wkend {color: #bcbcbc; text-align: center; width: 20px;}
#events_calendar td.today {background: #f3f3f4;}
/*- day -*/
#events_calendar td .day {font-size: 1.2em; text-align: right; padding: 5px 5px 0 0;}
#events_calendar td.today .day {font-weight: bold; color: #ca2a1f;}
/*- course -*/
#events_calendar td .event {font-size: 1.1em; background-repeat: repeat-y; background-position: 0 5px; padding: 0 0 3px 8px; margin: 0;}
#events_calendar td .event a {display: block;}/*drop location onto new line*/
/*- pag -*/

#calendar_pag {list-style-type: none; font-size: 1.2em; margin: 0; width: 100%; position: relative;}
#calendar_pag li {display: inline; margin: 0;}
#calendar_pag a, #calendar_pag input {color: #121212; position: absolute; top: 0;}
#calendar_pag a:visited {color: #121212;}
#calendar_pag .prev {background: url(/assets/images/site/red-arrow-large-left.gif.png) no-repeat 0 50%; padding: 0 0 0 15px; left: 0;}
#calendar_pag .next {background: url(/assets/images/site/red-arrow-large.gif.png) no-repeat 100% 50%; padding: 0 15px 0 0; right: 0;}

#calendar_pag input {border: 0 none;cursor: pointer;font-size: 1em;font-weight: bold;text-decoration: none; }

#courses_calendar caption {font-weight: normal; font-size: 1.8em; line-height: normal; text-align: center;}
.js-on #courses_calendar caption span {display: block; padding: 0 0 15px;}
/*- leg -*/
#events_calendar caption {font-weight: normal; font-size: 1.8em; line-height: normal; text-align: center;}
.js-on #events_calendar caption span {display: block; padding: 0 0 15px;}

#calendar_legend {padding: 15px; border: 1px solid #c4c5c6; margin: 1px 0 0;}
#calendar_legend ul {list-style-type: none; font-size: 1.1em; margin: 0;}
#calendar_legend ul li {display: inline-block; background-repeat: repeat-y; background-position: 0 6px; padding: 0 40px 0 8px; margin: 0;}

/*--------System status--------*/
/* ..feature on my area landing page */
.link-feature ul.systemStatus .lastUpdated {font-size: 0.9em;}
.link-feature ul.systemStatus li {padding-left: 25px !important;}
.link-feature ul.systemStatus li.green {background: url(/assets/images/site/greenLight.png) no-repeat 0 0px;}
.link-feature ul.systemStatus li.amber {background: url(/assets/images/site/amberLight.png) no-repeat 0 7px;}
.link-feature ul.systemStatus li.red {background: url(/assets/images/site/redLight.png) no-repeat 0 7px;}

/*--------Vendors--------*/
ul.contact {list-style-type: none; margin: 0;}/*vendor contact details*/
ul.contact li {margin: 0 0 1em 1.5em;}

/*--------Google map--------*/
.map_canvas {width:660px; height:400px; margin:0 auto; margin-bottom:20px; display:none}

/*--------No access--------*/
.no-access {background: url(/assets/images/site/no-access.gif) no-repeat 10px 0; padding: 20px 0 20px 135px; margin: 0 0 15px;}
.no-access p {margin: 0;}

/*--------?Update monthly market data table?--------*/
em.year, em.month {font-style: normal;}
#tab2,
#tab4 {position: relative;}/*to position ajax loading asterisk*/
.AJAXDataTable {position: absolute;top:90px;right:65px;}


/* -- alphaFilter -- */

.alphaFilter  {
	margin: 0 0 10px 0;
	padding: 0;
}

.numericFilter  {
	margin: 0 0 20px 0;
	padding: 0;
}

.alphaFilter li, .numericFilter li {
	display: inline;
	list-style: none;
	margin: 0 10px 0 0;
	padding: 0;
}

.numericFilter li {
	font-size: 1.1em;
}


/* -- Products -- */

img.productLarge {
	float: right;
	margin: 0 20px 20px 20px;
}

.btnBuy {
	display: block;
	width: 60px;
    margin: 0 0 10px 0;
    padding: 3px 0;
    text-align: center;
	text-decoration: none !important;
    cursor: pointer;
    font-weight: bold;
    font-size: 1.6em;
	color: #fff;
	background: #000;
	border: 1px solid #fff;
}

.btnBuy:hover {
	text-decoration: none;
	color: #000;
	background: #fff;
	border: 1px solid #000;
}

p.purchase {
	width: 60%;
	position: absolute;
	bottom:  10px;
	right: 10px;
    text-align: right;
}

.purchase .btnBuy {
	float: right;
	display: block;
	width: 40px;
    margin: 0 0 0 5px;
    padding: 3px 0;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
	color: #fff;
	background: #000;
	border: 1px solid #fff;
}

.purchase .btnBuy:hover {
	text-decoration: none;
	color: #000;
	background: #fff;
	border: 1px solid #000;
}

.clearBoth 
{
    clear:both;
}

/* Added general styles for editor */

span.underlined
{
	text-decoration: underline;
}