html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tbody,tfoot,thead{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}:focus{outline:0;}ins{text-decoration:none;}del{text-decoration:line-through;}a:active{outline:none;}
#cmePageWrapper {position:relative; width:984px; min-height:300px; margin:30px auto;}
/*#cmePageBreadcrumbArea {margin:10px 12px 0 12px;}
#cmePageContentArea {margin:10px 12px 0 12px;}*/
/*#cmePageBreadcrumbArea {margin:10px 10px 0 10px;}
#cmePageContentArea {margin:10px 10px 0 10px;}*/
#cmePageBreadcrumbArea {margin:10px 0 0 0;}
#cmePageContentArea {margin:20px 0 0 0;}
#cmePageFooterArea {position:relative; background:#fff; width:100%; margin-top:20px; overflow:hidden; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
#cmePageFooterContainer {position:relative; background:#fff; width:100%; margin-top:20px; overflow:hidden;}
/* PAGE SCAFFOLDING */
.cmeSectionLayout {clear:both;}
/*.cmeSectionBlockLayout {display:block; clear:both; width:100%;}*/
.cmeContentColumnLayout {float:left; margin:0;}
.cmeContentBlockLayout {min-height:100px; display:block; clear:both;}
.cmeFullColumnLayout {clear:both; max-width:984px; width:100%;}
.cmeLeftColumnLayout {float:left; width:73.65%; max-width:725px;}
.cmeRightColumnLayout {float:right; width:25.31%; max-width:244px;}
/* HOMEPAGE LANDING TEMPLATE */
/*.cme-home-landing .cmePromoBodyContent {margin-top:10px;}
.cme-home-landing .cmePromoBodyContent {position:relative; top:-80px;}
.cme-home-landing .cq-wcm-edit .cmePromoBodyContent {top:0;}*/
/* PRIMARY LANDING TEMPLATE */
.cme-primary-landing .cmePromoBodyContent {position:relative; top:-80px;}
.cme-primary-landing .cq-wcm-edit .cmePromoBodyContent {top:0;}
/* FOOTER 5.0 */
.clearfix {
*zoom:1;
}
.clearfix:before, .clearfix:after {
display: table;
content: "";
line-height: 0;
}
.clearfix:after {
clear: both;
}
.cmeLeftElement {
float: left;
}
.cmeLeftElement ul li {
float: left;
}
.cmeRightElement {
float: right;
clear: right;
}
/*****************************************************************************************************/
/* TITLES, HEADINGS, PARAGRAPHS, LISTS AND TABLES - DEFAULTS */
/*****************************************************************************************************/
/* TITLES AND SPACING */
h1 + h2 {
margin-top: 0.625em;
}
h2 + h3 {
margin-top: 0.625em;
}
h3 + h4 {
margin-top: 0.625em;
}
h4 + h5 {
margin-top: 0.625em;
}
h5 + h6 {
margin-top: 0.625em;
}
/* For removal */
h1 + .cmeSplitList + .cmeSplitList, h2 + .cmeSplitList + .cmeSplitList, h3 + .cmeSplitList + .cmeSplitList, h4 + .cmeSplitList + .cmeSplitList, h5 + .cmeSplitList + .cmeSplitList, h6 + .cmeSplitList + .cmeSplitList {
margin-top: 0.625em;
}
.cmeRightColumnLayout h4, .cmeRightColumnLayout h5, .cmeRightColumnLayout h6 {
padding: 0;
}
.cmeRightColumnLayout h1 + h2 {
margin-top: 0.313em;
}
.cmeRightColumnLayout h2 + h3 {
margin-top: 0.313em;
}
.cmeRightColumnLayout h3 + h4 {
margin-top: 0.313em;
}
.cmeRightColumnLayout h4 + h5 {
margin-top: 0.313em;
}
/* PARAGRAPHS */
p {
margin: 1.250em 0 0 0;
}
p:first-child {
margin: 0;
}
h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p {
margin-top: 0.625em;
}
p + h1, p + h2, p + h3, p + h4, p + h5, p + h6 {
margin-top: 1.250em;
}
.cmeSubHeading {
display: block;
clear: left;
}
/* FAUX TITLES */
.cmeSectionHeading {
float: left;
position: relative;
margin-right: 35px;
}
/* LISTS */
h1 + ul, h1 + ol {
margin-top: 0.625em;
}
h2 + ul, h2 + ol {
margin-top: 0.625em;
}
h3 + ul, h3 + ol {
margin-top: 0.625em;
}
h4 + ul, h4 + ol {
margin-top: 0.625em;
}
h5 + ul, h5 + ol {
margin-top: 0.625em;
}
h6 + ul, h6 + ol {
margin-top: 0.625em;
}
ul + h1, ul + h2, ul + h3, ul + h4, ul + h5, ul + h6 {
margin-top: 1.250em;
}
ol + h1, ol + h2, ol + h3, ol + h4, ol + h5, ol + h6 {
margin-top: 1.250em;
}
ul + p, ol + p {
margin-top: 1.250em;
}
p + ul, p + ol {
margin-top: 1.250em;
}
/* TABLES */
table + table {
margin-top: 1.250em;
}
.cmeContentTableWrapper + .cmeContentTableWrapper {
margin-top: 1.250em;
}
.cmeContentTableWrapper + table, table + .cmeContentTableWrapper {
margin-top: 1.250em;
}
h1 + table, h2 + table, h3 + table, h4 + table, h5 + table, h6 + table {
margin-top: 0.313em;
}
h1 + .cmeContentTableWrapper, h2 + .cmeContentTableWrapper, h3 + .cmeContentTableWrapper, h4 + .cmeContentTableWrapper, h5 + .cmeContentTableWrapper, h6 + .cmeContentTableWrapper {
margin-top: 0.313em;
}
h1 + .dataTables_wrapper, h2 + .dataTables_wrapper, h3 + .dataTables_wrapper, h4 + .dataTables_wrapper, h5 + .dataTables_wrapper, h6 + .dataTables_wrapper {
margin-top: 0.313em;
}
table + h1, table + h2, table + h3, table + h4, table + h5, table + h6 {
margin-top: 1.250em;
}
.cmeContentTableWrapper + h1, .cmeContentTableWrapper + h2, .cmeContentTableWrapper + h3, .cmeContentTableWrapper + h4, .cmeContentTableWrapper + h5, .cmeContentTableWrapper + h6 {
margin-top: 1.250em;
}
.dataTables_wrapper + h1, .dataTables_wrapper + h2, .dataTables_wrapper + h3, .dataTables_wrapper + h4, .dataTables_wrapper + h5, .dataTables_wrapper + h6 {
margin-top: 1.250em;
}
p + table, p + table, p + table, p + table, p + table, p + table {
margin-top: 1.250em;
}
p + .cmeContentTableWrapper {
margin-top: 1.250em;
}
p + .dataTables_wrapper {
margin-top: 1.250em;
}
table + p {
margin-top: 1.250em;
}
.cmeContentTableWrapper + p {
margin-top: 1.250em;
}
.dataTables_wrapper + p {
margin-top: 1.250em;
}
ul + table, ul + table, ul + table, ul + table, ul + table, ul + table {
margin-top: 1.250em;
}
ul + .cmeContentTableWrapper {
margin-top: 1.250em;
}
ul + .dataTables_wrapper {
margin-top: 1.250em;
}
table + ul {
margin-top: 1.250em;
}
.cmeContentTableWrapper + ul {
margin-top: 1.250em;
}
.dataTables_wrapper + ul {
margin-top: 1.250em;
}
ol + table, ol + table, ol + table, ol + table, ol + table, ol + table {
margin-top: 1.250em;
}
ol + .cmeContentTableWrapper {
margin-top: 1.250em;
}
ol + .dataTables_wrapper {
margin-top: 1.250em;
}
table + ol {
margin-top: 1.250em;
}
.cmeContentTableWrapper + ol {
margin-top: 1.250em;
}
.dataTables_wrapper + ol {
margin-top: 1.250em;
}
/********************************/
/* SDR TABLE STYLES */
/********************************/
.ui-dialog-title {
font-weight: 700;
}
.cmeSDRWrapper {
overflow: scroll;
min-height:auto !important;
}
.cmeSDRWrapper .cmeTable tr.highlightOn td,.cmeSDRWrapper .cmeTable tr.highlightOn th {
background-color: #f7eddd;
}
.cmeSDRDetail {
display: none;
}
.cmeSDRControls .span_2_of_3 a {
margin-right: 7px;
}
.cmeSDRControls .cmeLabelWrapper {
padding: 0 5px;
}
.cmeTableProgressiveLoader {
width: 100%;
height: 80px;
position: relative;
}
.cmeSDRDetails.cmeSDRDetailsTop {
margin-top: 0;
}
.cmeSDRDetails {
display: block;
width: 100%;
margin: 20px 0 25px;
clear: both;
}
.cmeSDRMarginRight {
margin-right: 2%;
}
.cmeSDRMarginLeft {
margin-left: 2%;
}
.cmeSDRClearLeft {
clear: left !important;
}
.cmeSDRClearBoth {
clear: both !important;
}
.cmeSDRHalfWidth {
width: 48%;
float: left;
}
.cmeSDRMarginBottom {
margin-bottom: 20px;
}
.cmeSDRDetails h2,.cmeSDRDetails h3 {
margin-bottom: 10px;
}
.cmeSDR .cmeTable th, .cmeSDR .cmeTable td, .cmeSDRDetails .cmeTable th, .cmeSDRDetails .cmeTable td {
padding: 1px;
font-size: 10px;
}
.cmeSDR .cmeTable tbody th {
text-align: left;
}
.cmeSDR div.cmeTableResponsivePinnedWrapper {
min-width: 252px;
max-width: 252px;
}
.cmeSDR div.cmeTableResponsivePinnedWrapper tr th.cmeFixedColumn {
min-width: 200px;
max-width: 200px;
}
/********************************/
/* AUTHOR MODE STYLES */
/********************************/
.cmeEmptyContentComponent {
height: 90px;
}
.cmeEmptyStructuralComponent {
padding: 8px !important;
box-sizing: border-box;
}
.cmeEmptyDesignComponent {
padding: 8px !important;
}
.cmeEmptyContentComponent>span, .cmeEmptyStructuralComponent>.cmeEmptyStructuralComponentText>span, .cmeEmptyDesignComponent>.cmeEmptyDesignComponentText>span {
position: relative;
top: 34%;
}
.cmeInjectedAuthorContentComponent {
min-height: 90px;
margin-top: 20px;
}
.cmeDirectionToAuthor {
display: block;
margin: 2% 0;
top: 0 !important;
}
/**************************/
/* CME PAGE MASTHEAD */
/**************************/
.cmeStructureContainer {
display: table;
width: 100%;
}
.cmeStructureElement {
display: table-cell;
vertical-align: middle;
}
#cmePageMasthead {
position: relative;
z-index: 9001;
}
#cmePageMasthead ul {
list-style-type: none;
background: none;
padding: 0;
margin: 0;
}
#cmePageMasthead ul li {
list-style-type: none;
}
#cmeLogo {
width: 400px;
max-width: 400px;
}
#cmeLogo a {
display: block;
}
#cmeMenu {
width: 280px;
font-size: 11px;
padding: 0 5px;
}
#cmeMenu .cmeLinkList {
float: right;
padding-top: 4px;
}
#cmeMenu .cmeLinkList li {
float: left;
text-align: right;
}
#cmeMenu .cmeLinkChildren {
display: none;
}
#cmeSearch {
width: 274px;
}
#cmeSearch form {
position: relative;
}
#cmeSearch form legend {
display: none;
}
#cmeSearch form fieldset {
padding: 0;
margin: 0;
border: none;
}
.cmeSearchBoxWrapper {
}
.cmeSearchBoxWrapper #searchField {
width: 100% !important;
padding: 4px 25px 3px 5px !important;
-webkit-box-sizing: border-box !important;
-moz-box-sizing: border-box !important;
box-sizing: border-box !important;
}
.cmeSearchButtonWrapper #searchButton {
position: absolute;
right: 2px;
top: 2%;
}
.elc-searchWrapper {
margin-top: 6px !important;
width: 100% !important;
}
.elc-search {
width: 100% !important;
}
.elc-hint-container {
width: 100% !important;
}
.elc-hint-container input, .elc-hint-container .elc-hint-match {
width: 100% !important;
}
.feedbackButton {
padding-left: 20px;
}
/* END OF MASTHEAD */
/************************/
/* SPLIT LISTS */
/************************/
.splitListDisplay > ul {
width: 100%;
}
.splitListLeft {
float: left;
width: 49%;
margin-left: 0;
clear: left;
}
.splitListRight {
float: left;
width: 49%;
margin-left: 2%;
clear: right;
}
/****************************/
/* CME HEADER 5.0 START */
/****************************/
#cmeHeader {
zoom: 1;
position: relative;
z-index: 8100;
}
#cmeHeader:before, #cmeHeader:after {
content: "";
display: table;
line-height: 0;
}
#cmeHeader:after {
clear: both;
}
/* header left menu */
#cmeHeader #cmeMenu {
overflow: hidden;
padding: 0px;
width: 392px;
float: left;
}
#cmeHeader #cmeMenu ul {
list-style: none;
padding: 27px 20px;
}
#cmeHeader #cmeMenu ul > li {
float: left;
font-size: 17.5px;
padding: 8px 0px 8px 0px;
}
#cmeHeader #cmeMenu ul > li > a {
padding: 0px 10px;
display: block;
}
/* header login flyout menu */
#cmeHeader #cmeMenu ul > li.has-children a:after {
content: '\e962';
display: inline;
font-family: "cmeIcons";
font-size: 16px;
font-style: normal;
font-weight: normal;
speak: none;
color: inherit;
text-decoration: inherit;
width: 1em;
margin-left: .2em;
}
#cmeHeader #cmeMenu ul {
float: left;
margin: 0;
}
#cmeHeader #cmeMenu ul > li.has-children a:after {
margin-left: 10px;
}
#cmeHeader #cmeMenu ul > li.has-children:hover {
background: #ffffff;
background-color: #efefef;
padding-top: 5px;
cursor:pointer;
}
#cmeHeader #cmeMenu ul > li.has-children:hover > ul {
display: block;
}
#cmeHeader #cmeMenu ul > li.has-children:hover + li#cmeMenuFeedback {
padding-bottom: 4px !important;
width: 195px;
}
#cmeHeader #cmeMenu ul > li.has-children:hover > a {
border: 0px;
padding: 0px 11px 0px 9px;
color: #000000;
}
#cmeHeader #cmeMenu ul > li.has-children > ul {
position: absolute;
left: 20px;
top: 58px;
padding: 10px 0px 5px 0px;
background-color: #efefef;
z-index: 8001;
display: none;
width: 281px !important;
border-bottom: 1px solid rgba(0,0,0,0.1);
box-shadow: 0 4px 2px -2px rgba(0,0,0,0.3);
}
#cmeHeader #cmeMenu ul > li#cmeMenuLogin > a {
width: 66px !important;
}
#cmeHeader #cmeMenu ul > li#cmeMenuFeedback > a {
width: 81px;
}
#cmeHeader #cmeMenu ul > li.has-children > ul > li {
float: none;
clear: both;
padding: 4px 10px;
font-size: 15px;
overflow: hidden;
}
#cmeHeader #cmeMenu ul > li.has-children > ul > li > a {
border: 0px;
padding: 0px;
}
#cmeHeader #cmeMenu ul > li.has-children > ul > li > a:after {
content: none;
width: auto;
height: auto;
display: static;
}
#cmeHeader #cmeMenu ul > li.has-children > ul > li.cmeSingleSignOn > a {
float: left;
}
#cmeHeader #cmeMenu ul > li.has-children > ul > li.cmeSingleSignOn > a:after {
background: url("cmegroupClientLibs/images/cme-header-sprite.png") no-repeat scroll center top transparent;
height: 18px;
width: 44px;
background-position: 0px -83px;
float: right;
content:'';
}
/* header search */
#cmeHeader #cmeHeaderRight {
width: 392px;
float: right;
}
#cmeHeader #cmeHeaderRight #cmeSearch {
float: right;
margin: 35px 20px;
width: 220px;
}
#cmeHeader #cmeHeaderRight #cmeSearch #searchField {
border: 1px solid #cacaca;
border-radius: 3px;
box-shadow: none;
box-sizing: border-box;
font-size: 16px;
font-style: italic;
font-weight: 100;
height: 28px;
moz-border-radius: 3px;
moz-box-shadow: none;
moz-box-sizing: border-box;
padding: 0px 30px 0px 6px;
webkit-border-radius: 3px;
webkit-box-shadow: none;
webkit-box-sizing: border-box;
width: 100%;
}
#cmeHeader #cmeHeaderRight #cmeSearch.cmeSearchOff #searchField, #cmeHeader #cmeHeaderRight #cmeSearch.cmeSearchOff .elc-searchInput, #cmeHeader #cmeHeaderRight #cmeSearch.cmeSearchOff .elc-hint-placeholder {
color: #cacaca !important;
}
#cmeHeader #cmeHeaderRight #cmeSearch.cmeSearchOn #searchField, #cmeHeader #cmeHeaderRight #cmeSearch.cmeSearchOn .elc-searchInput, #cmeHeader #cmeHeaderRight #cmeSearch.cmeSearchOn .elc-hint-placeholder {
color: #000000 !important;
}
#cmeHeader #cmeHeaderRight #cmeSearch.cmeSearchErr #searchField, #cmeHeader #cmeHeaderRight #cmeSearch.cmeSearchErr .elc-searchInput, #cmeHeader #cmeHeaderRight #cmeSearch.cmeSearchErr .elc-hint-placeholder {
color: red !important;
}
#cmeHeader #cmeHeaderRight #cmeSearch #searchButton {
position: absolute;
top: 1px;
right: 1px;
height: 25px;
width: 20px;
border: 0px;
box-shadow: none;
background: url("cmegroupClientLibs/images/cme-header-sprite.png") no-repeat;
background-position: 0px -58px;
margin-top: 0px !important;
}
/* header elicit overrides */
#cmeHeader #cmeHeaderRight .elc-searchWrapper {
margin: 0px !important;
border: 1px solid #cacaca !important;
border-radius: 3px !important;
box-shadow: none !important;
box-sizing: border-box !important;
height: 28px !important;
moz-border-radius: 3px !important;
moz-box-shadow: none !important;
moz-box-sizing: border-box !important;
padding: 0px 30px 0px 6px !important;
webkit-border-radius: 3px !important;
webkit-box-shadow: none !important;
webkit-box-sizing: border-box !important;
width: 100% !important;
}
#cmeHeader #cmeHeaderRight .elc-hint-container {
border: 0px !important;
height: 26px !important;
}
#cmeHeader #cmeHeaderRight .elc-hint-container input {
font-size: 16px !important;
font-style: normal !important;
font-weight: 400 !important;
margin: 0px !important;
border: 0px !important;
box-shadow: none !important;
padding: 0px !important;
height: 28px !important;
line-height: 28px !important;
font-family: helvetica, arial, sans-serif !important;
left: 0px !important;
margin: 0px !important;
}
#cmeHeader #cmeHeaderRight .elc-hint-container-focus {
opacity: 0 !important;
height: 26px !important;
}
#cmeHeader #cmeHeaderRight .elc-focused.elc-hint-container {
border: 0px !important;
box-shadow: none !important;
}
/* header logo */
#cmeHeader #cmeGroupLogo {
display: block;
height: 50px;
width: 200px;
margin: 20px auto 10px;
}
/* header navigation */
#cmeNavMobile {
display: none;
}
#cmeNav {
display: table;
z-index: 8000;
}
#cmeNav.cmeFixed {
top: 0;
position: fixed;
width: 984px;
} /* fixed navigation */
#cmeNav ul {
list-style-type: none;
padding: 0;
line-height: 18px;
}
/* header navigation primary */
#cmeNav .cmePrimaryNav {
display: table-row;
}
#cmeNav .cmePrimaryNav > li.cmeShowMobile {
display: none;
}
#cmeNav .cmePrimaryNav > li {
background-color: #272727;
display: table-cell;
}
#cmeNav .cmePrimaryNav > li > a {
cursor: pointer;
display: block;
font-size: 17.5px;
outline: 0;
padding: 11px;
text-align: center;
z-index: 10;
font-weight: normal;
text-rendering: optimizelegibility;
color: #fff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#cmeNav .cmePrimaryNav > li > a:focus {
text-decoration: none;
}
/* header navigation primary fixed */
#cmeNav .cmePrimaryNav.cmePrimaryNavFixed {
table-layout: fixed;
display: table !important;
width: 100%;
}
#cmeNav .cmePrimaryNav.cmePrimaryNavFixed > li > a {
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
}
/* primary navigation hover */
#cmeNav .cmePrimaryNav > li.has-children > a:after {
content: '\e962';
display: inline-block;
font-family: "cmeIcons";
font-size: 16px;
font-style: normal;
font-weight: normal;
speak: none;
color: inherit;
text-decoration: inherit;
width: 1em;
margin-left: .2em;
}
#cmeNav .cmePrimaryNav > li.has-children:hover > a {
color: #000000;
}
#cmeNav .cmePrimaryNav > li:hover {
background-color: #efefef;
color: #333;
}
#cmeNav .cmePrimaryNav > li:hover > a {
outline: 0;
text-decoration: none;
color: #1971c4;
}
#cmeNav .cmeSecondaryNav {
border-bottom: 1px solid rgba(0,0,0,0.1);
box-shadow: 0 4px 2px -2px rgba(0,0,0,0.3);
}
.no-js #cmeNav .cmePrimaryNav > li:hover .cmeSecondaryNav {
display: block;
border-bottom: 1px solid rgba(0,0,0,0.1);
box-shadow: 0 4px 2px -2px rgba(0,0,0,0.3);
}
#cmeNav .cmePrimaryNav > li.active .cmeSecondaryNav:after, #cmeNav .cmePrimaryNav > li:hover .cmeSecondaryNav:after {
background-color: rgba(0, 0, 0, 0.08000000000000002);
left: 0;
position: absolute;
z-index: 1;
}
/* secondary navigation */
#cmeNav .cmePrimaryNav > li .cmeSecondaryNav {
background-color: #efefef;
display: none;
padding: 20px;
top:40px;
z-index: 2;
width: 100%;
left:0;
}
#cmeNav .cmePrimaryNav > li:hover .cmeSecondaryNav {
display: block;
}
#cmeNav .cmePrimaryNav > li .cmeSecondaryNav.cmeSecondaryNavShort {
height: 175px;
overflow: hidden;
}
#cmeNav .cmePrimaryNav > li .cmeSecondaryNav.cmeSecondaryNavMedium {
height: 250px;
overflow: hidden;
}
#cmeNav .cmePrimaryNav > li .cmeSecondaryNav.cmeSecondaryNavTall {
height: 350px;
overflow: hidden;
}
/* flyouts */
.cmeSecondaryNav .section + .cmeContentColumnDesignBox.section {
margin-top: 5px;
}
.cmeSecondaryNav p + ul, .cmeSecondaryNav p + ol {
margin-top: 5px;
}
.cmeSecondaryNav ul + p, .cmeSecondaryNav ol + p {
margin-top: 20px;
}
/*.cmeSecondaryNav .cmeTitle + .cmeTitle {margin-top:10px;}*/
.cmeSecondaryNav .cmeText + .cmeFeaturedPageLink {
margin-top: 0.313em;
}
.cmeSecondaryNav .cmeTitle + .cmeText {
margin-top: 0.313em;
}
.cmeSecondaryNav .cmeTitle + .cmeFeaturedPageLink {
margin-top: 0.313em;
}
.cmeSecondaryNav .cmeTitle + .cmeStaticMediaBox {
margin-top: 0.313em;
}
.cmeSecondaryNav .cmeTitle + .cmeContentColumnDesignBox {
margin-top: 0.313em;
}
.cmeSecondaryNav .cmeTitle + .cmeImage {
margin-top: 0.313em;
}
.cmeSecondaryNav .cmeTitle + .cmeInjectContent {
margin-top: 0.313em;
}
.cmeSecondaryNav .cmeProductList, .cmeSecondaryNav .cmeBulletedList, .cmeSecondaryNav .cmeText > ul {
margin-left: 0.725em;
}
.cmeSecondaryNav .cmeEqualHeightCol.cmeColThird .cmeColHalf img {
min-width: 124px;
max-width: 124px;
width: 124px;
}
#cmeNav {
position: relative;
width: 100%;
}
#cmeNav:after {
box-sizing: border-box;
height: 10px;
moz-box-sizing: border-box;
position: absolute;
webkit-box-sizing: border-box;
width: 100%;
}
#cmeNav.cmeFixed {
position: fixed;
width: 984px;
}
#cmeNav .cmePrimaryNav {
margin: 0;
}
#cmeNav .cmePrimaryNav {
zoom: 1;
}
/* #cmeNav .cmePrimaryNav:after{content:"";display:table;line-height:0;} */
#cmeNav .cmePrimaryNav:after {
clear: both;
}
#cmeNav .cmePrimaryNav > li .cmeSecondaryNav {
position: absolute;
width: 944px;
}
#cmeNav .cmePrimaryNav > li .cmeSecondaryNav.vertical {
width: auto;
}
#cmeNav .cmePrimaryNav > li .cmeSecondaryNav.vertical > ul > li {
line-height: 20px;
margin-bottom: 8px;
position: relative;
}
#cmeNav .cmePrimaryNav > li .cmeSecondaryNav.vertical > ul > li:before {
position: absolute;
}
#cmeNav .cmePrimaryNav > li .cmeSecondaryNav.vertical > ul > li:last-child {
margin-bottom: 0;
}
#cmeNav .cmePrimaryNav > li .cmeSecondaryNav.vertical > ul > li a {
margin-left: 24px;
}
#cmeNav .cmeSecondaryNav > li:before {
content: '';
}
#cmeNav .cmeSecondaryNav ul {
list-style: none;
margin-left: 0;
}
#cmeNav .cmePrimaryNav > li.active .cmeSecondaryNav:after, #cmeNav .cmePrimaryNav > li:hover .cmeSecondaryNav:after {
height: 10px;
width: 100%;
}
#cmeNav .cmePrimaryNav > li.has-children > a:after {
margin-left: 10px;
}
/************************/
/* CME NAVIGATION */
/************************/
/* PAGE NAVIGATION BAR */
#cmePageNavigation {
position: relative;
z-index: 8000;
}
#cmePageNavigationBar {
width: 100%;
display: table;
position: relative;
clear: both;
min-height: 34px;
margin: 0;
}
.cmeNavigationItem {
display: table-cell;
}
.cmeNavigationItemMenu {
display: block;
min-height: 100px;
position: absolute;
top: 34px;
}
.cmeSmallMenu {
width: 220px;
}
.cmeLargeMenu {
width: 670px;
}
.cmeLeftMenu {
left: -1px;
}
.cmeRightMenu {
right: -1px;
}
#navigationClearing .cmeCentredMenu {
left: 125px;
}
#navigationEuropeMembership .cmeCentredMenu {
left: 345px;
}
div.cmeNavigationItemMenu {
display: none;
}
.cmeNavigationItem:hover .cmeNavigationItemMenu {
display: block;
}
/* MEGA MENU LAYOUT */
.megaMenuLeftPanel {
float: left;
display: block;
width: 175px;
margin-right: 15px;
}
.megaMenuContentPanel {
float: left;
display: block;
width: 480px;
}
.megaMenuContentArea {
padding: 10px 0 15px 0;
}
.megaMenuContentArea:first-child {
padding: 0;
}
.cmeSmallMenu .megaMenuContentArea {
padding: 0;
}
.megaMenuContentArea.threeUp {
border-bottom: 1px solid #3EA2D4;
}
.cmeOneUp .megaMenuContentPanelSection {
margin-top: 10px;
padding-top: 15px;
border-top: 1px solid #3EA2D4;
}
.cmeTwoUp .megaMenuContentPanelSection {
margin-left: 5%;
}
.cmeThreeUp .megaMenuContentPanelSection {
margin-top: 0;
padding-top: 0;
}
.cmeThreeUp .megaMenuContentPanelSection > ul {
border-left: 1px solid #3EA2D4;
}
.cmeThreeUp .megaMenuContentPanelSection:first-child > ul {
border: none;
}
.cmeThreeUp .megaMenuContentPanelSection > ul > li {
padding-right: 3%;
padding-left: 3%;
}
.megaMenuContentPanelSection:first-child {
margin-top: 0;
}
.cmeOneUp .megaMenuContentPanelSection:first-child {
margin-top: 0;
padding-top: 0;
border: none;
}
.cmeTwoUp .megaMenuContentPanelSection:first-child {
margin-left: 0;
}
.megaMenuViewAllLink:before {
content: "\007C";
margin-left: 5px;
margin-right: 5px;
}
.megaMenuContentPanelSection.splitListDisplay {
float: left;
width: 50%;
margin-top: 0;
margin-left: 5%;
width: 45%;
}
.megaMenuContentPanelSection.splitListDisplay:first-child {
margin-left: 0;
width: 50%;
}
.megaMenuNavigationLevelTwo > span {
float: none;
display: block;
clear: both;
}
.megaMenuMobileSectionTitle > span {
display: none;
}
.megaMenuSectionLink {
padding: 2px 0 5px 0;
}
.megaMenuSectionLink > span {
line-height: 18px;
font: bold 14px arial;
}
.megaMenuSectionLink > span > a:after {
content: "\003E";
margin-left: 5px;
margin-right: 2px;
}
.featureItem {
margin-top: 10px !important;
padding-top: 15px !important;
border-top: 1px solid #3EA2D4 !important;
}
/* MEGA MENU LEFT PANEL LINKS */
.megaMenuItemMenuLinks {
background-color: #ddd;
border-radius: 5px;
font-size: 12px;
width: 175px;
padding: 5px 0 10px 0;
}
.megaMenuItemMenuLinks li {
padding: 0 10px;
}
.megaMenuItemMenuLinks li:hover {
background-color: #eaf6fa;
}
.megaMenuItemMenuLinks a {
display: block;
border-bottom: dashed 1px #ccc;
padding: 10px;
}
.cmeSmallMenu .megaMenuItemMenuLinks {
background: none;
border-radius: 0;
width: auto;
padding: 5px 2px 10px 2px;
}
.cmeSmallMenu .megaMenuItemMenuLinks li {
padding: 0;
}
.cmeSmallMenu .megaMenuItemMenuLinks li:hover {
background: none;
}
.cmeSmallMenu .megaMenuItemMenuLinks a {
display: block;
border-bottom: none;
padding: 5px 0;
}
.megaMenuItemMenuLinksBlock {
background-color: #ddd;
border-radius: 5px;
font-size: 12px;
width: 175px;
padding: 10px 0 10px 0;
}
.megaMenuItemMenuLinksBlock > li {
margin-top: 10px;
}
.megaMenuItemMenuLinksBlock > li:first-child {
margin-top: 0;
}
.megaMenuItemMenuLinksBlock > li > span {
padding: 0 10px;
}
.megaMenuItemMenuLinksBlock > li > ul > li {
padding: 0 10px;
}
.megaMenuItemMenuLinksBlock li > ul > li:hover {
background-color: #eaf6fa;
}
.megaMenuItemMenuLinksBlock a {
display: block;
border-bottom: dashed 1px #ccc;
padding: 10px 0 8px 0;
}
/* MEGA MENU CONTENT PANEL */
li.subSectionLink {
background-image: none;
padding: 5px 0;
}
li.subSectionLink > a > span {
display: block;
clear: right;
}
.cmeNavigationItemMenu .subSectionLink a {
display: block;
margin-left: 12px;
}
.cmeNavigationItemMenu .subSectionLink a:before {
content: "";
position: absolute;
width: 5px;
height: 6px;
margin: 5px 5px 0 -12px;
background: transparent url("cmegroupClientLibs/images/cmegroup-icon-set.png") no-repeat -11px -38px;
}
.cmeNavigationItemMenu .linksWithRedArrows a {
display: block;
margin-left: 12px;
}
.cmeNavigationItemMenu .linksWithRedArrows a:before {
content: "";
position: absolute;
width: 5px;
height: 6px;
margin: 2px 5px 0 -12px;
background: transparent url("cmegroupClientLibs/images/cmegroup-icon-set.png") no-repeat -6px -38px;
}
/* MEGA MENU CONTENT PANEL STORY COMPONENT */
.megaMenuStoryItems {
position: relative;
display: block;
clear: both;
background-image: none;
width: 100%;
margin-top: 5px;
min-height: 35px;
}
.megaMenuStoryItem {
background-image: none;
margin-top: 10px;
width: 100%;
clear: both;
color: #000;
}
.megaMenuStoryItem:first-child {
margin-top: 0;
}
.megaMenuStoryItem ul li {
background-image: none;
line-height: 18px;
}
.megaMenuStoryItemLink {
display: inline;
}
.advisoriesStoryDisplay .megaMenuStoryItemID {
width: 40%;
}
.advisoriesStoryDisplay .megaMenuStoryItemCategory {
width: 30%;
}
.advisoriesStoryDisplay .megaMenuStoryItemDate {
width: 30%;
}
.videoStoryDisplay .megaMenuStoryItemLink {
float: none;
clear: right;
font-size: 12px;
}
.videoStoryDisplay .megaMenuStoryItemContent {
clear: right;
}
.genericStoryDisplay .megaMenuStoryItemContent {
clear: both;
}
.megaMenuStoryItemDate:before {
content: "\2013";
margin-left: 2px;
margin-right: 2px;
}
.aboutUsStoryDisplay .megaMenuStoryItemLink {
width: 80%;
}
.aboutUsStoryDisplay .megaMenuStoryItemDate {
width: 20%;
}
.megaMenuStoryItemID {
float: left;
}
.megaMenuStoryItemCategory {
float: left;
}
.megaMenuStoryItemDate {
display: inline;
text-align: right;
}
.megaMenuStoryItemThumbnail {
float: left;
margin: 0 5px 5px 0;
}
.megaMenuStoryItemTitle {
clear: right;
}
.megaMenuStoryItemContent {
font-size: 12px;
clear: both;
}
.storyMetaData {
padding: 0 0 5px 0;
}
.cmeMegaMenuBorderColumn .splitListDisplay {
margin-right: 10px;
border-right: 1px solid #3EA2D4;
}
.cmeGlobalThumb {
margin: 0 0 0 2px !important;
}
.megaMenuStoryItems .cmeList .cmeMediaBoxMeta span.cmeContentColumn {
margin-bottom: 0;
}
.cmeNavigationItemMenu .featureItem .cmeMediaBoxTitle {
color: #d06600;
margin: 0 0 5px 0;
font-weight: normal;
font-size: 16px;
line-height: 20px;
}
/****************************/
/* ASSET CLASS NAVIGATION */
/****************************/
#assetClassNavigation {
margin-left: 20px;
}
/*********************************/
/* COMPONENTS */
/*********************************/
/*.cmeSectionBlockLayout + .cmeSectionBlockLayout {margin-top:40px;}*/
/* COMPONENT INTERACTION */
.section {
margin-top: 40px;
}
.section:first-child {
margin-top: 0;
}
.cmeActivationTimeContainer.cmeSectionRegion {
margin-top: 0 !important;
}
.cmeActivationShow {
margin-top: 40px !important
}
.cmeRightColumnLayout .cmeText ul, .cmeRightColumnLayout .cmeText ol {
margin-left: 1.5em;
margin-top: 0.5em;
}
.cmeRightColumnLayout .cmeText ol {
margin-left: 0.5em;
margin-top: 0.5em;
}
.cmeComponent {
margin-top: 40px;
}
.cmeComponent:first-child {
margin-top: 0;
}
/* HOMEPAGE LAYOUT */
.cme-home-landing .cmeSectionRegionLayout {
margin-top: 20px;
}
.cme-home-landing .cmeSectionRegionLayout:first-child {
margin-top: 0;
}
.cme-home-landing .cmeSectionRegion {
margin-top: 20px;
}
.cme-home-landing .cmeSectionRegion .section {
margin-top: 0;
}
.cme-home-landing .cmeSectionRegion .parsys > .section {
margin-top: 10px;
}
.cme-home-landing .cmeSectionRegion .parsys > .section:first-child {
margin-top: 0;
}
.cmeSectionHeading + div {
margin-top: 5px;
}
.cmeSecondaryNav .section {
margin-top: 20px;
}
.cmeSecondaryNav .section:first-child {
margin-top: 0;
}
#cmePageFooterArea .section {
margin-top: 20px;
}
#cmePageFooterArea .section:first-child {
margin-top: 0;
}
/* Spacing after page title H1 outside of cmeTitle */
.cmeContentColumnLayout > h1 + .parbase, .cmeContentColumnLayout > h1 + .parsys {
margin-top: 0.625em;
}
.cme-primary-landing .cmeLeftColumnLayout .section, .cme-primary-landing .cmeFullColumnLayout .section {
margin-top: 40px;
}
.cme-primary-landing .cmeLeftColumnLayout .section:first-child, .cme-primary-landing .cmeFullColumnLayout .section:first-child {
margin-top: 0 !important;
}
.cme-primary-landing .cmeRightColumnLayout .section {
margin-top: 20px;
}
.cme-primary-landing .cmeRightColumnLayout .section:first-child {
margin-top: 0;
}
.cme-primary-landing .cmeLeftColumnLayout .cmeTitle + .cmeText, .cme-primary-landing .cmeFullColumnLayout .cmeTitle + .cmeText {
margin-top: 10px;
}
.cme-primary-landing .cmeLeftColumnLayout .cmeTitle + .cmeTabs, .cme-primary-landing .cmeFullColumnLayout .cmeTitle + .cmeTabs {
margin-top: 10px;
}
.cme-primary-landing .cmeLeftColumnLayout .cmeTitle + .cmeFlexColumn, .cme-primary-landing .cmeFullColumnLayout .cmeTitle + .cmeFlexColumn {
margin-top: 10px;
}
.cme-primary-landing .cmeLeftColumnLayout .cmeTitle + .cmeStandardDesignBox, .cme-primary-landing .cmeFullColumnLayout .cmeTitle + .cmeStandardDesignBox {
margin-top: 10px;
}
.cmeClearContent:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.section:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.cmeContentSection {
clear: both;
padding: 0;
margin: 0;
}
.cmeAsyncComponent {
position: relative;
min-height: 40px;
}
/* COLUMN SETUP */
.cmeContentColumn {
display: block;
float: left;
margin: 1% 0 1% 1.6%;
}
.cmeContentColumn:first-child {
margin-left: 0;
}
.cmeContentGroup:before, .cmeContentGroup:after {
content: "";
display: table;
}
.cmeContentGroup:after {
clear: both;
}
/* FLUID WIDTHS FOR COMPONENTS */
.span_2_of_2 {
width: 100%;
}
.span_1_of_2 {
width: 49.2%;
}
.span_3_of_3 {
width: 100%;
}
.span_2_of_3 {
width: 66.1%;
}
.span_1_of_3 {
width: 32.2%;
}
.span_4_of_4 {
width: 100%;
}
.span_3_of_4 {
width: 74.6%;
}
.span_2_of_4 {
width: 49.2%;
}
.span_1_of_4 {
width: 23.8%;
}
.span_5_of_5 {
width: 100%;
}
.span_4_of_5 {
width: 79.68%;
}
.span_3_of_5 {
width: 59.36%;
}
.span_2_of_5 {
width: 39.04%;
}
.span_1_of_5 {
width: 18.72%;
}
.span_6_of_6 {
width: 100%;
}
.span_5_of_6 {
width: 83.06%;
}
.span_4_of_6 {
width: 66.13%;
}
.span_3_of_6 {
width: 49.2%;
}
.span_2_of_6 {
width: 32.26%;
}
.span_1_of_6 {
width: 15.33%;
}
.span_7_of_7 {
width: 100%;
}
.span_6_of_7 {
width: 85.48%;
}
.span_5_of_7 {
width: 70.97%;
}
.span_4_of_7 {
width: 56.45%;
}
.span_3_of_7 {
width: 41.92%;
}
.span_2_of_7 {
width: 27.42%;
}
.span_1_of_7 {
width: 12.91%;
}
/* UTILITY STYLES */
.cmeFloatLeft {
float: left;
}
.cmeFloatRight {
float: right;
}
.cmeFloatNone {
float: none;
}
.cmeTextLeft {
text-align: left;
}
.cmeTextRight {
text-align: right;
}
.cmeTextCenter {
text-align: center;
}
.cmeResponsiveCenter {
width: 100%;
text-align: right;
display: block;
}
.cmeResponsiveCenter .cmeButton {
margin-top: 5px;
}
.cmeResponsiveCenter .cmeButton:nth-child(2) {
margin-left: 5px;
}
.cmeDesktopRightResponsiveLeft {
width: 100%;
text-align: right;
display: block;
}
/**********************************************/
/* CME TEXT SECTIONS - CMETEXT AND CMEARTICLE */
/**********************************************/
/* TEXT */
.cmeText + .cmeText {
margin-top: 0.625em;
}
.cmeText + .cmeFlexColumn {
margin-top: 1.250em;
}
.cmeText > ul:first-child {
margin-top: 0;
}
/* .cmeText ul > li {margin:0.5em 0.4em 0 0.7em; position:relative;} */
.cmeText ul > li:first-child {
margin-top: 0;
}
.cmeText ul ul, .cmeText ol ul, .cmeArticle ul ul, .cmeArticle ol ul {
list-style-type: circle;
list-style-position: outside;
margin-left: 30px;
position: relative;
}
.cmeText ol ol, .cmeText ul ol, .cmeArticle ol ol, .cmeArticle ul ol {
list-style-type: lower-latin;
list-style-position: outside;
margin-left: 30px;
position: relative;
}
.cmeText > ol {
padding-left: 10px;
}
.cmeText > ol:first-child {
margin-top: 0;
}
/* .cmeText ol > li {margin:0.5em 0 0 0.625em;} */
.cmeText ol > li:first-child {
margin-top: 0;
}
.cmeText li {
line-height: 1.5;
}
/* ARTICLES */
.cmeArticleProperties + .cmeBox .cmeText p,
.cmeArticle p {
margin-left: auto;
margin-right: auto;
line-height: 1.75;
font-size: 16px;
margin-top: 0.625em;
}
.cmeArticleProperties + .cmeBox .cmeText table p,
.cmeArticle table p {
line-height: 1.5;
font-size: 14px;
}
.cmeArticleRight, .articleContentTemplate .cmeBox .cmeText p:first-child, .cmeArticleRight h2:first-child, .articleContentTemplate .cmeBox .cmeText h3:first-child, .articleContentTemplate .cmeBox .cmeText p:first-child{
margin-top: 0 !important;
}
.cmeArticle + .parsys.full-par {
margin-top: 1em;
}
.cmeArticleProperties + .cmeBox .cmeText li, .cmeArticle li, .cmeArticle li {
vertical-align: middle;
font-size: 16px;
line-height: 1.75;
margin-bottom: 0.35em;
}
.articleContentTemplate .cmeBox {
max-width: 725px;
margin: 0.625em auto;
line-height: 1.5;
}
.articleContentTemplate #cmePageContentArea .cmeTitle{
width:100%;
max-width:725px;
margin-left:auto;
margin-right:auto;
}
.articleContentTemplate .section{
margin-top:0.625em;
}
.articleContentTemplate .section:first-child{
margin-top:0;
}
/* GENERAL TEXT FORMATS */
.cmeIntroLargeTextDropCap {
display: block;
}
.cmeIntroLargeTextDropCap:first-letter {
float: left;
margin: 5px 6px 0 0;
}
.cmeArticleQuoteLeft {
display: block;
float: left;
margin: 2px 20px 10px 0;
padding: 5px 17px 0 20px;
position: relative;
width: 45%;
}
.cmeArticleQuoteRight {
display: block;
float: right;
margin: 2px 0 10px 20px;
padding: 15px 20px 0px 17px;
position: relative;
width: 45%;
}
.cmeArticleInformationLeft {
display: block;
float: left;
margin: 2px 20px 10px 0px;
padding: 20px;
position: relative;
width: 45%;
}
.cmeArticleInformationRight {
display: block;
float: right;
margin: 2px 0 10px 10px;
padding: 20px;
position: relative;
width: 45%;
}
.cmeArticle img {
display: block;
float: none;
clear: both;
position: relative;
width: 100%;
}
.cmeArticleImageLeft, .cmeArticleImageRight{
display: inline-block;
clear: both;
padding: 5px;
width: 45% !important;
position: relative;
box-sizing: border-box;
background-color: #efefef;
border-left: 4px solid #0575b9;
}
.cmeArticleImageLeft {
float: left !important;
margin: 0 20px 0px 0px;
}
.cmeArticleImageRight {
float: right !important;
margin: 0 0 0 20px;
}
.cmeIconLeftAligned {
float: left;
margin: 5px 10px 5px 0;
}
.cmeImageCaption {
color: #999;
font-size: small;
}
/****************************************/
/* FLEX-COLUMNS AND EQUALHEIGHT COLUMNS */
/****************************************/
/* Cols */
.cmeColumnRow {
padding: 1rem;
box-sizing: border-box;
}
.cmeColumn {
float: left;
box-sizing: border-box;
padding-left: 1rem;
}
.cmeColumn:first-child {
padding: 0;
}
.cmeCol {
float: left;
margin-left: 2.0325%;
}
.cmeCol.cmeColFirst {
margin-left: 0;
}
/* Strict Percentage Cols */
.cmeCol75 {
width: 75%;
}
.cmeCol16 {
width: 16.666%;
}
.cmeCol20 {
width: 20%;
}
.cmeCol25 {
width: 25%;
}
.cmeCol50 {
width: 50%;
}
.cmeCol33 {
width: 33.333%;
}
.cmeCol100 {
width: 100%;
}
/* Cols that fit in a row w/ margins */
.cmeColHalf {
width: 48.98%;
}
.cmeColThird {
width: 31.97%;
}
.cmeColQuarter {
width: 23.47%;
}
.cmeColFifth {
width: 18.37%;
}
.cmeColSixth {
width: 14.97%;
}
.cmeColTwoThirds {
width: 65.9892%;
}
.cmeColThreeFourths {
width: 74.4919%;
}
.cmeColWithGutter {
width: 76%;
margin-left: 12% !important;
margin-right: 12% !important;
}
/* flex col 3 x 2 layout start */
.cmeRowSecond.cmeColThird, .cmeRowThird.cmeColThird {
margin-top: 20px;
}
.cmeRowSecond.cmeColThird.cmeColFirst, .cmeRowThird.cmeColThird.cmeColFirst {
clear: both;
}
/* flex col 3 x 2 layout end */
/* flex col 4 x 4 layout start */
.cmeRowSecond.cmeColQuarter, .cmeRowThird.cmeColQuarter, .cmeRowFourth.cmeColQuarter {
margin-top: 20px;
}
.cmeRowSecond.cmeColQuarter.cmeColFirst, .cmeRowThird.cmeColQuarter.cmeColFirst, .cmeRowFourth.cmeColQuarter.cmeColFirst {
clear: both;
}
/* flex col 3 x 2 layout end */
.cmeContentBox {
padding: 10px;
}
/* start custom padding for multiple sections in a column WEBDEV-1178 */
.cmeFlexColumnWrapper .cmeCol .section + .section {
margin-top: 0.625em;
}
.cmeFeaturedPageLink.section + .cmeFeaturedPageLink.section {
margin-top: 25px;
}
.cmeAlertBox.section + .section {
margin-top: 0.625em;
}
/* start custom padding for multiple sections in a column WEBDEV-1178 */
/* EQUALHEIGHT COLUMNS */
.cmeEqualHeightColumns {
clear: both;
margin-left: -10px;
margin-right: -10px;
}
.cmeEqualHeightColumnWrapper {
display: table;
table-layout: fixed;
width: 100%;
}
.cmeEqualHeightRow {
display: table-row;
width: 100%;
}
.cmeEqualHeightCol {
display: table-cell;
vertical-align: top;
}
.cmeEqualHeightRow .cmeEqualHeightCol > div.parsys {
padding: 0 10px;
}
.cmeEqualHeightRow .cmeEqualHeightCol:first-child > div.parsys {
}
.cmeEqualHeightRow .cmeEqualHeightCol.cmeLastChild > div.parsys {
}
.cmeEqualHeightRow .cmeEqualHeightCol > div.parsys {
margin-top: 20px;
}
.cmeEqualHeightRow:first-child .cmeEqualHeightCol > div.parsys {
margin-top: 0;
}
.cmeEqualHeightCol.cmeColHalf {
}
.cmeEqualHeightCol.cmeColThird {
}
.cmeEqualHeightCol.cmeColQuarter {
}
.cmeEqualHeightCol.cmeColFifth {
}
.cmeEqualHeightCol.cmeColTwoThirds {
}
.cmeEqualHeightCol.cmeColThreeFourths {
}
.cq-wcm-edit .cmeEqualHeightRow .cmeEqualHeightCol {
float: left;
display: inline;
margin-left: 1%;
}
.cq-wcm-edit .cmeEqualHeightRow .cmeEqualHeightCol.cmeColHalf {
width: 49.5%;
}
.cq-wcm-edit .cmeEqualHeightRow .cmeEqualHeightCol.cmeColThird {
width: 32.666%;
}
.cq-wcm-edit .cmeEqualHeightRow .cmeEqualHeightCol.cmeColQuarter {
width: 24.2%;
}
.cq-wcm-edit .cmeEqualHeightRow .cmeEqualHeightCol.cmeColFifth {
width: 18.37%;
}
.cq-wcm-edit .cmeEqualHeightRow .cmeEqualHeightCol.cmeColTwoThirds {
width: 66.3%;
}
.cq-wcm-edit .cmeEqualHeightRow .cmeEqualHeightCol.cmeColThreeFourths {
width: 74.8%;
}
.cq-wcm-edit .cmeEqualHeightRow .cmeEqualHeightCol:first-child {
margin-left: 0;
}
.cq-wcm-edit .cmeEqualHeightRow .cmeEqualHeightCol > div.parsys {
margin: 0;
}
/**********************************/
/* CME IMAGE COMPONENT */
/**********************************/
.cmeImage .cmeGroupImage + .cmeGroupRolloverImage {
display: none;
}
/**********************************/
/* CME INJECTED CONTENT COMPONENT */
/**********************************/
.cmeInjectContent.section {
margin-top: 0;
}
.cmeInjectContent .section {
margin-top: 20px;
}
/******************************/
/* CME LIST NAVIGATION */
/******************************/
.cmeNavigationList {
border: solid 1px #000;
padding: 5px 0;
}
.cmeNavigationList li {
margin-top: 2px;
clear: both;
}
.cmeNavigationList ul li:first-child {
margin-top: 0;
}
.cmeNavigationList > li > ul {
display: none;
}
.cmeNavigationList > li > ul > li {
display: none;
}
.cmeNavigationList > li > ul > li > ul {
display: none;
}
.cmeNavigationList > li:first-child {
display: block;
position: relative;
padding: 5px;
}
.cmeNavigationList > li:hover > ul {
display: block;
position: absolute;
top: 20px;
left: 0;
z-index: 9999;
background-color: #d5d5d5;
}
.cmeNavigationList > li:hover > ul > li {
display: block;
}
.cmeNavigationList > li:hover > ul > li:hover {
display: block;
position: relative;
}
.cmeNavigationList > li:hover > ul > li:hover > ul {
display: block;
position: absolute;
top: 0;
right: -300px;
z-index: 9999;
background-color: #d5d5d5;
min-width: 300px;
}
.cmeNavigationList > li:hover > ul > li:hover > ul > li {
display: block;
}
.cmeNavigationList li:hover {
background-color: #a2a1a1;
}
.cmeNavigationList > li:first-child {
background-color: #fff !important;
}
.cmeNavigationList li a {
display: block;
padding: 5px;
}
/*****************************/
/* CME CONTENT META AREA */
/*****************************/
.cmeContentMetaArea {
display: table;
border-collapse: collapse;
width: 100%;
}
.cmeContentMetaItem {
display: table-cell;
}
.cmeContentTitle {
width: 70%;
}
.cmeContentSupportingFunctionality {
width: 30%;
}
/****************************/
/* CME TABS */
/****************************/
.cmeTabsSystem {
list-style: none;
margin: 0;
padding: 0;
}
.cmeTabsSystem li:first-child {
margin-left: 0;
}
.cmeTabsSystem li a {
display: block;
padding: 10px;
}
.cmeTabs {
display: block;
clear: both;
}
.cmeTabsNavigation {
display: table;
width: 100%;
}
.cmeTabsNavigation li {
display: table-cell;
float: none;
margin: 0;
transition: background 0.5s ease;
}
.cmeTabsFixedWidth {
table-layout: fixed;
}
.cmeTabsFixedWidth li span {
word-wrap: break-word;
}
.cmeTabsContent {
display: table;
width: 100%;
}
.cmeTabsContent li {
display: table-cell;
float: none;
margin: 0;
}
.cmeSubNavigation {
clear: both;
}
/* CONTENT AREAS IN TABS */
.cmeTabPanel .cmeContentBox h1, .cmeTabPanel .cmeContentBox h2, .cmeTabPanel .cmeContentBox h3, .cmeTabPanel .cmeContentBox h4, .cmeTabPanel .cmeContentBox h5, .cmeTabPanel .cmeContentBox h6 {
margin: 0 0 5px 0;
}
.cmeTabPanel .cmeListTitle h1, .cmeTabPanel .cmeListTitle h2, .cmeTabPanel .cmeListTitle h3, .cmeTabPanel .cmeListTitle h4, .cmeTabPanel .cmeListTitle h5, .cmeTabPanel .cmeListTitle h6 {
margin: 0;
}
.cmeTabPanel {
clear: both;
min-height: 100px;
position: relative;
}
.cmeTabPanel .full-par .cmeFlexColumn.section {
margin-top: 0;
}
.cmeProductMetaInformation {
padding: 10px;
float: none;
margin: 0;
}
.cmeSupportingMetaInformation {
float: left;
}
.cmeLabelWrapper {
float: left;
padding: 10px 5px;
}
/********************************/
/* CME CONTENT COLUMN DESIGN */
/********************************/
.cq-wcm-edit .cmeDesignComponent .parbase.section {
border: dashed 2px #ccc;
background-color: #fafad2;
}
.cmeColumnDesign {
clear: both;
}
.cmeColumnDesign .cmeText > ul > li, .cmeColumnDesign .cmeText > ol > li, .cmeColumnDesign .cmeStaticMediaBox > .cmeList > .cmeListContent > .cmeMediaBox, .cmeColumnDesign .cmeProductList > li, .cmeColumnDesign .cmeBulletedList > li {
width: 100%;
display: inline-block;
position: relative;
}
.cmeColumnDesign .cmeList .cmeMediaBox {
display: inline-block;
}
/*********************************/
/* SUB NAVIGATION TOGGLES */
/*********************************/
.cmeToggleControl {
display: table;
table-layout: fixed;
}
.cmeToggleControl .cmeTabsSubNavigationItem {
display: table-cell;
width: 112px;
}
.cmeToggleControl .cmeTabsSubNavigationItem a {
display: block;
padding: 5px;
}
/******************************************/
/* CME PRODUCT PAGE DATA TABLES */
/******************************************/
#productTabs.section {
margin-top: 0.625em;
}
.cmeTableBlockWrapper {
position: relative;
clear: both;
}
#cmeSearchFilterRight .cmeTableBlockWrapper {
top: 50px;
}
.cmePaginationWrapper + .cmeTableBlockWrapper {
top: 0px !important;
}
.cmeTableBlockWrapperRepeater {
position: relative;
min-height: 50px;
margin-top: 20px;
}
.cmeTableBlockWrapperRepeater:first-child {
margin-top: 0;
}
/* SEPARATE CONSECTIVE TABLES */
.cmeTableWrapper + .cmeTableWrapper {
margin-top: 20px;
}
table + table {
margin-top: 20px;
}
.cmeTable {
font-size:12px;
}
.cmeDataTable, .cmeContentTable, .cmeDataTableAdvanced, .cmeDataTableAdvanced, .cmeTable {
min-width: 100%;
}
.imageButton {
position: relative;
top: 2px;
margin: 2px 2px 2px 5px;
}
.imageButton a {
display: block;
}
.cmeImageButtonList {
display: inline-block;
}
.cmeTable th, .cmeTable td {
padding: 5px;
}
.cmeTable th.cmeSortable {
padding: 0;
}
.cmeTable th.cmeSortable span {
display: block;
padding: 5px 15px;
}
/*.cmeTable tbody li {float:left;}*/
.cmeTableFoot {
padding: 5px !important;
}
.cmeText .cmeSpecTable {
width: 100%;
}
.cmeText .cmeSpecTable th, .cmeText .cmeSpecTable td {
padding: 15px;
}
.cmeText .cmeSpecTable th.noPadding, .cmeText .cmeSpecTable td.noPadding {
padding: 0px !important;
}
.cmeText .cmeSpecTableNested {
width: 100%;
border: 0px;
}
.cmeLegend .cmeLegendItem {
float: left;
margin: 0 10px 0 5px;
line-height: 22px;
}
.cmeLegend .cmeSupportingLinks {
float: right;
margin-right: 0;
line-height: 22px;
}
.cmeLegend .cmeLegendItem:first-child {
margin: 0;
}
.cmeFixedTableHeadWrapper {
position: relative;
}
.cmeTableBodyWrapper {
height: 400px;
overflow: hidden;
overflow-x: hidden;
overflow-y: auto;
}
.cmeTableBodyWrapper .cmeTable tfoot, .cmeTableHeadWrapper .cmeTable tfoot {
display: none;
}
.cmeTableBodyWrapper .cmeTable thead {
display: none;
}
.cmeTableBodyWrapper .cmeTable {
margin: 0;
}
.cmeTableFooterWrapper .cmeTable thead, .cmeTableFooterWrapper .cmeTable tbody {
display: none;
}
.cmeTableFixed {
table-layout: fixed;
}
/* FLOATING HEADER */
.cmeFloatingHeader {
position: fixed;
top: 0px;
visibility: hidden;
z-index: 500;
display: none;
}
/* OPTIONS TABLES */
.cmeOptionsTable {
max-width: 100%;
}
.cmeOptionsTableSection {
width: 340px;
}
.cmeStrikePrice {
width: 40px;
}
/*** PRODUCT TABLES - COLUMN SET WIDTHS ***/
/* QUOTES - FUTURES - WITH OPTIONS, ON GLOBEX, SHOWING HIGH/LOW */
.cmeQuotesOptionstrue.cmeQuotesGlobextrue.cmeQuotesHighLowtrue .cmeQuotesMonth {
width: 68px;
}
.cmeQuotesOptionstrue.cmeQuotesGlobextrue.cmeQuotesHighLowtrue .cmeQuotesOptions {
width: 51px;
}
.cmeQuotesOptionstrue.cmeQuotesGlobextrue.cmeQuotesHighLowtrue .cmeQuotesCharts {
width: 50px;
}
.cmeQuotesOptionstrue.cmeQuotesGlobextrue.cmeQuotesHighLowtrue .cmeQuotesLast {
width: 50px;
}
.cmeQuotesOptionstrue.cmeQuotesGlobextrue.cmeQuotesHighLowtrue .cmeQuotesChange {
width: 50px;
}
.cmeQuotesOptionstrue.cmeQuotesGlobextrue.cmeQuotesHighLowtrue .cmeQuotesPriorSettle {
width: 50px;
}
.cmeQuotesOptionstrue.cmeQuotesGlobextrue.cmeQuotesHighLowtrue .cmeQuotesOpen {
width: 50px;
}
.cmeQuotesOptionstrue.cmeQuotesGlobextrue.cmeQuotesHighLowtrue .cmeQuotesHigh {
width: 50px;
}
.cmeQuotesOptionstrue.cmeQuotesGlobextrue.cmeQuotesHighLowtrue .cmeQuotesLow {
width: 50px;
}
.cmeQuotesOptionstrue.cmeQuotesGlobextrue.cmeQuotesHighLowtrue .cmeQuotesVolume {
width: 50px;
}
.cmeQuotesOptionstrue.cmeQuotesGlobextrue.cmeQuotesHighLowtrue .cmeQuotesHiLow {
width: 52px;
}
.cmeQuotesOptionstrue.cmeQuotesGlobextrue.cmeQuotesHighLowtrue .cmeQuotesUpdated {
width: 92px;
}
/* QUOTES - FUTURES - NO OPTIONS - ON GLOBEX, SHOWING HI/LOW */
.cmeQuotesOptionsfalse.cmeQuotesGlobextrue.cmeQuotesHighLowtrue .cmeQuotesMonth {
width: 64px;
}
.cmeQuotesOptionsfalse.cmeQuotesGlobextrue.cmeQuotesHighLowtrue .cmeQuotesCharts {
width: 56px;
}
.cmeQuotesOptionsfalse.cmeQuotesGlobextrue.cmeQuotesHighLowtrue .cmeQuotesLast {
width: 56px;
}
.cmeQuotesOptionsfalse.cmeQuotesGlobextrue.cmeQuotesHighLowtrue .cmeQuotesChange {
width: 56px;
}
.cmeQuotesOptionsfalse.cmeQuotesGlobextrue.cmeQuotesHighLowtrue .cmeQuotesPriorSettle {
width: 56px;
}
.cmeQuotesOptionsfalse.cmeQuotesGlobextrue.cmeQuotesHighLowtrue .cmeQuotesOpen {
width: 56px;
}
.cmeQuotesOptionsfalse.cmeQuotesGlobextrue.cmeQuotesHighLowtrue .cmeQuotesHigh {
width: 56px;
}
.cmeQuotesOptionsfalse.cmeQuotesGlobextrue.cmeQuotesHighLowtrue .cmeQuotesLow {
width: 56px;
}
.cmeQuotesOptionsfalse.cmeQuotesGlobextrue.cmeQuotesHighLowtrue .cmeQuotesVolume {
width: 56px;
}
.cmeQuotesOptionsfalse.cmeQuotesGlobextrue.cmeQuotesHighLowtrue .cmeQuotesHiLow {
width: 55px;
}
.cmeQuotesOptionsfalse.cmeQuotesGlobextrue.cmeQuotesHighLowtrue .cmeQuotesUpdated {
width: 92px;
}
/* QUOTES - FUTURES - WITH OPTIONS - ON GLOBEX, NO HI/LOW */
.cmeQuotesOptionstrue.cmeQuotesGlobextrue.cmeQuotesHighLowfalse .cmeQuotesMonth {
width: 64px;
}
.cmeQuotesOptionstrue.cmeQuotesGlobextrue.cmeQuotesHighLowfalse .cmeQuotesOptions {
width: 55px;
}
.cmeQuotesOptionstrue.cmeQuotesGlobextrue.cmeQuotesHighLowfalse .cmeQuotesCharts {
width: 56px;
}
.cmeQuotesOptionstrue.cmeQuotesGlobextrue.cmeQuotesHighLowfalse .cmeQuotesLast {
width: 56px;
}
.cmeQuotesOptionstrue.cmeQuotesGlobextrue.cmeQuotesHighLowfalse .cmeQuotesChange {
width: 56px;
}
.cmeQuotesOptionstrue.cmeQuotesGlobextrue.cmeQuotesHighLowfalse .cmeQuotesPriorSettle {
width: 56px;
}
.cmeQuotesOptionstrue.cmeQuotesGlobextrue.cmeQuotesHighLowfalse .cmeQuotesOpen {
width: 56px;
}
.cmeQuotesOptionstrue.cmeQuotesGlobextrue.cmeQuotesHighLowfalse .cmeQuotesHigh {
width: 56px;
}
.cmeQuotesOptionstrue.cmeQuotesGlobextrue.cmeQuotesHighLowfalse .cmeQuotesLow {
width: 56px;
}
.cmeQuotesOptionstrue.cmeQuotesGlobextrue.cmeQuotesHighLowfalse .cmeQuotesVolume {
width: 56px;
}
.cmeQuotesOptionstrue.cmeQuotesGlobextrue.cmeQuotesHighLowfalse .cmeQuotesUpdated {
width: 92px;
}
/* QUOTES - FUTURES - NO OPTIONS - ON GLOBEX, NO HI/LOW */
.cmeQuotesOptionsfalse.cmeQuotesGlobextrue.cmeQuotesHighLowfalse .cmeQuotesMonth {
width: 64px;
}
.cmeQuotesOptionsfalse.cmeQuotesGlobextrue.cmeQuotesHighLowfalse .cmeQuotesCharts {
width: 56px;
}
.cmeQuotesOptionsfalse.cmeQuotesGlobextrue.cmeQuotesHighLowfalse .cmeQuotesLast {
width: 65px;
}
.cmeQuotesOptionsfalse.cmeQuotesGlobextrue.cmeQuotesHighLowfalse .cmeQuotesChange {
width: 65px;
}
.cmeQuotesOptionsfalse.cmeQuotesGlobextrue.cmeQuotesHighLowfalse .cmeQuotesPriorSettle {
width: 56px;
}
.cmeQuotesOptionsfalse.cmeQuotesGlobextrue.cmeQuotesHighLowfalse .cmeQuotesOpen {
width: 65px;
}
.cmeQuotesOptionsfalse.cmeQuotesGlobextrue.cmeQuotesHighLowfalse .cmeQuotesHigh {
width: 65px;
}
.cmeQuotesOptionsfalse.cmeQuotesGlobextrue.cmeQuotesHighLowfalse .cmeQuotesLow {
width: 65px;
}
.cmeQuotesOptionsfalse.cmeQuotesGlobextrue.cmeQuotesHighLowfalse .cmeQuotesVolume {
width: 65px;
}
.cmeQuotesOptionsfalse.cmeQuotesGlobextrue.cmeQuotesHighLowfalse .cmeQuotesUpdated {
width: 93px;
}
/* QUOTES - FUTURES - WITH OPTIONS, ON FLOOR, SHOWING HIGH/LOW */
.cmeQuotesOptionstrue.cmeQuotesGlobexfalse.cmeQuotesHighLowtrue .cmeQuotesMonth {
width: 62px;
}
.cmeQuotesOptionstrue.cmeQuotesGlobexfalse.cmeQuotesHighLowtrue .cmeQuotesOptions {
width: 49px;
}
.cmeQuotesOptionstrue.cmeQuotesGlobexfalse.cmeQuotesHighLowtrue .cmeQuotesCharts {
width: 42px;
}
.cmeQuotesOptionstrue.cmeQuotesGlobexfalse.cmeQuotesHighLowtrue .cmeQuotesLast {
width: 52px;
}
.cmeQuotesOptionstrue.cmeQuotesGlobexfalse.cmeQuotesHighLowtrue .cmeQuotesChange {
width: 48px;
}
.cmeQuotesOptionstrue.cmeQuotesGlobexfalse.cmeQuotesHighLowtrue .cmeQuotesPriorSettle {
width: 55px;
}
.cmeQuotesOptionstrue.cmeQuotesGlobexfalse.cmeQuotesHighLowtrue .cmeQuotesOpen12 {
width: 55px;
}
.cmeQuotesOptionstrue.cmeQuotesGlobexfalse.cmeQuotesHighLowtrue .cmeQuotesHigh {
width: 43px;
}
.cmeQuotesOptionstrue.cmeQuotesGlobexfalse.cmeQuotesHighLowtrue .cmeQuotesLow {
width: 43px;
}
.cmeQuotesOptionstrue.cmeQuotesGlobexfalse.cmeQuotesHighLowtrue .cmeQuotesClose12 {
width: 58px;
}
.cmeQuotesOptionstrue.cmeQuotesGlobexfalse.cmeQuotesHighLowtrue .cmeQuotesVolume {
width: 57px;
}
.cmeQuotesOptionstrue.cmeQuotesGlobexfalse.cmeQuotesHighLowtrue .cmeQuotesHiLow {
width: 57px;
}
.cmeQuotesOptionstrue.cmeQuotesGlobexfalse.cmeQuotesHighLowtrue .cmeQuotesUpdated {
width: 90px;
}
/* QUOTES - FUTURES - NO OPTIONS, ON FLOOR, SHOWING HIGH/LOW */
.cmeQuotesOptionsfalse.cmeQuotesGlobexfalse.cmeQuotesHighLowtrue .cmeQuotesMonth {
width: 62px;
}
.cmeQuotesOptionsfalse.cmeQuotesGlobexfalse.cmeQuotesHighLowtrue .cmeQuotesCharts {
width: 42px;
}
.cmeQuotesOptionsfalse.cmeQuotesGlobexfalse.cmeQuotesHighLowtrue .cmeQuotesLast {
width: 60px;
}
.cmeQuotesOptionsfalse.cmeQuotesGlobexfalse.cmeQuotesHighLowtrue .cmeQuotesChange {
width: 60px;
}
.cmeQuotesOptionsfalse.cmeQuotesGlobexfalse.cmeQuotesHighLowtrue .cmeQuotesPriorSettle {
width: 55px;
}
.cmeQuotesOptionsfalse.cmeQuotesGlobexfalse.cmeQuotesHighLowtrue .cmeQuotesOpen12 {
width: 55px;
}
.cmeQuotesOptionsfalse.cmeQuotesGlobexfalse.cmeQuotesHighLowtrue .cmeQuotesHigh {
width: 53px;
}
.cmeQuotesOptionsfalse.cmeQuotesGlobexfalse.cmeQuotesHighLowtrue .cmeQuotesLow {
width: 53px;
}
.cmeQuotesOptionsfalse.cmeQuotesGlobexfalse.cmeQuotesHighLowtrue .cmeQuotesClose12 {
width: 58px;
}
.cmeQuotesOptionsfalse.cmeQuotesGlobexfalse.cmeQuotesHighLowtrue .cmeQuotesVolume {
width: 57px;
}
.cmeQuotesOptionsfalse.cmeQuotesGlobexfalse.cmeQuotesHighLowtrue .cmeQuotesHiLow {
width: 57px;
}
.cmeQuotesOptionsfalse.cmeQuotesGlobexfalse.cmeQuotesHighLowtrue .cmeQuotesUpdated {
width: 99px;
}
/* QUOTES - FUTURES - WITH OPTIONS, ON FLOOR, NO HIGH/LOW */
.cmeQuotesOptionstrue.cmeQuotesGlobexfalse.cmeQuotesHighLowfalse .cmeQuotesMonth {
width: 62px;
}
.cmeQuotesOptionstrue.cmeQuotesGlobexfalse.cmeQuotesHighLowfalse .cmeQuotesOptions {
width: 49px;
}
.cmeQuotesOptionstrue.cmeQuotesGlobexfalse.cmeQuotesHighLowfalse .cmeQuotesCharts {
width: 42px;
}
.cmeQuotesOptionstrue.cmeQuotesGlobexfalse.cmeQuotesHighLowfalse .cmeQuotesLast {
width: 59px;
}
.cmeQuotesOptionstrue.cmeQuotesGlobexfalse.cmeQuotesHighLowfalse .cmeQuotesChange {
width: 59px;
}
.cmeQuotesOptionstrue.cmeQuotesGlobexfalse.cmeQuotesHighLowfalse .cmeQuotesPriorSettle {
width: 55px;
}
.cmeQuotesOptionstrue.cmeQuotesGlobexfalse.cmeQuotesHighLowfalse .cmeQuotesOpen12 {
width: 55px;
}
.cmeQuotesOptionstrue.cmeQuotesGlobexfalse.cmeQuotesHighLowfalse .cmeQuotesHigh {
width: 58px;
}
.cmeQuotesOptionstrue.cmeQuotesGlobexfalse.cmeQuotesHighLowfalse .cmeQuotesLow {
width: 58px;
}
.cmeQuotesOptionstrue.cmeQuotesGlobexfalse.cmeQuotesHighLowfalse .cmeQuotesClose12 {
width: 58px;
}
.cmeQuotesOptionstrue.cmeQuotesGlobexfalse.cmeQuotesHighLowfalse .cmeQuotesVolume {
width: 60px;
}
.cmeQuotesOptionstrue.cmeQuotesGlobexfalse.cmeQuotesHighLowfalse .cmeQuotesUpdated {
width: 90px;
}
/* QUOTES - FUTURES - NO OPTIONS, ON FLOOR, NO HIGH/LOW */
.cmeQuotesOptionsfalse.cmeQuotesGlobexfalse.cmeQuotesHighLowfalse .cmeQuotesMonth {
width: 62px;
}
.cmeQuotesOptionsfalse.cmeQuotesGlobexfalse.cmeQuotesHighLowfalse .cmeQuotesCharts {
width: 42px;
}
.cmeQuotesOptionsfalse.cmeQuotesGlobexfalse.cmeQuotesHighLowfalse .cmeQuotesLast {
width: 68px;
}
.cmeQuotesOptionsfalse.cmeQuotesGlobexfalse.cmeQuotesHighLowfalse .cmeQuotesChange {
width: 68px;
}
.cmeQuotesOptionsfalse.cmeQuotesGlobexfalse.cmeQuotesHighLowfalse .cmeQuotesPriorSettle {
width: 55px;
}
.cmeQuotesOptionsfalse.cmeQuotesGlobexfalse.cmeQuotesHighLowfalse .cmeQuotesOpen12 {
width: 55px;
}
.cmeQuotesOptionsfalse.cmeQuotesGlobexfalse.cmeQuotesHighLowfalse .cmeQuotesHigh {
width: 67px;
}
.cmeQuotesOptionsfalse.cmeQuotesGlobexfalse.cmeQuotesHighLowfalse .cmeQuotesLow {
width: 67px;
}
.cmeQuotesOptionsfalse.cmeQuotesGlobexfalse.cmeQuotesHighLowfalse .cmeQuotesClose12 {
width: 58px;
}
.cmeQuotesOptionsfalse.cmeQuotesGlobexfalse.cmeQuotesHighLowfalse .cmeQuotesVolume {
width: 70px;
}
.cmeQuotesOptionsfalse.cmeQuotesGlobexfalse.cmeQuotesHighLowfalse .cmeQuotesUpdated {
width: 90px;
}
/* QUOTES - UNDERLYING FUTURES - ON GLOBEX, SHOWING HIGH/LOW */
.cmeUnderlyingFuturesGlobextrue.cmeUnderlyingFuturesHighLowtrue .cmeQuotesUnderlyingFuturesMonth {
width: 169px;
}
.cmeUnderlyingFuturesGlobextrue.cmeUnderlyingFuturesHighLowtrue .cmeQuotesUnderlyingFuturesCharts {
width: 64px;
}
.cmeUnderlyingFuturesGlobextrue.cmeUnderlyingFuturesHighLowtrue .cmeQuotesUnderlyingFuturesLast {
width: 91px;
}
.cmeUnderlyingFuturesGlobextrue.cmeUnderlyingFuturesHighLowtrue .cmeQuotesUnderlyingFuturesChange {
width: 91px;
}
.cmeUnderlyingFuturesGlobextrue.cmeUnderlyingFuturesHighLowtrue .cmeQuotesUnderlyingFuturesPriorSettle {
width: 56px;
}
.cmeUnderlyingFuturesGlobextrue.cmeUnderlyingFuturesHighLowtrue .cmeQuotesUnderlyingFuturesHigh {
width: 91px;
}
.cmeUnderlyingFuturesGlobextrue.cmeUnderlyingFuturesHighLowtrue .cmeQuotesUnderlyingFuturesLow {
width: 91px;
}
.cmeUnderlyingFuturesGlobextrue.cmeUnderlyingFuturesHighLowtrue .cmeQuotesUnderlyingFuturesVolume {
width: 91px;
}
.cmeUnderlyingFuturesGlobextrue.cmeUnderlyingFuturesHighLowtrue .cmeQuotesUnderlyingFuturesHiLow {
width: 56px;
}
.cmeUnderlyingFuturesGlobextrue.cmeUnderlyingFuturesHighLowtrue .cmeQuotesUnderlyingFuturesUpdated {
width: 125px;
}
/* QUOTES - UNDERLYING FUTURES - ON GLOBEX, NO HIGH/LOW */
.cmeUnderlyingFuturesGlobextrue.cmeUnderlyingFuturesHighLowfalse .cmeQuotesUnderlyingFuturesMonth {
width: 170px;
}
.cmeUnderlyingFuturesGlobextrue.cmeUnderlyingFuturesHighLowfalse .cmeQuotesUnderlyingFuturesCharts {
width: 64px;
}
.cmeUnderlyingFuturesGlobextrue.cmeUnderlyingFuturesHighLowfalse .cmeQuotesUnderlyingFuturesLast {
width: 102px;
}
.cmeUnderlyingFuturesGlobextrue.cmeUnderlyingFuturesHighLowfalse .cmeQuotesUnderlyingFuturesChange {
width: 102px;
}
.cmeUnderlyingFuturesGlobextrue.cmeUnderlyingFuturesHighLowfalse .cmeQuotesUnderlyingFuturesPriorSettle {
width: 56px;
}
.cmeUnderlyingFuturesGlobextrue.cmeUnderlyingFuturesHighLowfalse .cmeQuotesUnderlyingFuturesHigh {
width: 102px;
}
.cmeUnderlyingFuturesGlobextrue.cmeUnderlyingFuturesHighLowfalse .cmeQuotesUnderlyingFuturesLow {
width: 102px;
}
.cmeUnderlyingFuturesGlobextrue.cmeUnderlyingFuturesHighLowfalse .cmeQuotesUnderlyingFuturesVolume {
width: 102px;
}
.cmeUnderlyingFuturesGlobextrue.cmeUnderlyingFuturesHighLowfalse .cmeQuotesUnderlyingFuturesUpdated {
width: 125px;
}
/* QUOTES - UNDERLYING FUTURES - ON FLOOR, SHOWING HIGH/LOW */
.cmeUnderlyingFuturesGlobexfalse.cmeUnderlyingFuturesHighLowtrue .cmeQuotesUnderlyingFuturesMonth {
width: 160px;
}
.cmeUnderlyingFuturesGlobexfalse.cmeUnderlyingFuturesHighLowtrue .cmeQuotesUnderlyingFuturesCharts {
width: 54px;
}
.cmeUnderlyingFuturesGlobexfalse.cmeUnderlyingFuturesHighLowtrue .cmeQuotesUnderlyingFuturesLast {
width: 97px;
}
.cmeUnderlyingFuturesGlobexfalse.cmeUnderlyingFuturesHighLowtrue .cmeQuotesUnderlyingFuturesChange {
width: 97px;
}
.cmeUnderlyingFuturesGlobexfalse.cmeUnderlyingFuturesHighLowtrue .cmeQuotesUnderlyingFuturesPriorSettle {
width: 54px;
}
.cmeUnderlyingFuturesGlobexfalse.cmeUnderlyingFuturesHighLowtrue .cmeQuotesUnderlyingFuturesOpen12 {
width: 54px;
}
.cmeUnderlyingFuturesGlobexfalse.cmeUnderlyingFuturesHighLowtrue .cmeQuotesUnderlyingFuturesHigh {
width: 97px;
}
.cmeUnderlyingFuturesGlobexfalse.cmeUnderlyingFuturesHighLowtrue .cmeQuotesUnderlyingFuturesLow {
width: 97px;
}
.cmeUnderlyingFuturesGlobexfalse.cmeUnderlyingFuturesHighLowtrue .cmeQuotesUnderlyingFuturesClose12 {
width: 54px;
}
.cmeUnderlyingFuturesGlobexfalse.cmeUnderlyingFuturesHighLowtrue .cmeQuotesUnderlyingFuturesHiLow {
width: 54px;
}
.cmeUnderlyingFuturesGlobexfalse.cmeUnderlyingFuturesHighLowtrue .cmeQuotesUnderlyingFuturesUpdated {
width: 106px;
}
/* QUOTES - UNDERLYING FUTURES - ON FLOOR, NO HIGH/LOW */
.cmeUnderlyingFuturesGlobexfalse.cmeUnderlyingFuturesHighLowfalse .cmeQuotesUnderlyingFuturesMonth {
width: 170px;
}
.cmeUnderlyingFuturesGlobexfalse.cmeUnderlyingFuturesHighLowfalse .cmeQuotesUnderlyingFuturesCharts {
width: 55px;
}
.cmeUnderlyingFuturesGlobexfalse.cmeUnderlyingFuturesHighLowfalse .cmeQuotesUnderlyingFuturesLast {
width: 103px;
}
.cmeUnderlyingFuturesGlobexfalse.cmeUnderlyingFuturesHighLowfalse .cmeQuotesUnderlyingFuturesChange {
width: 103px;
}
.cmeUnderlyingFuturesGlobexfalse.cmeUnderlyingFuturesHighLowfalse .cmeQuotesUnderlyingFuturesPriorSettle {
width: 57px;
}
.cmeUnderlyingFuturesGlobexfalse.cmeUnderlyingFuturesHighLowfalse .cmeQuotesUnderlyingFuturesOpen12 {
width: 57px;
}
.cmeUnderlyingFuturesGlobexfalse.cmeUnderlyingFuturesHighLowfalse .cmeQuotesUnderlyingFuturesHigh {
width: 103px;
}
.cmeUnderlyingFuturesGlobexfalse.cmeUnderlyingFuturesHighLowfalse .cmeQuotesUnderlyingFuturesLow {
width: 103px;
}
.cmeUnderlyingFuturesGlobexfalse.cmeUnderlyingFuturesHighLowfalse .cmeQuotesUnderlyingFuturesClose12 {
width: 57px;
}
.cmeUnderlyingFuturesGlobexfalse.cmeUnderlyingFuturesHighLowfalse .cmeQuotesUnderlyingFuturesUpdated {
width: 111px;
}
/* QUOTES - OPTIONS - ON GLOBEX, SHOWING HIGH/LOW */
.cmeQuotesOptionsGlobextrue.cmeQuotesOptionsHighLowtrue .cmeQuotesOptionsCalls {
width: 451px;
}
.cmeQuotesOptionsGlobextrue.cmeQuotesOptionsHighLowtrue .cmeQuotesOptionsPuts {
width: 451px;
}
.cmeQuotesOptionsGlobextrue.cmeQuotesOptionsHighLowtrue .cmeQuotesOptionsUpdated {
width: 64px;
}
.cmeQuotesOptionsGlobextrue.cmeQuotesOptionsHighLowtrue .cmeQuotesOptionsHiLow {
width: 45px;
}
.cmeQuotesOptionsGlobextrue.cmeQuotesOptionsHighLowtrue .cmeQuotesOptionsVolume {
width: 50px;
}
.cmeQuotesOptionsGlobextrue.cmeQuotesOptionsHighLowtrue .cmeQuotesOptionsHigh {
width: 50px;
}
.cmeQuotesOptionsGlobextrue.cmeQuotesOptionsHighLowtrue .cmeQuotesOptionsLow {
width: 50px;
}
.cmeQuotesOptionsGlobextrue.cmeQuotesOptionsHighLowtrue .cmeQuotesOptionsPriorSettle {
width: 50px;
}
.cmeQuotesOptionsGlobextrue.cmeQuotesOptionsHighLowtrue .cmeQuotesOptionsChange {
width: 50px;
}
.cmeQuotesOptionsGlobextrue.cmeQuotesOptionsHighLowtrue .cmeQuotesOptionsLast {
width: 50px;
}
.cmeQuotesOptionsGlobextrue.cmeQuotesOptionsHighLowtrue .cmeQuotesOptionsStrikePrice {
width: 65px;
}
/* QUOTES - OPTIONS - ON GLOBEX, NO HIGH/LOW */
.cmeQuotesOptionsGlobextrue.cmeQuotesOptionsHighLowfalse .cmeQuotesOptionsCalls {
width: 451px;
}
.cmeQuotesOptionsGlobextrue.cmeQuotesOptionsHighLowfalse .cmeQuotesOptionsPuts {
width: 451px;
}
.cmeQuotesOptionsGlobextrue.cmeQuotesOptionsHighLowfalse .cmeQuotesOptionsUpdated {
width: 64px;
}
.cmeQuotesOptionsGlobextrue.cmeQuotesOptionsHighLowfalse .cmeQuotesOptionsVolume {
width: 60px;
}
.cmeQuotesOptionsGlobextrue.cmeQuotesOptionsHighLowfalse .cmeQuotesOptionsHigh {
width: 60px;
}
.cmeQuotesOptionsGlobextrue.cmeQuotesOptionsHighLowfalse .cmeQuotesOptionsLow {
width: 60px;
}
.cmeQuotesOptionsGlobextrue.cmeQuotesOptionsHighLowfalse .cmeQuotesOptionsPriorSettle {
width: 50px;
}
.cmeQuotesOptionsGlobextrue.cmeQuotesOptionsHighLowfalse .cmeQuotesOptionsChange {
width: 60px;
}
.cmeQuotesOptionsGlobextrue.cmeQuotesOptionsHighLowfalse .cmeQuotesOptionsLast {
width: 60px;
}
.cmeQuotesOptionsGlobextrue.cmeQuotesOptionsHighLowfalse .cmeQuotesOptionsStrikePrice {
width: 55px;
}
/* QUOTES - OPTIONS - ON FLOOR, SHOWING HIGH/LOW */
.cmeQuotesOptionsGlobexfalse.cmeQuotesOptionsHighLowtrue .cmeQuotesOptionsCalls {
width: 451px;
}
.cmeQuotesOptionsGlobexfalse.cmeQuotesOptionsHighLowtrue .cmeQuotesOptionsPuts {
width: 451px;
}
.cmeQuotesOptionsGlobexfalse.cmeQuotesOptionsHighLowtrue .cmeQuotesOptionsUpdated {
width: 74px;
}
.cmeQuotesOptionsGlobexfalse.cmeQuotesOptionsHighLowtrue .cmeQuotesOptionsHiLow {
width: 59px;
}
.cmeQuotesOptionsGlobexfalse.cmeQuotesOptionsHighLowtrue .cmeQuotesOptionsHigh {
width: 58px;
}
.cmeQuotesOptionsGlobexfalse.cmeQuotesOptionsHighLowtrue .cmeQuotesOptionsLow {
width: 58px;
}
.cmeQuotesOptionsGlobexfalse.cmeQuotesOptionsHighLowtrue .cmeQuotesOptionsPriorSettle {
width: 58px;
}
.cmeQuotesOptionsGlobexfalse.cmeQuotesOptionsHighLowtrue .cmeQuotesOptionsChange {
width: 58px;
}
.cmeQuotesOptionsGlobexfalse.cmeQuotesOptionsHighLowtrue .cmeQuotesOptionsLast {
width: 58px;
}
.cmeQuotesOptionsGlobexfalse.cmeQuotesOptionsHighLowtrue .cmeQuotesOptionsStrikePrice {
width: 55px;
}
/* QUOTES - OPTIONS - ON FLOOR, NO HIGH/LOW */
.cmeQuotesOptionsGlobexfalse.cmeQuotesOptionsHighLowfalse .cmeQuotesOptionsCalls {
width: 451px;
}
.cmeQuotesOptionsGlobexfalse.cmeQuotesOptionsHighLowfalse .cmeQuotesOptionsPuts {
width: 451px;
}
.cmeQuotesOptionsGlobexfalse.cmeQuotesOptionsHighLowfalse .cmeQuotesOptionsUpdated {
width: 78px;
}
.cmeQuotesOptionsGlobexfalse.cmeQuotesOptionsHighLowfalse .cmeQuotesOptionsHigh {
width: 72px;
}
.cmeQuotesOptionsGlobexfalse.cmeQuotesOptionsHighLowfalse .cmeQuotesOptionsLow {
width: 72px;
}
.cmeQuotesOptionsGlobexfalse.cmeQuotesOptionsHighLowfalse .cmeQuotesOptionsPriorSettle {
width: 58px;
}
.cmeQuotesOptionsGlobexfalse.cmeQuotesOptionsHighLowfalse .cmeQuotesOptionsChange {
width: 72px;
}
.cmeQuotesOptionsGlobexfalse.cmeQuotesOptionsHighLowfalse .cmeQuotesOptionsLast {
width: 72px;
}
.cmeQuotesOptionsGlobexfalse.cmeQuotesOptionsHighLowfalse .cmeQuotesOptionsStrikePrice {
width: 55px;
}
/* SETTLEMENTS - FUTURES */
.cmeSettlementsFuturesMonth {
width: 67px;
}
.cmeSettlementsFuturesOpen {
width: 67px;
}
.cmeSettlementsFuturesHigh {
width: 67px;
}
.cmeSettlementsFuturesLow {
width: 67px;
}
.cmeSettlementsFuturesLast {
width: 67px;
}
.cmeSettlementsFuturesChange {
width: 67px;
}
.cmeSettlementsFuturesSettle {
width: 67px;
}
.cmeSettlementsFuturesEstimatedVolume {
width: 99px;
}
.cmeSettlementsFuturesPriorDayOpenInterest {
width: 100px;
}
/* SETTLEMENTS - OPTIONS */
.cmeSettlementsOptionsStrike {
width: 76px;
}
.cmeSettlementsOptionsType {
width: 62px;
}
.cmeSettlementsOptionsOpen {
width: 62px;
}
.cmeSettlementsOptionsHigh {
width: 62px;
}
.cmeSettlementsOptionsLow {
width: 62px;
}
.cmeSettlementsOptionsLast {
width: 62px;
}
.cmeSettlementsOptionsChange {
width: 62px;
}
.cmeSettlementsOptionsSettle {
width: 62px;
}
.cmeSettlementsOptionsEstimatedVolume {
width: 97px;
}
.cmeSettlementsOptionsPriorDayOpenInterest {
width: 98px;
}
/* VOLUMES - DETAIL TABLE */
.cmeVolumeDetailsMonth {
width: 62px;
}
.cmeVolumeDetailsVolume {
width: 469px;
}
.cmeVolumeDetailsDeliveries {
width: 58px;
}
.cmeVolumeDetailsOpenInterest {
width: 105px;
}
.cmeVolumeDetailsVenueDetail {
width: 264px;
}
.cmeVolumeDetailsTradeTypeDetail {
width: 200px;
}
.cmeVolumeDetailsAtClose {
width: 55px;
}
.cmeVolumeDetailsChange {
width: 45px;
}
.cmeVolumeDetailsGlobex {
width: 45px;
}
.cmeVolumeDetailsOpenOutcry {
width: 75px;
}
.cmeVolumeDetailsPNTClearport {
width: 55px;
}
.cmeVolumeDetailsTotalVolume {
width: 75px;
}
.cmeVolumeDetailsBlockTrades {
width: 77px;
}
.cmeVolumeDetailsEfp {
width: 31px;
}
.cmeVolumeDetailsEfr {
width: 25px;
}
.cmeVolumeDetailsEfs {
width: 24px;
}
.cmeVolumeDetailsTas {
width: 24px;
}
/* VOLUMES - OPTIONS TABLES */
.cmeVolumeOptionsStrike {
width: 57px;
}
.cmeVolumeOptionsVolume {
width: 418px;
}
.cmeVolumeOptionsExcercises {
width: 68px;
}
.cmeVolumeOptionsOpenInterest {
width: 136px;
}
.cmeVolumeOptionsVenueDetail {
width: 277px;
}
.cmeVolumeOptionsTradeTypeDetail {
width: 136px;
}
.cmeVolumeOptionsAtClose {
width: 66px;
}
.cmeVolumeOptionsChange {
width: 66px;
}
.cmeVolumeOptionsGlobex {
width: 66px;
}
.cmeVolumeOptionsOpenOutcry {
width: 66px;
}
.cmeVolumeOptionsPNTClearport {
width: 66px;
}
.cmeVolumeOptionsTotalVolume {
width: 66px;
}
.cmeVolumeOptionsBlockTrades {
width: 66px;
}
.cmeVolumeOptionsEoov {
width: 66px;
}
/* TIME AND SALES - FUTURES - ON GLOBEX */
.cmeTimeAndSalesFuturesGlobextrue .cmeTimeAndSalesDate {
width: 222px;
}
.cmeTimeAndSalesFuturesGlobextrue .cmeTimeAndSalesTime {
width: 132px;
}
.cmeTimeAndSalesFuturesGlobextrue .cmeTimeAndSalesPrice {
width: 106px
}
.cmeTimeAndSalesFuturesGlobextrue .cmeTimeAndSalesSize {
width: 72px;
}
.cmeTimeAndSalesFuturesGlobextrue .cmeTimeAndSalesIndicator {
width: 158px;
}
/* TIME AND SALES - FUTURES - ON OPEN OUTCRY */
.cmeTimeAndSalesFuturesGlobexfalse .cmeTimeAndSalesDate {
width: 250px;
}
.cmeTimeAndSalesFuturesGlobexfalse .cmeTimeAndSalesTime {
width: 149px;
}
.cmeTimeAndSalesFuturesGlobexfalse .cmeTimeAndSalesPrice {
width: 119px
}
.cmeTimeAndSalesFuturesGlobexfalse .cmeTimeAndSalesIndicator {
width: 176px;
}
/* TIME AND SALES - OPTIONS - ON GLOBEX */
.cmeTimeAndSalesOptionsGlobextrue .cmeTimeAndSalesDate {
width: 190px;
}
.cmeTimeAndSalesOptionsGlobextrue .cmeTimeAndSalesTime {
width: 70px;
}
.cmeTimeAndSalesOptionsGlobextrue .cmeTimeAndSalesStrike {
width: 82px;
}
.cmeTimeAndSalesOptionsGlobextrue .cmeTimeAndSalesType {
width: 88px
}
.cmeTimeAndSalesOptionsGlobextrue .cmeTimeAndSalesPrice {
width: 73px
}
.cmeTimeAndSalesOptionsGlobextrue .cmeTimeAndSalesSize {
width: 61px;
}
.cmeTimeAndSalesOptionsGlobextrue .cmeTimeAndSalesIndicator {
width: 136px;
}
/* TIME AND SALES - OPTIONS - ON OPEN OUTCRY */
.cmeTimeAndSalesOptionsGlobexfalse .cmeTimeAndSalesDate {
width: 210px;
}
.cmeTimeAndSalesOptionsGlobexfalse .cmeTimeAndSalesTime {
width: 77px;
}
.cmeTimeAndSalesOptionsGlobexfalse .cmeTimeAndSalesStrike {
width: 91px;
}
.cmeTimeAndSalesOptionsGlobextrue .cmeTimeAndSalesType {
width: 76px
}
.cmeTimeAndSalesOptionsGlobexfalse .cmeTimeAndSalesPrice {
width: 81px
}
.cmeTimeAndSalesOptionsGlobexfalse .cmeTimeAndSalesIndicator {
width: 150px;
}
/* MARGINS - INTERS */
.cmeMarginsIntersExchange {
width: 87px;
}
.cmeMarginsIntersAssetClass {
width: 155px;
}
.cmeMarginsIntersSpreadProducts {
width: 366px;
}
.cmeMarginsIntersType {
width: 36px;
}
.cmeMarginsIntersRatio {
width: 39px;
}
.cmeMarginsIntersSide {
width: 33px;
}
.cmeMarginsIntersStartPeriod {
width: 86px;
}
.cmeMarginsIntersEndPeriod {
width: 80px;
}
.cmeMarginsIntersCredit {
width: 45px;
}
/* MARGINS - INTRAS */
.cmeMarginsIntrasExchange {
width: 86px;
}
.cmeMarginsIntrasAssetClass {
width: 142px;
}
.cmeMarginsIntrasProduct {
width: 100px;
}
.cmeMarginsIntrasProductCode {
width: 59px;
}
.cmeMarginsIntrasRatio {
width: 52px;
}
.cmeMarginsIntrasSide {
width: 44px;
}
.cmeMarginsIntrasStartPeriod {
width: 110px;
}
.cmeMarginsIntrasEndPeriod {
width: 110px;
}
.cmeMarginsIntrasInitial {
width: 109px;
}
.cmeMarginsIntrasMaintenance {
width: 111px;
}
/* MARGINS - OUTRIGHTS */
.cmeMarginsOutrightsExchange {
width: 86px;
}
.cmeMarginsOutrightsAssetClass {
width: 150px;
}
.cmeMarginsOutrightsProduct {
width: 149px;
}
.cmeMarginsOutrightsProductCode {
width: 59px;
}
.cmeMarginsOutrightsStartPeriod {
width: 65px;
}
.cmeMarginsOutrightsEndPeriod {
width: 64px;
}
.cmeMarginsOutrightsInitial {
width: 58px;
}
.cmeMarginsOutrightsMaintenance {
width: 127px;
}
.cmeMarginsOutrightsInitialVolumeScan {
width: 82px;
}
.cmeMarginsOutrightsMaintenanceVolumeScan {
width: 82px;
}
/* MARGINS - SHORT OPTION MINIMUM */
.cmeShortOptionMinimumExchange {
width: 86px;
}
.cmeShortOptionMinimumAssetClass {
width: 272px;
}
.cmeShortOptionMinimumProduct {
width: 270px;
}
.cmeShortOptionMinimumProductCode {
width: 93px;
}
.cmeShortOptionMinimumInitialSomRate {
width: 100px;
}
.cmeShortOptionMinimumMaintenanceSomRate {
width: 120px;
}
/* CALENDAR - FUTURES */
.cmeCalendarFuturesDate {
width: 110px;
}
.cmeCalendarFuturesCode {
width: 85px;
}
.cmeCalendarFuturesFirstLastTrade {
width: 78px;
}
.cmeCalendarFuturesSettlement {
width: 78px;
}
.cmeCalendarFuturesFirstLastHolding {
width: 80px;
}
.cmeCalendarFuturesFirstLastPosition {
width: 83px;
}
.cmeCalendarFuturesFirstLastNotice {
width: 78px;
}
.cmeCalendarFuturesFirstLastDelivery {
width: 82px;
}
/* CALENDAR - OPTIONS */
.cmeCalendarOptionsDate {
width: 208px;
}
.cmeCalendarOptionsCode {
width: 172px;
}
.cmeCalendarOptionsFirstLastTrade {
width: 157px;
}
.cmeCalendarOptionsSettlement {
width: 157px;
}
/*** END OF PRODUCT TABLE WIDTHS ***/
ul.buttonList {
padding: 0 0 0 0;
margin: 0;
}
ul.buttonList li a {
display: block;
border: none;
padding: 0;
margin: 0;
}
ul.buttonList li a img {
border: none;
padding: 0;
margin: 0;
}
/*****************************/
/* CHARTS */
/*****************************/
.cmeActiveChartCell {
padding: 0;
}
.cmeChartComponent {
position: relative;
}
.cmeChartComponent.cmeInlineChartLayout {
display: inline-block;
}
.cmeInlineChartLayout .cmeESignalChart {
margin-top: 30px;
}
.cmeDynamicChart {
position: relative;
left: 0;
top: 0;
}
.cmeChartParameters form fieldset.cmeFormFields {
padding: 0;
margin: 15px 0 0 0;
}
.cmeChartParameters form fieldset.cmeFormFields:first-child {
margin: 0;
}
.cmeChartParameters form fieldset.cmeFormFields>ol>li {
margin: 0 0 0 5px;
padding: 0;
clear: none;
}
.cmeChartParameters form fieldset.cmeFormFields>ol>li:first-child {
margin-left: 0;
}
.cmeChartParameters form fieldset.cmeFormFields>ol>li .cmeFormGroup li {
clear: none;
}
.cmeLaunchPopUp {
padding: 10px 0;
}
/*****************************/
/* CME BUTTONS */
/*****************************/
.cmeButton {
position: relative;
display: block;
padding: 7px 10px;
max-width: 220px;
}
.cmeLinkButton {
padding: 7px 0;
}
.cmeButtonDownload {
padding: 5px 10px 5px 38px !important;
}
.cmeButtonNext {
padding: 5px 38px 5px 10px;
}
.cmeButtonPrevious {
padding: 5px 10px 5px 38px;
}
.cmeCloseButton {
position: absolute;
top: 0;
right: 0;
}
.cmeChartCloseButton {
position: absolute;
top: 4px;
right: 4px;
}
.cmeCloseButton.cmeMarketingMessageButton {
top: 2px;
right: 2px;
}
/* ADDITIONAL STYLING FOR THE CMEBUTTON IN LEFT- OR FULL-LAYOUT TEXT AND ARTICLE COMPONENTS */
.cmeFullColumnLayout .cmeText .cmeButton, .cmeFullColumnLayout .cmeArticle .cmeButton {
display: inline-block;
}
.cmeLeftColumnLayout .cmeText .cmeButton, .cmeLeftColumnLayout .cmeArticle .cmeButton {
display: inline-block;
}
/*****************************/
/* CME HORIZONTAL RULES */
/*****************************/
.cmeHorizontalRule.section {
margin-top: 35px;
}
.cmeHorizontalRule.section + .section {
margin-top: 25px;
}
.cmeDivider {
height: 1px;
}
/***************************************************/
/* CME DYNAMIC CONTENT */
/***************************************************/
.cmeDynamicContent {
position: relative;
}
.cmeDynamicContent .section:first-child {
margin-top: 0
}
/***************************************************/
/* DYNAMIC FEATURED PAGE LINK AND CANVAS */
/***************************************************/
.cmeCanvas {
overflow: hidden;
}
.cmeContentGridLayout {
display: block;
font-size: 0;
margin: -11px -11px 0 -11px;
}
.cmeContentGridLayout .cmeContentGridItem {
padding: 22px 22px 0 22px;
display: inline-block;
vertical-align: top;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 12px;
}
/***************************************************/
/* CME MEDIA BOX AND FEATURED PAGE LINK */
/***************************************************/
/* ADDING ADDITIONAL VERTICAL SPACING FOR FIRST ITEM IN CMELIST MEDIA BOX IN RIGHT RAIL - AS HAS BOTTOM BORDER ON TITLE */
.cmeRightColumnLayout .cmeListTitle + .cmeListContent .cmeMediaBox:first-child {
margin-top: 3px !important;
}
.cmeMediaBox .cmeMediaBoxThumbnail {
display: table-cell;
margin: 0 0.188em 0.188em 0;
padding-right: 10px;
}
.cmeMediaBox .cmeMediaBoxContent {
margin: 0;
display: table-cell;
vertical-align: top;
}
.cmeMediaBox .cmeMediaBoxContent ul {
margin-left: 0;
}
.cmeMediaBoxThumbnail img {
max-width: 100px;
max-height: 100px;
}
.cmeMediaBoxTitle {
display: block;
clear: right;
}
.cmeDynamicList .cmeMediaBoxDate {
display: -moz-grid-line;
display: -webkit-inline-box;
margin-left: 8px;
}
.cmeDynamicList .cmeMediaBoxAuthor {
font-weight: bold;
}
.cmeMediaBoxDate {
display: block;
clear: both;
}
.cmeMediaBoxTitle + .cmeMediaBoxMeta, .cmeMediaBoxTitle + .cmeMediaBoxDescription, .cmeMediaBoxMeta + .cmeMediaBoxDescription {
margin-top: 0.125em;
}
.cmeMediaBoxDescription {
display: inline-block;
clear: both;
}
.cmeRightColumnLayout .cmeMediaBoxThumbnail {
max-width: 74px;
}
.cmeRightColumnLayout .cmeMediaBoxThumbnail img {
max-width: 74px;
}
.cmeRightColumnLayout .cmeMediaBoxDate {
clear: right;
}
.cmeSecondaryNav .cmeMediaBoxContent, .cmeLeftColumnLayout .cmeMediaBoxContent, .cmeFullColumnLayout .cmeMediaBoxContent {
display: table-cell;
}
.cmeDynamicFeedContent .cmeMediaBoxContent {
display: block;
}
.megaMenuStoryItems .cmeList .cmeMediaBoxDate {
clear: none;
}
/* MEDIA BOX - NAVIGATION MENU */
.cmeNavigationItemMenu .cmeMediaBoxTitle h4 {
margin: 0 0 2px 0;
}
.cmeNavigationItemMenu .cmeMediaBoxDescription {
display: block;
clear: right;
}
/* MEDIA BOX - NAVIGATION MENU - DYNAMIC FEEDS */
.cmeMediaBoxContentDefaultLayout .cmeMediaBoxTitle, .cmeMediaBoxContentDefaultLayout .cmeMediaBoxDate, .cmeMediaBoxContentAdvisoryLayout .cmeMediaBoxTitle, .cmeMediaBoxContentAdvisoryLayout .cmeMediaBoxDate {
display: inline;
clear: none;
}
/* MEDIA BOX - ADVISORY WIDGET */
.cmeListContent>ul>li>ul.cmeMediaBoxContentAdvisoryLayout, ul.cmeMediaBoxContentAdvisoryLayout, ul.cmeMediaBoxContentAdvisoryLayout:first-child {
margin: 0 0 1em 0;
}
.cmeAdvisoryWidgetList .cmeMediaBoxContentAdvisoryLayout li {
margin-top: 0.125em !important;
}
.cmeAdvisoryWidgetList .cmeMediaBoxContentAdvisoryLayout .cmeMediaBoxTitle, .cmeAdvisoryWidgetList .cmeMediaBoxContentAdvisoryLayout .cmeMediaBoxDate, .cmeAdvisoryWidgetList .cmeMediaBoxContentAdvisoryLayout .cmeMediaBoxDescription {
display: block;
}
.cmeLinkList {
padding: 0;
}
.cmeLinkList li {
float: left;
display: inline;
padding: 0 0 0 0.625em;
margin: 0;
}
.cmeLinkList li:first-child {
padding-left: 0;
}
/**********************/
/* FEATURED PAGE LINK */
/**********************/
.cmeEmptyStructuralComponent .cmeFeaturedPageLink {
padding-left: 0px!important;
}
/*.cmeColHalf .cmeFeaturedPageLink .cmeVerticalLayout {padding:4% 16.35% 0 16.35%;}
.cmeColThird .cmeFeaturedPageLink .cmeVerticalLayout {padding:4% 7.94% 0 7.94%;}
.cmeColHalf .cmeFeaturedPageLink .cmeHorizontalLayout {padding:4% 5.25% 0 5.25%;}
.cmeColThird .cmeFeaturedPageLink .cmeHorizontalLayout {padding:4% 7.94% 0 7.94%;}*/
/* IN PRIMARY LANDING TEMPLATE */
.cme-primary-landing .cmeFlexColumnWrapper:first-child .cmeColHalf .cmeFeaturedPageLink .cmeVerticalLayout {
padding-top: 0;
}
.cme-primary-landing .cmeFlexColumnWrapper:first-child .cmeColThird .cmeFeaturedPageLink .cmeVerticalLayout {
padding-top: 0;
}
.cme-primary-landing .cmeFlexColumnWrapper:first-child .cmeColHalf .cmeFeaturedPageLink .cmeHorizontalLayout {
padding-top: 0;
}
.cme-primary-landing .cmeFlexColumnWrapper:first-child .cmeColThird .cmeFeaturedPageLink .cmeHorizontalLayout {
padding-top: 0;
}
.cmeVerticalLayout .cmeFeaturedPageLinkWrapper {
position: relative;
clear: both;
}
.cmeVerticalLayout .cmeFeaturedPageLinkWrapper + .cmeMediaBoxContent {
display: block;
margin-top: 0.313em;
}
.cmeHorizontalLayout .cmeFeaturedPageLinkWrapper {
float: left;
position: relative;
margin: 0 5px 2px 0;
}
.cmeFeaturedLink a {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.cmeFeaturedLinkImage img {
width: 100%;
}
.cmeFeaturedLinkImage .cmeFeaturedLinkImageArrow {
position: absolute;
right: 0;
bottom: 0;
}
.cmeFeaturedLinkImage .cmeFeaturedLinkImageArrow img {
width: 45px;
}
/*.cmeColThird .cmeVerticalLayout .cmeFeaturedPageLinkWrapper {max-width:264px;}
.cmeColHalf .cmeVerticalLayout .cmeFeaturedPageLinkWrapper {max-width:321px;}*/
.cmeHorizontalLayout .cmeFeaturedPageLinkWrapper {
width: 154px; /*min-width:154px; max-width:154px;*/
}
.cmeRightColumnLayout .cmeHorizontalLayout .cmeFeaturedPageLinkWrapper {
width: 35%; /*min-width:35%; max-width:154px;*/
margin: 0 1.5% 0 0;
}
.cmeSecondaryNav .cmeHorizontalLayout .cmeFeaturedPageLinkWrapper {
min-width: 124px;
max-width: 124px;
width: 124px;
}
.cmeSecondaryNav .cmeText + .cmeFeaturedPageLink {
margin-top: 5px;
}
.cmeOverlayText {
position: absolute;
bottom: 10%;
}
.cmeOverlayText span {
display: block;
margin: 5px 30px 5px 10px;
}
.cmeOverlayText.cmeTwoLinesTextOverlay span {
margin: 0 30px 5px 10px;
}
.cmeOverlayText.cmeTwoLinesTextOverlay span:first-child {
margin: 5px 30px 0 10px;
}
.cmeHorizontalLayout .cmeOverlayText {
display: none;
}
.cmeRibbonImage {
position: absolute;
top: -12px;
left: -9px;
width: 44px;
height: 66px;
}
.cmeFeaturedLinkIcon {
position: absolute;
right: 0;
bottom: 0;
}
.cmeDownloadIcon {
width: 28px;
height: 28px;
}
.cmeMagnifyIcon {
width: 31px;
height: 29px
}
.cmeHorizontalLayout .cmeFeaturedLinkIcon {
display: none;
}
.cmeRightColumnLayout .cmeFeaturedPageLinkWrapper {
margin-bottom: 5px;
}
.cmeRightColumnLayout .cmeRibbonImage {
display: none;
}
.cmeRightColumnLayout .cmeFeaturedPageLinkTitle h3 {
padding-bottom: 0;
}
.parsys.article-right-par {
margin-top: 20px;
}
.cmeLeftColumnLayout .cmeVerticalLayout .cmeMediaBoxDate, .cmeFullColumnLayout .cmeVerticalLayout .cmeMediaBoxDate {
display: inline;
clear: none;
}
.cmeLeftColumnLayout .cmeVerticalLayout .cmeMediaBoxAuthor, .cmeFullColumnLayout .cmeVerticalLayout .cmeMediaBoxAuthor {
display: inline;
clear: none;
}
.cmeLeftColumnLayout .cmeHorizontalLayout .cmeMediaBoxContent, .cmeFullColumnLayout .cmeHorizontalLayout .cmeMediaBoxContent {
display: table;
}
.cmeHorizontalLayout .cmeMediaBoxDescription {
display: block;
clear: none;
}
.cmeRightColumnLayout .cmeEmptyStructuralComponent .cmeFeaturedPageLinkWrapper {
margin-left: -10px;
}
/******************************/
/* FIXED LIST */
/******************************/
.cmeList {
clear: both;
}
.cmeListTitle {
clear: both;
margin-bottom: 0.625em;
}
.cmeListTitleLink h1, .cmeListTitleLink h2, .cmeListTitleLink h3, .cmeListTitleLink h4, .cmeListTitleLink h5, .cmeListTitleLink h6 {
float: left;
}
.cmeListContent ul {
clear: both;
margin-top: 0.625em;
margin-bottom: 0.4em
}
.cmeListContent ul:first-child {
margin-top: 0;
}
.cmeListContent li {
line-height: 1.5em;
margin: 0.313em 0 0 0;
}
.cmeListContent li:first-child {
margin-top: 0;
}
.cmeListContent>ul>li>ul {
margin: 0 0 0 30px;
}
.cmeListTitle h3 {
margin-bottom: 0;
}
.cmeListDescription {
margin-top: 0.5em;
}
.cmeListContent {
margin-top: 0.45em;
}
.cmeListBlockContent {
margin-top: 0.45em;
}
.cmeListBlockContent:first-child {
margin: 0;
}
.cmeRightColumnLayout .cmeList .cmeListContent {
margin-top: 0.313em;
}
.cmeListContent:first-child {
margin-top: 0;
}
/*.cmeListTitle + .cmeListContent {margin-top:0;}*/
/* HORIZONTAL LIST */
/*.cmeHorizontalList > li {float: left;}
.cmeHorizontalList > li {line-height:1.25em; margin:0.313em 0 0 0.313em !important;}
.cmeHorizontalList > li:first-child {margin-left: 0px !important;}
.cmeHorizontalList > li:before {padding:0 3px;}
.cmeHorizontalList > li:first-child:before {padding:0;}*/
.cmeHorizontalList > li {
float: left;
padding: 0 0 0 0.625em;
margin: 0;
}
.cmeHorizontalList > li:first-child {
padding-left: 0;
}
.cmeListSeparator li {
float: none;
display: inline;
}
.cmeFlatList {
padding: 0;
}
.cmeFlatList li {
display: inline-block;
}
.cmeFlatList li:before {
padding: 0 3px 0 1px;
}
.cmeFlatList li:first-child:before {
padding: 0;
}
/*.cmeLinkList {padding:0;}
.cmeLinkList li {display:inline-block; zoom:1; *display:inline;}
.cmeLinkList li:before {padding:0 3px;}
.cmeLinkList li:first-child:before {padding:0;}
.cmeLinkList li span {display:inline; float:none; padding:0;}
.cmeLinkList li span a {display:inline;}*/
.cmeLinkList {
padding: 0;
}
.cmeLinkList li {
float: left;
display: inline;
padding: 0 0 0 0.625em;
margin: 0;
}
.cmeLinkList li:first-child {
padding-left: 0;
}
/*.cmeLinkList li span {display:inline; float:none; padding:0;}
.cmeLinkList li span a {display:inline;}*/
.cmeSubNavigation .cmeLinkList li {
margin: 10px 0;
}
.cmeSubNavigation .cmeLinkList li a {
margin: 0 5px;
}
.linkList > li {
float: left;
}
.linkListItems {
float: none;
clear: both;
}
.cmeBreadcrumbList li {
float: left;
}
.cmeSupportingLinks {
float: right;
text-align: right;
}
.cmeSubNavigation .cmeSupportingLinks li {
clear: both;
margin: 5px 0;
}
.cmeProductMetaInformation>li {
clear: both;
}
.cmeFeaturedInformationList li {
margin: 4px 0 4px 3px;
}
.cmeFeaturedInformationList li a {
display: block;
}
.cmeFeaturedInformationList {
display: block;
}
.cmeExcelLink {
margin-right: 10px;
}
.cmePdfLink:before {
float: left;
width: 16px;
height: 16px;
margin: 0 7px 0 0;
}
.cmeFlashLink:before {
float: left;
width: 16px;
height: 16px;
margin: 0 7px 0 0;
}
.cmeHelpLink:before {
float: left;
width: 7px;
height: 12px;
margin: 0 7px 0 0;
}
.cmeVideoLink:before {
float: left;
width: 16px;
height: 11px;
margin: 0 7px 0 0;
}
.cmeRssLink:before {
float: left;
width: 22px;
height: 11px;
margin: 0 7px 0 0;
}
.cmeExcelLink:before {
float: left;
width: 22px;
height: 11px;
margin: 0 7px 0 0;
}
/* BULLETED LIST */
.cmeBulletedList > li {
margin: 0.5em 0.4em 0 0.7em;
position: relative;
}
.cmeBulletedList ul > li:first-child {
margin-top: 0;
}
/* STATIC REGULAR LIST */
.cmeStaticList .cmeList li {
margin: 0.5em 0.4em 0 0.7em;
position: relative;
}
.cmeStaticList .cmeList ul > li:first-child {
margin-top: 0;
}
/* UNBULLETED LIST */
.cmeListReset li {
margin: 0.5em 0.4em 0 0;
}
/* UNBULLETED LIST WITH THUMBNAIL */
.cmeListReset.cmeImage li.cmeComponent {
margin-top: 20px;
}
.cmeListReset.cmeImage li.cmeComponent:first-child {
margin-top: 0;
}
/******************************/
/* LIST ICONS */
/******************************/
.cmeSubNavigation .cmeSupportingLinkIcon {
display: inline-block !important;
}
.cmeInlineIconListItem {
padding-left: 5px;
}
.cmeAboutListIcon {
padding-left: 0;
}
.cmeInlineButtonLinkIcon {
display: inline-block;
white-space: nowrap;
}
.cmeInlineButtonLinkIcon.cmeOptionsButtonLinkIcon span {
float: left;
text-indent: -9999em;
}
/*****************************/
/* ALERT AND MESSAGE BOXES */
/*****************************/
.cmePageMessage.cmeComponent {
margin-top: 20px !important;
margin-bottom: 40px !important;
max-width: 725px;
margin-left: auto;
margin-right: auto;
}
.cmePageMessage li {
margin-top: 10px;
}
.cmePageMessage li:first-child {
margin-top: 0;
}
.cmePageMessage h2 {
padding-right: 150px;
}
.cmeMarketingMessageContainer {
display: none;
clear: both;
}
.cmeMarketingMessage {
padding: 15px 28px 15px 15px;
}
.marketingMessageItems > li {
margin-top: 5px;
}
.marketingMessageItems > li:first-child {
margin-top: 0;
}
.cmeMarketingHighlightItems > ol > li {
margin-top: 5px;
}
.cmeMarketingHighlightItems > ol > li:first-child {
margin-top: 0;
}
.cmeMarketingMessage .cmeMarketingContentItem p {
margin: 10px 0 0 0;
}
.cmeMarketingMessage .cmeMarketingContentItem p:first-child {
margin: 0;
}
.cmeCloseLink {
position: absolute;
right: 15px;
top: 15px;
}
/*****************************/
/* CME PROGRESS SPINNER */
/*****************************/
.cmeProgressPanel {
bottom: 0;
left: 0;
padding: 20px 10px 10px 50px;
position: absolute;
right: 0;
top: 0;
white-space: nowrap;
z-index: 5000;
}
/******************************/
/* CME FORM COMPONENT */
/******************************/
/* m bratton added 20130205 */
.cmeTripleDropdownRow {
width: 10%;
}
.cmeIconWrapperRight {
margin-top: 15px;
margin-bottom: 15px;
margin-right: 10px !important;
display: block;
float: right !important;
}
.cmeIconWrapperMain {
position: absolute;
right: 0;
top: -3px;
}
.cmeTableForm .cmeIconWrapperMain {
top: 5px;
}
/* m bratton end */
.cmeIconWrapperRight span {
padding-top: 5px;
}
.cmeIconWrapperRight span a {
padding-top: 5px;
padding-bottom: 5px;
}
.cmeFormComponent fieldset.cmeFormFields li {
float: left;
margin-right: 15px;
padding: 5px 0 0 0;
}
.cmeFormComponent fieldset.cmeFormFields li:first-child {
padding-top: 0;
}
.cmeFormComponent fieldset.cmeFormControls {
margin-top: 10px;
}
.cmeFormComponent .cmeDynamicForm fieldset.cmeFormControls {
margin-top: 0;
}
/*.cmeFormComponent fieldset.cmeFormControls li {float:right;}*/
/*.cmeFormControls .cmeContentColumn {float:right; text-align:right;}*/
/*.cmeFormControl {float:left; display:block; margin-left:10px;}*/
.cmeFormControl {
display: inline-block;
text-align: left;
margin-left: 10px;
}
.cmeFormControl:first-child {
margin-left: 0;
}
.cmeFormControl .cmeButton {
display: inline-block;
height: 34px;
}
.cmeInlineFormComponent {
padding: 3px 0;
}
.cmeInlineFormComponent fieldset.cmeFormFields {
display: inline;
padding: 0;
}
.cmeInlineFormComponent li {
float: left;
margin-left: 0;
}
.cmeInlineFormComponent label {
font-weight: bold;
}
.cmeFormNavigation label {
display: inline;
}
.cmeFormGroup {
float: left;
}
.cmeFormGroup label {
display: none;
}
.cmeFormGroup li {
margin-left: 10px;
}
.cmeFormGroup li:first-child {
margin-left: 0;
}
.cmeFormGroup input {
width: 40px;
}
.cmeLabel {
float: left;
padding: 2px 5px 0 0;
}
.cmeTableMessaging {
margin: 0;
padding: 5px 10px;
}
/* FORMS IN SUB NAVIGATION AREAS */
.cmeSubNavigation .cmeFormComponent {
padding: 0;
margin: 10px 0;
}
.cmeSubNavigation .cmeFormComponent fieldset.cmeFormFields li {
float: none; /*margin:5px 0; padding:0;*/
}
.cmeSubNavigation .cmeFormComponent fieldset.cmeFormFields li label {
float: left;
margin: 8px 5px 0 0;
width: 100px;
}
/* ESIGNAL FORM */
.cmeGeneratedForm .cmePriceChartSubSection .cmeFormGroup li {
padding-top: 0;
}/********************************************/
/* ADVISORY NOTICES */
/********************************************/
li.cmeAdvisoryRow {
border: none;
clear: right;
padding: 2px 0;
display: block;
box-sizing: border-box;
width: 100%;
}
li.cmeAdvisoryRow>ul {
margin: 0 !important;
}
li.cmeAdvisoryRow.cmeListTitle {
width: 100%;
clear: both;
padding: 0;
text-align: center;
}
li.cmeAdvisoryRow ul li {
margin: 0;
font-size: 16px;
text-align: left;
min-width: 15%;
margin-right: 10px;
display: inline-block;
}
li.cmeAdvisoryRow ul {
width: 100%;
float: left;
margin: 0;
}
#cmeAdvisoryFields ul, #cmeAdvisoryFields ul li, .cmeAdvisoryLeft ul, .cmeAdvisoryLeft ul li, .cmeAdvisoryRight ul, .cmeAdvisoryRight ul li {
padding: 0 !important;
}
.cmePipes {
content: "|";
padding-right: 4px;
padding-left: 4px;
}
li.cmeAdvisoryContent {
width: 100%;
clear: both;
margin-top: 40px;
font-size: 16px;
line-height: 1.5;
}
/* FIXING LISTS WITHIN ADVISORY CONTENT */
.cmeAdvisoryContent > ul:first-child {
margin-top: 0;
}
li.cmeAdvisoryRow:first-child {
width: 100%;
clear: both;
padding-top: 20px;
}
.cmeAdvisoryContent ul > li:first-child {
margin-top: 10px;
}
.cmeAdvisoryContent ul > li > ul {
margin-top: 0.5em;
margin-left: 0.7em;
}
li.cmeAdvisoryContent table {
min-width: 100%;
}
.cmeInvisibleTable {
border: 0;
}
.cmeInvisibleTable td {
border: 0;
}
.cmeAdvisoryNotice{
max-width:720px;
margin:auto;
}
/******************************************/
/* CME LIGHTBOX AND MODALS */
/******************************************/
.js .cmeDialogContainer {
display: none;
}
.js .mfp-content .cmeDialogContainer {
display: block !important;
}
.js .mfp-content .cmeComponent {
margin-top: 0;
}
.js .cmeDialogBox {
max-width: 400px;
margin: 40px auto;
position: relative;
}
.cmeModalBlanket {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999 !important;
}
.cmeModalBlanket .cmeProgressMessage {
display: block;
padding-left: 40px;
}
.cmeModalDisplay {
overflow: hidden;
max-width: 100%;
}
.cmeModalPageOverlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9998 !important;
}
.cmeModalWindow {
z-index: 9999;
padding: 20px;
}
.cmeModalWindow .ui-button {
float: right;
display: block;
}
.cmeModalWindow .ui-button-icon-only.ui-dialog-titlebar-close {
width: 18px;
height: 20px;
padding: 0;
}
.cmeModalWindow .ui-button-icon-only.ui-dialog-titlebar-close .ui-button-text {
display: inline-block;
width: 12px;
height: 13px;
overflow: hidden;
}
.cmeModalWindow .ui-dialog-titlebar {
padding: 0 0 10px 0;
}
.cmeModalWindow .ui-dialog-content {
overflow: auto;
clear: both;
}
.js .cmeDialogContainer {display:none;}
.js .mfp-content .cmeDialogContainer {display:block !important;}
.js .mfp-content .cmeComponent {margin-top:0;}
.js .cmeDialogBox {max-width:400px; margin:40px auto; position:relative;}
.cmeModalBlanket {position:absolute; top:0; left:0; width:100%; height:100%; z-index:9999 !important;}
.cmeModalBlanket .cmeProgressMessage {display:block; padding-left:40px;}
.cmeModalDisplay {overflow:hidden; max-width:100%;}
.cmeModalPageOverlay {position:fixed; top:0; left:0; width:100%; height:100%; z-index:9998 !important;}
.cmeModalWindow {z-index:9999; padding:20px;}
.cmeModalWindow .ui-button {float:right; display:block;}
.cmeModalWindow .ui-button-icon-only.ui-dialog-titlebar-close {width:18px; height:20px; padding:0;}
.cmeModalWindow .ui-button-icon-only.ui-dialog-titlebar-close .ui-button-text {display:inline-block; width:12px; height:13px; overflow:hidden;}
.cmeModalWindow .ui-dialog-titlebar {padding:0 0 10px 0;}
.cmeModalWindow .ui-dialog-content {overflow:auto; clear:both;}
/* HACK FOR EUROPEAN MODAL WINDOWS - COPIES OF JQUERY-UI CSS */
.cmeEuropeModalDisplay {
overflow: hidden;
}
.cmeEuropeModalPageOverlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9001 !important;
}
.cmeEuropeModalWindow {
z-index: 9999 !important;
}
.cmeEuropeModalWindow .ui-button {
float: right;
display: block;
}
.cmeEuropeModalWindow .ui-button-icon-only.ui-dialog-titlebar-close {
width: 18px;
height: 20px;
padding: 0;
}
.cmeEuropeModalWindow .ui-button-icon-only.ui-dialog-titlebar-close .ui-button-text {
display: inline-block;
width: 12px;
height: 13px;
overflow: hidden;
}
.cmeEuropeModalWindow .ui-dialog-titlebar {
padding: 0 0 10px 0;
}
.cmeEuropeModalWindow .ui-dialog-content {
overflow: auto;
clear: both;
}
/* HIDING EXTRANEOUS ELEMENTS AJAXED INTO MODAL */
#cmePageModalArea .cmeAlertComponent, #cmePageModalArea .cmeAddThis, #cmePageModalArea .cmeRightColumnLayout {
display: none;
}
#cmePageModalArea .cmeLeftColumnLayout {
width: 100%;
max-width: 100%;
}
/***************************
/* TITLE COMPONENT */
/**************************/
.cmeTitle .cmeTitleClear {
clear: both;
position: relative;
}
.cmeTitle .cmeTitleHasCta {
position: relative;
clear: both;
}
.cmeTitle .cmeTitleHasCta .cmeTitleText, .cmeTitle .cmeTitleClear .cmeTitleText, .cmeTitle .cmeTitleLink .cmeTitleText, .cmeListTitle .cmeLinkList .cmeTitleText {
float: left;
}
.cmeTitle .cmeTitleHasCta .cmeButton {
float: right;
margin-right: 5px;
margin-left: 5px;
}
.cmeTitle .cmeTitleText {
margin-top: 0;
margin-bottom: 0;
}
/* title component with icon */
.cmeTitleIcon {
position: relative;
}
.cmeTitleIcon .cmeTitleText {
margin-left: 53px;
}
.cmeTitleIcon .cmeTitleText:before {
height: 46px;
width: 50px;
position: absolute;
top: -5px;
left: 0;
}
.cmeTitleClear.cmeTitleIcon .cmeTitleText:before {
height: 46px;
width: 50px;
position: absolute;
top: 0;
left: 0;
}
.cmeTitleIcon.cmeArrow .cmeTitleText:before {
top: 4px;
height: 26px;
width: 41px;
left: 5px;
}
.cmeTitleClear.cmeTitleIcon.cmeArrow .cmeTitleText:before {
top: 10px;
height: 26px;
width: 41px;
left: 5px;
}
/* Title component spacing */
.cmeTitle + .cmeTitle {
margin-top: 0.625em;
}
.cmeTitle + .cmeText {
margin-top: 0.625em;
}
.cmeTitle + .cmeTabs {
margin-top: 0.625em;
}
.cmeTitle + .cmeFlexColumn {
margin-top: 0.625em;
}
.cmeTitle + .cmeStandardDesignBox {
margin-top: 0.625em;
}
.cmeTitle + .cmeStaticList {
margin-top: 0.625em;
}
.cmeTitle + .cmeFixedList {
margin-top: 0.625em;
}
.cmeTitle + .cmeEqualHeightColumns {
margin-top: 0.625em;
}
.cmeTitle + .cmeDynamicFeaturedPageLink {
margin-top: 0.625em;
}
.cme-primary-landing .cmeFullColumnLayout .cmeTitle + .section,
.cmeTitle + .section {
margin-top: 0.625em;
}
.cmeImageBanner + .cmeTitle {
margin-top: 1.250em;
}
.cmeTitleCentered .cmeTitleText {text-align: center;}
.cmeTitleTertiary {
position: relative;
display: block;
text-align: center;
z-index: 0;
}
.cmeTitleTertiary .cmeTitleText {
padding: 5px 10px;
background: white;
display: inline-block;
z-index: 2;
}
.cmeTitleTertiary:before {
border-top: 2px solid #ddd;
display: block;
height: 1px;
content: " ";
width: 100%;
position: absolute;
left: 0;
top: 50%;
padding: 0;
z-index: -1;
}
.cmeSubTitleSecondaryAlternate .cmeTitleText:after {
background-color: #BCBEC0;
bottom: -2px;
content: '';
height: 2px;
left: 0;
position: absolute;
width: 60px;
}
.cmeSubTitleSecondary .cmeTitleText:after {
background-color: #54BCEB;
bottom: -2px;
content: '';
height: 2px;
left: 0;
position: absolute;
width: 60px;
}
.cmeSubTitleSecondary .cmeTitleText, .cmeSubTitleSecondaryAlternate .cmeTitleText {
position: relative;
margin-bottom: 20px;
padding-bottom: 20px;
}
.cmeSubtitleSecondaryAlternate, .cmeSubtitleSecondary {
padding-bottom: 20px;
margin-bottom: 20px;
}
.cmeSubTitleSecondary.cmeTitleCentered .cmeTitleText:after {
bottom: -20px;
position: inherit;
display: block;
margin: 0 auto 0;
}
.cmeSubTitleSecondaryAlternate.cmeTitleCentered .cmeTitleText:after {
bottom: -20px;
position: inherit;
display: block;
margin: 0 auto 0;
}
/*****************************************/
/* ADD THIS */
/*****************************************/
#at4-share {
left: calc(50% - 556px);
z-index: 1;
}
.at-share-open-control-left, .at-share-close-control, .at4-arrow at-left {
display: none !important;
}
/* PRIMARY LANDING PAGE TREATMENT */
.cme-primary-landing .cmeRightColumnLayout .cmeAddThisComponent {
display: block;
margin-bottom: 20px;
}
/***************/
/* TABLES */
/***************/
table th, table td {
padding: 0.313em;
}
/* Margins table groupings */
.cmeFilterToggle {
padding: 10px 0;
}
/* Sortable Tables */
.cmeTableSorting thead tr th .cmeTableSortingCell a {
padding-right: 14px;
}
.cmeTableSorting .cmeTableSortingCell {
display: block;
position: relative;
}
/* CONTRACT SPECS TABLE */
.cmeSpecTable th.twoUp, .cmeSpecTable td.twoUp {
width: 50%;
}
/* CME RULED TABLES */
table.cmeTableRuled, table.cmeTableBorder {
margin-bottom: 10px;
}
table.cmeTableRuled td {
padding: 3px;
}
table.cmeTableRuled thead th, table.cmeTableBorder thead th {
padding: 10px;
}
table.cmeTableBorder td {
padding: 3px;
}
/**********************************************/
/* CME CONTENT AND DATA TABLES */
/**********************************************/
.dataTables_wrapper {
display: block;
clear: both;
}
.dataTables_filter + .cmeInteractiveTable, .dataTables_filter + .cmeTableWrapper {
margin-top: 0.625em;
}
.cmeTableWrapper, .cmeInteractiveTable {
margin-bottom: 0.625em;
}
.cmeInteractiveTable {
width: 100%;
}
.dataTables_filter label {
display: block;
}
.dataTables_filter input[type="search"] {
padding: 5px 25px 5px 2px;
margin-left: 5px;
width: 35%;
min-width: 200px;
}
.dataTables_info {
float: left;
}
.dataTables_paginate {
float: right;
}
.dataTables_paginate .paginate_button, .dataTables_paginate .ellipsis {
float: left;
padding: 4px 12px;
}
/**********************************************/
/* BNYM DATA TABLE */
/**********************************************/
#BNYMTable td {
text-align: right;
}
/*****************************/
/* SIDEBAR COMPONENTS */
/*****************************/
.cmeRightColumnLayout .section {
margin-top: 20px;
}
.cmeRightColumnLayout .section:first-child {
margin-top: 0;
}
.cmeRightColumnLayout .cmeComponent {
margin-top: 20px;
}
.cmeRightColumnLayout .cmeComponent:first-child {
margin-top: 0;
}
/********************************/
/* DESIGN BOXES */
/********************************/
/* EXISTING Design Boxes - Regular unstyled stackable box */
.cmeBox {
margin-bottom: 20px;
max-width: 100%;
}
.cmeBoxBorderLightBlue {
margin-bottom: 20px;
max-width: 100%;
padding: 14px;
} /* plain light blue band */
.cmeBoxBorderBlue {
max-width: 100%;
margin-bottom: 20px;
padding: 14px;
} /* darker blue bordered box that goes with tabs */
.cmeBoxBlueFlat {
margin-bottom: 20px;
max-width: 100%;
padding: 14px;
} /* light blue 1px bordered box */
.cmeBoxGrayFlat {
margin-bottom: 20px;
max-width: 100%;
padding: 14px;
} /* light gray 1px bordered box */
.cmeBoxBlue {
margin-bottom: 20px;
max-width: 100%;
padding: 14px;
} /* blue gradient 1px bordered box */
.cmeBoxBlueShort {
margin-bottom: 20px;
max-width: 100%;
padding: 14px;
}
.cmeBoxGray {
margin-bottom: 20px;
max-width: 100%;
padding: 14px;
} /* gray gradient 1px bordered box */
/* 5.0 design box */
.cmeBoxContent {
padding: 18px 17px;
margin-bottom: 0;
}
.cmeBoxContent > h1, .cmeBoxContent > h2, .cmeBoxContent > h3, .cmeBoxContent > h4, .cmeBoxContent > h5, .cmeBoxContent > h6 {
margin: 0 0 15px 0;
}
.cmeStandardDesignBox {
position: relative;
}
/****************************/
/* 5.0 FOOTER */
/****************************/
#cmePageFooterContainer ul {
margin: 0;
}
.cmeWordBreakKeepAll {
word-break: keep-all;
}
.cmeFooterCategoryFeedback > ul {
margin-left: 20px !important;
margin-right: 20px !important;
}
.cmeFooterCategoryGlobal > ul {
margin-left: 20px !important;
margin-right: 20px !important;
}
/* .cmeFooterCategoryAwards > ul {margin-left: 20px !important; margin-right: 20px !important;} */
.cmeFooterCategoryLegal > ul {
margin-left: 20px !important;
margin-right: 20px !important;
}
.cmeFooterCategoryFeedback .cmeFooterInteractionIconList span {
display: block;
clear: both;
}
.cmeFooterCategoryFeedback ol {
margin: 0;
}
.cmeFooterCategoryFeedback ol li input {
height: 28px !important;
width: 100% !important;
box-sizing: border-box !important;
-webkit-box-sizing: border-box !important;
-moz-box-sizing: border-box !important;
}
.cmeFooterCategoryFeedback ol li textarea {
width: 100% !important;
box-sizing: border-box !important;
-webkit-box-sizing: border-box !important;
-moz-box-sizing: border-box !important;
resize: none !important;
}
.cmeFooterCategoryFeedback > ul {
min-height: 300px;
}
.cmeFooterCategoryFeedback > ul .cmeFooterItem > ul {
margin: 0px;
}
.cmeFooterCategoryGlobal .cmeFooterLargeLinkList {
width: 422px;
}
.cmeFooterCategoryGlobal > ul {
min-height: 280px;
}
.cmeFooterCategoryGlobal .cmeFooterItem > ul {
margin-bottom: 0px;
}
#cmeFooterGlobalMapWrapper {
min-height: 230px;
position: relative;
margin-bottom: 20px !important;
}
.cmeFooterGlobalMap {
height: 171px;
width: 318px;
margin-left: 0px;
position: relative;
float: right;
}
#cmeFooterGlobalMapLocations {
margin: 0px;
position: absolute;
}
#cmeFooterGlobalMapLocations > ul {
margin: 0px;
}
#cmeFooterGlobalMapLocations > ul > li {
line-height: 17px !important;
clear: left;
float: left;
}
.cmeFooterGlobalMap img {
position: absolute;
}
#calgary-pointer {
left: 80px;
top: 68px;
}
#houston-pointer {
left: 99px;
top: 88px;
}
#chicago-pointer {
left: 102px;
top: 70px;
}
#newYork-pointer {
left: 120px;
top: 73px;
}
#washington-pointer {
left: 113px;
top: 79px;
}
#saoPaulo-pointer {
left: 130px;
top: 140px;
}
#belfast-pointer {
left: 169px;
top: 62px;
}
#london-pointer {
left: 176px;
top: 68px;
}
#singapore-pointer {
left: 257px;
top: 120px;
}
#hongKong-pointer {
left: 265px;
top: 96px;
}
#beijing-pointer {
left: 269px;
top: 76px;
}
#seoul-pointer {
left: 279px;
top: 84px;
}
#tokyo-pointer {
left: 287px;
top: 76px;
}
#bangalore-pointer {
left: 225px;
top: 100px;
}
.cmeFooterGlobalMap #mapTitle {
position: absolute;
line-height: 15px;
}
.cmeFooterCategoryContact > ul > li {
margin-top: 0px;
}
.cmeFooterCategoryContact .cmeButton {
float: right;
}
.cmeFooterCategoryAwards {
min-height: 160px;
margin-left: 20px !important;
margin-right: 20px !important;
}
.cmeFooterCategoryAwards > h3 {
margin: 0px;
}
.cmeFooterCategoryAwards > ul > li {
margin-top: 0px;
}
.cmeFooterCategoryLegal > ul {
min-height: 70px;
}
.cmeFooterCategoryLegal > ul > li {
margin-top: 30px;
}
.cmeFooterItem {
float: left;
width: 49%;
margin-top: 15px !important;
}
.cmeFooterItem > ul {
position: relative;
margin-bottom: 20px;
margin-left: 0px;
float: left;
clear: both;
width: 100%;
}
.cmeFooterItemFullWidth {
width: 100%;
margin-top: 15px;
}
.cmeFooterItemFullWidth > ul > li {
width: 25%;
}
.cmeFooterItemContact {
float: left;
margin-top: 10px !important;
}
.cmeFooterItemContact > ul {
margin-left: 0px;
}
.cmeFooterItem h3 {
margin-bottom: 10px;
}
.cmeFooterFeedbackArea {
width: 90% !important;
}
.cmeFeedbackForm {
margin-bottom: 10px;
overflow: hidden;
}
.cmeFeedbackForm ul {
margin: 0px;
}
#cmeFooterMessage {
width: 100% !important;
box-sizing: border-box !important;
-webkit-box-sizing: border-box !important;
-moz-box-sizing: border-box !important;
resize: none !important;
}
.cmeFeedbackForm fieldset.cmeFormFields {
float: left;
}
.cmeFeedbackForm fieldset.cmeFormFields ol {
margin: 0px;
}
.cmeFeedbackForm fieldset.cmeFormFields ol .cmeHappinessIcon {
margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
}
.cmeFeedbackForm fieldset.cmeFormFields ol .cmeHappinessControl {
width: 32px !important;
height: 32px !important;
}
.cmeFooterRating li {
float: left;
text-align: center;
}
.no-js .cmeFooterRating li {
margin-left: 2px;
}
.no-js .cmeFooterRating li:first-child {
margin-left: 0;
}
.cmeFooterRating ul {
margin: 0;
}
.cmeFooterRating label {
margin: 0;
}
fieldset.cmeFormFields ol .cmeHappinessControl {
width: 32px;
height: 32px;
}
.cmeRadioLabel {
text-align: center;
}
.cmeFeedbackForm ul.cmeFormSubmissionFeedback {
margin-top: 15px !important;
}
.cmeFeedbackForm input.cmeButton {
float: right;
}
.cmeFeedbackForm .cmeFormSubmitButton .cmeButton {
margin-top: 10px;
}
.cmeFooterInteractionIconList {
margin: 0;
margin-bottom: 10px !important;
margin-top: 10px !important;
width: 100%;
}
.cmeFooterInteractionIconList li {
line-height: 32px;
float: left;
width: 25%;
}
.cmeFooterInteractionIconList li a:before {
float: left;
}
ul.cmeFooterLargeLinkList {
margin-left: 0px;
}
ul.cmeFooterLargeLinkList li {
float: left;
margin-bottom: 15px;
}
ul.cmeFooterLargeLinkList li:before {
margin-left: 5px;
margin-right: 5px;
}
ul.cmeFooterLargeLinkList li:first-child:before {
margin-left: 0px;
margin-right: 0px;
}
ul.cmeFooterLargeLinkList img {
vertical-align: top;
max-width: none;
}
.cmeFooterFullWidthItem {
margin-bottom: 10px !important;
}
.cmeFooterFullWidthItem > h3 {
margin-bottom: 5px !important;
}
.cmeFooterSectionAwards ul {
margin: 0px;
}
.cmeFooterCopyright {
float: left;
}
.cmeFooterLegalLinks {
float: right;
}
ul.cmeFooterLegalLinkList li {
float: left;
}
ul.cmeFooterLegalLinkList li:before {
margin-left: 5px;
margin-right: 5px;
}
ul.cmeFooterLegalLinkList li:first-child:before {
margin-left: 0px;
margin-right: 0px;
}
/*********************************/
/* EDITABLE FOOTER */
/*********************************/
#cmePageFooterArea {
padding: 15px 20px;
}
#cmePageFooterArea *, #cmePageFooterArea *:before, #cmePageFooterArea *:after {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
#cmePageFooterArea .cmeFooterRow {
padding: 15px 20px;
}
#cmePageFooterArea .cmeFooterRow:first-child {
padding: 0 20px 15px 20px;
}
#cmePageFooterArea select, #cmePageFooterArea textarea, #cmePageFooterArea input[type="text"], #cmePageFooterArea input[type="password"], #cmePageFooterArea input[type="datetime"], #cmePageFooterArea input[type="datetime-local"], #cmePageFooterArea input[type="date"], #cmePageFooterArea input[type="month"], #cmePageFooterArea input[type="time"], #cmePageFooterArea input[type="week"], #cmePageFooterArea input[type="number"], #cmePageFooterArea input[type="email"], #cmePageFooterArea input[type="url"], #cmePageFooterArea input[type="search"], #cmePageFooterArea input[type="tel"], #cmePageFooterArea input[type="color"], #cmePageFooterArea .uneditable-input {
display: inline-block;
padding: 4px 6px;
margin-bottom: 10px;
}
#cmePageFooterArea input, #cmePageFooterArea textarea, #cmePageFooterArea .uneditable-input {
width: 100%;
}
#cmePageFooterArea input[type="file"], #cmePageFooterArea input[type="image"], #cmePageFooterArea input[type="submit"], #cmePageFooterArea input[type="reset"], #cmePageFooterArea input[type="button"], #cmePageFooterArea input[type="radio"], #cmePageFooterArea input[type="checkbox"] {
width: auto;
}
#cmePageFooterArea .cmeFooter .cmeList li {
font-size: 14px;
}
#cmePageFooterArea .cmeFooter .cmeText p {
font-size: 15px;
line-height: 18px;
margin: 0px;
}
#cmePageFooterArea .cmeFooter .cmeTitle, #cmePageFooterArea .cmeFooter .cmeText {
margin-top: 15px;
}
#cmePageFooterArea .cmeFooter .cmeTitle .cmeExtendedLink a {
font-weight: normal;
}
#cmePageFooterArea .cmeFooter .cmeFooterCategoryGlobal > ul {
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
#cmePageFooterArea .cmeFooter .cmeFooterRowLast .cmeFlexColumn .cmeColHalf.cmeColLast .cmeText, #cmePageFooterArea .cmeFooter .cmeFooterRowLast .cmeFlexColumn .cmeColHalf.cmeColLast .cmeText p {
text-align: right;
}
/* FEEDBACK FORM */
.cmeFooterFeedbackArea .cmeFeedbackForm {
margin-top: 10px;
}
/* Global Offices Component within Editable Footer */
#cmePageFooterArea .cmeFooterCategoryGlobal .cmeFooterItem {
width: 100% !important;
}
#cmePageFooterArea .cmeFooter .cmeGlobalOffices .cmeFooterItem {
margin-top: 0 !important;
}
#cmePageFooterArea .cmeFooter .cmeGlobalOffices #cmeFooterGlobalMapLocations > ul > li {
font-size: 14px;
}
#cmePageFooterArea .cmeFooter .cmeGlobalOffices .cmeFooterCategoryGlobal {
background: none;
}
#cmePageFooterArea .cmeFooter .cmeGlobalOffices .cmeFooterCategoryGlobal > ul {
min-height: 260px;
}
/* EDITABLE FOOTER ENDS */
/****************************/
/* MEGA FOOTER */
/****************************/
/* generic footer styles */
#cmePageFooterArea li, #cmePageFooterArea p {
font-size: 12px;
line-height: 22px;
}
.cmeMegaFooterContentSection {
padding: 10px;
background: #f8f8f8;
border-top: solid 1px #ccc;
}
#cmePageFooterArea .cmeMegaFooterContents h3 {
clear: both;
}
.cmeMegaFooterContents h3 {
margin: 10px 0 0 0;
}
.cmeMegaFooterContents h3:first-child {
margin: 0;
}
.cmeMegaFooterInteractContentsLinks > li {
padding: 0px;
line-height: 20px;
}
.cmeMegaFooterInteractContentsLinks > li a:hover {
color: #0195E7;
}
/* blurb */
#cmeMegaFooterBlurb {
}
/* interact */
#cmeMegaFooterInteractContentsInteract .cmeMegaFooterInteractContents {
margin-right: 10px;
}
#cmeMegaFooterInteractContentsIdeaExchange .cmeMegaFooterInteractContents {
margin-left: 5px;
margin-right: 5px;
}
#cmeMegaFooterInteractContentsContactUs .cmeMegaFooterInteractContents {
margin-left: 10px;
}
.cmeMegaFooterInteractContents {
padding: 0px;
margin: 0px;
font-size: 11px;
}
.cmeMegaFooterInteractContents > li {
padding: 0px;
width: 100%;
}
#cmeMegaFooterLinkTwitter {
background-image: url('cmegroupClientLibs/images/mega-footer-twitter-sm.png');
}
#cmeMegaFooterLinkFacebook {
background-image: url('cmegroupClientLibs/images/mega-footer-facebook-sm.png');
}
#cmeMegaFooterLinkPinterest {
background-image: url('cmegroupClientLibs/images/mega-footer-pinterest-sm.png');
}
#cmeMegaFooterLinkLinkedIn {
background-image: url('cmegroupClientLibs/images/mega-footer-linkedin-sm.png');
}
#cmeMegaFooterLinkGooglePlus {
background-image: url('cmegroupClientLibs/images/mega-footer-google-sm.png');
}
#cmeMegaFooterLinkRSS {
background-image: url('cmegroupClientLibs/images/mega-footer-rss-sm.png');
}
#cmeMegaFooterLinkSubscriptionCenter {
background-image: url('cmegroupClientLibs/images/mega-footer-subscription-sm.png');
}
#cmeMegaFooterLinkWeibo {
background-image: url('cmegroupClientLibs/images/mega-footer-weibo-sm.png');
min-height: 40px;
padding: 0 !important;
width: 121px !important;
overflow: hidden;
text-indent: -9999px;
}
#cmeMegaFooterLinkInstagram {
background-image: url('cmegroupClientLibs/images/mega-footer-instagram-sm.png');
}
#cmeMegaFooterLinkWeChat {
background-image: url('cmegroupClientLibs/images/mega-footer-wechat-sm.png');
}
#cmeMegaFooterInteractContentsIdeaExchange a {
margin-top: 10px;
display: block;
}
.cmeMegaFooterInteractContentsLinks > li {
margin-top: 10px;
}
.cmeMegaFooterInteractContentsLinks > li:first-child {
margin-top: 0;
}
.cmeMegaFooterInteractContentsLinks > li a {
background-position: 0;
padding: 0 0 0 25px;
background-repeat: no-repeat;
display: block;
}
.cmeMegaFooterInteractContentsLinks .iconListItem span {
display: block;
line-height: 20px;
}
/* global */
#cmeMegaFooterGlobal .cmeMegaFooterHeader {
margin-top: 10px !important;
margin-bottom: 0px !important;
}
#cmeMegaFooterGlobal .cmeMegaFooterHeader:first-child {
margin-top: 0px !important;
}
#cmeMegaFooterGlobal .cmeMegaFooterHeader a {
font-weight: normal !important;
}
#cmeMegaFooterGlobalContents {
float: left;
padding-right: 0px !important;
}
.cmeMegaFooterLinks {
margin-top: 3px;
line-height: normal !important;
font-size: 11.4px;
line-height: 16px !important;
}
#cmeMegaFooterLinksLanguages a {
background-repeat: no-repeat;
}
#cmeMegaFooterLinksLanguages-jp {
background-image: url('cmegroupClientLibs/images/mega-footer-jp.png');
padding-left: 40px;
}
#cmeMegaFooterLinksLanguages-ct {
background-image: url('cmegroupClientLibs/images/mega-footer-cn-t.png');
padding-left: 60px;
}
#cmeMegaFooterLinksLanguages-cs {
background-image: url('cmegroupClientLibs/images/mega-footer-cn-s.png');
padding-left: 58px;
}
#cmeMegaFooterLinksLanguages-kr {
background-image: url('cmegroupClientLibs/images/mega-footer-kr.png');
padding-left: 48px;
}
#cmeMegaFooterMap {
float: left;
margin-top: 25px;
position: relative;
}
#cmeMegaFooterMapInnerArea {
float: right;
width: 318px;
height: 171px;
background: url('cmegroupClientLibs/images/mega-footer-map-bg.png') no-repeat;
position: relative;
}
#cmeMegaFooterMapInnerArea img {
position: absolute;
cursor: pointer;
z-index: 500;
}
#cmeMegaFooterMapInnerArea #mapTitle {
position: absolute;
background: #0575b9;
display: none;
z-index: 1000;
padding: 3px;
font-size: 9px;
color: #FFFFFF;
}
/* bottom */
#cmeMegaFooterBottom {
background: #e4e4e4;
border-top: solid 1px #878787;
}
#cmeMegaFooterCopyright {
margin-bottom: 10px;
float: left;
}
#cmeMegaFooterPrivacyLinks {
float: right;
text-align: right;
}
#cmeMegaFooterStatement {
margin-left: 0;
margin-right: 0;
}
/* MAP MARKERS */
#cmeCalgaryMap {
left: 48px;
top: 48px;
}
#cmeHoustonMap {
left: 65px;
top: 72px;
}
#cmeChicagoMap {
left: 71px;
top: 54px;
}
#cmeNewYorkMap {
left: 83px;
top: 56px;
}
#cmeWashingtonMap {
left: 86px;
top: 60px;
}
#cmeSaoPauloMap {
left: 103px;
top: 129px;
}
#cmeBelfastMap {
left: 153px;
top: 48px;
}
#cmeLondonMap {
left: 157px;
top: 51px;
}
#cmeSingaporeMap {
left: 239px;
top: 105px;
}
#cmeHongKongMap {
left: 249px;
top: 80px;
}
#cmeSeoulMap {
left: 264px;
top: 70px;
}
#cmeTokyoMap {
left: 274px;
top: 60px;
}
#cmeBeijingMap {
left: 247px;
top: 62px;
}
#cmeBangaloreMap {
left: 215px;
top: 86px;
}
/********************************/
/* Product Slate */
/********************************/
.cmeProductSlate {
position: relative;
}
.cmeProductSlateWrapper {
clear: both;
}
#cmeProductSlate1{
font-size:12px !important;
}
tr.newSlateProduct td, tr.newSlateProduct th {
background-color: #F8E5C1 !important;
}
#cmeProductSlateSearch {
width: 100%;
background: #efefef;
clear: both;
overflow: hidden;
margin-top: 30px;
margin-bottom: 20px;
}
#cmeProductSlateSearchWrapper {
padding: 10px 10px 15px 10px;
overflow: hidden;
}
#cmeProductSlateSearch h2 {
font-weight: normal;
margin-bottom: 5px;
font-size: 16px;
}
#cmeProductSlateSearchInput {
float: left;
}
#txtProductSlateSearch {
width: 650px;
padding: 10px;
font-size: 1.5em;
color: #333333;
background: #FFFFFF url('cmegroupClientLibs/images/search-icon.png') center right no-repeat;
border: 1px solid #CCCCCC;
}
#txtProductSlateSearch.active {
color: #333333;
}
#txtProductSlateSearch.inactive {
color: #d8d8d8;
}
#btnProductSlateSearch {
}
#cmeProductSlateSearchButtons {
float: left;
padding-top: 7px;
padding-left: 5px;
}
#cmeProductSlateSearchButtons div {
float: left;
}
.cmeProductSlateButton {
padding: 5px 15px;
font-size: 1.3em;
cursor: pointer;
margin-left: 10px;
background: #E0E0E0;
}
#btnProductSlateResetSearch, #btnProductSlateDownload {
background: #0195e7;
color: #FFFFFF;
border: 0px !important;
border-radius: 4px;
}
a#btnProductSlateResetSearch {
display: block;
padding: 10px 28px !important;
}
#btnProductSlateSearch {
background: #0195e7;
color: #FFFFFF;
border: 0px !important;
border-radius: 4px;
}
.js #btnProductSlateSearch {
display: none;
}
#cmeProductSlateSearchAdvanced {
float: none;
clear: both;
padding: 5px;
background: #efefef;
font-size: 0.9em;
}
#btnProductSlateSearchAdvanced {
display: block;
width: 100%;
text-align: center;
font-size: 1.2em;
color: #000000;
outline: 0;
padding-bottom: 5px;
cursor: pointer;
}
#btnProductSlateSearchAdvanced span {
}
#cmeProductSlateSearchAdvancedInner {
padding: 5px 5px 5px 5px;
overflow: hidden;
}
#cmeProductSlateSearchDropDowns {
float: left;
border-right: solid 1px #E0E0E0;
position: relative;
width: 52%;
overflow: hidden;
min-height: 50px;
}
.cmeProductSlateSearchDropDown {
float: left;
padding: 5px 1px 5px 1px;
}
.cmeProductSlateSearchDropDown label {
display: block;
font-size: 1.1em;
line-height: normal !important;
margin-bottom: 5px;
font-weight: bold;
}
.cmeProductSlateSearchDropDown select {
outline: 0;
border: 1px solid #CCCCCC;
color: #333333;
font: 11px Arial;
padding-left: 5px;
vertical-align: bottom;
}
#cmeProductSlateDropDownsLoading {
min-height: 50px;
}
#cmeProductSlateSearchCategories {
}
.cmeProductSlateSearchCategoriesLabel {
padding: 5px;
margin-bottom: 5px;
font-size: 1.1em;
overflow: hidden;
font-weight: bold;
}
.cmeProductSlateSearchCategoriesSelect {
float: left;
margin-left: 10px;
}
#cmeProductSlateSearchCategories .cmeProductSlateSearchCategoriesSelect input {
float: left;
margin-right: 5px !important;
}
.cmeProductSlateSearchCategoriesSelect label {
font-size: 0.8em;
font-weight: normal !important;
cursor: pointer;
}
.cmeProductSlateSearchCategoriesLabel label {
line-height: normal !important;
float: left;
}
.cmeProductSlateSearchCategoriesLabel input {
margin: 0px !important;
}
.cmeProductSlateSearchCheckBoxList {
float: left;
padding: 0px;
padding-left: 2px;
width: 220px;
}
.cmeProductSlateSearchCheckBoxList:first-child {
padding-right: 2px;
}
.cmeProductSlateSearchCheckBoxList ul {
padding: 0px !important;
}
.cmeProductSlateSearchCheckBoxList ul li {
list-style: none;
background-image: none;
float: left;
padding: 0px 5px 10px 20px !important;
line-height: normal !important;
position: relative;
width: 85px;
}
.cmeProductSlateSearchCheckBoxList ul li.clear {
clear: both;
}
.cmeProductSlateSearchCheckBoxList ul li label {
line-height: normal !important;
cursor: pointer;
font-size: 11.5px;
}
.cmeProductSlateSearchCheckBoxList ul li input {
position: absolute;
left: 0;
top: 0;
margin: 0px !important;
}
#cmeProductSlateSearchCategoriesWrapper {
float: right;
position: relative;
min-height: 50px;
width: 47%;
}
#cmeProductSlateSearchCategoriesWrapper .cmeProgressPanel {
background-color: #D8D8D8 !important;
}
#cmeProductSlateHeader {
width: 100%;
overflow: hidden;
clear: both;
font-size: 0.9em;
}
#cmeProductSlateNew {
float: left;
width: 200px;
background: #f8e5c1;
font-weight: normal;
border-top: solid 1px #f3d191;
border-right: solid 1px #f3d191;
border-left: solid 1px #f3d191;
font-size: 1.0em;
padding-bottom: 8px;
margin-right: 15px;
cursor: pointer;
}
#chkProductSlateNew {
margin: 0px;
padding: 0px;
margin-top: 8px;
margin-left: 10px;
float: left;
}
#cmeProductSlateNew label {
line-height: 0px;
line-height: 11px;
margin-top: 10px;
margin-left: 6px;
cursor: pointer;
float: left;
}
#cmeProductSlateNew label span {
color: #e28b00;
}
#cmeProductSlateLastUpdated {
float: left;
padding-top: 8px;
}
#cmeProductSlateHeaderType {
text-transform: uppercase;
margin-left: 5px;
border-left: solid 1px #000000;
padding-left: 5px;
font-weight: bold;
}
#cmeProductSlateButtons {
float: right;
padding: 8px 0 5px 0;
width: 45%;
overflow: hidden;
text-align: right;
}
#cmeProductSlateHelp {
background: url('cmegroupClientLibs/images/cmeProductSlateIcons.png') center left no-repeat;
padding: 2px 5px 2px 28px;
background-position: 7px -2px;
}
#cmeProductSlateDownload {
background: url('cmegroupClientLibs/images/cmeProductSlateIcons.png') center left no-repeat;
padding: 2px 5px 2px 29px;
background-position: 7px -23px;
border-left: solid 1px #0575B9;
}
#cmeProductSlate1 #productName {
width: 135px;
}
/********************************/
/* Product Slate Widget */
/********************************/
/* Spacing for text followed by product slate widget */
.cmeProductSlateWidget + .cmeText {
margin-top: 0.625em;
}
.cme-primary-landing .cmeLeftColumnLayout .section.cmeProductSlateWidget + .cmeText, .cme-primary-landing .cmeFullColumnLayout .section.cmeProductSlateWidget + .cmeText {
margin-top: 0.625em;
}
/********************************/
/* Pagination */
/********************************/
.cmePagination {
margin: 10px 0;
overflow: hidden;
font-size: 11px;
}
.cmePagination a {
color: #0575B9;
}
.cmePagination ul {
float: right;
border-radius: 4px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
display: inline;
display: inline-block;
margin-bottom: 0;
margin-left: 0;
moz-border-radius: 4px;
moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
webkit-border-radius: 4px;
webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
zoom: 1;
padding: 0px !important;
}
.cmePagination ul > li {
display: inline;
background: #FFFFFF;
padding-left: 0px !important;
text-align: center;
}
.cmePagination ul > li > a, .cmePagination ul > li > span {
background-color: #ffffff;
border: 1px solid #dddddd;
border-left-width: 0;
float: left;
line-height: 20px;
padding: 4px 12px;
text-decoration: none;
}
.cmePagination ul > li > a:hover, .cmePagination ul > .active > a, .cmePagination ul > .active > span {
background-color: #f5f5f5;
}
.cmePagination ul > .active > a, .cmePagination ul > .active > span {
color: #999999;
cursor: default;
}
.cmePagination ul > .disabled > span, .cmePagination ul > .disabled > a, .cmePagination ul > .disabled > a:hover, .cmePagination ul > .disabled > a:focus {
background-color: transparent;
color: #999999;
cursor: default;
}
.cmePagination ul > li:first-child > a, .cmePagination ul > li:first-child > span {
border-bottom-left-radius: 4px;
border-left-width: 1px;
border-top-left-radius: 4px;
moz-border-radius-bottomleft: 4px;
moz-border-radius-topleft: 4px;
webkit-border-bottom-left-radius: 4px;
webkit-border-top-left-radius: 4px;
}
.cmePagination ul > li:last-child > a, .cmePagination ul > li:last-child > span {
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
moz-border-radius-bottomright: 4px;
moz-border-radius-topright: 4px;
webkit-border-bottom-right-radius: 4px;
webkit-border-top-right-radius: 4px;
}
.cmePagination ul > li:first-child, .cmePagination ul > li:last-child {
display: inline;
}
.cmePagination ul > li.pageLink a {
width: 10px !important;
}
.cmePagination ul > li.active a {
width: 55px;
}
.cmePagination-centered {
text-align: center;
}
.cmePagination-right {
text-align: right;
}
.cmePagination-large ul > li > a, .cmePagination-large ul > li > span {
font-size: 17.5px;
padding: 11px 19px;
}
.cmePagination-large ul > li:first-child > a, .cmePagination-large ul > li:first-child > span {
border-bottom-left-radius: 6px;
border-top-left-radius: 6px;
moz-border-radius-bottomleft: 6px;
moz-border-radius-topleft: 6px;
webkit-border-bottom-left-radius: 6px;
webkit-border-top-left-radius: 6px;
}
.cmePagination-large ul > li:last-child > a, .cmePagination-large ul > li:last-child > span {
border-bottom-right-radius: 6px;
border-top-right-radius: 6px;
moz-border-radius-bottomright: 6px;
moz-border-radius-topright: 6px;
webkit-border-bottom-right-radius: 6px;
webkit-border-top-right-radius: 6px;
}
.cmePagination-mini ul > li:first-child > a, .cmePagination-small ul > li:first-child > a, .cmePagination-mini ul > li:first-child > span, .cmePagination-small ul > li:first-child > span {
border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
moz-border-radius-bottomleft: 3px;
moz-border-radius-topleft: 3px;
webkit-border-bottom-left-radius: 3px;
webkit-border-top-left-radius: 3px;
}
.cmePagination-mini ul > li:last-child > a, .cmePagination-small ul > li:last-child > a, .cmePagination-mini ul > li:last-child > span, .cmePagination-small ul > li:last-child > span {
border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
moz-border-radius-bottomright: 3px;
moz-border-radius-topright: 3px;
webkit-border-bottom-right-radius: 3px;
webkit-border-top-right-radius: 3px;
}
.cmePagination-small ul > li > a, .cmePagination-small ul > li > span {
font-size: 11.9px;
padding: 2px 10px;
}
.cmePagination-mini ul > li > a, .cmePagination-mini ul > li > span {
font-size: 10.5px;
padding: 0 6px;
}
.cmePagination ul > li.hide {
display: none;
}
/*********************/
/* CAROUSEL */
/*********************/
#sliderContainer {
position: relative;
height: 258px;
overflow: hidden;
width: 100%;
margin-top: 5px;
z-index: 1;
}
#slider[style] {
width: 100% !important;
}
#slider div a {
width: 100%;
}
#slider div a img {
border: 0;
}
#pagerContainer {
height: 30px;
background-image: url('cmegroupClientLibs/images/bannerShadow.jpg');
background-repeat: no-repeat;
}
#pager {
text-align: center;
padding-top: 5px;
}
#pager a {
display: inline-block;
width: 10px;
height: 10px;
margin-right: 6px;
outline: none;
border-radius: 5px;
background-color: #CCC;
line-height: 40px;
overflow: hidden;
}
#pager a.activeSlide {
background-color: #999;
border-radius: 5px;
}
#pagerPrev {
position: absolute;
left: 0;
top: 0;
z-index: 90;
height: 258px;
width: 42px;
background-image: url('/National_Library/20161130034600oe_/http://www.cmegroup.com/content/dam/cmegroup/arrow-left-hp.png');
background-repeat: no-repeat;
background-position: 0px 79px;
}
#pagerNext {
position: absolute;
right: 0;
top: 0;
z-index: 90;
height: 258px;
width: 42px;
background-image: url('/National_Library/20161130034600oe_/http://www.cmegroup.com/content/dam/cmegroup/arrow-right-hp.png');
background-repeat: no-repeat;
background-position: right 79px;
}
#pagerPrev:hover, #pagerNext:hover {
cursor: pointer;
}
.top-left-corner {
position: absolute;
left: 0;
top: 0;
padding: 15px;
font: italic bold 18px Arial;
}
.white-top-left-corner {
color: white;
}
.black-top-left-corner {
color: black;
}
.transparent-box-left {
position: absolute;
left: 0;
top: 80px;
padding-top: 25px;
padding-left: 15px;
padding-right: 15px;
}
.white-box-opacity-zero {
background-color: rgba(255, 255, 255, 0);
filter: alpha(opacity = 0)
}
.white-box-opacity-twenty {
background-color: rgba(255, 255, 255, 0.2);
filter: alpha(opacity = 20)
}
.white-box-opacity-sixty {
background-color: rgba(255, 255, 255, 0.6);
filter: alpha(opacity = 60)
}
.white-box-opacity-seventy-five {
background-color: rgba(255, 255, 255, 0.75);
filter: alpha(opacity = 75)
}
.white-box-opacity-ninety {
background-color: rgba(255, 255, 255, 0.9);
filter: alpha(opacity = 90)
}
.black-box-opacity-zero {
background-color: rgba(0, 0, 0, 0);
filter: alpha(opacity = 0)
}
.black-box-opacity-twenty {
background-color: rgba(0, 0, 0, 0.2);
filter: alpha(opacity = 20)
}
.black-box-opacity-sixty {
background-color: rgba(0, 0, 0, 0.6);
filter: alpha(opacity = 60)
}
.black-box-opacity-seventy-five {
background-color: rgba(0, 0, 0, 0.75);
filter: alpha(opacity = 75)
}
.black-box-opacity-ninety {
background-color: rgba(0, 0, 0, 0.9);
filter: alpha(opacity = 90)
}
/* END OF CAROUSEL */
/****************************/
/* SEARCH & FILTER */
/****************************/
.cmeSearchFilter {
clear: both;
max-width: 984px;
width: 100%;
}
#cmeSearchFilterLeft {
float: left;
width: 26.32%;
max-width: 259px;
}
#cmeSearchFilterRight {
float: right;
width: 73.17%;
max-width: 720px;
}
#cmeSearchFilterDetail {
clear: both;
max-width: 984px;
width: 100%;
}
#cmeSearchFilterRight {
top: -50px;
position: relative;
}
/* TABBED BANNER */
#tabbed-slider-container {
height: 286px;
margin-top: 5px;
overflow: hidden;
position: relative;
width: 100%;
z-index: 1;
}
#tabbed-slider {
width: 100%;
height: 82%;
}
#tabbed-slider div a img {
width: 100%;
max-height: 236px;
height: 100%;
}
#tabbed-slider div img {
width: 100%;
height: 100%;
}
#banner1, #banner2, #banner3, #banner4 {
width: 100%;
height: 100%;
}
.tabbed_news_button_on {
color: #000000;
cursor: pointer;
font-size: 11px;
font-weight: bold;
text-decoration: none;
text-align: center;
background-image: url('cmegroupClientLibs/images/button-on.png');
background-size: 100% 100px;
width: 25%;
height: 28px;
float: left;
padding-top: 13px;
}
.tabbed_news_button_off {
color: #095088;
cursor: pointer;
font-size: 11px;
font-weight: bold;
text-decoration: none;
text-align: center;
background-image: url('cmegroupClientLibs/images/button-off.jpg');
width: 25%;
height: 28px;
float: left;
padding-top: 13px;
}
.cmeRolloverImage {
display: block;
max-width: 100%;
}
/* ADVISORY NOTICE */
.cmeBioLeft {
width: 25%;
float: left;
margin-right: 1.4285%
}
.cmeBioLeft img {
width: 100%;
max-width: 175px;
}
.cmeBioRight {
width: 73.5%;
float: left;
margin-top: -2px;
}
.cmeResultsTable td {
text-align: left;
padding: 6px 5px;
font-size: 14px;
min-width: 100px;
}
.asdatepicker {
border: 1px solid #CCCCCC;
color: #333333;
font-size: 1em;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: normal;
padding-left: 5px;
vertical-align: bottom;
}
.orangebutton, #updateResults {
background: #0195E7;
border: none;
color: #fff;
font-size: 14px;
padding: 7px 15px;
border-radius: 4px;
}
/* END ADVISORY NOTICE */
/* ARTICLE TEMPLATE */
.cmeColVideoLeft {
width: 51.586%;
}
.cmeColVideoRight {
width: 45%;
}
.cmeArticleRight {
width: 70%;
float: left;
}
.cmeArticleRight p {
margin-top: 0.625em;
}
.cmeArticle .cmeArticleRight li {
line-height: 1.5;
}
.cmeArticleLeft {
float: left;
margin-right: 2%;
max-width: 100%;
width: 28%;
clear: both;
}
.cmeArticleLeft img {
width: 100%;
max-width: 250px;
}
.parsys.article-right-par:first-child {
margin-top: 5px;
}
a.btn-blue-flex {
color: #ffffff !important;
float: left;
font-size: 11px;
text-decoration: none;
display: block;
height: 21px;
margin: 0;
padding: 0 20px 0 0;
background: url("cmegroupClientLibs/images/btn-blue-flex-end.png") no-repeat right top transparent;
}
a.btn-blue-flex span {
text-align: center;
float: left;
line-height: 21px;
padding: 0 0 0 15px;
background: url("cmegroupClientLibs/images/btn-blue-flex-span.png") no-repeat left top transparent;
}
a.btn-blue-flex:hover {
color: #efefef;
cursor: pointer;
}
/* Article Keywords: Used on Advisories, Economy Feed, Articles */
.cmeArticleKeywords {
margin: 10px auto;
color: gray;
text-align:left;
max-width:725px;
}
.cmeArticleKeywords > ul > li {
font-size: 0.95em;
margin-bottom: 3px;
}
.cmeArticleKeywords > ul > li:first-child {
font-size: 1.15em !important;
}
/* Article Keywords: Specific to Article Template */
.cmeArticleProperties .cmeArticleKeywords {
margin-top: 10px;
color: gray;
padding: .325em 0;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
}
.cmeArticleProperties .cmeArticleKeywords > ul > li {
font-size: 0.95em;
margin-bottom: 3px;
display: inline;
margin-left: 0.625em;
}
.cmeArticleProperties .cmeArticleKeywords > ul > li:first-child {
font-size: 0.95em !important;
font-weight: bold;
margin-left: 0;
}
.cmeArticleProperties .cmeArticleKeywords > ul > li:before {
content: "//";
margin-right: .625em;
color: #ccc;
}
.cmeArticleProperties .cmeArticleKeywords > ul > li:first-child:before {
content: "";
margin-right: 0;
}
.cmeArticleProperties + .cmeComponent {
margin-top: 1.25em;
}
/* END ARTICLE TEMPLATE */
/* RULE TEMPLATE */
li.cmeRuleEffectiveDate {
font: italic 11px Arial;
margin: 0px
}
li.cmeRuleTitle {
text-align: left;
font: normal normal bold 14px Arial;
color: #cc6600;
}
p.cmeRuleDescription {
margin: 20px 0px 25px 0px;
}
p.cmeSubruleTitle {
font-weight: bold;
}
div.cmeRuleTopTitles {
font-size: 13px;
font-weight: bold;
margin-top: 8px;
margin-bottom: 11px;
}
div.cmeRuleTopTitles p {
margin-top: 2px;
}
.cmeRuleLeftElement {
float: left;
width: 70%;
}
.cmeRuleRightElement {
float: right;
}
.cmeCloseLink {
font: normal 11px arial;
}
/* END RULE TEMPLATE */
/* MARKET COMMENTARY TEMPLATE*/
.cmeMarketCommentaryLeft {
width: 70%;
float: left;
margin-right: 1.3888%
}
.cmeMarketCommentaryRight {
width: 28%;
float: left;
margin-top: -2px;
}
/* END MARKET COMMENTARY TEMPLATE*/
/* RULEBOOK CHAPTER TEMPLATE */
#cmeRuleTop {
border-bottom: 2px solid #E1E1E1;
margin-bottom: 20px;
padding-bottom: 10px;
}
#cmePageContentArea {
}
.group:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
.group p {
margin: 4px 0 4px 3px !important
}
#cmeRuleOutline {
border-bottom: 2px solid #E1E1E1;
padding-bottom: 20px;
}
.cmeRuleBox {
border-bottom: 2px solid #E1E1E1;
margin-bottom: 20px;
}
.cmeRuleBox p {
margin: 5px 0px 0px 0px;
line-height: 1.5;
}
.cmeRuleContent {
padding-left: 40px;
}
.cmeRuleBottom {
float: right;
font-size: 12px;
padding: 0 0 10px;
}
.cmeRuleBottom li {
display: inline-block;
line-height: 22px;
}
.cmeResetStyle li {
background: none repeat scroll 0 0 transparent;
margin: 0;
padding: 0;
}
.cmeRuleBackToTop:before {
background: url("cmegroupClientLibs/images/arrow-rulebook-back-to-top.gif") no-repeat scroll 0 0 transparent;
content: "";
float: left;
height: 15px;
margin: 3px 3px 0 0;
width: 15px;
}
.marginBottom10 {
margin-bottom: 5px !important;
}
.lineUnder {
border-bottom: 1px solid #CCCCCC;
}
.padBottom10 {
padding-bottom: 10px !important;
}
.padBottom5 {
padding-bottom: 5px !important;
}
.padTop5 {
padding-top: 5px !important;
}
.padRight5 {
padding-right: 5px !important;
}
.marginTop10 {
margin-top: 10px !important;
}
.marginLeft15 {
margin-left: 15px !important;
}
.marginLeft15 p {
color: #333333;
margin: 4px 0 4px 3px;
font-size: 11px;
}
.econoFeedTable {
background-color: #E9E8E2;
border: 8px solid #CBC9BC;
padding: 5px;
width: 720px;
}
/* END RULEBOOK CHAPTER TEMPLATE */
.cmeMarketCommentaryWidgetHeader {
padding: 4px 4px 4px 2px;
font-weight: bold;
font-size: 14px;
color: #cc6600;
border-top: 1px solid #ccc;
margin-bottom: 5px;
border-bottom: 1px solid #ccc;
}
.cmeMarketCommentaryWidgetPipe {
padding: 0 2px;
font-size: 12px;
color: #333
}
.cmeMarketCommentaryWidgetFont {
font: normal normal normal 11px Arial;
margin-top: 0px;
margin-bottom: 11px;
}
.cmeMarketCommentaryWidgetItemHeader {
width: 100%;
height: 60px
}
.cmeMarketCommentaryWidgetLeftBox {
width: 45%;
height: 100%;
margin-right: 7px;
float: left;
}
.cmeMarketCommentaryWidgetLeftBox img {
width: 100%
}
.cmeMarketCommentaryWidgetRightBox {
width: 50%;
height: 100%;
float: left;
position: relative;
}
.cmeMarketCommentaryWidgetBottom {
position: absolute;
bottom: 0;
}
.cmeMarketCommentaryWidgetBottom p {
margin-bottom: 0px;
font-size: 11px;
font-style: italic;
color: #999;
}
/* SHARED RIGHT NAV*/
.shareRightNavLink {
font-size: 12px;
font-weight: bold;
position: relative;
}
/* END SHARED RIGHT NAV */
/* START ECONOMIC CALENDAR COMPONENT (FROM OPEN CMS) */
h1.cmeFiveHeadline {
font: 26px/39px Arial, sans-serif;
}
.rsblock {
font-size: 11px;
}
#event_calendar a {
font-size: 11px;
color: #0099FF;
}
#event_calendar select, #event_calendar input {
color: #333333;
font: 11px Arial;
}
#CalendarBody .Weekend {
background: #fafafa none repeat scroll 0 0;
}
#CalendarBody .Inactive {
background-color: #CCCCCC;
}
.Event a:link {
color: #0575b9;
}
.Event .Other {
background-color: #000000;
}
#jMonthCalendar .Event {
font-size: 12px;
padding: 4px;
margin-bottom: 1px;
border: solid 0px #000;
cursor: pointer;
background-position: center;
}
#jMonthCalendar .Time {
font-size: 11px;
color: #333;
}
#jMonthCalendar .Today .DateLabel a {
color: #FFF;
}
#jMonthCalendar .Inactive .DateLabel {
background-color: #CCCCCC;
}
#jMonthCalendar .Inactive .DateLabel a {
color: #CCCCCC;
cursor: default;
}
#jMonthCalendar .NOLINK {
font-size: 11px;
}
#jMonthCalendar .Inactive {
background-color: #efefef;
}
#jMonthCalendar .Inactive div {
visibility: hidden;
display: none !important;
}
#event_calendar select, #event_calendar input {
border: 1px solid #CCCCCC;
padding-left: 5px;
vertical-align: bottom;
}
#jMonthCalendar .MonthNavigation {
clear: both;
height: 20px;
padding: 7px;
background: #efefef none repeat scroll 0 0;
border: solid 1px #cacaca;
border-bottom: none;
}
.MonthNavigation .MonthName, .MonthNavigation .MonthNavPrev, .MonthNavNext{
border-bottom: solid 1px #ddd;
padding-bottom: 3px;
}
.MonthNavigation a {
white-space: nowrap;
}
.MonthNavigation .MonthNavPrev, .MonthlyCalendar .TodayLink {
width: 9%;
float: left;
}
.MonthlyCalendar .YearNavNext, .MonthlyCalendar .YearNavPrev, .MonthNavigation .MonthNavNext {
width: 9%;
float: right;
text-align: right;
}
.MonthNavigation .MonthName, .MonthNavigation .MonthName {
width: 82%;
text-align: center;
font-weight: bold;
float: left;
}
.MonthlyCalendar {
height: 100%;
width: 100%;
border: solid 1px #ddd;
border-collapse: collapse;
-webkit-overflow-scrolling: touch;
}
.MonthlyCalendar #CalendarHead {
width: 100%;
background: #efefef none repeat scroll 0 0;
}
.MonthlyCalendar #CalendarHead .DateHeader {
width: 14%;
text-align: center;
}
.MonthlyCalendar #CalendarBody {
}
.DateBox {
vertical-align: top;
border: solid 1px #ddd;
height: 131px;
}
.DateLabel {
height: 16px;
width: 100%;
background: #efefef none repeat scroll 0 0;
text-align: right;
}
.DateLabel a {
cursor: pointer;
padding: 0 5px 2px;
text-decoration: none;
line-height: 16px;
color: #0099FF;
}
#CalendarBody .Inactive div {
display: none;
}
.selectedanchor { /*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/
}
#jMonthCalendar {
position: relative;
}
#jMonthCalendar .Meeting {
background-repeat: no-repeat;
margin-left: 3px;
}
#jMonthCalendar .Today .DateLabel {
height: 16px;
width: 100%;
background: #0575b9 none repeat scroll 0 0;
text-align: right;
}
#jMonthCalendar .DateBox .Inactive div {
display: none;
}
#jMonthCalendar .Agriculture {
background-image: url("cmegroupClientLibs/images/brick_commodities.gif");
background-repeat: no-repeat;
background-position: .3em .5em;
font-size: 12px;
padding: 4px;
padding-left: 10px;
background-color: #FFF;
margin-bottom: 1px;
border: solid 0px #000;
cursor: pointer;
display: block;
}
#jMonthCalendar .Other {
background-image: url("cmegroupClientLibs/images/brick_other.gif");
background-repeat: no-repeat;
background-position: .3em .5em;
font-size: 12px;
padding: 4px;
padding-left: 10px;
background-color: #FFF;
margin-bottom: 1px;
-moz-border-radius: 0 8px 8px 8px;
border: solid 0px #000;
cursor: pointer;
display: block;
}
#jMonthCalendar .EconomicEvents {
background-image: url("cmegroupClientLibs/images/brick_other.gif");
background-repeat: no-repeat;
background-position: .3em .5em;
font-size: 12px;
padding: 4px;
padding-left: 10px;
background-color: #FFF;
margin-bottom: 1px;
-moz-border-radius: 0 8px 8px 8px;
border: solid 0px #000;
cursor: pointer;
display: block;
}
#jMonthCalendar .CME {
background-image: url("cmegroupClientLibs/images/brick_other.gif");
background-repeat: no-repeat;
background-position: .3em .5em;
font-size: 12px;
padding: 4px;
padding-left: 10px;
background-color: #FFF;
margin-bottom: 1px;
-moz-border-radius: 0 8px 8px 8px;
border: solid 0px #000;
cursor: pointer;
display: block;
}
#jMonthCalendar .RealEstate {
background-image: url("cmegroupClientLibs/images/brick_other.gif");
background-repeat: no-repeat;
background-position: .3em .5em;
font-size: 12px;
padding: 4px;
padding-left: 10px;
background-color: #FFF;
margin-bottom: 1px;
-moz-border-radius: 0 8px 8px 8px;
border: solid 0px #000;
cursor: pointer;
display: block;
}
#jMonthCalendar .Credit {
background-image: url("cmegroupClientLibs/images/brick_other.gif");
background-repeat: no-repeat;
background-position: .3em .5em;
font-size: 12px;
padding: 4px;
padding-left: 10px;
background-color: #FFF;
margin-bottom: 1px;
-moz-border-radius: 0 8px 8px 8px;
border: solid 0px #000;
cursor: pointer;
display: block;
}
#jMonthCalendar .Energy {
background-image: url("cmegroupClientLibs/images/brick_energy.gif");
background-repeat: no-repeat;
background-position: .3em .5em;
font-size: 12px;
padding: 4px;
padding-left: 10px;
background-color: #FFF;
margin-bottom: 1px;
-moz-border-radius: 0 8px 8px 8px;
border: solid 0px #000;
cursor: pointer;
display: block;
}
#jMonthCalendar .EquityIndex {
background-image: url("cmegroupClientLibs/images/brick_equities.gif");
background-repeat: no-repeat;
background-position: .3em .5em;
font-size: 12px;
padding: 4px;
padding-left: 10px;
background-color: #FFF;
margin-bottom: 1px;
-moz-border-radius: 0 8px 8px 8px;
border: solid 0px #000;
cursor: pointer;
display: block;
}
#jMonthCalendar .FX {
background-image: url("cmegroupClientLibs/images/brick_fx.gif");
background-repeat: no-repeat;
background-position: .3em .5em;
font-size: 12px;
padding: 4px;
padding-left: 10px;
background-color: #FFF;
margin-bottom: 1px;
-moz-border-radius: 0 8px 8px 8px;
border: solid 0px #000;
cursor: pointer;
display: block;
}
#jMonthCalendar .InterestRates {
background-image: url("cmegroupClientLibs/images/brick_interest.gif");
background-repeat: no-repeat;
background-position: .3em .5em;
font-size: 12px;
padding: 4px;
padding-left: 10px;
background-color: #FFF;
margin-bottom: 1px;
-moz-border-radius: 0 8px 8px 8px;
border: solid 0px #000;
cursor: pointer;
display: block;
}
#jMonthCalendar .Metals {
background-image: url("cmegroupClientLibs/images/brick_metal.gif");
background-repeat: no-repeat;
background-position: .3em .5em;
font-size: 12px;
padding: 4px;
padding-left: 10px;
background-color: #FFF;
margin-bottom: 1px;
-moz-border-radius: 0 8px 8px 8px;
border: solid 0px #000;
cursor: pointer;
display: block;
}
#jMonthCalendar .Weather {
background-image: url("cmegroupClientLibs/images/brick_weather.gif");
background-repeat: no-repeat;
background-position: .3em .5em;
font-size: 12px;
padding: 4px;
padding-left: 10px;
background-color: #FFF;
margin-bottom: 1px;
-moz-border-radius: 0 8px 8px 8px;
border: solid 0px #000;
cursor: pointer;
display: block;
}
#jMonthCalendar .US {
background-image: url("cmegroupClientLibs/images/flags/usa.gif");
background-repeat: no-repeat;
background-position: .3em .5em;
font-size: 11px;
padding: 4px;
padding-left: 25px;
padding-bottom: 0px;
background-color: #FFF;
margin-bottom: 1px;
-moz-border-radius: 0 8px 8px 8px;
border: solid 0px #000;
cursor: default;
display: block;
}
#jMonthCalendar .AU {
background-image: url("cmegroupClientLibs/images/flags/australia.gif");
background-repeat: no-repeat;
background-position: .3em .5em;
font-size: 12px;
padding: 4px;
padding-left: 25px;
padding-bottom: 0px;
background-color: #FFF;
margin-bottom: 1px;
-moz-border-radius: 0 8px 8px 8px;
border: solid 0px #000;
cursor: pointer;
display: block;
}
#jMonthCalendar .NZ {
background-image: url("cmegroupClientLibs/images/flags/australia.gif");
background-repeat: no-repeat;
background-position: .3em .5em;
font-size: 12px;
padding: 4px;
padding-left: 25px;
padding-bottom: 0px;
background-color: #FFF;
margin-bottom: 1px;
-moz-border-radius: 0 8px 8px 8px;
border: solid 0px #000;
cursor: pointer;
display: block;
}
#jMonthCalendar .CA {
background-image: url("cmegroupClientLibs/images/flags/canada.gif");
background-repeat: no-repeat;
background-position: .3em .5em;
font-size: 12px;
padding: 4px;
padding-left: 25px;
padding-bottom: 0px;
background-color: #FFF;
margin-bottom: 1px;
-moz-border-radius: 0 8px 8px 8px;
border: solid 0px #000;
cursor: pointer;
display: block;
}
#jMonthCalendar .EMU {
background-image: url("cmegroupClientLibs/images/flags/emu.gif");
background-repeat: no-repeat;
background-position: .3em .5em;
font-size: 12px;
padding: 4px;
padding-left: 25px;
padding-bottom: 0px;
background-color: #FFF;
margin-bottom: 1px;
-moz-border-radius: 0 8px 8px 8px;
border: solid 0px #000;
cursor: pointer;
display: block;
}
#jMonthCalendar .FR {
background-image: url("cmegroupClientLibs/images/flags/france.gif");
background-repeat: no-repeat;
background-position: .3em .5em;
font-size: 12px;
padding: 4px;
padding-left: 25px;
padding-bottom: 0px;
background-color: #FFF;
margin-bottom: 1px;
-moz-border-radius: 0 8px 8px 8px;
border: solid 0px #000;
cursor: pointer;
display: block;
}
#jMonthCalendar .DE {
background-image: url("cmegroupClientLibs/images/flags/germany.gif");
background-repeat: no-repeat;
background-position: .3em .5em;
font-size: 12px;
padding: 4px;
padding-left: 25px;
padding-bottom: 0px;
background-color: #FFF;
margin-bottom: 1px;
-moz-border-radius: 0 8px 8px 8px;
border: solid 0px #000;
cursor: pointer;
display: block;
}
#jMonthCalendar .IT {
background-image: url("cmegroupClientLibs/images/flags/italy.gif");
background-repeat: no-repeat;
background-position: .3em .5em;
font-size: 12px;
padding: 4px;
padding-left: 25px;
padding-bottom: 0px;
background-color: #FFF;
margin-bottom: 1px;
-moz-border-radius: 0 8px 8px 8px;
border: solid 0px #000;
cursor: pointer;
display: block;
}
#jMonthCalendar .JP {
background-image: url("cmegroupClientLibs/images/flags/japan.gif");
background-repeat: no-repeat;
background-position: .3em .5em;
font-size: 12px;
padding: 4px;
padding-left: 25px;
padding-bottom: 0px;
background-color: #FFF;
margin-bottom: 1px;
-moz-border-radius: 0 8px 8px 8px;
border: solid 0px #000;
cursor: pointer;
display: block;
}
#jMonthCalendar .CH {
background-image: url("cmegroupClientLibs/images/flags/switzerland.gif");
background-repeat: no-repeat;
background-position: .3em .5em;
font-size: 12px;
padding: 4px;
padding-left: 25px;
padding-bottom: 0px;
background-color: #FFF;
margin-bottom: 1px;
-moz-border-radius: 0 8px 8px 8px;
border: solid 0px #000;
cursor: pointer;
display: block;
}
#jMonthCalendar .GB {
background-image: url("cmegroupClientLibs/images/flags/uk.gif");
background-repeat: no-repeat;
background-position: .3em .5em;
font-size: 12px;
padding: 4px;
padding-left: 25px;
padding-bottom: 0px;
background-color: #FFF;
margin-bottom: 1px;
-moz-border-radius: 0 8px 8px 8px;
border: solid 0px #000;
cursor: pointer;
display: block;
}
#jMonthCalendar .CN {
background-image: url("cmegroupClientLibs/images/flags/china.gif");
background-repeat: no-repeat;
background-position: .3em .5em;
font-size: 12px;
padding: 4px;
padding-left: 25px;
padding-bottom: 0px;
background-color: #FFF;
margin-bottom: 1px;
-moz-border-radius: 0 8px 8px 8px;
border: solid 0px #000;
cursor: pointer;
display: block;
}
/* END ECONOMIC CALENDAR COMPONENT (FROM OPEN CMS)*/
/* START BROWSE ALL*/
.browseall_header {
padding: 4px 4px 4px 2px;
font-weight: bold;
font-size: 12px;
color: #222;
}
.titleWithRoundedCorners {
display: table;
float: left;
border-bottom:1px solid #333;
}
.broseAllTag {
font: normal normal normal 11px Arial;
text-align: left;
color: #454545
}
/* ENDBROWSE ALL*/
.ui-autocomplete {
max-height: 100px;
overflow-y: auto;
overflow-x: hidden;
}
* html .ui-autocomplete {
height: 100px;
}
.ui-menu .ui-menu-item a {
font-size: 10px;
text-decoration: none;
display: block;
padding: 2px .4em;
line-height: 1.5;
min-height: 0; /* support: IE7 */
font-weight: normal;
}
.cmeFlexColumnWrapper {
clear: both
}
/* START DATA WIDGET */
.cmeDataWidget {
width: 100%;
position: relative;
padding-top: 5px;
}
.cmeDataWidgetInner {
background: #EDEDED;
box-shadow: 2px 2px 2px #CCCCCC;
border: solid 1px #CCCCCC;
border-collapse: collapse;
}
.cmeDataWidgetBody {
}
.cmeDataWidgetHeader {
overflow: hidden;
height: 40px;
}
.cmeDataWidgetHeader > a {
font-size: 18px;
line-height: 18px;
margin: 10px 0px 12px 10px;
color: #1971C4;
display: block;
font-weight: normal;
text-rendering: optimizelegibility;
float: left;
}
.cmeDataWidgetHeader > a:hover {
color: #0195E7;
}
.cmeDataWidgetHeader > .cmeDataWidgetDate {
float: right;
text-align: right;
padding: 5px 10px 5px 5px;
}
.cmeDataWidgetHeader > .cmeDataWidgetDate > span {
display: block;
line-height: 15px;
font-size: 9px;
}
.cmeDataWidgetTable {
width: 100%;
border-collapse: collapse;
}
.cmeDataWidgetTable td, .cmeDataWidgetTable th {
border: solid 1px #CCCCCC;
border-collapse: collapse;
font-weight: normal;
text-rendering: optimizelegibility;
}
.cmeDataWidgetBody .cmeDataWidgetTable {
border-top: solid 1px #CCCCCC;
border-bottom: solid 1px #CCCCCC;
background: #FFFFFF;
}
.cmeDataWidgetBody .cmeDataWidgetTable tr:first-child th {
border-top: 0px;
}
.cmeDataWidgetBody .cmeDataWidgetTable tr:last-child th {
border-bottom: 0px;
}
.cmeDataWidgetBody .cmeDataWidgetTable tr td:first-child, .cmeDataWidgetBody > .cmeDataWidgetTable tr th:first-child {
border-left: 0;
}
.cmeDataWidgetBody .cmeDataWidgetTable tr td:last-child, .cmeDataWidgetBody > .cmeDataWidgetTable tr th:last-child {
border-right: 0;
}
.cmeDataWidgetTable tr.cmeRowBandingOff td, .cmeDataWidgetTable tr.cmeRowBandingOff th {
background: #EDEDED;
}
.cmeDataWidgetTable thead > tr > th {
text-transform: uppercase;
font-size: 10px;
line-height: 30px;
text-align: center;
}
.cmeDataWidgetTable thead > tr > th.vol {
}
.cmeDataWidgetTable tbody td {
padding: 3px;
font-size: 12px;
line-height: 19px;
text-align: center;
white-space: nowrap;
}
.cmeDataWidgetTable div.cmeToolTip {
display: none;
}
.cmeDataWidgetTable a:hover > div.cmeToolTip {
display: inline;
}
.cmeDataWidgetFooter {
}
.cmeDataWidgetFooter > .cmeDataWidgetFooterDate {
padding: 5px;
font-size: 11px;
line-height: 15px;
height: 30px;
overflow: hidden;
}
.cmeDataWidgetFooter .cmeDataWidgetFooterNote {
width: 100%;
display: block;
clear: both;
}
/* END DATA WIDGET */
.cmeDataWidgetToolTip {
position: absolute;
top: 0;
left: 0;
opacity: 0;
}
.cmeNoTableRowHighlight > td {
border-bottom-color: rgb(237,237,237);
}
.cmeWidgetMessage {
text-align: center;
width: 100%;
margin-top: 100px;
white-space: normal;
}
.cmeWidgetMessage > tr > td {
display: inline;
}
/* START DELAYED QUOTES COMPONENT */
/* delayed quotes header icon */
.cmeDelayedQuotesHeaderIcon > a {
margin-left: 58px !important;
}
.cmeDelayedQuotesHeaderIcon > a:before {
content: "";
height: 38px;
width: 38px;
border: solid 2px #FFFFFF;
position: absolute;
top: 0px;
left: 5px;
box-shadow: 2px 2px 2px #CCCCCC;
border-radius: 3px;
}
/* delayed quotes asset class header icons */
.cmeDelayedQuotes .cmeAgriculture .cmeDelayedQuotesHeaderIcon > a:before {
background: #003260 url("cmegroupClientLibs/images/cmegroup-icon-set.png") no-repeat -1px -491px;
}
.cmeDelayedQuotes .cmeEnergy .cmeDelayedQuotesHeaderIcon > a:before {
background: #003260 url("cmegroupClientLibs/images/cmegroup-icon-set.png") no-repeat -44px -491px;
}
.cmeDelayedQuotes .cmeInterestRates .cmeDelayedQuotesHeaderIcon > a:before {
background: #003260 url("cmegroupClientLibs/images/cmegroup-icon-set.png") no-repeat -45px -529px;
}
.cmeDelayedQuotes .cmeEquity .cmeDelayedQuotesHeaderIcon > a:before {
background: #003260 url("cmegroupClientLibs/images/cmegroup-icon-set.png") no-repeat -85px -491px;
}
.cmeDelayedQuotes .cmeFX .cmeDelayedQuotesHeaderIcon > a:before {
background: #003260 url("cmegroupClientLibs/images/cmegroup-icon-set.png") no-repeat -1px -528px;
}
.cmeDelayedQuotes .cmeMetals .cmeDelayedQuotesHeaderIcon > a:before {
background: #003260 url("cmegroupClientLibs/images/cmegroup-icon-set.png") no-repeat -86px -529px;
}
/* delayed quotes footer (tagged content) */
.cmeDelayedQuotesFooter {
}
.cmeDelayedQuotesFooter > .cmeDelatedQuotesContent {
padding: 8px;
}
.cmeDelayedQuotesFooter > .cmeDelatedQuotesContent > a {
font-size: 14px;
line-height: 14px;
margin-bottom: 5px;
display: block;
font-weight: normal;
text-rendering: optimizelegibility;
}
.cmeDelayedQuotesFooter > .cmeDelatedQuotesContent > p {
font-size: 9px;
line-height: 11px;
font-weight: normal;
text-rendering: optimizelegibility;
}
/* asset class homepage fixed columns */
.cmeDelayedQuotesHomepage .cmeDataWidgetTable > thead > tr > th.cmeFixedProduct {
width: 18.5%;
}
.cmeDelayedQuotesHomepage .cmeDataWidgetTable > thead > tr > th.cmeFixedLast {
width: 20%;
}
.cmeDelayedQuotesHomepage .cmeDataWidgetTable > thead > tr > th.cmeFixedChange {
width: 17%;
}
.cmeDelayedQuotesHomepage .cmeDataWidgetTable > thead > tr > th.cmeFixedChart {
width: 13%;
}
.cmeDelayedQuotesHomepage .cmeDataWidgetTable > thead > tr > th.cmeFixedVol {
width: 31.5%;
}
/* asset class delayed quotes */
.cmeDelayedQuotesAssetClass .cmeInlineButtonLinkIcon.cmeOptionsButtonLinkIcon span:before {
top: 4px;
}
.cmeDelayedQuotesAssetClass .cmeDelayedQuotesTable > thead > tr > th.cmeFixedProduct {
width: 13%;
}
.cmeDelayedQuotesAssetClass .cmeDelayedQuotesTable > thead > tr > th.cmeFixedCode {
width: 6%;
}
.cmeDelayedQuotesAssetClass .cmeDelayedQuotesTable > thead > tr > th.cmeFixedContract {
width: 9.5%;
}
.cmeDelayedQuotesAssetClass .cmeDelayedQuotesTable > thead > tr > th.cmeFixedOption {
width: 5%;
}
.cmeDelayedQuotesAssetClass .cmeDelayedQuotesTable > thead > tr > th.cmeFixedLast {
width: 9.5%;
}
.cmeDelayedQuotesAssetClass .cmeDelayedQuotesTable > thead > tr > th.cmeFixedChange {
width: 9.5%;
}
.cmeDelayedQuotesAssetClass .cmeDelayedQuotesTable > thead > tr > th.cmeFixedChart {
width: 5%;
}
.cmeDelayedQuotesAssetClass .cmeDelayedQuotesTable > thead > tr > th.cmeFixedOpen {
width: 9.5%;
}
.cmeDelayedQuotesAssetClass .cmeDelayedQuotesTable > thead > tr > th.cmeFixedHigh {
width: 9.5%;
}
.cmeDelayedQuotesAssetClass .cmeDelayedQuotesTable > thead > tr > th.cmeFixedLow {
width: 9.5%;
}
.cmeDelayedQuotesAssetClass .cmeDelayedQuotesTable > thead > tr > th.cmeFixedVol {
width: 14%;
}
/* override cmeTable classes for asset class delayed quotes */
.cmeDelayedQuotesLastUpdated {
font-style: italic;
padding: 10px 0px;
color: #CCCCCC;
font-size: 12px;
}
/* END DELAYED QUOTES COMPONENT */
/* START BLOCK TRADE COMPONENT */
.cmeBlockTradeHomepageHideProgressPanel .cmeProgressPanel {
display: none !important;
}
.cmeBlockTradeHomepage .cmeDataWidgetFooter > .cmeDataWidgetFooterDate > span {
width: 100%;
clear: both;
display: block;
}
.cmeBlockTradeHomepage table td > a {
display: block;
width: 100%;
height: 100%;
color: #333 !important;
word-break: break-word;
white-space: normal;
}
.cmeBlockTradeHomepage table td > a:hover {
color: #333 !important;
}
.cmeBlockTradeHomepage .cmeDataWidgetBody {
min-height: 272px;
}
/* END BLOCK TRADE COMPONENT */
/* START CLEARPORT COMPONENT */
.cmeClearportHomepage .cmeClearportReportType {
text-transform: uppercase;
font-weight: bold;
}
.cmeClearportHomepage .cmeDataWidgetBody {
min-height: 266px;
}
/* END CLEARPORT COMPONENT */
/* START VOLUME COMPONENT */
.cmeVolumeHomepage .cmeDataWidgetHeader a {
margin-bottom: 0px;
float: none;
}
.cmeVolumeHomepage .cmeDataWidgetHeader > span {
line-height: 12px;
display: block;
font-size: 9px;
font-weight: normal;
text-rendering: optimizelegibility;
margin-left: 10px;
}
.cmeVolumeHomepage .cmeDataWidgetBody {
height: 272px;
}
.cmeVolumeHomepage .cmeDataWidgetBody .cmeVolumeLoaded {
border-top: solid 1px #CCCCCC;
border-bottom: solid 1px #CCCCCC;
height: 270px;
}
.cmeVolumeHomepage .cmeTableBlockWrapper {
margin-top: 0px !important;
}
.cmeVolumeHomepage .cmeDataWidgetTable th, .cmeVolumeHomepage .cmeDataWidgetTable td {
font-size: 8.5px !important;
}
/* END VOLUME COMPONENT */
/* START VOLUME CHART WIDGET */
.cmeDataWidgetChart {
position: relative;
background: #FFFFFF;
}
.cmeDataWidgetChart .cmeVolume {
font-weight: normal;
text-rendering: optimizelegibility;
}
.cmeDataWidgetChart .cmeVolume .grid .tick {
fill: none;
shape-rendering: crispEdges;
stroke: #ededed;
stroke-width: 1px;
opacity: 1.0;
}
.cmeDataWidgetChart .cmeVolume .grid path {
stroke-width: 0 !important;
}
.cmeDataWidgetChart .cmeVolume .domain {
stroke-width: 0 !important;
fill: none;
stroke-height: 0;
}
.cmeDataWidgetChart .cmeVolume .yaxis text, .cmeDataWidgetChart .cmeVolume .yaxis2 text {
fill: #333;
font-size: 13px;
}
.cmeDataWidgetChart .cmeVolume .xaxis text {
fill: #1971c4;
font-size: 10px;
}
.cmeDataWidgetChart .cmeVolume .legend, .cmeDataWidgetChart .cmeVolume .legend2 {
font-size: 11px;
}
.cmeDataWidgetChart .cmeVolume path {
stroke-width: 2;
fill: none;
stroke: #d06600;
}
.cmeVolumeDetailWrapper {
width: 170px;
height: 180px;
background: url("cmegroupClientLibs/images/cme-vol-chart-details-arrow.png") no-repeat center bottom;
position: relative;
}
#cmeVolumeDetailClose {
position: absolute;
top: 0px;
right: 0px;
display: block;
width: 30px;
height: 40px;
display: none;
}
#cmeVolumeDetailClose > span {
background: url("cmegroupClientLibs/images/cmegroup-icon-set.png") no-repeat -5px -376px;
width: 8px;
height: 9px;
display: block;
margin: 15.5px 11px;
}
.cmeVolumeDetail {
width: 150px;
background: #ededed;
font-size: 11px;
padding: 10px;
border: solid 1px #cccccc;
box-shadow: 2px 2px 2px #CCCCCC;
z-index: 99999;
}
.cmeVolumeDetail .cmeVolumeDetailLabel {
font-weight: bold;
}
.cmeVolumeDetail .cmeVolumeDetailLabel:after {
content: ":";
margin-right: 5px;
}
.cmeVolumeDetail .cmeVolumeDetailLink {
display: block;
width: 100%;
}
.cmeVolumeDetail .cmeVolumeDetailLink > a {
padding: 10px 0px 10px 0px;
display: block;
width: 100%;
text-align: center;
font-weight: bold;
font-size: 12px;
}
.cmeVolumeMessage {
font-style: italic;
width: 100%;
clear: both;
display: block;
text-align: center;
}
.cmeDataWidgetChart .cmeVolume rect.globex {
fill: rgb(25, 113, 196);
}
.cmeDataWidgetChart .cmeVolume rect.clearport {
fill: rgb(0, 57, 110);
}
.cmeDataWidgetChart .cmeVolume rect.openoutcry {
fill: rgb(63, 160, 251);
}
.cmeDataWidgetChart .cmeVolume .tt rect {
fill: none;
pointer-events: all;
}
/* END VOLUME CHART WIDGET */
/* START TOOL TIP (POC FOR HOMEPAGE WIDGETS) */
.cmeToolTip {
color: #000000;
position: absolute;
margin-left: 3px;
font-size: 0.9em;
line-height: 1.0em;
}
.cmeToolTip:before {
background: url("cmegroupClientLibs/images/cme-tooltip-arrow-left.png") no-repeat bottom left;
height: 100%;
width: 5px;
content: "";
position: absolute;
top: 0px;
left: 0px;
}
.cmeToolTip > span {
padding: 5px 20px 5px 10px;
margin-left: 5px;
border: solid 1px #cccccc;
display: block;
background: -moz-linear-gradient(top, #ffffff 0%, #cccccc 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #cccccc));
background: -webkit-linear-gradient(top, #ffffff 0%, #cccccc 100%);
background: -o-linear-gradient(top, #ffffff 0%, #cccccc 100%);
background: -ms-linear-gradient(top, #ffffff 0%, #cccccc 100%);
background: linear-gradient(to bottom, #ffffff 0%, #cccccc 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc', GradientType=0 );
box-shadow: 2px 2px 2px #CCCCCC;
line-height: 13px;
}
.cmeToolTip.cmeToolTipTop.active {
padding-bottom: 3px;
margin-left: 0px;
}
.cmeToolTip.cmeToolTipTop.active:before {
background: url("cmegroupClientLibs/images/cme-tooltip-arrow-bottom.png") no-repeat bottom left;
width: 6px;
}
.cmeToolTipLink > a {
display: block;
}
/* END TOOL TIP (POC FOR DELAYED QUOTES) */
/****************************/
/* IMAGE BANNER */
/****************************/
.cmeImageBanner {
width: 100%;
position: relative;
overflow: hidden;
margin-top:-20px !important;
}
.cmeLeftColumnLayout > .cmeImageBanner {
margin-top: 5px !important;
margin-bottom: 0.625em;
}
.cmeImageBanner > .cmeImageBanner{
margin-top: 0 !important;
}
.cmeImageBanner > img {
visibility: hidden;
width: 100%;
height: auto;
min-height:90px;
}
/* fade transition */
.cmeImageBannerFade > .cmeImageBannerItems {
}
.cmeImageBannerFade > .cmeImageBannerItems > li {
width: 100%;
opacity: 0;
z-index: 7000;
position: absolute;
top: 0;
left: 0;
display: none;
}
.cmeImageBannerFade > .cmeImageBannerItems > li:first-child {
opacity: 1;
display: inline;
}
.cmeImageBannerFade > .cmeImageBannerItems > li.active {
z-index: 7001;
}
.cmeImageBannerFade > .cmeImageBannerItems > li img {
width: 100%;
height: auto;
}
/* slide transition */
.cmeImageBannerSlide > .cmeImageBannerItems {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.cmeImageBannerSlide > .cmeImageBannerItems > li {
position: absolute;
width: 100%;
height: 100%;
}
.cmeImageBannerSlide > .cmeImageBannerItems > li.active {
}
.cmeImageBannerSlide > .cmeImageBannerItems > li img {
width: 100%;
height: auto;
}
/* overlays */
.cmeImageBannerOverlayContent h3 {
color: #ffffff;
font-size: 40px;
font-weight: 400;
line-height: 40px;
margin-top: 0;
margin-bottom: 10px;
}
.cmeImageBannerOverlayContent h3 a {
color: #FFFFFF !important;
text-decoration: none;
}
.cmeImageBannerOverlayContent ul {
list-style-type: disc;
padding-left: 100px;
}
.cmeImageBannerOverlayContent ul li {
color: #ffffff;
font-size: 24px;
line-height: 24px;
margin-bottom: 8px;
position: relative;
}
.cmeImageBannerSection {
left: 0;
padding: 30px 20px 20px 60px;
position: absolute;
top: 40px;
width: 65%;
}
.cmeImageBannerOverlayContent {
padding-bottom: 10px;
position: relative;
z-index: 7899;
}
.cmeImageBannerOverlay {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
/* hover */
.cmeBannerLinkImage:hover + div div .cmeLinkTitle, .cmeLinkTitle a:hover {
text-decoration: underline;
}
/* pips */
html.no-js .cmeImageBannerSelect {
display: none !important;
}
.cmeImageBannerSelect {
position: absolute;
top: 40px;
left: 0;
z-index: 7999;
width: 65%;
padding: 5px 10px 0px 70px;
}
.cmeImageBannerSelect > ul {
float: right;
}
.cmeImageBannerSelect > ul > li {
float: left;
margin: 3px;
list-style: none;
position: relative;
}
.cmeImageBannerSelect > ul > li > a {
background-color: #CACACA;
border-radius: 50%;
display: inline-block;
height: 12px;
width: 12px;
font-size: 0px;
text-decoration: none;
z-index: 7999;
}
.cmeImageBannerSelect > ul > li > a > span {
width: 100%;
width: 100%;
}
.cmeImageBannerSelect > ul > li.active > a {
background-color: #646464;
}
/* pips ie7 handling */
html.msie-7 .cmeImageBannerSelect {
display: inline;
}
html.msie-7 .cmeImageBannerSelect > li {
width: 20px;
height: 20px;
}
html.msie-7 .cmeImageBannerSelect > li > a {
width: 20px;
height: 20px;
text-align: center;
cursor: pointer;
display: block;
font-size: large;
display: block;
color: #CACACA;
}
html.msie-7 .cmeImageBannerSelect > li.active > a {
color: #666666;
}
html.msie-7 .cmeImageBannerOverlay {
background: #000000;
opacity: 0.6;
}
/* nav arrows */
html.no-js .cmeImageBannerNav {
display: none !important;
}
html.no-js .cmeImageBanner:hover a.cmeImageBannerNav.disable {
display: none !important;
}
.cmeImageBannerNav {
display: none;
position: absolute;
top: 35%;
height: 30%;
z-index: 7999;
color: transparent;
width: 45px;
opacity: 0.8;
color: #fff !important;
}
.cmeImageBanner:hover a.cmeImageBannerNav {
display: block;
}
.cmeImageBanner:hover a.cmeImageBannerNav.disable {
display: none !important;
}
a.cmeImageBannerNav#prev {
left: 0px;
}
a.cmeImageBannerNav#next {
right: 0px;
}
#cmeImageBanner1 .cmeIcon-right-open:before, #cmeImageBanner1 .cmeIcon-left-open:before {
line-height: 4em;
color: #fff;
}
/* On Asset Class Pages */
.cme-primary-landing .cmeBannerMask {
position: absolute;
width: 100%;
height: 100%;
}
/* on homepage */
/*.cme-home-landing .cmeImageBanner{margin-bottom:10px;}
.cme-home-landing .cmeBannerMask {position:absolute; width:100%; height:100%;}*/
/* END IMAGE BANNER */
/* MEDIA LIST */
.cmeMediaItem {
}
.cmeMediaTitle {
font-weight: bold;
font-size: 13px;
margin-bottom: 5px;
}
.cmeMediaDesc {
font-size: 13px;
margin-top: 10px;
}
.cmeMediaPlayer, .cmeMediaDownload, .cmeMediaEmbed {
margin-top: 15px;
}
.cmeMediaTwoCol {
overflow: hidden;
margin-bottom: 30px;
}
.cmeMediaTwoCol .cmeMediaItem {
margin-bottom: 0px;
}
.cmeMediaInfoWrapper {
width: 50%;
float: left;
}
.cmeMediaPlayerWrapper {
width: 50%;
float: right;
}
.cmeMediaButtonsWrapper {
clear: both;
}
.cmeMediaInfoWrapper > * {
margin-right: 22px;
}
.cmeMediaPlayerWrapper > *, .cmeMediaTwoCol .cmeMediaButtonsWrapper > * {
margin-left: 22px;
}
.cmeMediaDuration {
display: none;
}
.cmeMediaDuration > span.cmeMediaDurationLabel, .cmeMediaDate > span.cmeMediaDateLabel {
font-weight: bold;
}
.cmeMediaDuration > span.cmeMediaDurationLabel:after, .cmeMediaDate > span.cmeMediaDateLabel:after {
content: ":";
}
.cmeMediaTwoCol .cmeMediaButtonsWrapper {
width: 50%;
float: right;
clear: none;
}
.cmeMediaButtonsWrapper > ul > li {
float: left;
width: 50%;
}
.cmeMediaEmbedCode {
display: block;
border: solid 1px #ccc;
font-size: 11px;
width: 94%;
clear: both;
margin-top: 10px;
height: 120px;
padding: 2%;
resize: none;
}
.cmeMediaDownload > .cmeButton:before, .cmeMediaEmbed > .cmeButton:before {
margin-right: 1.0em !important;
}
.cmeMediaDownload > .cmeButton {
margin-right: 4px;
}
.cmeDynamicMediaPlayer {
position: relative;
height: 30px;
width: 100%;
overflow: hidden;
}
.cmeDynamicMediaPlayer > div {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 30px;
}
.cmeJWPlayer {
width: 100%;
height: 30px;
}
.cmeJWPlayerPreview {
width: 100%;
height: 30px;
min-width: 220px;
overflow: hidden;
position: relative;
cursor: pointer;
}
.cmeJWPlayerPreview > .cmeJWPlayerPreviewLeft {
display: block;
height: 30px;
width: 79px;
background: url("cmegroupClientLibs/images/jwp-bg-left.png");
position: absolute;
top: 0;
left: 0;
}
.cmeJWPlayerPreview > .cmeJWPlayerPreviewMain {
display: block;
float: left;
margin-left: 5%;
margin-right: 5%;
background: url("cmegroupClientLibs/images/jwp-bg.png") repeat-x top left;
height: 30px;
width: 90%;
}
.cmeJWPlayerPreview > .cmeJWPlayerPreviewRight {
display: block;
height: 30px;
width: 137px;
background: url("cmegroupClientLibs/images/jwp-bg-right.png");
position: absolute;
top: 0;
right: 0;
}
.cmeJWPlayerPreview > .cmeJWPlayerPreviewRight > .cmeJWPlayerPreviewTimeOverlay {
background-color: #3c3c3c;
height: auto;
width: 20px;
color: #d2d2d2;
margin-left: 14px;
line-height: 31px;
font-size: 11px;
}
.cmeMediaPlayerNoSupport {
display: none;
}
html.no-js .cmeDynamicMediaPlayer {
display: none;
}
html.no-js .cmeMediaPlayerNoSupport {
display: block;
}
.cmeMediaItem{}
.cmeMediaTitle{font-weight:bold;font-size:13px;margin-bottom:5px;}
.cmeMediaDesc{font-size:13px;margin-top:10px;}
.cmeMediaPlayer, .cmeMediaDownload, .cmeMediaEmbed{margin-top:15px;}
.cmeMediaTwoCol{overflow:hidden;margin-bottom:30px;}
.cmeMediaTwoCol .cmeMediaItem{margin-bottom:0px;}
.cmeMediaInfoWrapper{width:50%;float:left;}
.cmeMediaPlayerWrapper{width:50%;float:right;}
.cmeMediaButtonsWrapper{clear:both;}
.cmeMediaInfoWrapper > *{margin-right:22px;}
.cmeMediaPlayerWrapper > *, .cmeMediaTwoCol .cmeMediaButtonsWrapper > *{margin-left:22px;}
.cmeMediaDuration{display:none;}
.cmeMediaDuration > span.cmeMediaDurationLabel, .cmeMediaDate > span.cmeMediaDateLabel{font-weight:bold;}
.cmeMediaDuration > span.cmeMediaDurationLabel:after, .cmeMediaDate > span.cmeMediaDateLabel:after{content:":";}
.cmeMediaTwoCol .cmeMediaButtonsWrapper{width:50%;float:right;clear:none;}
.cmeMediaButtonsWrapper > ul > li{float:left;width:50%;}
.cmeMediaEmbedCode {display:block; border:solid 1px #ccc; font-size:11px; width:94%; clear:both; margin-top:10px; height:120px; padding:2%; resize:none;}
.cmeMediaDownload > .cmeButton:before, .cmeMediaEmbed > .cmeButton:before{margin-right:1.0em !important;}
.cmeMediaDownload > .cmeButton {margin-right:4px;}
.cmeDynamicMediaPlayer{position:relative;height:30px;width:100%;overflow:hidden;}
.cmeDynamicMediaPlayer > div{position:absolute;top:0;left:0;width:100%;height:30px;}
.cmeJWPlayer{width:100%;height:30px;}
.cmeJWPlayerPreview{width:100%;height:30px;min-width:220px;overflow:hidden;position:relative;cursor:pointer;}
.cmeJWPlayerPreview > .cmeJWPlayerPreviewLeft{display:block;height:30px;width:79px;background:url("cmegroupClientLibs/images/jwp-bg-left.png");position:absolute;top:0;left:0;}
.cmeJWPlayerPreview > .cmeJWPlayerPreviewMain{display:block;float:left;margin-left:5%;margin-right:5%;background:url("cmegroupClientLibs/images/jwp-bg.png") repeat-x top left;height:30px;width:90%;}
.cmeJWPlayerPreview > .cmeJWPlayerPreviewRight{display:block;height:30px;width:137px;background:url("cmegroupClientLibs/images/jwp-bg-right.png");position:absolute;top:0;right:0;}
.cmeJWPlayerPreview > .cmeJWPlayerPreviewRight > .cmeJWPlayerPreviewTimeOverlay {background-color:#3c3c3c; height:auto;width:20px;color:#d2d2d2; margin-left:14px; line-height:31px; font-size:11px; }
.cmeMediaPlayerNoSupport{display:none;}
html.no-js .cmeDynamicMediaPlayer{display:none;}
html.no-js .cmeMediaPlayerNoSupport{display:block;}
/* END MEDIA LIST */
#cmeMediaMask > a {
display: block;
width: 150px;
height: 150px;
cursor: pointer;
position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
#cmeMediaMask > a:before {
font-size: 150px;
margin: 0px;
color: #FFFFFF;
}
#cmeMediaMask > a:hover:before {
color: #666666;
}
/****************************/
/* IE7 */
/****************************/
.cme-ie7 .cmeClearContent:after, .cme-ie7 .cmeClearContent .after {
display: none;
height: 10px;
width: 100%;
}
.cme-ie7 #cmePageWrapper {
overflow: hidden;
margin: 0 auto;
}
/* CME COMPONENTS */
.cme-ie7 li:first-child.cmeAdvisoryRow{
float:none;
}
.cme-ie7 .cmeColThird {
width: 31.9%;
}
/* PAGE MASTHEAD */
.cme-ie7 .cmeStructureElement {
float: left;
}
.cme-ie7 #cmeLogo {
width: 400px;
}
.cme-ie7 #cmeMenu {
width: 280px;
font-size: 11px;
padding: 0 5px;
margin-top: 18px;
}
.cme-ie7 .cmeRightElement.cmeLinkList li {
margin-left: 5px;
}
.cme-ie7 .cmeRightElement.cmeLinkList li:first-child {
margin-left: 0;
}
.cme-ie7 #cmeSearch {
float: right !important;
width: 274px;
margin-top: 12px;
height: 30px;
}
/*.cmeSearchBoxWrapper #searchField {width:240px;}*/
.cme-ie7 #cmePageMastheadArea .cmeSearchBoxWrapper {
width: 100% !important;
height: 22px !important;
}
.cme-ie7 #cmePageMastheadArea .cmeSearchBoxWrapper #searchField {
width: 85% !important;
height: 15px !important;
padding-top: 4px !important;
padding-bottom:3px !important !important;
line-height: 15px !important;
font-size: 13px !important;
}
/* PAGE NAVIGATION */
.cme-ie7 #cmePageNavigationBar {
width: 980px;
}
.cme-ie7 .cmeNavigationItem {
float: left;
}
.cme-ie7 #navigationProducts {
width: 143px;
}
.cme-ie7 #navigationClearing {
width: 76px;
}
.cme-ie7 #navigationMarketReg {
width: 138px;
}
.cme-ie7 #navigationMarketData {
width: 100px;
}
.cme-ie7 #navigationEducation {
width: 86px;
}
.cme-ie7 #navigationAbout {
width: 82px;
}
.cme-ie7 #navigationGlobal {
width: 77px;
}
.cme-ie7 .megaMenuStoryItemDate {
margin-left: 10px;
}
.cme-ie7 #cmeSearch {
height: 40px;
}
.cme-ie7 div.elc-hint-container {
width: 99.5% !important;
}
.cme-ie7 .cmeLeftColumnLayout .cmeComponent {
padding-top: 1px;
}
.cme-ie7 .cmeLeftColumnLayout .cmeComponent:first-child {
padding-top: 0;
}
.cme-ie7 .cmeText > ol {
margin-left: 25px;
}
.cme-ie7 .cmeText > ol > li {
margin-left: 0;
left: 0;
}
/* FONT ICONS */
/*.cme-font-face.cme-pseudo-elements .cmeIconOnly,.no-font-face .cmeIconOnly {font-size:16px; visibility:visible; /*color:#333;}*/
.cme-ie7 .cmeIconOnly {
font-size: 16px;
}
/* CAROUSEL */
.cme-ie7 .cmeIconOnly.cmeImageBannerNav {
padding: 5px;
}
/* CME TABS */
.cme-ie7 .cmeTabs .cmeTabsNavigation li {
float: left;
min-height: 30px;
display: block;
font-size: 14px;
}
.cme-ie7 .cmeSubNavigation {
display: block;
font-size: 14px;
}
.cme-ie7 .cmeTabsSubNavigation {
float: left;
display: block;
}
.cme-ie7 .cmeTabs .cmeTabsNavigation li {
position: relative;
top: 2px;
float: left;
margin-left: 2px;
}
.cme-ie7 .cmeTabs .cmeTabsNavigation li:first-child {
margin-left: 0;
}
.cme-ie7 .cmeTabs .cmeTabsNavigation li a {
display: block;
padding: 10px 8px 5px 8px;
}
.cme-ie7 .cmeTabs .cmeTabsNavigation li.cmeTabSelected {
top: 0;
}
.cme-ie7 .cmeTabsSubNavigation li {
float: left;
display: block;
}
.cme-ie7 .cmeTabsSubNavigation li.cmeTabsSubNavigationItem {
margin-left: 0;
}
.cme-ie7 .cmeTabPanel {
position: relative;
clear: both;
min-height: 100px;
box-sizing: border-box;
}
/* STYLED DROPDOWNS */
.cme-ie7 .cmeSelectFieldWrapper {
height: 26px;
}
.cme-ie7 .cmeSelectFieldWrapper select {
height: 26px;
}
.cme-ie7 .cmeTableBlockWrapper .cmeSelectFieldWrapper select {
width: 100%;
max-width: 100%;
}
/* PRODUCT PAGES */
.cme-ie7 .cmeUpdateControl {
margin-top: 9px;
}
.cme-ie7 span.imageButton {
position: static;
}
.cme-ie7 .cmePageMessage h2 {
margin-top: 20px;
}
.cme-ie7 .cmeAlertMessage li {
line-height: 20px;
}
.cme-ie7 .cmeListTitle ul.cmeLinkList span {
margin-left: 5px !important;
}
.cme-ie7 ul.cmeLinkList li {
margin-left: 5px !important;
}
.cme-ie7 ul.cmeLinkList li:first-child {
margin-left: 0 !important;
}
.cme-ie7 ul.cmeHorizontalList li {
margin-left: 5px !important;
}
.cme-ie7 ul.cmeHorizontalList li:first-child {
margin-left: 0 !important;
}
.cme-ie7 .cmeSelectFieldWrapper select {
width: 100%;
}
.cme-ie7 .cmeToggleControl .cmeTabsSubNavigationItem {
width: 110px;
height: 55px;
}
.cme-ie7 .cmeSubNavigation {
display: block;
}
.cme-ie7 .cmeToggleControl {
width: auto;
min-height: 45px;
}
.cme-ie7 .cmeToggleControl li {
float: left;
width: 110px;
display: block;
min-height: 45px;
}
.cme-ie7 input[type="checkbox"].cmeIOSSwitch {
position: relative;
}
.cme-ie7 .cmeUpdateControl {
float: none;
margin-right: 20px;
}
.cme-ie7 .cmeSliderSwitch {
display: none !important;
}
.cme-ie7 span.imageButton {
position: static;
}
.cme-ie7 .cmePageMessage h2 {
margin-top: 20px;
}
.cme-ie7 .cmeAlertMessage li {
line-height: 20px;
}
.cme-ie7 .cmeAlertMessage ul {
padding: 10px;
}
.cme-ie7 .cmeButtonList {
display: inline;
zoom: 1;
}
.cme-ie7 .cmeImageButtonList {
display: inline;
zoom: 1;
}
.cme-ie7 ul.cmeLinkList li {
margin-left: 5px;
zoom: 1;
display: inline;
}
.cme-ie7 ul.cmeLinkList li:first-child {
margin-left: 0;
}
.cme-ie7 .cmeDynamicChart {
float: left;
position: relative;
left: 0;
top: -15px;
}
.cme-ie7 .cmeChartParameters fieldset.cmeFormFields li {
margin-right: 0;
}
/*******************************/
/* EQUALHEIGHT COLUMNS */
/*******************************/
.cme-ie7 .cmeEqualHeightColumns {
clear: both;
}
.cme-ie7 .cmeEqualHeightColumnWrapper {
display: block;
}
.cme-ie7 .cmeEqualHeightRow {
display: block;
}
.cme-ie7 .cmeEqualHeightCol {
float: left;
display: block;
}
.cme-ie7 .cmeEqualHeightCol.cmeColHalf {
width: 49.5%;
}
.cme-ie7 .cmeEqualHeightCol.cmeColThird {
width: 32.666%;
}
.cme-ie7 .cmeEqualHeightCol.cmeColQuarter {
width: 24.2%;
}
.cme-ie7 .cmeEqualHeightCol.cmeColTwoThirds {
width: 66.3%;
}
.cme-ie7 .cmeEqualHeightCol.cmeColThreeFourths {
width: 74.8%;
}
/**********************/
/* CME TEXT COMPONENT */
/**********************/
/* .cmeText > ul {margin-left: 6px;} */
.cme-ie7 .cmeText > ul > li {
}
.cme-ie7 .cmeText > ul > li > ul {
margin-left: 0;
}
.cme-ie7 .cmeText > ul > li > ul > li {
padding-left: 15px;
}
.cme-ie7 .cmeText > ul > li > ol {
margin-left: 0;
}
.cme-ie7 .cmeText > ul > li > ol > li {
position: relative;
padding: 0 0 0 1px;
margin: 0 0 4px 0;
}
/* CMETEXT - ORDERED LISTS */
.cme-ie7 .cmeText > ol {
margin: 5px 0 0 0;
padding-left: 0;
}
.cme-ie7 .cmeText > ol:first-child {
margin-top: 0;
}
.cme-ie7 .cmeText > ol > li:before {
content: none;
margin: 0;
}
.cme-ie7 .cmeText > ol > li {
position: relative;
padding: 0 0 0 1px;
margin: 0 0 4px 0;
}
.cme-ie7 .cmeText > ol > li > ol {
margin-left: 1.1em;
}
.cme-ie7 .cmeText > ol > li > ol > li {
position: relative;
padding: 0 0 0 1px;
margin: 0 0 4px 0;
}
.cme-ie7 .cmeText > ol > li > ul {
margin-left: 1.2em;
}
/**********************/
/* CME LISTS */
/**********************/
.cme-ie7 .cmeBulletedList>li {
padding-left: 12px;
}
/**********************/
/* CME ICON LISTS */
/**********************/
.cme-ie7 .cmeSupportingLinkIcon {
padding-left: 25px;
background-position: left center;
}
.cme-ie7 .cmeInlineIconListItem {
padding-left: 5px;
}
.cme-ie7 .cmeAboutListIcon {
padding-left: 15px;
}
.cme-ie7 .cmeIconListItem {
display: block;
padding-left: 25px;
}
.cme-ie7 .cmeOptionsListIcon {
padding-left: 30px;
}
.cme-ie7 .cmeIconListItem {
background-position: left center !important;
}
.cme-ie7 .cmeOptionsButtonListIcon a {
line-height: 18px;
padding-right: 30px;
}
.cme-ie7 .cmeInlineButtonLinkIcon.cmeOptionsButtonLinkIcon span {
float: none !important;
text-indent: 0 !important;
padding: 0;
}
.cme-ie7 .cmeIconListItem.cmePriceChartImageIcon {
padding-left: 0;
}
.cme-ie7 .cmeIconListItem.cmePriceChartImageIcon span {
text-indent: 0;
width: auto;
height: auto;
}
/***********************/
/* CME ADDTHIS */
/***********************/
.cme-ie7 .cmeAddThis a.cmeRSSLink span {
line-height: 18px;
}
/* social links being overlapped in ie7 */
.cme-ie7 .cmeSocialLinks {
float: left;
}
/*****************/
/* CME MODALS */
/*****************/
.cme-ie7 .ui-button-icon-only.ui-dialog-titlebar-close {
width: auto;
height: auto;
}
.cme-ie7 .ui-button-icon-only.ui-dialog-titlebar-close .ui-button-text {
width: auto;
height: auto;
}
.cme-ie7 #cmePageFooterArea .cmeMegaFooterContents h3 {
clear: both;
margin-top: 10px !important;
}
.cme-ie7 #cmePageFooterArea .cmeMegaFooterContents h3:first-child {
margin-top: 0 !important;
}
.cme-ie7 #cmePageFooterArea .cmeLinkList li {
float: left;
margin-left: 5px;
}
.cme-ie7 #cmePageFooterArea .cmeLinkList li:first-child {
margin-left: 0;
}
.cme-ie7 #cmePageFooterArea #cmeMegaFooterPrivacyLink .cmeLinkList {
float: right !important;
}
/* TOP LINKS */
.cme-ie7 #cmeMenu > ul.cmeLinkList > li {
position: relative !important;
}
.cme-ie7 #cmeMenu > ul.cmeLinkList > li.cmeLinkHasChildren {
padding-right: 13px !important;
margin-right: 3px !important;
height: 19px;
}
.cme-ie7 #cmeMenu > ul.cmeLinkList > li.cmeLinkHasChildren > a:after {
width: 0px !important;
height: 0px !important;
}
.cme-ie7 #cmeMenu > ul.cmeLinkList > li.cmeLinkHasChildren > div.cmeLinkChildren {
left: 0px !important;
width: 257px !important;
top: 23px !important;
}
.cme-ie7 #cmeMenu > ul.cmeLinkList > li > div.cmeLinkChildren > ul > li.cmeSingleSignOn a {
padding-right: 55px;
}
.cme-ie7 #cmeMenu > ul.cmeLinkList > li > div.cmeLinkChildren > ul > li.cmeSingleSignOn a:after {
width: 0px !important;
height: 0px !important;
}
/* DYNAMIC FEATURED PAGE LINKS AND CANVAS */
.cme-ie7 .cmeContentGridLayout {
margin: -0.5%;
}
.cme-ie7 .cmeContentGridLayout .cmeContentGridItem {
padding: 1% 0 1% 1%;
*display:inline;
}
.cme-ie7 .cmeContentGridLayout .cmeContentGridItem .cmeCol25 {
width: 26%;
}
.cme-ie7 .cmeContentGridLayout .cmeContentGridItem .cmeCol33 {
width: 31.9%;
}
.cme-ie7 .cmeCol33 {
width: 31.9%;
}
.cme-ie7 .cmeContentGridLayout .cmeContentGridItem .cmeCol50 {
width: 48.5%;
}
.cme-ie7 .cmeContentGridLayout .cmeContentGridItem .cmeCol100 {
width: 98%;
}
/* FEATURED PAGE LINKS */
.cme-ie7 .cmeTitleIcon .cmeTitleText {
margin-left: 0px !important;
}
/*************************/
/* CME BUTTONS */
/**************************/
.cme-ie7 .cmeArticle .cmeButtonNext, .cmeText .cmeButtonNext {
padding: 10px;
}
.cme-ie7 .cmeArticle .cmeButtonPrevious, .cmeText .cmeButtonPrevious {
padding: 10px;
}
/*****************/
/* FOOTER 5.0 */
/*****************/
.cme-ie7 .cmeFormSubmitButton .cmeButton {
margin-top: 10px;
}
.cme-ie7 ul.cmeFooterLargeLinkList li {
margin-left: 24px;
height: 24px;
line-height: 24px;
}
.cme-ie7 ul.cmeFooterLargeLinkList :first-child {
margin-left: 0px;
}
.cme-ie7 ul.cmeFooterLargeLinkList img {
vertical-align: middle;
}
.cme-ie7 ul.cmeFooterLegalLinkList li {
margin-left: 24px;
height: 24px;
line-height: 24px;
}
.cme-ie7 ul.cmeFooterLegalLinkList :first-child {
margin-left: 0px;
}
.cme-ie7 .cmeFooterInteractionIconList li {
text-indent: 32px;
width: 24%;
}
.cme-ie7 .cmeFooterCategoryGlobal .cmeFooterItem > ul {
margin-bottom: 20px !important;
}
.cme-ie7 #smileyLevel01 {
width: 32px;
height: 32px;
}
.cme-ie7 #smileyLevel01:hover, .cme-ie7 #smileyLevel01.radio-selected {
width: 32px;
height: 32px;
}
.cme-ie7 #smileyLevel02 {
width: 32px;
height: 32px;
}
.cme-ie7 #smileyLevel02:hover, .cme-ie7 #smileyLevel02.radio-selected {
width: 32px;
height: 32px;
}
.cme-ie7 #smileyLevel03 {
width: 32px;
height: 32px;
}
.cme-ie7 #smileyLevel03:hover, .cme-ie7 #smileyLevel03.radio-selected {
width: 32px;
height: 32px;
}
.cme-ie7 #smileyLevel04 {
width: 32px;
height: 32px;
}
.cme-ie7 #smileyLevel04:hover, .cme-ie7 #smileyLevel04.radio-selected {
width: 32px;
height: 32px;
}
.cme-ie7 .cmeFooterCategoryAwards {
padding-left: 0px !important;
}
.cme-ie7 .cmeFooterCategoryContact {
clear: both;
display: block;
}
.cme-ie7 .cmeFooterCategoryAwards {
clear: both;
display: block;
}
/*****************/
/* FLEX COLUMNS */
/*****************/
.cme-ie7 .cmeColFifth {
width: 18.34%;
}
/*****************/
/* HEADER 5.0 */
/*****************/
.cme-ie7 #cmeNav .cmePrimaryNav > li .cmeSecondaryNav {
top: 40px !important;
}
.cme-ie7 #cmeNav .cmePrimaryNav > li {
float: left;
}
.cme-ie7 #cmeNav .cmePrimaryNav > li > a {
padding: 15px 39px;
}
.cme-ie7 #cmeHeader #cmeMenu ul > li.has-children > ul {
top: 75px;
}
.cme-ie7 #cmeHeader #cmeHeaderRight #cmeSearch input[type=text] {
width: 170px !important;
}
.cme-ie7 #cmeHeader #cmeHeaderRight #cmeSearch button {
top: 3px !important;
}
/****************************/
/* IE8 */
/****************************/
/* PAGE WRAPPER */
.cme-ie8 #cmePageWrapper {
margin: 0 auto;
}
/* IOS SWITCH */
.cme-ie8 .cmeUpdateControl {
float: none;
margin-right: 20px;
}
.cme-ie8 .cmeSliderSwitch {
display: none !important;
}
/* STYLED DROPDOWNS */
.cme-ie8 .cmeSelectFieldWrapper {
height: 26px;
}
.cme-ie8 .cmeSelectFieldWrapper select {
height: 26px;
padding: 2px 5px 2px 5px;
}
.cme-ie8 .cmeTableBlockWrapper .cmeSelectFieldWrapper select {
width: 100%;
}
/* LINK LISTS */
.cme-ie8 .cmeLinkList li a {
display: inline;
}
/* FEATURED PAGE LINKS */
.cme-ie8 .cmeFeaturedLink a {
filter: alpha(opacity=1);
background-color: #fff;
}
/* CMETEXT - ORDERED LISTS */
.cme-ie8 .cmeText > ol {
margin: 5px 0 0 0;
padding-left: 0;
}
.cme-ie8 .cmeText > ol:first-child {
margin-top: 0;
}
.cme-ie8 .cmeText > ol > li {
position: relative;
padding: 0 0 0 1px;
margin: 0 0 5px 0;
}
.cme-ie8 .cmeText > ol > li > ol {
margin-left: 2.4em;
}
.cme-ie8 .cmeText > ol > li > ul {
margin-left: 1.4em;
}
.cme-ie8 .cmeText > ol > li > ul > li {
position: relative;
padding: 0 0 0 1px;
margin: 0 0 5px 19px;
}
.cme-ie8 .cmeText > ul {
margin-left: 0.8em;
}
.cme-ie8 .cmeText > ul > li {
position: relative;
padding: 0 0 0 0px;
margin: 0 0 5px 7px;
}
.cme-ie8 .cmeText > ul > li > ol {
margin-left: 0.8em;
}
.cme-ie8 .cmeText > ul > li > ul {
margin-left: 0.8em;
}
.cme-ie8 .cmeText > ul > li > ul > li {
position: relative;
padding: 0 0 0 1px;
margin: 0 0 5px 4px;
}
/*****************/
/* HEADER 5.0 */
/*****************/
.cme-ie8 #cmeNav .cmePrimaryNav > li .cmeSecondaryNav {
top: 40px !important;
}
.cme-ie8 #cmeNav .cmePrimaryNav > li > a {
padding: 15px !important;
}
/*****************/
/* FOOTER 5.0 */
/*****************/
.cme-ie8 #smileyLevel01 {
width: 32px;
height: 32px;
}
.cme-ie8 #smileyLevel01:hover, .cme-ie8 #smileyLevel01.radio-selected {
width: 32px;
height: 32px;
}
.cme-ie8 #smileyLevel02 {
width: 32px;
height: 32px;
}
.cme-ie8 #smileyLevel02:hover, .cme-ie8 #smileyLevel02.radio-selected {
width: 32px;
height: 32px;
}
.cme-ie8 #smileyLevel03 {
width: 32px;
height: 32px;
}
.cme-ie8 #smileyLevel03:hover, .cme-ie8 #smileyLevel03.radio-selected {
width: 32px;
height: 32px;
}
.cme-ie8 #smileyLevel04 {
width: 32px;
height: 32px;
}
.cme-ie8 #smileyLevel04:hover, .cme-ie8 #smileyLevel04.radio-selected {
width: 32px;
height: 32px;
}
.cme-ie8 .cmeFooterCategoryAwards {
padding-left: 0px !important;
}
.cme-ie8 li.cmeAdvisoryRow {
float:left;
width:100%;
}
/************************************************/
/* IMAGE CAROUSEL */
/************************************************/
.cme-ie8 .cmeImageBannerOverlay {
background-color: #000;
}
/************************************************/
/* MEDIA BOX */
/************************************************/
.cme-ie8 .cmeMediaBoxDescription {
display: inherit;
}
/****************************/
/* LTE IE9 */
/****************************/
.cme-lte9 .cmeSelectFieldWrapper select {
width: 100%;
padding: 4px 5px 4px 5px;
}
.vjs-playlist {min-width: auto; padding: 0;}
/* Roboto font @see http://www.google.com/fonts#UsePlace:use/Collection:Roboto */
@font-face {
font-family: "Roboto";
src: url("cmegroupClientLibs/fonts/roboto-thin/Roboto-Thin-webfont.eot");
src: url("cmegroupClientLibs/fonts/roboto-thin/Roboto-Thin-webfont.eot?#iefix") format("embedded-opentype"), url("cmegroupClientLibs/fonts/roboto-thin/Roboto-Thin-webfont.woff") format("woff"), url("cmegroupClientLibs/fonts/roboto-thin/Roboto-Thin-webfont.ttf") format("truetype"), url("cmegroupClientLibs/fonts/roboto-thin/Roboto-Thin-webfont.svg") format("svg");
font-style: normal;
font-weight: 100;
}
@font-face {
font-family: "Roboto";
src: url("cmegroupClientLibs/fonts/roboto-thin-italic/Roboto-ThinItalic-webfont.eot");
src: url("cmegroupClientLibs/fonts/roboto-thin-italic/Roboto-ThinItalic-webfont.eot?#iefix") format("embedded-opentype"), url("cmegroupClientLibs/fonts/roboto-thin-italic/Roboto-ThinItalic-webfont.woff") format("woff"), url("cmegroupClientLibs/fonts/roboto-thin-italic/Roboto-ThinItalic-webfont.ttf") format("truetype"), url("cmegroupClientLibs/fonts/roboto-thin-italic/Roboto-ThinItalic-webfont.svg") format("svg");
font-style: italic;
font-weight: 100;
}
@font-face {
font-family: "Roboto";
src: url("cmegroupClientLibs/fonts/roboto-regular/Roboto-Regular-webfont.eot");
src: url("cmegroupClientLibs/fonts/roboto-regular/Roboto-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("cmegroupClientLibs/fonts/roboto-regular/Roboto-Regular-webfont.woff") format("woff"), url("cmegroupClientLibs/fonts/roboto-regular/Roboto-Regular-webfont.ttf") format("truetype"), url("cmegroupClientLibs/fonts/roboto-regular/Roboto-Regular-webfont.svg") format("svg");
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: "Roboto";
src: url("cmegroupClientLibs/fonts/roboto-bold/Roboto-Bold-webfont.eot");
src: url("cmegroupClientLibs/fonts/roboto-bold/Roboto-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("cmegroupClientLibs/fonts/roboto-bold/Roboto-Bold-webfont.woff") format("woff"), url("cmegroupClientLibs/fonts/roboto-bold/Roboto-Bold-webfont.ttf") format("truetype"), url("cmegroupClientLibs/fonts/roboto-bold/Roboto-Bold-webfont.svg") format("svg");
font-style: normal;
font-weight: 700;
}
@font-face {
font-family: "Roboto";
src: url("cmegroupClientLibs/fonts/roboto-regular-italic/Roboto-Italic-webfont.eot");
src: url("cmegroupClientLibs/fonts/roboto-regular-italic/Roboto-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("cmegroupClientLibs/fonts/roboto-regular-italic/Roboto-Italic-webfont.woff") format("woff"), url("cmegroupClientLibs/fonts/roboto-regular-italic/Roboto-Italic-webfont.ttf") format("truetype"), url("cmegroupClientLibs/fonts/roboto-regular-italic/Roboto-Italic-webfont.svg") format("svg");
font-style: italic;
font-weight: 400;
}
@font-face {
font-family: "Roboto";
src: url("cmegroupClientLibs/fonts/roboto-bold-italic/Roboto-BoldItalic-webfont.eot");
src: url("cmegroupClientLibs/fonts/roboto-bold-italic/Roboto-BoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("cmegroupClientLibs/fonts/roboto-bold-italic/Roboto-BoldItalic-webfont.woff") format("woff"), url("cmegroupClientLibs/fonts/roboto-bold-italic/Roboto-BoldItalic-webfont.ttf") format("truetype"), url("cmegroupClientLibs/fonts/roboto-bold-italic/Roboto-BoldItalic-webfont.svg") format("svg");
font-style: italic;
font-weight: 700;
}
/* Icon font */
@font-face {
font-family: 'cmeIcons';
src: url('cmegroupClientLibs/fonts/icon-set/foundation.eot?96223717');
src: url('cmegroupClientLibs/fonts/icon-set/foundation.eot?96223717#iefix') format('embedded-opentype'), url('cmegroupClientLibs/fonts/icon-set/foundation.woff?96223717') format('woff'), url('cmegroupClientLibs/fonts/icon-set/foundation.ttf?96223717') format('truetype'), url('cmegroupClientLibs/fonts/icon-set/foundation.svg?96223717#foundation') format('svg');
font-weight: normal;
font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: "Roboto";
src: url("cmegroupClientLibs/fonts/roboto-regular/Roboto-Regular-webfont.eot");
src: url("cmegroupClientLibs/fonts/roboto-regular/Roboto-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("cmegroupClientLibs/fonts/roboto-regular/Roboto-Regular-webfont.svg") format("svg");
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: "Roboto";
src: url("cmegroupClientLibs/fonts/roboto-bold/Roboto-Bold-webfont.eot");
src: url("cmegroupClientLibs/fonts/roboto-bold/Roboto-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("cmegroupClientLibs/fonts/roboto-bold/Roboto-Bold-webfont.svg") format("svg");
font-style: normal;
font-weight: 700;
}
@font-face {
font-family: "Roboto";
src: url("cmegroupClientLibs/fonts/roboto-regular-italic/Roboto-Italic-webfont.eot");
src: url("cmegroupClientLibs/fonts/roboto-regular-italic/Roboto-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("cmegroupClientLibs/fonts/roboto-regular-italic/Roboto-Italic-webfont.svg") format("svg");
font-style: italic;
font-weight: 400;
}
@font-face {
font-family: 'cmeIcons';
src: url('cmegroupClientLibs/fonts/icon-set/foundation.svg?96223717#foundation') format('svg');
}
}
html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
font: normal 14px/18px helvetica, arial, sans-serif;
background-color: #efefef;
color: #666;
text-align: left;
}
/***************************************/
/* FONT ICONS */
/**************************************/
/* DEFAULTS FOR ICONS */
[class^="cmeIcon-"]:before, [class*=" cmeIcon-"]:before {
display: inline-block;
font-family: "cmeIcons";
font-size: 16px;
font-style: normal;
font-weight: normal;
speak: none; /*display:inline-block;*/
color: inherit;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: .2em;
}
/* Spinning icon */
.cmeIconSpin:before {
-moz-animation: spin 2s infinite linear;
-o-animation: spin 2s infinite linear;
-webkit-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
0% {
-moz-transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
}
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
}
}
@-o-keyframes spin {
0% {
-o-transform: rotate(0deg);
}
100% {
-o-transform: rotate(359deg);
}
}
@-ms-keyframes spin {
0% {
-ms-transform: rotate(0deg);
}
100% {
-ms-transform: rotate(359deg);
}
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(359deg);
}
}
.cmeIcon-mail:before {
content: '\e800';
} /* '' */
.cmeIcon-search:before {
content: '\e801';
} /* '' */
.cmeIcon-mail-alt:before {
content: '\e802';
} /* '' */
.cmeIcon-camera:before {
content: '\e803';
} /* '' */
.cmeIcon-camera-alt:before {
content: '\e804';
} /* '' */
.cmeIcon-ok:before {
content: '\e805';
} /* '' */
.cmeIcon-th-large:before {
content: '\e806';
} /* '' */
.cmeIcon-th:before {
content: '\e807';
} /* '' */
.cmeIcon-th-list:before {
content: '\e808';
} /* '' */
.cmeIcon-ok-circled:before {
content: '\e809';
} /* '' */
.cmeIcon-ok-circled2:before {
content: '\e80a';
} /* '' */
.cmeIcon-ok-squared:before {
content: '\e80b';
} /* '' */
.cmeIcon-cancel:before {
content: '\e80c';
} /* '' */
.cmeIcon-cancel-circled:before {
content: '\e80d';
} /* '' */
.cmeIcon-cancel-circled2:before {
content: '\e80e';
} /* '' */
.cmeIcon-plus:before {
content: '\e80f';
} /* '' */
.cmeIcon-plus-circled:before {
content: '\e810';
} /* '' */
.cmeIcon-plus-squared:before {
content: '\e811';
} /* '' */
.cmeIcon-plus-squared-alt:before {
content: '\e812';
} /* '' */
.cmeIcon-minus:before {
content: '\e813';
} /* '' */
.cmeIcon-minus-circled:before {
content: '\e814';
} /* '' */
.cmeIcon-minus-squared:before {
content: '\e815';
} /* '' */
.cmeIcon-minus-squared-alt:before {
content: '\e816';
} /* '' */
.cmeIcon-picture:before {
content: '\e817';
} /* '' */
.cmeIcon-videocam:before {
content: '\e818';
} /* '' */
.cmeIcon-video:before {
content: '\e819';
} /* '' */
.cmeIcon-star:before {
content: '\e81a';
} /* '' */
.cmeIcon-star-empty:before {
content: '\e81b';
} /* '' */
.cmeIcon-star-half-alt:before {
content: '\e81c';
} /* '' */
.cmeIcon-star-half:before {
content: '\e81d';
} /* '' */
.cmeIcon-help:before {
content: '\e81e';
} /* '' */
.cmeIcon-help-circled:before {
content: '\e81f';
} /* '' */
.cmeIcon-info-circled:before {
content: '\e820';
} /* '' */
.cmeIcon-info:before {
content: '\e821';
} /* '' */
.cmeIcon-home:before {
content: '\e822';
} /* '' */
.cmeIcon-link:before {
content: '\e823';
} /* '' */
.cmeIcon-unlink:before {
content: '\e824';
} /* '' */
.cmeIcon-link-ext:before {
content: '\e825';
} /* '' */
.cmeIcon-link-ext-alt:before {
content: '\e826';
} /* '' */
.cmeIcon-attach:before {
content: '\e827';
} /* '' */
.cmeIcon-lock:before {
content: '\e828';
} /* '' */
.cmeIcon-lock-open:before {
content: '\e829';
} /* '' */
.cmeIcon-lock-open-alt:before {
content: '\e82a';
} /* '' */
.cmeIcon-pin:before {
content: '\e82b';
} /* '' */
.cmeIcon-eye:before {
content: '\e82c';
} /* '' */
.cmeIcon-eye-off:before {
content: '\e82d';
} /* '' */
.cmeIcon-tag:before {
content: '\e82e';
} /* '' */
.cmeIcon-tags:before {
content: '\e82f';
} /* '' */
.cmeIcon-flag:before {
content: '\e830';
} /* '' */
.cmeIcon-flag-empty:before {
content: '\e831';
} /* '' */
.cmeIcon-flag-checkered:before {
content: '\e832';
} /* '' */
.cmeIcon-thumbs-up:before {
content: '\e833';
} /* '' */
.cmeIcon-thumbs-down:before {
content: '\e834';
} /* '' */
.cmeIcon-thumbs-up-alt:before {
content: '\e835';
} /* '' */
.cmeIcon-thumbs-down-alt:before {
content: '\e836';
} /* '' */
.cmeIcon-download:before {
content: '\e837';
} /* '' */
.cmeIcon-upload:before {
content: '\e838';
} /* '' */
.cmeIcon-reply:before {
content: '\e839';
} /* '' */
.cmeIcon-reply-all:before {
content: '\e83a';
} /* '' */
.cmeIcon-forward:before {
content: '\e83b';
} /* '' */
.cmeIcon-quote-left:before {
content: '\e83c';
} /* '' */
.cmeIcon-quote-right:before {
content: '\e83d';
} /* '' */
.cmeIcon-share:before {
content: '\e83e';
} /* '' */
.cmeIcon-share-squared:before {
content: '\e83f';
} /* '' */
.cmeIcon-pencil:before {
content: '\e840';
} /* '' */
.cmeIcon-progress-7:before {
content: '\e841';
} /* '' */
.cmeIcon-progress-6:before {
content: '\e842';
} /* '' */
.cmeIcon-progress-5:before {
content: '\e843';
} /* '' */
.cmeIcon-progress-4:before {
content: '\e844';
} /* '' */
.cmeIcon-progress-3:before {
content: '\e845';
} /* '' */
.cmeIcon-progress-2:before {
content: '\e846';
} /* '' */
.cmeIcon-progress-1:before {
content: '\e847';
} /* '' */
.cmeIcon-progress-0:before {
content: '\e848';
} /* '' */
.cmeIcon-popup:before {
content: '\e849';
} /* '' */
.cmeIcon-arrows-cw:before {
content: '\e84a';
} /* '' */
.cmeIcon-logout:before {
content: '\e84b';
} /* '' */
.cmeIcon-rss-alt:before {
content: '\e84c';
} /* '' */
.cmeIcon-rss:before {
content: '\e84d';
} /* '' */
.cmeIcon-signal:before {
content: '\e84e';
} /* '' */
.cmeIcon-block:before {
content: '\e84f';
} /* '' */
.cmeIcon-clock:before {
content: '\e850';
} /* '' */
.cmeIcon-picture-1:before {
content: '\e851';
} /* '' */
.cmeIcon-link-1:before {
content: '\e852';
} /* '' */
.cmeIcon-attach-1:before {
content: '\e853';
} /* '' */
.cmeIcon-zoom-in:before {
content: '\e854';
} /* '' */
.cmeIcon-zoom-out:before {
content: '\e855';
} /* '' */
.cmeIcon-move:before {
content: '\e856';
} /* '' */
.cmeIcon-resize-full-alt:before {
content: '\e857';
} /* '' */
.cmeIcon-lightbulb:before {
content: '\e858';
} /* '' */
.cmeIcon-phone:before {
content: '\e859';
} /* '' */
.cmeIcon-volume-up:before {
content: '\e85a';
} /* '' */
.cmeIcon-volume-down:before {
content: '\e85b';
} /* '' */
.cmeIcon-volume-off:before {
content: '\e85c';
} /* '' */
.cmeIcon-mute:before {
content: '\e85d';
} /* '' */
.cmeIcon-mic:before {
content: '\e85e';
} /* '' */
.cmeIcon-trash:before {
content: '\e85f';
} /* '' */
.cmeIcon-rss-1:before {
content: '\e860';
} /* '' */
.cmeIcon-rss-squared:before {
content: '\e861';
} /* '' */
.cmeIcon-print:before {
content: '\e862';
} /* '' */
.cmeIcon-wrench:before {
content: '\e863';
} /* '' */
.cmeIcon-basket:before {
content: '\e864';
} /* '' */
.cmeIcon-calendar:before {
content: '\e865';
} /* '' */
.cmeIcon-calendar-empty:before {
content: '\e866';
} /* '' */
.cmeIcon-down-open:before {
content: '\e867';
} /* '' */
.cmeIcon-left-open:before {
content: '\e868';
} /* '' */
.cmeIcon-right-open:before {
content: '\e869';
} /* '' */
.cmeIcon-up-open:before {
content: '\e86a';
} /* '' */
.cmeIcon-angle-left:before {
content: '\e86b';
} /* '' */
.cmeIcon-angle-right:before {
content: '\e86c';
} /* '' */
.cmeIcon-angle-up:before {
content: '\e86d';
} /* '' */
.cmeIcon-angle-down:before {
content: '\e86e';
} /* '' */
.cmeIcon-angle-circled-left:before {
content: '\e86f';
} /* '' */
.cmeIcon-angle-circled-right:before {
content: '\e870';
} /* '' */
.cmeIcon-angle-circled-up:before {
content: '\e871';
} /* '' */
.cmeIcon-angle-circled-down:before {
content: '\e872';
} /* '' */
.cmeIcon-angle-double-left:before {
content: '\e873';
} /* '' */
.cmeIcon-angle-double-right:before {
content: '\e874';
} /* '' */
.cmeIcon-angle-double-up:before {
content: '\e875';
} /* '' */
.cmeIcon-angle-double-down:before {
content: '\e876';
} /* '' */
.cmeIcon-down:before {
content: '\e877';
} /* '' */
.cmeIcon-left:before {
content: '\e878';
} /* '' */
.cmeIcon-right:before {
content: '\e879';
} /* '' */
.cmeIcon-up:before {
content: '\e87a';
} /* '' */
.cmeIcon-down-big:before {
content: '\e87b';
} /* '' */
.cmeIcon-left-big:before {
content: '\e87c';
} /* '' */
.cmeIcon-right-big:before {
content: '\e87d';
} /* '' */
.cmeIcon-up-big:before {
content: '\e87e';
} /* '' */
.cmeIcon-left-circled:before {
content: '\e87f';
} /* '' */
.cmeIcon-right-circled:before {
content: '\e880';
} /* '' */
.cmeIcon-up-circled:before {
content: '\e881';
} /* '' */
.cmeIcon-down-circled:before {
content: '\e882';
} /* '' */
.cmeIcon-cw:before {
content: '\e883';
} /* '' */
.cmeIcon-ccw:before {
content: '\e884';
} /* '' */
.cmeIcon-arrows-cw-1:before {
content: '\e885';
} /* '' */
.cmeIcon-shuffle:before {
content: '\e886';
} /* '' */
.cmeIcon-play:before {
content: '\e887';
} /* '' */
.cmeIcon-play-circled2:before {
content: '\e888';
} /* '' */
.cmeIcon-stop:before {
content: '\e889';
} /* '' */
.cmeIcon-pause:before {
content: '\e88a';
} /* '' */
.cmeIcon-to-end:before {
content: '\e88b';
} /* '' */
.cmeIcon-to-end-alt:before {
content: '\e88c';
} /* '' */
.cmeIcon-to-start:before {
content: '\e88d';
} /* '' */
.cmeIcon-to-start-alt:before {
content: '\e88e';
} /* '' */
.cmeIcon-fast-fw:before {
content: '\e88f';
} /* '' */
.cmeIcon-fast-bw:before {
content: '\e890';
} /* '' */
.cmeIcon-eject:before {
content: '\e891';
} /* '' */
.cmeIcon-signal-1:before {
content: '\e892';
} /* '' */
.cmeIcon-table:before {
content: '\e893';
} /* '' */
.cmeIcon-magic:before {
content: '\e894';
} /* '' */
.cmeIcon-sort-alt-up:before {
content: '\e895';
} /* '' */
.cmeIcon-sort-alt-down:before {
content: '\e896';
} /* '' */
.cmeIcon-sort-name-up:before {
content: '\e897';
} /* '' */
.cmeIcon-sort-name-down:before {
content: '\e898';
} /* '' */
.cmeIcon-sort-number-up:before {
content: '\e899';
} /* '' */
.cmeIcon-sort-number-down:before {
content: '\e89a';
} /* '' */
.cmeIcon-spinner:before {
content: '\e89b';
} /* '' */
.cmeIcon-sitemap:before {
content: '\e89c';
} /* '' */
.cmeIcon-android:before {
content: '\e89d';
} /* '' */
.cmeIcon-apple:before {
content: '\e89e';
} /* '' */
.cmeIcon-delicious:before {
content: '\e89f';
} /* '' */
.cmeIcon-facebook-squared:before {
content: '\e8a0';
} /* '' */
.cmeIcon-git:before {
content: '\e8a1';
} /* '' */
.cmeIcon-git-squared:before {
content: '\e8a2';
} /* '' */
.cmeIcon-google:before {
content: '\e8a3';
} /* '' */
.cmeIcon-gplus:before {
content: '\e8a4';
} /* '' */
.cmeIcon-github:before {
content: '\e8a5';
} /* '' */
.cmeIcon-html5:before {
content: '\e8a6';
} /* '' */
.cmeIcon-instagramm:before {
content: '\e8a7';
} /* '' */
.cmeIcon-linkedin-squared:before {
content: '\e8a8';
} /* '' */
.cmeIcon-jsfiddle:before {
content: '\e8a9';
} /* '' */
.cmeIcon-folder:before {
content: '\e8aa';
} /* '' */
.cmeIcon-folder-open:before {
content: '\e8ab';
} /* '' */
.cmeIcon-folder-empty:before {
content: '\e8ac';
} /* '' */
.cmeIcon-folder-open-empty:before {
content: '\e8ad';
} /* '' */
.cmeIcon-cog:before {
content: '\e8ae';
} /* '' */
.cmeIcon-cog-alt:before {
content: '\e8af';
} /* '' */
.cmeIcon-doc:before {
content: '\e8b0';
} /* '' */
.cmeIcon-docs:before {
content: '\e8b1';
} /* '' */
.cmeIcon-doc-text:before {
content: '\e8b2';
} /* '' */
.cmeIcon-doc-inv:before {
content: '\e8b3';
} /* '' */
.cmeIcon-doc-text-inv:before {
content: '\e8b4';
} /* '' */
.cmeIcon-file-pdf:before {
content: '\e8b5';
} /* '' */
.cmeIcon-retweet:before {
content: '\e8b6';
} /* '' */
.cmeIcon-file-word:before {
content: '\e8b7';
} /* '' */
.cmeIcon-file-excel:before {
content: '\e8b8';
} /* '' */
.cmeIcon-file-powerpoint:before {
content: '\e8b9';
} /* '' */
.cmeIcon-file-image:before {
content: '\e8ba';
} /* '' */
.cmeIcon-file-archive:before {
content: '\e8bb';
} /* '' */
.cmeIcon-file-audio:before {
content: '\e8bc';
} /* '' */
.cmeIcon-file-video:before {
content: '\e8bd';
} /* '' */
.cmeIcon-file-code:before {
content: '\e8be';
} /* '' */
.cmeIcon-tumblr:before {
content: '\e8bf';
} /* '' */
.cmeIcon-tumblr-squared:before {
content: '\e8c0';
} /* '' */
.cmeIcon-twitter-squared:before {
content: '\e8c1';
} /* '' */
.cmeIcon-twitter:before {
content: '\e8c2';
} /* '' */
.cmeIcon-vimeo-squared:before {
content: '\e8c3';
} /* '' */
.cmeIcon-reddit:before {
content: '\e8c4';
} /* '' */
.cmeIcon-windows:before {
content: '\e8c5';
} /* '' */
.cmeIcon-wordpress:before {
content: '\e8c6';
} /* '' */
.cmeIcon-youtube:before {
content: '\e8c7';
} /* '' */
.cmeIcon-youtube-squared:before {
content: '\e8c8';
} /* '' */
.cmeIcon-yahoo:before {
content: '\e8c9';
} /* '' */
.cmeIcon-youtube-play:before {
content: '\e8ca';
} /* '' */
.cmeIcon-trello:before {
content: '\e8cb';
} /* '' */
.cmeIcon-stumbleupon-circled:before {
content: '\e8cc';
} /* '' */
.cmeIcon-stumbleupon:before {
content: '\e8cd';
} /* '' */
.cmeIcon-linux:before {
content: '\e8ce';
} /* '' */
.cmeIcon-linkedin:before {
content: '\e8cf';
} /* '' */
.cmeIcon-note:before {
content: '\e8d0';
} /* '' */
.cmeIcon-note-beamed:before {
content: '\e8d1';
} /* '' */
.cmeIcon-search-1:before {
content: '\e8d2';
} /* '' */
.cmeIcon-picture-2:before {
content: '\e8d3';
} /* '' */
.cmeIcon-camera-1:before {
content: '\e8d4';
} /* '' */
.cmeIcon-check:before {
content: '\e8d5';
} /* '' */
.cmeIcon-cancel-1:before {
content: '\e8d6';
} /* '' */
.cmeIcon-layout:before {
content: '\e8d7';
} /* '' */
.cmeIcon-menu:before {
content: '\e8d8';
} /* '' */
.cmeIcon-home-1:before {
content: '\e8d9';
} /* '' */
.cmeIcon-link-2:before {
content: '\e8da';
} /* '' */
.cmeIcon-attach-2:before {
content: '\e8db';
} /* '' */
.cmeIcon-globe-inv:before {
content: '\e8dc';
} /* '' */
.cmeIcon-globe:before {
content: '\e8dd';
} /* '' */
.cmeIcon-ie:before {
content: '\e8de';
} /* '' */
.cmeIcon-opera:before {
content: '\e8df';
} /* '' */
.cmeIcon-chrome:before {
content: '\e8e0';
} /* '' */
.cmeIcon-spin6:before {
content: '\e8e1';
} /* '' */
.cmeIcon-spin5:before {
content: '\e8e2';
} /* '' */
.cmeIcon-spin4:before {
content: '\e8e3';
} /* '' */
.cmeIcon-spin3:before {
content: '\e8e4';
} /* '' */
.cmeIcon-spin2:before {
content: '\e8e5';
} /* '' */
.cmeIcon-spin1:before {
content: '\e8e6';
} /* '' */
.cmeIcon-align-left:before {
content: '\e8e7';
} /* '' */
.cmeIcon-align-center:before {
content: '\e8e8';
} /* '' */
.cmeIcon-align-right:before {
content: '\e8e9';
} /* '' */
.cmeIcon-align-justify:before {
content: '\e8ea';
} /* '' */
.cmeIcon-list:before {
content: '\e8eb';
} /* '' */
.cmeIcon-indent-left:before {
content: '\e8ec';
} /* '' */
.cmeIcon-indent-right:before {
content: '\e8ed';
} /* '' */
.cmeIcon-list-bullet:before {
content: '\e8ee';
} /* '' */
.cmeIcon-list-numbered:before {
content: '\e8ef';
} /* '' */
.cmeIcon-exchange:before {
content: '\e8f0';
} /* '' */
.cmeIcon-superscript:before {
content: '\e8f1';
} /* '' */
.cmeIcon-subscript:before {
content: '\e8f2';
} /* '' */
.cmeIcon-scissors:before {
content: '\e8f3';
} /* '' */
.cmeIcon-crop:before {
content: '\e8f4';
} /* '' */
.cmeIcon-paste:before {
content: '\e8f5';
} /* '' */
.cmeIcon-briefcase:before {
content: '\e8f6';
} /* '' */
.cmeIcon-off:before {
content: '\e8f7';
} /* '' */
.cmeIcon-floppy:before {
content: '\e8f8';
} /* '' */
.cmeIcon-credit-card:before {
content: '\e8f9';
} /* '' */
.cmeIcon-ticket:before {
content: '\e8fa';
} /* '' */
.cmeIcon-euro:before {
content: '\e8fb';
} /* '' */
.cmeIcon-pound:before {
content: '\e8fc';
} /* '' */
.cmeIcon-dollar:before {
content: '\e8fd';
} /* '' */
.cmeIcon-sort:before {
content: '\e8fe';
} /* '' */
.cmeIcon-sort-down:before {
content: '\e8ff';
} /* '' */
.cmeIcon-sort-up:before {
content: '\e900';
} /* '' */
.cmeIcon-smile:before {
content: '\e901';
} /* '' */
.cmeIcon-frown:before {
content: '\e902';
} /* '' */
.cmeIcon-meh:before {
content: '\e903';
} /* '' */
.cmeIcon-shield:before {
content: '\e904';
} /* '' */
.cmeIcon-wheelchair:before {
content: '\e905';
} /* '' */
.cmeIcon-recycle:before {
content: '\e906';
} /* '' */
.cmeIcon-tree:before {
content: '\e907';
} /* '' */
.cmeIcon-database:before {
content: '\e908';
} /* '' */
.cmeIcon-digg:before {
content: '\e909';
} /* '' */
.cmeIcon-facebook:before {
content: '\e90a';
} /* '' */
.cmeIcon-flickr:before {
content: '\e90b';
} /* '' */
.cmeIcon-gplus-squared:before {
content: '\e90c';
} /* '' */
.cmeIcon-hacker-news:before {
content: '\e90d';
} /* '' */
.cmeIcon-weibo:before {
content: '\e90e';
} /* '' */
.cmeIcon-wechat:before {
content: '\e90f';
} /* '' */
.cmeIcon-vine:before {
content: '\e910';
} /* '' */
.cmeIcon-vkontakte:before {
content: '\e911';
} /* '' */
.cmeIcon-xing:before {
content: '\e912';
} /* '' */
.cmeIcon-xing-squared:before {
content: '\e913';
} /* '' */
.cmeIcon-tencent-weibo:before {
content: '\e914';
} /* '' */
.cmeIcon-steam-squared:before {
content: '\e915';
} /* '' */
.cmeIcon-steam:before {
content: '\e916';
} /* '' */
.cmeIcon-spotify:before {
content: '\e917';
} /* '' */
.cmeIcon-soundclowd:before {
content: '\e918';
} /* '' */
.cmeIcon-skype:before {
content: '\e919';
} /* '' */
.cmeIcon-slack:before {
content: '\e91a';
} /* '' */
.cmeIcon-renren:before {
content: '\e91b';
} /* '' */
.cmeIcon-reddit-squared:before {
content: '\e91c';
} /* '' */
.cmeIcon-pinterest-squared:before {
content: '\e91d';
} /* '' */
.cmeIcon-pinterest-circled:before {
content: '\e91e';
} /* '' */
.cmeIcon-videocam-1:before {
content: '\e91f';
} /* '' */
.cmeIcon-camera-2:before {
content: '\e920';
} /* '' */
.cmeIcon-print-1:before {
content: '\e921';
} /* '' */
.cmeIcon-thumbs-up-1:before {
content: '\e922';
} /* '' */
.cmeIcon-thumbs-down-1:before {
content: '\e923';
} /* '' */
.cmeIcon-barcode:before {
content: '\e924';
} /* '' */
.cmeIcon-rupee:before {
content: '\e925';
} /* '' */
.cmeIcon-yen:before {
content: '\e926';
} /* '' */
.cmeIcon-rouble:before {
content: '\e927';
} /* '' */
.cmeIcon-to-end-1:before {
content: '\e928';
} /* '' */
.cmeIcon-to-start-1:before {
content: '\e929';
} /* '' */
.cmeIcon-stop-1:before {
content: '\e92a';
} /* '' */
.cmeIcon-pause-1:before {
content: '\e92b';
} /* '' */
.cmeIcon-play-1:before {
content: '\e92c';
} /* '' */
.cmeIcon-shuffle-1:before {
content: '\e92d';
} /* '' */
.cmeIcon-ccw-1:before {
content: '\e92e';
} /* '' */
.cmeIcon-fast-forward:before {
content: '\e92f';
} /* '' */
.cmeIcon-fast-backward:before {
content: '\e930';
} /* '' */
.cmeIcon-down-open-1:before {
content: '\e931';
} /* '' */
.cmeIcon-left-open-1:before {
content: '\e932';
} /* '' */
.cmeIcon-right-open-1:before {
content: '\e933';
} /* '' */
.cmeIcon-up-open-1:before {
content: '\e934';
} /* '' */
.cmeIcon-down-1:before {
content: '\e935';
} /* '' */
.cmeIcon-left-1:before {
content: '\e936';
} /* '' */
.cmeIcon-right-1:before {
content: '\e937';
} /* '' */
.cmeIcon-up-1:before {
content: '\e938';
} /* '' */
.cmeIcon-trash-1:before {
content: '\e939';
} /* '' */
.cmeIcon-doc-1:before {
content: '\e93a';
} /* '' */
.cmeIcon-newspaper:before {
content: '\e93b';
} /* '' */
.cmeIcon-location:before {
content: '\e93c';
} /* '' */
.cmeIcon-attention-alt:before {
content: '\e93d';
} /* '' */
.cmeIcon-attention:before {
content: '\e93e';
} /* '' */
.cmeIcon-folder-1:before {
content: '\e93f';
} /* '' */
.cmeIcon-folder-open-1:before {
content: '\e940';
} /* '' */
.cmeIcon-folder-empty-1:before {
content: '\e941';
} /* '' */
.cmeIcon-folder-open-empty-1:before {
content: '\e942';
} /* '' */
.cmeIcon-cog-1:before {
content: '\e943';
} /* '' */
.cmeIcon-download-cloud:before {
content: '\e944';
} /* '' */
.cmeIcon-upload-1:before {
content: '\e945';
} /* '' */
.cmeIcon-download-1:before {
content: '\e946';
} /* '' */
.cmeIcon-eye-1:before {
content: '\e947';
} /* '' */
.cmeIcon-retweet-1:before {
content: '\e948';
} /* '' */
.cmeIcon-googleplus-rect:before {
content: '\e949';
} /* '' */
.cmeIcon-tumblr-rect:before {
content: '\e94a';
} /* '' */
.cmeIcon-vimeo-rect:before {
content: '\e94b';
} /* '' */
.cmeIcon-youtube-1:before {
content: '\e94c';
} /* '' */
.cmeIcon-list-1:before {
content: '\e94d';
} /* '' */
.cmeIcon-list-numbered-1:before {
content: '\e94e';
} /* '' */
.cmeIcon-bitcoin:before {
content: '\e94f';
} /* '' */
.cmeIcon-won:before {
content: '\e950';
} /* '' */
.cmeIcon-try:before {
content: '\e951';
} /* '' */
.cmeIcon-rss-2:before {
content: '\e952';
} /* '' */
.cmeIcon-paypal-1:before {
content: '\e953';
} /* '' */
.cmeIcon-user:before {
content: '\e954';
} /* '' */
.cmeIcon-users:before {
content: '\e955';
} /* '' */
.cmeIcon-comment:before {
content: '\e956';
} /* '' */
.cmeIcon-chat:before {
content: '\e957';
} /* '' */
.cmeIcon-comment-empty:before {
content: '\e958';
} /* '' */
.cmeIcon-chat-empty:before {
content: '\e959';
} /* '' */
.cmeIcon-bell:before {
content: '\e95a';
} /* '' */
.cmeIcon-bell-alt:before {
content: '\e95b';
} /* '' */
.cmeIcon-attention-1:before {
content: '\e95c';
} /* '' */
.cmeIcon-attention-circled:before {
content: '\e95d';
} /* '' */
.cmeIcon-location-1:before {
content: '\e95e';
} /* '' */
.cmeIcon-direction:before {
content: '\e95f';
} /* '' */
.cmeIcon-money:before {
content: '\e960';
} /* '' */
.cmeIcon-ellipsis-vert:before {
content: '\e961';
} /* '' */
.cmeIcon-down-dir:before {
content: '\e962';
} /* '' */
.cmeIcon-up-dir:before {
content: '\e963';
} /* '' */
.cmeIcon-left-dir:before {
content: '\e964';
} /* '' */
.cmeIcon-right-dir:before {
content: '\e965';
} /* '' */
.cmeIcon-down-circled2:before {
content: '\e966';
} /* '' */
.cmeIcon-up-circled2:before {
content: '\e967';
} /* '' */
.cmeIcon-left-circled2:before {
content: '\e968';
} /* '' */
.cmeIcon-right-circled2:before {
content: '\e969';
} /* '' */
.cmeIcon-clock-1:before {
content: '\e96a';
} /* '' */
.cmeIcon-block-1:before {
content: '\e96b';
} /* '' */
.cmeIcon-tablet:before {
content: '\e96c';
} /* '' */
.cmeIcon-mobile:before {
content: '\e96d';
} /* '' */
.cmeIcon-laptop:before {
content: '\e96e';
} /* '' */
.cmeIcon-graduation-cap:before {
content: '\e96f';
} /* '' */
.cmeIcon-behance:before {
content: '\e970';
} /* '' */
.cmeIcon-behance-squared:before {
content: '\e971';
} /* '' */
.cmeIcon-bitbucket:before {
content: '\e972';
} /* '' */
.cmeIcon-bitbucket-squared:before {
content: '\e973';
} /* '' */
.cmeIcon-dropbox:before {
content: '\e974';
} /* '' */
.cmeIcon-foursquare:before {
content: '\e975';
} /* '' */
.cmeIcon-openid:before {
content: '\e976';
} /* '' */
.cmeIcon-pagelines:before {
content: '\e977';
} /* '' */
.cmeIcon-asterisk:before {
content: '\e978';
} /* '' */
.cmeIcon-chart-bar:before {
content: '\e979';
} /* '' */
.cmeIcon-menu-1:before {
content: '\e97a';
} /* '' */
.cmeIcon-keyboard:before {
content: '\e97b';
} /* '' */
.cmeIcon-edit:before {
content: '\e97c';
} /* '' */
.cmeIcon-logout-1:before {
content: '\e97d';
} /* '' */
.cmeIcon-login:before {
content: '\e97e';
} /* '' */
.cmeIcon-ellipsis:before {
content: '\e97f';
} /* '' */
.cmeIcon-qrcode:before {
content: '\e980';
} /* '' */
.cmeIcon-globe-1:before {
content: '\e981';
} /* '' */
.cmeIcon-bat-empty:before {
content: '\e982';
} /* '' */
.cmeIcon-bat-half:before {
content: '\e983';
} /* '' */
.cmeIcon-bat-full:before {
content: '\e984';
} /* '' */
.cmeIcon-bat-charge:before {
content: '\e985';
} /* '' */
.cmeIcon-mic-1:before {
content: '\e986';
} /* '' */
.cmeIcon-volume-off-1:before {
content: '\e987';
} /* '' */
.cmeIcon-volume-up-1:before {
content: '\e988';
} /* '' */
.cmeIcon-delicious-1:before {
content: '\e989';
} /* '' */
.cmeIcon-attention-alt-1:before {
content: '\e98a';
} /* '' */
.cmeIcon-android-1:before {
content: '\e98b';
} /* '' */
.cmeIcon-stumbleupon-1:before {
content: '\e98c';
} /* '' */
.cmeIcon-yahoo-1:before {
content: '\e98d';
} /* '' */
.cmeIcon-firefox:before {
content: '\e98e';
} /* '' */
/* Icon rotations and mirroring */
.cmeIconRotate45:before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.cmeIconRotate90:before {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.cmeIconRotate135:before {
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}
.cmeIconRotate180:before {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.cmeIconRotate225:before {
-webkit-transform: rotate(225deg);
-moz-transform: rotate(225deg);
-ms-transform: rotate(225deg);
-o-transform: rotate(225deg);
transform: rotate(225deg);
}
.cmeIconRotate270:before {
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg);
}
.cmeIconRotate315:before {
-webkit-transform: rotate(315deg);
-moz-transform: rotate(315deg);
-ms-transform: rotate(315deg);
-o-transform: rotate(315deg);
transform: rotate(315deg);
}
.cmeIconFlipHorizontal:before {
-webkit-transform: scale(-1, 1);
-moz-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
-o-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.cmeIconFlipVertical:before {
-webkit-transform: scale(1, -1);
-moz-transform: scale(1, -1);
-ms-transform: scale(1, -1);
-o-transform: scale(1, -1);
transform: scale(1, -1);
}
a .cmeIconRotate45:before, a .cmeIconRotate90:before, a .cmeIconRotate135:before, a .cmeIconRotate180:before, a .cmeIconRotate225:before, a .cmeIconRotate270:before, a .cmeIconRotate315:before, a .cmeIconFlipHorizontal:before, a .cmeIconFlipVertical:before {
display: inline-block;
}
/* Square and circular icons */
.cmeCircularIcon:before {
border-radius: 500em!important;
padding: .4em !important; /*-webkit-box-shadow:0 0 0 .1em rgba(0,0,0,.1) inset; box-shadow:0 0 0 .1em rgba(0,0,0,.1) inset;*/
line-height: 1!important;
width: 1em!important;
height: 1em!important;
margin: .4em .4em 0 0
}
.cmeSquareIcon:before {
width: 1em;
height: 1em;
padding: .5em !important; /*-webkit-box-shadow:0 0 0 .1em rgba(0,0,0,.1) inset; box-shadow:0 0 0 .1em rgba(0,0,0,.1) inset;*/
vertical-align: baseline;
}
.cmeIconDisabled:before {
opacity: .3;
}
/* HANDLING FOR ICON ONLY */
.cmeIconOnly {
font-size: 0;
letter-spacing: -1px; /*color:transparent;*/
}
.cmeIconOnly:before {
letter-spacing: normal; /*font-size:16px; color:#333;*/
}
/* HANDLING FOR NO FONT-FACE SUPPORT */
.no-font-face [class^="cmeIcon-"]:before, .no-font-face [class*=" cmeIcon-"]:before {
display: none;
content: ""
}
.no-pseudo-elements .cmeIconOnly, .no-font-face .cmeIconOnly {
font-size: inherit;
letter-spacing: normal;
}
/*.no-font-face .cmeIconOnly {font-size:inherit; color:inherit;}*/
/* CUSTOM ICON SIZES */
.cmeIcon150x:before {
font-size: 24px;
}
.cmeIcon200x:before {
font-size: 32px;
}
.cmeIcon300x:before {
font-size: 48px;
}
.cmeIcon400x:before {
font-size: 64px;
}
/* CUSTOM ICON COLOURS */
.cmeIconDefault:before {
color: #333333;
}
.cmeIconDefaultAlternate:before {
color: #ffffff;
}
.cmeIconPrimary:before {
color: #0855A1;
}
.cmeIconSecondary:before {
color: #61B1E1;
}
.cmeIconSecondaryAlternate:before {
color: #37597C;
}
.cmeIconTertiary:before {
color: #ff6308;
}
.cmeIconTertiaryAlternate:before {
color: #A3D400;
}
.cmeIconNeutral:before {
color: #cccccc;
}
.cmeIconDefaultInverted:before {
color: #fff;
background-color: #333333;
}
.cmeIconPrimaryInverted:before {
color: #fff;
background-color: #0855A1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.cmeIconSecondaryInverted:before {
color: #fff;
background-color: #61B1E1;
}
.cmeIconSecondaryAlternateInverted:before {
color: #fff;
background-color: #37597C;
}
.cmeIconTertiaryInverted:before {
color: #fff;
background-color: #ff6308;
}
.cmeIconTertiaryAlternateInverted:before {
color: #fff;
background-color: #A3D400;
}
.cmeIconNeutralInverted:before {
color: #fff;
background-color: #cccccc;
}
/* CUSTOM ICON ALIGNMENT */
.cmeIconVerticalMiddle:before {
vertical-align: middle;
}
/****************************/
/* FONT COLORS */
/****************************/
.cmeColorDefault { color: #333; }
.cmeColorDefaultAlternate { color: #fff; }
.cmeColorPrimary { color: #0079C1; }
.cmeColorSecondary { color: #54BCEB; }
.cmeColorSecondaryAlternate { color: #00447C; }
.cmeColorTertiary { color: #58595B; }
.cmeColorTertiaryAlternate { color: #939598; }
.cmeColorNeutral { color: #BCBEC0; }
/****************************/
/* TITLES AND HEADINGS */
/****************************/
h1, h2, h3, h4, h5, h6 {
font-family: "Roboto", "Helvetica Neue", arial, sans-serif;
font-weight: normal;
text-rendering: optimizelegibility;
}
h4, h5, h6 {
color: #666;
}
h1 {
font-size: 28px;
line-height: 30px;
color: black;
}
h2 {
font-size: 24px;
line-height: 24px;
color: #333;
}
h3 {
font-size: 18px;
line-height: 22px;
color: #444;
}
h4 {
font-size: 16px;
line-height: 20px;
font-weight:bold;
}
h5 {
font-size: 14px;
line-height: 18px;
}
h6 {
font-size: 14px;
line-height: 18px;
}
/* FAUX TITLES */
.cmeSubHeading {
color: #666;
font-size: 24px;
font-family: "Roboto", "Helvetica Neue", helvetica, arial, sans-serif;
}
.opera h1, .opera h2, .opera h3, .opera h4, .opera h5, .opera h6, .opera .cmeSectionHeading {
font-weight: 600;
}
.cmeSectionHeading {
color: #666;
font-family: "Roboto", "Helvetica Neue", helvetica, arial, sans-serif;
font-size: 24px;
line-height: 28px;
}
.cmeSectionSubHeading {
font-size: 18px;
line-height: 20px;
font-family: "Roboto", "Helvetica Neue", helvetica, arial, sans-serif;
}
.cmeSubSectionHeading {
font-size: 16px;
line-height: 18px;
font-family: "Roboto", "Helvetica Neue", helvetica, arial, sans-serif;
}
/* HOMEPAGE SPECIFIC */
.cme-home-landing h2 {
font-size: 28px;
line-height: 30px;
}
/* VIEW ALL EXTENDED LINKS */
.cmeExtendedLink:before {
content: "\007C";
padding: 0 0.3em 0 0.3em;
}
.cmeSectionSubHeading + .cmeExtendedLink {
font-size: 18px;
line-height: 20px;
}
.cmeSubSectionHeading + .cmeExtendedLink {
font-size: 16px;
line-height: 18px;
}
.cmeExtendedLink {
font-family: "Roboto", "Helvetica Neue", helvetica, arial, sans-serif;
}
h1 + .cmeExtendedLink {
font-size: 28px;
line-height: 30px;
}
h2 + .cmeExtendedLink {
font-size: 20px;
line-height: 24px;
}
h3 + .cmeExtendedLink {
font-size: 18px;
line-height: 22px;
}
h4 + .cmeExtendedLink {
font-size: 16px;
line-height: 20px;
}
h5 + .cmeExtendedLink {
font-size: 14px;
line-height: 18px;
}
h6 + .cmeExtendedLink {
font-size: 14px;
line-height: 18px;
}
.cme-home-landing h2 + .cmeExtendedLink {
font-size: 28px;
line-height: 30px;
}
/*.cmeRightColumnLayout h2, .cmeRightColumnLayout h3 {padding:0 0 5px 0;}*/
/*.cmeRightColumnLayout h2, .cmeRightColumnLayout h3 {line-height:22px;}
.cmeRightColumnLayout h4, .cmeRightColumnLayout h5, .cmeRightColumnLayout h6 {line-height:16px;}*/
.cmeRightColumnLayout h2, .cmeRightColumnLayout h2 + .cmeExtendedLink {
font-size: 18px;
line-height: 22px;
}
.cmeRightColumnLayout h3, .cmeRightColumnLayout h3 + .cmeExtendedLink {
font-size: 16px;
line-height: 22px;
}
.cmeRightColumnLayout h4, .cmeRightColumnLayout h4 + .cmeExtendedLink {
font-size: 14px;
line-height: 16px;
}
.cmeRightColumnLayout h5, .cmeRightColumnLayout h5 + .cmeExtendedLink {
font-size: 14px;
line-height: 16px;
}
.cmeRightColumnLayout h6, .cmeRightColumnLayout h6 + .cmeExtendedLink {
font-size: 14px;
line-height: 16px;
}
.cmeTitleBgBlack h1, .cmeTitleBgBlack h2, .cmeTitleBgBlack h3, .cmeTitleBgBlack h4, .cmeTitleBgBlack h5, .cmeTitleBgBlack h6 {
color: white;
}
.cmeTitleSecondaryAG {
background: transparent url("/National_Library/20161130034600oe_/http://www.cmegroup.com/content/dam/cmegroup/images/cme-stripe-ag.jpg") no-repeat bottom;
padding-bottom: 15px;
}
.cmeTitleSecondaryEN {
background: transparent url("/National_Library/20161130034600oe_/http://www.cmegroup.com/content/dam/cmegroup/images/cme-stripe-en.jpg") no-repeat bottom;
padding-bottom: 15px;
}
.cmeTitleSecondaryEQ {
background: transparent url("/National_Library/20161130034600oe_/http://www.cmegroup.com/content/dam/cmegroup/images/cme-stripe-eq.jpg") no-repeat bottom;
padding-bottom: 15px;
}
.cmeTitleSecondaryFX {
background: transparent url("/National_Library/20161130034600oe_/http://www.cmegroup.com/content/dam/cmegroup/images/cme-stripe-fx.jpg") no-repeat bottom;
padding-bottom: 15px;
}
.cmeTitleSecondaryIR {
background: transparent url("/National_Library/20161130034600oe_/http://www.cmegroup.com/content/dam/cmegroup/images/cme-stripe-ir.jpg") no-repeat bottom;
padding-bottom: 15px;
}
.cmeTitleSecondaryMT {
background: transparent url("/National_Library/20161130034600oe_/http://www.cmegroup.com/content/dam/cmegroup/images/cme-stripe-mt.jpg") no-repeat bottom;
padding-bottom: 15px;
}
.cmeTitleSecondaryOptions {
background: transparent url("/National_Library/20161130034600oe_/http://www.cmegroup.com/content/dam/cmegroup/images/cme-stripe-options.jpg") no-repeat bottom;
padding-bottom: 15px;
}
.cmeTitleSecondaryOTC {
background: transparent url("/National_Library/20161130034600oe_/http://www.cmegroup.com/content/dam/cmegroup/images/cme-stripe-otc.jpg") no-repeat bottom;
padding-bottom: 15px;
}
.cmeTitleSecondaryWeather {
background: transparent url("/National_Library/20161130034600oe_/http://www.cmegroup.com/content/dam/cmegroup/images/cme-stripe-weather.jpg") no-repeat bottom;
padding-bottom: 15px;
}
.cmeTitleSecondaryRealEstate {
background: transparent url("/National_Library/20161130034600oe_/http://www.cmegroup.com/content/dam/cmegroup/images/cme-stripe-real-estate.jpg") no-repeat bottom;
padding-bottom: 15px;
}
.cmeTitleSecondary {
background: transparent url("/National_Library/20161130034600oe_/http://www.cmegroup.com/content/dam/cmegroup/images/cme-stripe.jpg") no-repeat bottom;
padding-bottom: 15px;
}
.cmeImage + .section.cmeTitle {
margin-top: 20px;
}
/******************************************************/
/* LINKS - WITH HANDLING FOR LINKS IN ROBOTO FONT */
/******************************************************/
a, a:focus, a:link {
color: #006dc1;
text-decoration: none;
outline: 0;
}
a:hover {
color: #0195E7;
transition: color 0.5s ease;
}
a:active {
color: #1c3d73;
}
.cmeText a, .cmeMediaBoxTitle a {
-ms-word-break: break-all;
word-break: break-all;
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .cmeSectionHeading a, h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus, h5 a:focus, h6 a:focus, .cmeSectionHeading a:focus, h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link, .cmeSectionHeading a:link {
color: #006dc1;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .cmeSectionHeading a:hover {
color: #0195E7;
}
h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active, .cmeSectionHeading a:active {
color: #183564;
}
/***************************/
/* BORDERED & PULLED ICONS */
/***************************/
.fa-border {
padding: .2em .25em .15em;
border: solid 0.3em #eeeeee;
border-radius: 1.1em;
padding-bottom: 6px;
}
.fa-pull-left {
float: left;
}
.fa-pull-right {
float: right;
}
/**************/
/* LIST ICONS */
/**************/
.fa-ul {
padding-left: 0;
margin-left: 2.14285714em;
list-style-type: none;
}
.fa-ul > li {
position: relative;
list-style: none;
}
.fa-li {
position: absolute;
left: -2.14285714em;
width: 2.14285714em;
top: 0.14285714em;
text-align: center;
}
/******************/
/* ANIMATED ICONS */
/******************/
/* Icon Back */
.cmeIconNameAnimation {
position: relative;
left: -14px;
top: 7px;
}
.cme-hvr-icon-back {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-left: 2.2em;
margin-left: -54px;
-webkit-transition-duration: 0.1s;
transition-duration: 0.1s;
}
.cme-hvr-icon-back:before {
left: 1em;
padding: 0 1px;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.1s;
transition-duration: 0.1s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.cme-hvr-icon-back:hover:before, .cme-hvr-icon-back:focus:before, .cme-hvr-icon-back:active:before {
-webkit-transform: translateX(-4px);
transform: translateX(-4px);
}
/* Icon Forward */
.cme-hvr-icon-forward {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.1s;
transition-duration: 0.1s;
}
.cme-hvr-icon-forward:before {
right: 1em;
padding: 0 1px;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.1s;
transition-duration: 0.1s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.cme-hvr-icon-forward:hover:before, .cme-hvr-icon-forward:focus:before, .cme-hvr-icon-forward:active:before {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
/* Icon Down */
@-webkit-keyframes cme-hvr-icon-down {
0%,
50%,
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
25%,
75% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
}
@keyframes cme-hvr-icon-down {
0%,
50%,
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
25%,
75% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
}
/* Icon Down */
.cme-hvr-icon-down {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.cme-hvr-icon-down:before {
right: 1em;
padding: 0 1px;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.cme-hvr-icon-down:hover:before, .cme-hvr-icon-down:focus:before, .cme-hvr-icon-down:active:before {
-webkit-animation-name: cme-hvr-icon-down;
animation-name: cme-hvr-icon-down;
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
/* Icon Up */
@-webkit-keyframes cme-hvr-icon-up {
0%,
50%,
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
25%,
75% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
}
@keyframes cme-hvr-icon-up {
0%,
50%,
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
25%,
75% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
}
/* Icon Up */
.cme-hvr-icon-up {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.cme-hvr-icon-up:before {
right: 1em;
padding: 0 1px;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.cme-hvr-icon-up:hover:before, .cme-hvr-icon-up:focus:before, .cme-hvr-icon-up:active:before {
-webkit-animation-name: cme-hvr-icon-up;
animation-name: cme-hvr-icon-up;
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
/* Icon Spin */
.cme-hvr-icon-spin {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.cme-hvr-icon-spin:before {
right: 1em;
padding: 0 1px;
-webkit-transition-duration: 1s;
transition-duration: 1s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
}
.cme-hvr-icon-spin:hover:before, .cme-hvr-icon-spin:focus:before, .cme-hvr-icon-spin:active:before {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
/* Icon Drop */
@-webkit-keyframes cme-hvr-icon-drop {
0% {
opacity: 0;
}
50% {
opacity: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
51%,
100% {
opacity: 1;
}
}
@keyframes cme-hvr-icon-drop {
0% {
opacity: 0;
}
50% {
opacity: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
51%,
100% {
opacity: 1;
}
}
/* Icon Drop */
.cme-hvr-icon-drop {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.cme-hvr-icon-drop:before {
right: 1em;
opacity: 1;
padding: 0 1px;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.cme-hvr-icon-drop:hover:before, .cme-hvr-icon-drop:focus:before, .cme-hvr-icon-drop:active:before {
opacity: 0;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-animation-name: cme-hvr-icon-drop;
animation-name: cme-hvr-icon-drop;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
/* Icon Fade */
.cme-hvr-icon-fade {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.cme-hvr-icon-fade:before {
right: 1em;
padding: 0 1px;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-property: color;
transition-property: color;
}
.cme-hvr-icon-fade:hover:before, .cme-hvr-icon-fade:focus:before, .cme-hvr-icon-fade:active:before {
color: #0F9E5E;
}
/* Icon Float Away */
@-webkit-keyframes cme-hvr-icon-float-away {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translateY(-1em);
transform: translateY(-1em);
}
}
@keyframes cme-hvr-icon-float-away {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translateY(-1em);
transform: translateY(-1em);
}
}
/* Icon Float Away */
.cme-hvr-icon-float-away {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.cme-hvr-icon-float-away:before, .cme-hvr-icon-float-away:after {
right: 1em;
padding: 0 1px;
}
.cme-hvr-icon-float-away:before {
opacity: 1;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.cme-hvr-icon-float-away:hover:before, .cme-hvr-icon-float-away:focus:before, .cme-hvr-icon-float-away:active:before {
-webkit-animation-name: cme-hvr-icon-float-away;
animation-name: cme-hvr-icon-float-away;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
/* Icon Sink Away */
@-webkit-keyframes cme-hvr-icon-sink-away {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translateY(1em);
transform: translateY(1em);
}
}
@keyframes cme-hvr-icon-sink-away {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translateY(1em);
transform: translateY(1em);
}
}
/* Icon Sink Away */
.cme-hvr-icon-sink-away {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.cme-hvr-icon-sink-away:before, .cme-hvr-icon-sink-away:after {
right: 1em;
padding: 0 1px;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.cme-hvr-icon-sink-away:before {
opacity: 1;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.cme-hvr-icon-sink-away:hover:before, .cme-hvr-icon-sink-away:focus:before, .cme-hvr-icon-sink-away:active:before {
-webkit-animation-name: cme-hvr-icon-sink-away;
animation-name: cme-hvr-icon-sink-away;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
/* Icon Grow */
.cme-hvr-icon-grow {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.cme-hvr-icon-grow:before {
right: 1em;
padding: 0 1px;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.cme-hvr-icon-grow:hover:before, .cme-hvr-icon-grow:focus:before, .cme-hvr-icon-grow:active:before {
-webkit-transform: scale(1.3) translateZ(0);
transform: scale(1.3) translateZ(0);
}
/* Icon Shrink */
.cme-hvr-icon-shrink {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.cme-hvr-icon-shrink:before {
right: 1em;
padding: 0 1px;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.cme-hvr-icon-shrink:hover:before, .cme-hvr-icon-shrink:focus:before, .cme-hvr-icon-shrink:active:before {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
/* Icon Pulse */
@-webkit-keyframes cme-hvr-icon-pulse {
25% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
75% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
}
@keyframes cme-hvr-icon-pulse {
25% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
75% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
}
.cme-hvr-icon-pulse {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.cme-hvr-icon-pulse:before {
right: 1em;
padding: 0 1px;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.cme-hvr-icon-pulse:hover:before, .cme-hvr-icon-pulse:focus:before, .cme-hvr-icon-pulse:active:before {
-webkit-animation-name: cme-hvr-icon-pulse;
animation-name: cme-hvr-icon-pulse;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
/* Icon Pulse Grow */
@-webkit-keyframes cme-hvr-icon-pulse-grow {
to {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
}
@keyframes cme-hvr-icon-pulse-grow {
to {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
}
.cme-hvr-icon-pulse-grow {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.cme-hvr-icon-pulse-grow:before {
right: 1em;
padding: 0 1px;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.cme-hvr-icon-pulse-grow:hover:before, .cme-hvr-icon-pulse-grow:focus:before, .cme-hvr-icon-pulse-grow:active:before {
-webkit-animation-name: cme-hvr-icon-pulse-grow;
animation-name: cme-hvr-icon-pulse-grow;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
animation-direction: alternate;
}
/* Icon Pulse Shrink */
@-webkit-keyframes cme-hvr-icon-pulse-shrink {
to {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
}
@keyframes cme-hvr-icon-pulse-shrink {
to {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
}
.cme-hvr-icon-pulse-shrink {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.cme-hvr-icon-pulse-shrink:before {
right: 1em;
padding: 0 1px;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.cme-hvr-icon-pulse-shrink:hover:before, .cme-hvr-icon-pulse-shrink:focus:before, .cme-hvr-icon-pulse-shrink:active:before {
-webkit-animation-name: cme-hvr-icon-pulse-shrink;
animation-name: cme-hvr-icon-pulse-shrink;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
animation-direction: alternate;
}
/* Icon Push */
@-webkit-keyframes cme-hvr-icon-push {
50% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
}
@keyframes cme-hvr-icon-push {
50% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
}
.cme-hvr-icon-push {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.cme-hvr-icon-push:before {
right: 1em;
padding: 0 1px;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.cme-hvr-icon-push:hover:before, .cme-hvr-icon-push:focus:before, .cme-hvr-icon-push:active:before {
-webkit-animation-name: cme-hvr-icon-push;
animation-name: cme-hvr-icon-push;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
/* Icon Pop */
@-webkit-keyframes cme-hvr-icon-pop {
50% {
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
}
@keyframes cme-hvr-icon-pop {
50% {
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
}
.cme-hvr-icon-pop {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.cme-hvr-icon-pop:before {
right: 1em;
padding: 0 1px;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.cme-hvr-icon-pop:hover:before, .cme-hvr-icon-pop:focus:before, .cme-hvr-icon-pop:active:before {
-webkit-animation-name: cme-hvr-icon-pop;
animation-name: cme-hvr-icon-pop;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
/* Icon Bounce */
.cme-hvr-icon-bounce {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.cme-hvr-icon-bounce:before {
right: 1em;
padding: 0 1px;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.cme-hvr-icon-bounce:hover:before, .cme-hvr-icon-bounce:focus:before, .cme-hvr-icon-bounce:active:before {
-webkit-transform: scale(1.5);
transform: scale(1.5);
-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}
/* Icon Rotate */
.cme-hvr-icon-rotate {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.cme-hvr-icon-rotate:before {
right: 1em;
padding: 0 1px;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.cme-hvr-icon-rotate:hover:before, .cme-hvr-icon-rotate:focus:before, .cme-hvr-icon-rotate:active:before {
-webkit-transform: rotate(20deg);
transform: rotate(20deg);
}
/* Icon Grow Rotate */
.cme-hvr-icon-grow-rotate {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.cme-hvr-icon-grow-rotate:before {
right: 1em;
padding: 0 1px;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.cme-hvr-icon-grow-rotate:hover:before, .cme-hvr-icon-grow-rotate:focus:before, .cme-hvr-icon-grow-rotate:active:before {
-webkit-transform: scale(1.5) rotate(12deg);
transform: scale(1.5) rotate(12deg);
}
/* Icon Float */
.cme-hvr-icon-float {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.cme-hvr-icon-float:before {
right: 1em;
padding: 0 1px;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.cme-hvr-icon-float:hover:before, .cme-hvr-icon-float:focus:before, .cme-hvr-icon-float:active:before {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
}
/* Icon Sink */
.cme-hvr-icon-sink {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.cme-hvr-icon-sink:before {
right: 1em;
padding: 0 1px;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.cme-hvr-icon-sink:hover:before, .cme-hvr-icon-sink:focus:before, .cme-hvr-icon-sink:active:before {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
/* Icon Bob */
@-webkit-keyframes cme-hvr-icon-bob {
0% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
50% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
100% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
}
@keyframes cme-hvr-icon-bob {
0% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
50% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
100% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
}
@-webkit-keyframes cme-hvr-icon-bob-float {
100% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
}
@keyframes cme-hvr-icon-bob-float {
100% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
}
.cme-hvr-icon-bob {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.cme-hvr-icon-bob:before {
right: 1em;
padding: 0 1px;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.cme-hvr-icon-bob:hover:before, .cme-hvr-icon-bob:focus:before, .cme-hvr-icon-bob:active:before {
-webkit-animation-name: cme-hvr-icon-bob-float, cme-hvr-icon-bob;
animation-name: cme-hvr-icon-bob-float, cme-hvr-icon-bob;
-webkit-animation-duration: .3s, 1.5s;
animation-duration: .3s, 1.5s;
-webkit-animation-delay: 0s, .3s;
animation-delay: 0s, .3s;
-webkit-animation-timing-function: ease-out, ease-in-out;
animation-timing-function: ease-out, ease-in-out;
-webkit-animation-iteration-count: 1, infinite;
animation-iteration-count: 1, infinite;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-direction: normal, alternate;
animation-direction: normal, alternate;
}
/* Icon Hang */
@-webkit-keyframes cme-hvr-icon-hang {
0% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
50% {
-webkit-transform: translateY(2px);
transform: translateY(2px);
}
100% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
}
@keyframes cme-hvr-icon-hang {
0% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
50% {
-webkit-transform: translateY(2px);
transform: translateY(2px);
}
100% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
}
@-webkit-keyframes cme-hvr-icon-hang-sink {
100% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
}
@keyframes cme-hvr-icon-hang-sink {
100% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
}
.cme-hvr-icon-hang {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.cme-hvr-icon-hang:before {
right: 1em;
padding: 0 1px;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.cme-hvr-icon-hang:hover:before, .cme-hvr-icon-hang:focus:before, .cme-hvr-icon-hang:active:before {
-webkit-animation-name: cme-hvr-icon-hang-sink, cme-hvr-icon-hang;
animation-name: cme-hvr-icon-hang-sink, cme-hvr-icon-hang;
-webkit-animation-duration: .3s, 1.5s;
animation-duration: .3s, 1.5s;
-webkit-animation-delay: 0s, .3s;
animation-delay: 0s, .3s;
-webkit-animation-timing-function: ease-out, ease-in-out;
animation-timing-function: ease-out, ease-in-out;
-webkit-animation-iteration-count: 1, infinite;
animation-iteration-count: 1, infinite;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-direction: normal, alternate;
animation-direction: normal, alternate;
}
/* Icon Wobble Horizontal */
@-webkit-keyframes cme-hvr-icon-wobble-horizontal {
16.65% {
-webkit-transform: translateX(6px);
transform: translateX(6px);
}
33.3% {
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
}
49.95% {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
66.6% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}
83.25% {
-webkit-transform: translateX(1px);
transform: translateX(1px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes cme-hvr-icon-wobble-horizontal {
16.65% {
-webkit-transform: translateX(6px);
transform: translateX(6px);
}
33.3% {
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
}
49.95% {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
66.6% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}
83.25% {
-webkit-transform: translateX(1px);
transform: translateX(1px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.cme-hvr-icon-wobble-horizontal {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.cme-hvr-icon-wobble-horizontal:before {
right: 1em;
padding: 0 1px;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.cme-hvr-icon-wobble-horizontal:hover:before, .cme-hvr-icon-wobble-horizontal:focus:before, .cme-hvr-icon-wobble-horizontal:active:before {
-webkit-animation-name: cme-hvr-icon-wobble-horizontal;
animation-name: cme-hvr-icon-wobble-horizontal;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
/* Icon Wobble Vertical */
@-webkit-keyframes cme-hvr-icon-wobble-vertical {
16.65% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
33.3% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
49.95% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
66.6% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
83.25% {
-webkit-transform: translateY(1px);
transform: translateY(1px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes cme-hvr-icon-wobble-vertical {
16.65% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
33.3% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
49.95% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
66.6% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
83.25% {
-webkit-transform: translateY(1px);
transform: translateY(1px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.cme-hvr-icon-wobble-vertical {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.cme-hvr-icon-wobble-vertical:before {
right: 1em;
padding: 0 1px;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.cme-hvr-icon-wobble-vertical:hover:before, .cme-hvr-icon-wobble-vertical:focus:before, .cme-hvr-icon-wobble-vertical:active:before {
-webkit-animation-name: cme-hvr-icon-wobble-vertical;
animation-name: cme-hvr-icon-wobble-vertical;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
/* Icon Buzz */
@-webkit-keyframes cme-hvr-icon-buzz {
50% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
100% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
}
@keyframes cme-hvr-icon-buzz {
50% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
100% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
}
.cme-hvr-icon-buzz {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.cme-hvr-icon-buzz:before {
right: 1em;
padding: 0 1px;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.cme-hvr-icon-buzz:hover:before, .cme-hvr-icon-buzz:focus:before, .cme-hvr-icon-buzz:active:before {
-webkit-animation-name: cme-hvr-icon-buzz;
animation-name: cme-hvr-icon-buzz;
-webkit-animation-duration: 0.15s;
animation-duration: 0.15s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
/* Icon Buzz Out */
@-webkit-keyframes cme-hvr-icon-buzz-out {
10% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
20% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
30% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
40% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
50% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
60% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
70% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
80% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
90% {
-webkit-transform: translateX(1px) rotate(0);
transform: translateX(1px) rotate(0);
}
100% {
-webkit-transform: translateX(-1px) rotate(0);
transform: translateX(-1px) rotate(0);
}
}
@keyframes cme-hvr-icon-buzz-out {
10% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
20% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
30% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
40% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
50% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
60% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
70% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
80% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
90% {
-webkit-transform: translateX(1px) rotate(0);
transform: translateX(1px) rotate(0);
}
100% {
-webkit-transform: translateX(-1px) rotate(0);
transform: translateX(-1px) rotate(0);
}
}
.cme-hvr-icon-buzz-out {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.cme-hvr-icon-buzz-out:before {
right: 1em;
padding: 0 1px;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.cme-hvr-icon-buzz-out:hover:before, .cme-hvr-icon-buzz-out:focus:before, .cme-hvr-icon-buzz-out:active:before {
-webkit-animation-name: cme-hvr-icon-buzz-out;
animation-name: cme-hvr-icon-buzz-out;
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
/*******************/
/* MISC DEFAULTS */
/*******************/
sub, sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
max-width: 100%;
width: auto\9;
height: auto;
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;
}
/* Form elements */
input, select, textarea {
font-family: inherit
}
.strikethrough {
text-decoration: line-through;
}
.cmegroup-dev {
background: transparent url("cmegroupClientLibs/images/bg-tile-dev.gif") repeat;
}
.cmegroup-qa {
background: transparent url("cmegroupClientLibs/images/bg-tile-qa.gif") repeat;
}
.cmegroup-beta {
background: transparent url("cmegroupClientLibs/images/bg-tile-beta.gif") repeat;
}
.statusOK {
color: #259637;
font-weight: bold;
}
.statusOff {
background-color: #c6c4c4 !important;
}
.statusAlert {
color: #ff0000;
font-weight: bold;
}
/*.cmeRemoveFromDisplay {display:none;}*/
.cmeRemoveFromDisplay {
position: absolute;
text-indent: -9999em;
}
.hiddenElement {
display: none;
}
.cmeHiddenToggleElement {
display: none;
}
.nonDisplayElement {
display: block;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
position: absolute;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
}
.cmeHideFromDesktop {
display: none;
}
/* Display for JS-dependent content */
.no-js .cmeJSControl {
display: none;
}
.no-js .cmeHiddenToggleElement {
display: block;
}
/* prevent table cell wrapping */
.cmeNoWrap {
white-space: nowrap;
}
/********************************/
/* AUTHOR MODE STYLES */
/********************************/
.cmeEmptyContentComponent {
text-align: center;
border: dashed 2px #ccc !important;
background-color: #fafad2;
}
.cmeEmptyStructuralComponent {
background-color: #EBFAFF;
border: dashed 2px #ccc !important;
}
.cmeEmptyStructuralComponent .cmeEmptyStructuralComponent{
background-color: #E9FFCF;
}
.cmeEmptyStructuralComponent .cmeEmptyStructuralComponent .cmeEmptyStructuralComponent{
background-color: #FEFFCF;
}
.cmeEmptyStructuralComponent .cmeEmptyStructuralComponent .cmeEmptyStructuralComponent .cmeEmptyStructuralComponent{
background-color: rgba(216, 216, 216, 0.5);
}
.cmeEmptyStructuralComponentText, .cmeEmptyDesignComponentText {
text-align: center;
}
.cmeEmptyDesignComponent {
background-color: #E0FFD6;
border: dashed 2px #ccc !important;
}
.cmeEmptyContentComponent>span, .cmeEmptyStructuralComponent>.cmeEmptyStructuralComponentText>span, .cmeEmptyDesignComponent>.cmeEmptyDesignComponentText>span {
color: #888;
cursor: default;
font-size: 16px;
}
.cmeInjectedAuthorContentComponent {
min-height: 90px;
border: dashed 2px #ccc;
}
.cmeDirectionToAuthor {
text-align: center;
color: #ccc;
font-size: 16px;
font-weight: bold;
}
#CQ input, #CQ input[type="password"], #CQ input[type="search"] {
-webkit-appearance: textfield;
}
#CQ input[type="checkbox"] {
-webkit-appearance: checkbox;
}
#CQ input[type="radio"] {
-webkit-appearance: radio;
}
#CQ input[type="button"] {
-webkit-appearance: button;
}
#CQ select {
-webkit-appearance: menulist;
}
#CQ textarea {
-webkit-appearance: textarea;
}
/*****************************/
/* GENERIC COMPONENT STYLES */
/*****************************/
.cmeComponentTitle {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 2px 0;
}
.cmeGroup:after {
content: "\002E";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/****************************/
/* PAGE UI */
/****************************/
#cmePageWrapper {
*zoom:1;
background-color: #fff;
padding: 15px;
-moz-box-shadow:none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
/****************************/
/* MOBILE MENU BUTTON */
/****************************/
#cmeMobileMenu {
color: #1971C4;
cursor: pointer;
padding: 4px 5px;
}
#cmeMobileMenu:hover {
color: #1C3D73;
}
/****************************/
/* SITE SEARCH */
/****************************/
.cmeSearchBoxWrapper #searchField {
border: solid 1px #C0C0C0;
font-weight: normal;
font-size: 13px;
line-height: 15px;
}
/******************/
/* PAGE NAV-BAR */
/******************/
#cmePageNavigationBar {
background: #eaeaea;
border: solid 1px #ccc;
box-sizing: border-box;
-moz-box-sizing: border-box;
list-style-type: none;
padding: 0;
}
.cmeNavigationItem {
padding: 7px 10px 7px 20px;
text-align: center;
cursor: pointer;
}
.cmeNavigationItem:hover {
color: #0a246a;
background: #b2dcf1;
}
.cmeNavigationItem > span {
padding: 0 20px 0 0;
background: transparent url("cmegroupClientLibs/images/navDownArrow.png") no-repeat center right;
font-size: 14px;
color: #357CC7;
line-height: 20px;
text-align: center;
}
.cmeNavigationItem.cmeChildlessNavItem {
padding: 7px 10px;
}
.cmeNavigationItem.cmeChildlessNavItem > span {
background: none;
padding: 0;
}
.cmeNavigationItemHome {
white-space: nowrap;
}
.cmeNavigationItemMenu {
padding: 15px;
font-size: 12px;
text-align: left;
background-color: #F2F4F3;
background-image: none;
border-color: #3EA2D4 #CCCCCC #CCCCCC;
border-image: none;
border-right: 1px solid #CCCCCC;
border-style: solid;
border-width: 5px 1px 1px;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
color: #000;
z-index: 9999;
cursor: auto;
}
.cmeNavigationItemMenu li {
background-image: none;
}
/****************************/
/* NAVIGATION FLY-OUTS */
/****************************/
.cmeSecondaryNav {
font-size: 16px;
}
.cmeSecondaryNav .cmeEqualHeightRow:first-child > .cmeEqualHeightCol:first-child .cmeText ul > li > ul > li {
font-size: 14px;
}
/****************************/
/* ALERTS 5.0 */
/****************************/
.cmeAlertMessage {
padding: 10px 15px;
box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
color:#333;
}
.cmeAlertMessage li, .cmeAlertMessage p {
line-height: 18px;
}
.cmeStandardAlertPrimaryMessage {
background: #8cc9f2;
}
.cmeStandardAlertSecondaryMessage {
background: #d5d9da;
}
.cmeStandardAlertMessage {
background: #d5d9da;
}
.cmeNonSeriousAlertMessage {
background: #f1c40f;
}
.cmeSeriousAlertMessage {
background: #f66b5d;
}
.cmeGCCSeriousAlertMessage {
background: #f66b5d;
}
.cmeSuccessAlertMessage {
background: #57c686;
}
.cmeAlertTitle {
font-weight: bold;
}
.cmeAlertDate {
margin-top: 2px !important;
}
#cmeGCCAlertBox + .parsys {
margin-top: 20px;
}
.cmeContentErrorMessage {
color: #666;
}
/* ALERTS FOR TABLES */
.cmeTableBlockWrapper .cmeDataMessage {
width: 75%;
margin: 10px auto;
}
.cmeSeriousAlertMessage a {
color:#FFFFFF;
text-decoration:underline;
}
.cmeNonSeriousAlertMessage a {
color:#000000;
text-decoration:underline;
}
/*************************************/
/* HOME AND PRIMARY LANDING TEMPLATE */
/*************************************/
/*.cme-home-landing .cmePromoBodyContent {z-index:7999;}*/
.cme-primary-landing .cmePromoBodyContent {
z-index: 7999;
}
.cme-primary-landing .cq-wcm-edit .cmePromoBodyContent {
z-index: 0;
}
/*.cme-home-landing .cmePromoBodyContent .cmeLeftColumnLayout,*/ .cme-primary-landing .cmePromoBodyContent .cmeLeftColumnLayout {
background-color: #fff;
}
/*.cme-home-landing .cmePromoBodyContent .cmeFullColumnLayout, */.cme-primary-landing .cmePromoBodyContent .cmeFullColumnLayout {
background: #fff;
background: -moz-linear-gradient(top, rgba(255,255,255,0) 5%, rgba(255,255,255,0.63) 15%, rgba(255,255,255,1) 21%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, rgba(255,255,255,0)), color-stop(15%, rgba(255,255,255,0.63)), color-stop(21%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 5%, rgba(255,255,255,0.63) 15%, rgba(255,255,255,1) 21%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,0) 5%, rgba(255,255,255,0.63) 15%, rgba(255,255,255,1) 21%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,0) 5%, rgba(255,255,255,0.63) 15%, rgba(255,255,255,1) 21%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(255,255,255,0.63) 15%, rgba(255,255,255,1) 21%, rgba(255,255,255,1) 100%);
}
/****************************************/
/* FLEX-COLUMNS AND EQUALHEIGHT COLUMNS */
/****************************************/
/* EQUALHEIGHT COLUMNS */
.cmeEqualHeightColumnWrapper.cmeBorderSeparator .cmeEqualHeightRow .cmeEqualHeightCol {
border-left: solid 1px #e1e1e1;
box-sizing: border-box;
}
.cmeEqualHeightColumnWrapper.cmeBorderSeparator .cmeEqualHeightRow .cmeEqualHeightCol:first-child {
border: none;
border-left: 1px solid transparent;
}
.cq-wcm-edit .cmeEqualHeightColumnWrapper.cmeBorderSeparator .cmeEqualHeightRow .cmeEqualHeightCol {
border: none;
}
/**********************************************/
/* CME TEXT SECTIONS - CMETEXT AND CMEARTICLE */
/**********************************************/
/* TEXT */
.cme-home-lading .cmeText p {
font-size: 16px;
line-height: 20px;
}
/* ARTICLES */
.cmeArticle p {
line-height: 1.75;
}
.cmeArticle p,
.cmeArticle ul,
.cmeArticle h1,
.cmeArticle h2,
.cmeArticle h3,
.cmeArticle h4,
.cmeArticle h5,
.cmeArticle h6,
.cmeArticle ol,
.cmeArticle ul,
.cmeArticle table,
.articleContentTemplate .cmeBox .cmeText table,
.articleContentTemplate .cmeBox .cmeText p,
.articleContentTemplate .cmeBox .cmeText ul,
.articleContentTemplate .cmeBox h1,
.articleContentTemplate .cmeBox h2,
.articleContentTemplate .cmeBox h3,
.articleContentTemplate .cmeBox h4,
.articleContentTemplate .cmeBox h5,
.articleContentTemplate .cmeBox h6,
.articleContentTemplate .cmeBox .cmeText ol,
.articleContentTemplate .cmeBox .cmeText ul{
margin-top: 0.625em
}
.articleContentTemplate .cmeBox .cmeText p:first-child, .cmeArticle p:first-child {
margin-top: 0 !important;
}
/*.cmeArticle ul>li:before {content:""; position:absolute; margin:0.4em 0 0 -0.7em; width:7px; height:7px; background:transparent url("cmegroupClientLibs/images/cmegroup-icon-set.png") no-repeat 0 -138px;}
.cmeArticle ul {margin-top:5px;}*/
.cmeArticle ol {
counter-reset: li;
}
/*.cmeArticle table {border-collapse:collapse; font-size:12px; border:none !important;}
.cmeArticle table th {background-color:#252525; color:#fff; font-weight:bold; vertical-align:bottom;}
.cmeArticle table th a {color:#fff; text-decoration:none;}
.cmeArticle table th a:hover {color:#1C3D73;}
.cmeArticle table tbody th {font-weight:700;}
.cmeArticle table td {font-weight:normal;}
.cmeArticle table th, .cmeArticle table td {border:solid 1px #424242; border-collapse:collapse; text-align:center; vertical-align:middle;}
.cmeArticle table td {text-align:left;}
.cmeArticle table tr:nth-child(even) td {background-color:#fff;}
.cmeArticle table tr:nth-child(odd) td {background-color:#e4e4e4;}*/
.cmeArticleKeywords ul > li a:before {
content: "\0023";
}
/* GENERAL TEXT FORMATS */
.cmeIntroLargeText {
font-size: 24px;
line-height: 135%;
}
.cmeIntroLargeTextDropCap {
font-size: 24px;
line-height: 135%;
}
.cmeIntroLargeTextDropCap:first-letter {
font-size: 255%;
line-height: 0.8;
}
.cmeArticleQuoteLeft {
font-size: 22px;
line-height: 1.3em;
font-weight: bold;
font-style: italic;
}
.cmeArticleQuoteLeft:after {
content: "\0022";
font-size: 22px;
}
.cmeArticleQuoteLeft:before {
content: "\0022";
font-size: 22px;
}
.cmeArticleQuoteRight {
font-size: 22px;
line-height: 1.3em;
font-weight: bold;
font-style: italic;
}
.cmeArticleQuoteRight:after {
bottom: -20px;
content: "\0022";
font-size: 22px;
}
.cmeArticleQuoteRight:before {
content: "\0022";
font-size: 22px;
}
.cmeArticleInformationLeft {
background-color: #393939;
color: #FFF;
font-size: 15px;
line-height: 1.3em;
}
.cmeArticleInformationRight {
background-color: #393939;
color: #FFF;
font-size: 15px;
line-height: 1.3em;
}
.cmeNote {
font-size: 0.75em;
line-height: 1.25em;
}
.cme-home-landing .cmeNote {
font-size: 0.73em;
}
/****************************/
/* CME BULLETED LISTS */
/****************************/
.cmeBulletedList > li {
vertical-align: middle;
line-height: 1.25em;
}
.cmeBulletedList>li:before {
content: "";
position: absolute;
margin: 0.5em 0 0 -0.625em;
width: 4px;
height: 4px;
background-color: #62676a;
border-radius: 50%;
}
/****************************/
/* CME TEXT LISTS */
/****************************/
.cmeTextList span:before {
content: "\007C";
margin-left: 5px;
margin-right: 5px;
}
.cmeTextList span:first-child:before {
content: "";
margin-left: 0;
margin-right: 0;
}
.cmeText ul, .cmeArticle ul {
list-style-type: disc;
list-style-position: outside;
margin: 0.625em 0em 0em 2em;
}
.cmeText ol, .cmeArticle ol {
list-style-type: decimal;
list-style-position: outside;
margin: 0.625em 0em 0em 2em;
}
.cmeText ul ul, .cmeText ol ul, .cmeArticle ul ul, .cmeArticle ol ul {
list-style-type: circle;
list-style-position: outside;
margin: 0 0em 0.2em 1.5em;
}
#cmeNav ul {
list-style: none;
margin-left: 0;
}
.cmeText ol ol, .cmeText ul ol, .cmeArticle ol ol, .cmeArticle ul ol {
list-style-type: lower-latin;
list-style-position: outside;
margin: 0 0em 0.2em 1.5em;
}
/***************************/
/* CME STATIC LIST */
/***************************/
.cmeStaticList .cmeList > li {
vertical-align: middle;
line-height: 1.25em;
}
.cmeStaticList .cmeList > li:before {
content: "";
position: absolute;
margin: 0.5em 0 0 -0.625em;
width: 4px;
height: 4px;
background-color: #62676a;
border-radius: 50%;
}
/****************************/
/* CME TABS */
/****************************/
.cmeTabs .cmeTabsNavigation li a {
color: #357cc7;
}
.cmeTabs .cmeTabsNavigation li a:hover {
color: #357cc7;
}
.cmeTabsNavigation {
border-collapse: separate;
}
.cmeTabsNavigation li {
font-size: 16px;
border-collapse: collapse;
text-align: center;
vertical-align: middle;
background: white;
border: 0;
border-bottom: 4px solid #e3e3e3;
border-radius:0;
}
.cmeTabsNavigation li.cmeTabSelected {
background: #efefef;
border-bottom: 4px solid #357cc7;
margin-bottom: -4px;
position: relative;
z-index: 2;
}
.cmeTabsNavigation li.cmeTabSelected a {
color: #242424;
font-weight: normal;
}
.cmeTabsNavigation li:hover {
background-color: #efefef;
border-bottom: solid 4px #ccc;
transition: background-color 0.5s ease;
}
.cmeTabsSkinVertical .cmeTabsNavigation {
float: left;
}
.cmeTabsSkinVertical .cmeTabsNavigation li {
display: block;
border-bottom: 0;
border-right: 4px solid transparent;
margin: 0 -4px 0 0;
text-align: inherit;
}
.cmeTabsSkinVertical .cmeTabsNavigation li.cmeTabSelected {
border-right: 4px solid #357cc7;
}
.cmeTabsSkinVertical .cmeTabsNavigation li:hover {
background: #f6f6f6;
}
.cmeTabsContent {
border-collapse: separate;
}
.cmeTabsContent li {
font-size: 16px;
border-collapse: collapse;
border-right: solid 1px #cfcfcf;
border-top: solid 1px #cfcfcf;
border-bottom: solid 1px #cfcfcf;
vertical-align: middle;
background: #eaeaea;
background: -moz-linear-gradient(top, #fff 50%, #eaeaea 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), color-stop(100%, #eaeaea));
background: -webkit-linear-gradient(top, #fff 50%, #eaeaea 100%);
background: -o-linear-gradient(top, #fff 50%, #eaeaea 100%);
background: -ms-linear-gradient(top, #fff 50%, #eaeaea 100%);
background: linear-gradient(to bottom, #fff 50%, #eaeaea 100%);
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.cmeTabsContent li:first-child {
border-left: solid 1px #cfcfcf;
}
.cmeTabsContent li.cmeTabSelected {
border-bottom: none;
background: -moz-linear-gradient(top, #eaeaea 50%, #fff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eaeaea), color-stop(100%, #fff));
background: -webkit-linear-gradient(top, #eaeaea 50%, #fff 100%);
background: -o-linear-gradient(top, #eaeaea 50%, #fff 100%);
background: -ms-linear-gradient(top, #eaeaea 50%, #fff 100%);
background: linear-gradient(to bottom, #eaeaea 50%, #fff 100%);
}
.cmeTabsContent li.cmeTabSelected a {
color: #242424;
font-weight: normal;
}
.cmeTabsSkinVertical .cmeTabPanel {
float: left;
padding-left: 1.7%;
clear: none;
border: 4px solid #e2e2e2;
}
/***************************/
/* CME TABS SUB NAVIGATION */
/***************************/
.cmeSubNavigation {
font-size: 16px;
border-bottom: 4px solid #e3e3e3;
background: #fff;
}
/*********************************/
/* SUB NAVIGATION TOGGLES */
/*********************************/
.cmeToggleControl {
-moz-box-sizing: border-box;
box-sizing: border-box;
border: solid 1px #c7c7c7;
border-collapse: collapse;
}
.cmeToggleControl .cmeTabsSubNavigationItem {
vertical-align: middle;
text-align: center;
border-left: solid 1px #c7c7c7;
background: #fff;
}
.cmeToggleControl .cmeTabsSubNavigationItem.cmeTabSelected {
background: #EFEFEF;
}
.cmeToggleControl .cmeTabsSubNavigationItem.cmeTabSelected a {
color: #333;
}
.cmeTabsSubNavigationItem:hover {
background-color: #efefef;
transition: background-color 0.5s ease;
}
/* CONTENT AREAS IN TABS */
.cmeTabPanel {
border: 4px solid #e3e3e3;
border-top: 0;
}
.cmeTabPanel .cmeContentBox h1, .cmeTabPanel .cmeContentBox h2, .cmeTabPanel .cmeContentBox h3 {
line-height: 34px;
}
.cmeSubNavigation .cmeSupportingLinks li {
text-align: right;
}
a.cmeSupportingLink span {
font-size: 14px;
}
a.cmeSupportingLink:before {
content: "\2212";
}
/***********************************/
/* CME CONTENT COLUMN DESIGN BOX */
/***********************************/
.cmeColumnDesign.cmeTwoColumnDesign .parsys > .section {
column-count: 2;
-moz-column-count: 2;
-webkit-column-count: 2;
column-gap: 20px;
-moz-column-gap: 20px;
-webkit-column-gap: 20px;
column-fill:balance;
}
.cmeColumnDesign.cmeThreeColumnDesign .parsys > .section {
column-count: 3;
-moz-column-count: 3;
-webkit-column-count: 3;
column-gap: 20px;
-moz-column-gap: 20px;
-webkit-column-gap: 20px;
column-fill:balance;
}
.cmeColumnDesign .cmeText > ul > li, .cmeColumnDesign .cmeText > ol > li, .cmeColumnDesign .cmeStaticMediaBox > div > .cmeList > .cmeListContent > .cmeMediaBox, .cmeColumnDesign .cmeProductList > li, .cmeColumnDesign .cmeBulletedList > li {
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
-o-column-break-inside: avoid;
column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid-column; /*display:table;*/
column-fill:balance;
}
/*****************************/
/* IOS SWITCH */
/*****************************/
.cmeUpdateControl {
float: right;
}
.cmeUpdateControl li {
float: right;
}
input[type="checkbox"].cmeIOSSwitch {
position: absolute;
opacity: 0;
}
input[type="checkbox"].cmeIOSSwitch + div {
background: #cbcbcb;
display: inline-block;
vertical-align: middle;
width: 3em;
height: 1em;
border: 1px solid rgba(0,0,0,.3);
border-radius: 999px;
margin: 0 .1em;
background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.1), transparent), -moz-linear-gradient(90deg, hsl(210, 90%, 60%) 50%, transparent 50%);
background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), transparent), -webkit-linear-gradient(10deg, hsl(210, 90%, 60%) 50%, transparent 50%);
background-image: -ms-linear-gradient(rgba(0, 0, 0, 0.1), transparent), -ms-linear-gradient(90deg, hsl(210, 90%, 60%) 50%, transparent 50%);
background-image: -o-linear-gradient(rgba(0, 0, 0, 0.1), transparent), -o-linear-gradient(90deg, hsl(210, 90%, 60%) 50%, transparent 50%);
background-image: linear-gradient(rgba(0, 0, 0, 0.1), transparent), linear-gradient(90deg, hsl(210, 90%, 60%) 50%, transparent 50%);
background-size: 200% 100%;
background-position: 100% 0;
background-origin: border-box;
background-clip: border-box;
overflow: hidden;
transition-duration: .4s;
transition-property: padding, width, background-position, text-indent;
box-shadow: 0 .1em .1em rgba(0,0,0,.2) inset, 0 .45em 0 .1em rgba(0,0,0,.05) inset;
font-size: 150%;
}
input[type="checkbox"].cmeIOSSwitch:checked + div {
background: #3D99F4;
padding-left: 2em;
width: 1em;
background-position: 0 0;
}
input[type="checkbox"].cmeIOSSwitch + div:before {
content: "On";
float: left;
width: 1.65em;
height: 1.65em;
margin: -.1em;
border: 1px solid rgba(0,0,0,.35);
border-radius: inherit;
background: #fff;
background-image: linear-gradient(rgba(0,0,0,.2), transparent);
box-shadow: 0 .1em .1em .1em hsla(0,0%,100%,.8) inset, 0 0 .5em rgba(0,0,0,.3);
color: #fff;
text-shadow: 0 -1px 1px rgba(0,0,0,.3);
text-indent: -2.5em;
}
input[type="checkbox"].cmeIOSSwitch:active + div:before {
background-color: #efefef;
}
input[type="checkbox"].cmeIOSSwitch:focus + div {
box-shadow: 0 .1em .1em rgba(0,0,0,.2) inset, 0 .45em 0 .1em rgba(0,0,0,.05) inset, 0 0 .4em 1px rgba(255,0,0,.5);
}
input[type="checkbox"].cmeIOSSwitch + div:before, :root input[type="checkbox"].cmeIOSSwitch + div:after {
font: bold 60%/1.9 sans-serif;
text-transform: uppercase;
}
input[type="checkbox"].cmeIOSSwitch + div:after {
content: "Off";
float: left;
text-indent: .5em;
color: rgba(0,0,0,.45);
text-shadow: none;
}
.cmeSliderSwitch {
cursor: pointer;
}
/****************************/
/* CME TABLES */
/****************************/
/* DEFAULT TABLES */
table {
border-collapse: collapse;
font-size: 13px;
border: none;
color: #333;
}
table th, table td {
border: solid 1px #cacaca;
border-collapse: collapse;
}
table th {
font-weight: bold;
text-align: center;
vertical-align: middle;
}
table td {
vertical-align: top;
}
/* TABLE STYLES */
.cmeTable .cmeResultsTable {
border-collapse: collapse;
font-size: 13px;
min-width:100%;
}
.cmeTable thead th, .cmeResultsTable th {
background-color: #252525;
color: #fff;
font-weight: bold;
vertical-align: bottom;
}
.cmeTable thead th a {
color: #fff;
text-decoration: none;
}
.cmeTable thead th a:hover {
color: #0195E7;
}
.cmeTable tbody th {
font-weight: normal;
}
.cmeTable th, .cmeTable td, .cmeResultsTable td, .cmeResultsTable th {
border: solid 1px #cacaca;
;
border-collapse: collapse;
vertical-align: middle;
}
.cmeTableFoot {
background: #fff;
}
.cmeResultListing > li:nth-child(odd), .cmeTable tbody tr:nth-child(odd), .cmeResultsTable tbody tr:nth-child(odd), .cmeDataWidgetTable tbody tr:nth-child(odd), .cmeSpecTable tbody tr:nth-child(odd), .cmeDelayedQuotesTable tbody tr:nth-child(odd), .cmePinnedTable tbody tr:nth-child(odd), .cmeContentTable tbody tr:nth-child(odd), .cmeContentTableAdvanced tbody tr:nth-child(odd), .cmeDataTable tbody tr:nth-child(odd), .cmeDataTableAdvanced tbody tr:nth-child(odd), .cmeDataTableAdvanced .cmeRowBandingOff td, .cmeDataTable .cmeRowBandingOff td, .cmeContentTableAdvanced .cmeRowBandingOff td, .cmeContentTable .cmeRowBandingOff td {
background: #efefef;
}
.cmeResultListing > li:nth-child(even), .cmeTable tbody tr:nth-child(even), .cmeResultsTable tbody tr:nth-child(even) .cmeDataWidgetTable tbody tr:nth-child(even), .cmeSpecTable tbody tr:nth-child(even), .cmeDelayedQuotesTable tbody tr:nth-child(even), .cmeContentTable tbody tr:nth-child(even), .cmeContentTableAdvanced tbody tr:nth-child(even), .cmeDataTable tbody tr:nth-child(even), .cmeDataTableAdvanced tbody tr:nth-child(even), .cmePinnedTable tbody tr:nth-child(even), .cmeDataTableAdvanced .cmeRowBandingOn td, .cmeDataTable .cmeRowBandingOn td, .cmeContentTableAdvanced .cmeRowBandingOn td, .cmeContentTable .cmeRowBandingOn td {
background: #fff;
}
/* HANDLE Double-borders for FIXED HEAD Tables */
.cmeTableHeadWrapper .cmeTable, .cmeTableHeadWrapper .cmeTable thead tr th {
border-bottom: none;
}
.cmeTableBodyWrapper .cmeTable, .cmeTableBodyWrapper .cmeTable tbody tr:first-child th, .cmeTableBodyWrapper .cmeTable tbody tr:first-child td {
border-top: none;
}
.cmeTableBodyWrapper .cmeTable, .cmeTableBodyWrapper .cmeTable tbody tr:last-child th, .cmeTableBodyWrapper .cmeTable tbody tr:last-child td {
border-bottom: none;
}
.cmeTableBodyWrapper {
border-top: solid 1px #d8d8d8;
border-bottom: solid 1px #d8d8d8;
}
.cmeTableFooterWrapper .cmeTable, .cmeTableFooterWrapper .cmeTable tfoot tr td {
border-top: none;
}
.cmeMargins #quotesProductPanel {
border-top: 1px solid #cfcfcf;
}
/*Additional styles for more complex tables */
.cmeIndentSecondary {padding-left: 2%;}
.cmeIndentTertiary {padding-left: 4%;}
.cmeIndentQuaternary {padding-left: 6%;}
.cmeIndentQuinary {padding-left: 8%;}
.cmeIndentSenary {padding-left: 10%;}
table .cmeHeaderSecondary, table .cmeHeaderTertiary, table .cmeHeaderQuaternary, table .cmeHeaderQuinary {
font-weight: bold;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 14px !important;
}
table .cmeHeaderSecondary {background: #00447C !important;}
table .cmeHeaderTertiary {background: #0079C1 !important;}
table .cmeHeaderQuaternary {background: #58595B !important;}
table .cmeHeaderQuinary {background: #939598 !important;}
.cmeHeaderQuinary a, .cmeHeaderTertiary a, .cmeHeaderSecondary a, .cmeHeaderQuaternary a{
text-decoration: underline !important;
color: #ffffff;
}
/* Margins table groupings */
.cmeRowGroup {
display: table-row-group;
border-collapse: collapse;
border-bottom: solid 2px #000;
}
.cmeRowGroup:first-child {
border-collapse: separate;
border-bottom-style: none;
}
.cmeRowBandingOn th, .cmeRowBandingOn td {
background-color: #fff;
}
.cmeRowBandingOff th, .cmeRowBandingOff td {
background-color: #e4e4e4;
}
.cmeTableRowHighlight th, .cmeTableRowHighlight td {
background-color: #fbe1bc !important;
}
/* For find a broker/provider, when nth child isnt supported */
#cmeSearchFilterResults .cmeRowBandingOn {
background-color: #fff;
}
#cmeSearchFilterResults .cmeRowBandingOff {
background-color: #e4e4e4;
}
.cmeTableMessaging {
border: solid 1px #ccc;
background-color: #efefef;
}
.cmeFilterWrapper {
border: solid 1px #ccc;
background-color: #efefef;
}
.cmeFilterToggle {
background-color: #e0e0e0;
text-align: center;
cursor: pointer;
color: #0575b9;
}
.cmeTableLeft {
text-align: left !important;
}
.cmeTableRight {
text-align: right !important;
}
/* Sortable Tables */
.cmeTableSorting thead tr th .cmeTableSortingCell a {
color: #fff;
display: block;
padding-right: 14px;
}
.cmeTableSorting thead tr th .cmeTableSortingCell a:hover {
color: #fbc100;
}
.cmeTableSorting thead tr th .cmeTableSortingCell.cmeSortActive a {
color: #fbc100;
}
.cmeTableSorting .cmeTableSortingCell:before {
content: "";
display: block;
position: absolute;
bottom: 2px;
right: 0;
background: url("cmegroupClientLibs/images/cmegroup-icon-set.png") no-repeat scroll -2px -470px transparent;
width: 10px;
height: 6px;
}
.cmeTableSorting thead tr th .cmeTableSortingCell.cmeSortdesc:before {
background-position: -2px -469px;
}
.cmeTableSorting thead tr th .cmeTableSortingCell.cmeSortasc:before {
background-position: -2px -460px;
}
.cmeTableSorting thead tr th .cmeTableSortingCell.cmeSortActive.cmeSortdesc:before {
background-position: -2px -453px;
}
.cmeTableSorting thead tr th .cmeTableSortingCell.cmeSortActive.cmeSortasc:before {
background-position: -2px -444px;
}
/* CME CONTENT TABLES */
.cmeContentTableAdvanced thead th, .cmeContentTableAdvanced tbody th, .cmeContentTableAdvanced tbody td, .cmeContentTable tbody th, .cmeContentTable tbody td {
border: solid 1px #cacaca;
}
.cmeContentTableAdvanced thead th, .cmeContentTableAdvanced tbody th, .cmeContentTable tbody th {
background-color: #5db0f4;
color: #fff;
}
.cmeContentTableAdvanced tbody .cmeRowHeading, .cmeContentTable tbody .cmeRowHeading {
background-color: #f6f6f6;
color: #333;
font-weight: normal;
vertical-align: top;
}
.cmeContentTableAdvanced thead th, .cmeContentTableAdvanced tbody .cmeColumnHeading, .cmeContentTable tbody .cmeColumnHeading {
background-color: #5db0f4;
color: #fff;
font-weight: bold;
vertical-align: middle;
}
.cmeContentTableAdvanced tbody tr:hover {
background-color: #fbe1bc;
}
.cmeContentTableAdvanced tbody tr:hover th, .cmeContentTableAdvanced tbody tr:hover td {
background-color: #fbe1bc;
border: solid 1px #cacaca;
color: #333;
}
/* CME DATA TABLES */
.cmeDataTableAdvanced thead th, .cmeDataTableAdvanced tbody th, .cmeDataTableAdvanced tbody td, .cmeDataTable tbody th, .cmeDataTable tbody td, .cmeDelayedQuotesAssetClass .cmeDelayedQuotesTable td, .cmeDelayedQuotesAssetClass .cmeDelayedQuotesTable th {
border: solid 1px #cacaca;
}
.cmeDataTableAdvanced thead th, .cmeDataTableAdvanced tbody th, .cmeDataTable tbody th {
background-color: #252525;
color: #fff;
border: solid 1px #424242;
}
.cmeDataTableAdvanced tbody .cmeRowHeading, .cmeDataTable tbody .cmeRowHeading {
background-color: #f6f6f6;
color: #333;
border: solid 1px #cacaca;
font-weight: normal;
vertical-align: top;
}
.cmeDataTableAdvanced thead th, .cmeDataTableAdvanced tbody .cmeColumnHeading, .cmeDataTable tbody .cmeColumnHeading, .cmeDelayedQuotesAssetClass thead th {
background-color: #252525;
color: #fff;
border: solid 1px #424242;
font-weight: bold;
vertical-align: middle;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.cmeDataTableAdvanced tbody tr:hover, .cmeDelayedQuotesAssetClass tbody tr:hover {
background-color: #fbe1bc;
}
.cmeDataTableAdvanced tbody tr:hover th, .cmeDataTableAdvanced tbody tr:hover td {
background-color: #fbe1bc;
border: solid 1px #cacaca;
color: #333;
}
/* DATATABLES STYLING AND FUNCTIONALITY */
.cmeInteractiveTable .odd {
background: #f6f6f6;
}
.cmeInteractiveTable .even {
background: #fff;
}
.dataTables_filter label:after {
content: "\e801";
font-family: 'cmeIcons';
color: #ccc;
position: relative;
left: -20px;
}
.dataTables_filter input[type="search"] {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: solid 1px #C0C0C0;
color: #333;
font-size: 14px;
-webkit-appearance: none;
}
.dataTables_filter input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance:none;
}
.dataTables_filter input[type="search"]::-ms-clear {
display: none;
}
.dataTables_paginate {
font-size: 14px;
}
.dataTables_paginate .paginate_button {
border: solid 1px #ddd;
border-left: none;
color: #1971c4;
background: #fff;
cursor: pointer;
line-height: 20px;
}
.dataTables_paginate .ellipsis {
border: solid 1px #ddd;
border-left: none;
color: 333;
cursor: auto;
line-height: 20px;
}
.dataTables_paginate .paginate_button:hover {
color: #1c3d73;
}
.dataTables_paginate .paginate_button.first {
border-left: solid 1px #ddd;
-webkit-border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-bottomleft: 4px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.dataTables_paginate .paginate_button.last {
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.dataTables_paginate .paginate_button.current, .dataTables_paginate .paginate_button.current:hover {
color: #333;
cursor: auto;
}
.dataTables_paginate .paginate_button.disabled, .dataTables_paginate .paginate_button.disabled:hover {
color: #ccc;
cursor: auto;
}
.cmeInteractiveTable .sorting_desc, .cmeInteractiveTable .sorting_asc, .cmeInteractiveTable .sorting {
cursor: pointer;
}
.cmeDataTableAdvanced .sorting_desc, .cmeDataTableAdvanced .sorting_asc {
color: #fbc100;
}
.cmeContentTableAdvanced .sorting_desc, .cmeContentTableAdvanced .sorting_asc {
color: #000;
}
.cmeInteractiveTable .sorting_desc:after {
content: "\e8ff";
font-family: 'cmeIcons';
float: right;
}
.cmeInteractiveTable .sorting_asc:after {
content: "\e900";
font-family: 'cmeIcons';
float: right;
}
/* CONTRACT SPECS TABLE */
/*.cmeSpecTable {border:solid 1px #d8d8d8;}*/
.cmeSpecTable tbody th {
background: #F5F5F5;
font-weight: bold;
vertical-align: top;
}
.cmeSpecTable tbody td {
font-weight: normal;
white-space: normal
}
.cmeSpecTableNested tbody th {
background: #FFFFFF;
font-weight: normal;
}
.cmeSpecTableNested th, .cmeSpecTableNested td {
border: 0px;
}
.cmeSpecTable th.noPadding, .cmeSpecTable td.noPadding {
border: none !important;
}
.cmeSpecTableNested tr:first-child * {
border-bottom: solid 1px #D8D8D8;
}
.cmeSpecTableNested tr *:first-child {
border-right: solid 1px #D8D8D8;
}
/* OLD STYLES - REMOVE AFTER NEW CONTENT ADDED */
.cmeSpecTable {
border-collapse: collapse;
}
.cmeSpecTable th {
border: none;
border-collapse: collapse;
text-align: left;
}
.cmeSpecTable td {
border: solid 1px #424242;
border-collapse: collapse;
text-align: left;
}
.cmeSpecTable th.productSpecs-company {
color: #cc6600;
}
.cmeSpecTable thead th.productSpecs-q4 {
display: none;
}
.cmeSpecTable tbody td.prodSpecAtribute {
background: #252525 !important;
color: #fff;
font-weight: normal;
vertical-align: top;
}
/* CME OPTIONS TABLE */
.cmeOptionsTable {
border: none;
}
.cmeOptionsTable thead th.cmeStrikePrice {
background-image: none;
background-color: #252525;
border: none;
border-top: 1px solid #252525;
border-bottom: 1px solid #252525;
}
.cmeOptionsTable tbody th[scope=row] {
color: #fff;
background-color: #252525;
border: none;
border-color: #252525;
border-top: 1px solid #252525;
}
.cmeOptionsTable tbody tr.cmeTableRowHighlight th[scope=row] {
color: #000 !important;
}
.cmeOptionsTableSection {
background-color: #606060 !important;
}
.cmeCalls {
background-color: #fff;
}
.cmePuts {
background-color: #F5F5F5;
}
.cmeButtonListCell {
white-space: nowrap;
}
.cmeChanged {
background-color: #ED9F01 !important;
}
/* CME RULED TABLES */
table.cmeTableRuled, table.cmeTableBorder {
border-collapse: collapse;
}
table.cmeTableRuled td {
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
vertical-align: middle;
text-align: left;
}
table.cmeTableRuled thead th, table.cmeTableBorder thead th {
color: #000;
font-weight: bold;
line-height: 16px;
text-align: center;
vertical-align: top;
}
table.cmeTableBorder td {
border: 1px solid #ccc;
}
table.cmeTableRuled tr.cmeGray th, table.cmeTableRuled tr.cmeGray td, table.cmeTableBorder tr.cmeGray th, table.cmeTableBorder tr.cmeGray td, table.cmeTableRuled tr td.cmeGray, table.cmeTableBorder tr td.cmeGray {
background: #efefef;
}
/************************/
/* MARKETING MESSAGES */
/************************/
.cmeMarketingMessage {
position: relative;
background-color: #f5f5f5;
-moz-box-shadow: 5px 5px 5px #e8e8e8;
-webkit-box-shadow: 5px 5px 5px #e8e8e8;
box-shadow: 5px 5px 5px #e8e8e8;
color:#444;
}
.cmeMarketingMessage h2 {
color: #6c6c6c;
}
.cmeMarketingContentItem li {
color: #7a7a7a;
}
.cmeMarketingContentItem p {
color: #7a7a7a;
}
.cmeMarketingHighlightItems li {
color: #000;
}
.cmeCloseLink a:before {
content: "";
float: left;
width: 13px;
height: 13px;
padding: 0 5px 0 0;
background: transparent url("cmegroupClientLibs/images/cmegroup-icon-set.png") no-repeat -72px -64px;
}
/******************************/
/* LIST ICONS */
/******************************/
.callsListIcon {
background-image: url("cmegroupClientLibs/images/cme-calls-legend.png");
}
.putsListIcon {
background-image: url("cmegroupClientLibs/images/cme-puts-legend.png");
}
.cmeIconListItem span:before {
content: "";
float: left;
background: transparent url("cmegroupClientLibs/images/cmegroup-icon-set.png") no-repeat;
}
.cmeOptionsListIcon span:before {
width: 31px;
height: 17px;
margin: 3px 3px 0 0;
background-position: -1px -120px;
}
.cmePriceChartListIcon span:before {
width: 19px;
height: 19px;
margin: 1px 5px 0 0;
background-position: -55px -98px;
}
.cmeVolumeChartListIcon span:before {
width: 19px;
height: 19px;
margin: 1px 5px 0 0;
background-position: -35px -98px;
}
.cmeDownloadListIcon span:before {
width: 17px;
height: 19px;
margin: 0 3px 0 0;
content: "";
float: left;
background: transparent url("cmegroupClientLibs/images/cmegroup-icon-set.png") no-repeat 0px -98px;
}
.cmeAboutListIcon span:before {
width: 25px;
height: 26px;
margin: -3px 5px 0 0;
content: "";
float: left;
background: transparent url("cmegroupClientLibs/images/cmegroup-icon-set.png") no-repeat 0 -255px;
}
.cmeExcelLinkIcon span:before {
width: 25px;
height: 26px;
margin: 0 5px 0 0;
content: "";
float: left;
background: transparent url("cmegroupClientLibs/images/cmegroup-icon-set.png") no-repeat -25px -71px;
}
.cmeExcelLinkIcon span {
line-height: 22px;
}
.cmeExcelLinkIcon.cmeButtonDownload span:before {
width: 24px;
height: 23px;
margin: 0 5px 0 0;
content: "";
float: left;
background: transparent url("cmegroupClientLibs/images/cmegroup-icon-set.png") no-repeat 0 -46px;
}
.cmeOptionsButtonLinkIcon span:before {
content: "";
float: right;
width: 31px;
height: 17px;
margin: 0 0 0 4px;
background: transparent url("cmegroupClientLibs/images/cmegroup-icon-set.png") no-repeat -1px -120px;
}
.cmeInlineButtonLinkIcon.cmeOptionsButtonLinkIcon {
position: relative;
padding-right: 32px;
}
.cmeInlineButtonLinkIcon.cmeOptionsButtonLinkIcon span:before {
float: none;
position: absolute;
left: 0;
top: 0;
margin: 0;
}
.cmePriceChartImageIcon {
display: block;
text-align: center;
}
.cmePriceChartImageIcon span:before {
width: 19px;
height: 19px;
margin: 0;
background-position: -55px -98px;
}
.cmeIconListItem.cmePriceChartImageIcon > span {
display: inline-block;
height: 19px;
text-indent: -9999em;
width: 19px;
}
/**************************/
/* LISTS */
/**************************/
.cmeLinkList li {
vertical-align: top;
}
.cmeLinkList li:before {
content: "\007C";
padding: 0 0.625em 0 0;
}
.cmeLinkList li:first-child:before {
content: "";
content: none;
padding: 0;
}
/*.cmeFlatList li:before {content:"\007C";}
.cmeFlatList li:first-child:before {content:""; content:none;}*/
.cmeHorizontalList li {
vertical-align: top;
}
.cmeListSeparator li:before {
content: "\007C";
padding: 0 0.625em 0 0;
}
.cmeListSeparator li:first-child:before {
content: "";
content: none;
padding: 0;
}
/**************************/
/* TOP LINKS (PULL DOWN) */
/**************************/
#cmeMenu > ul.cmeLinkList li {
font-size: 14px;
}
#cmeMenu > ul.cmeLinkList > li {
padding-top: 5px;
padding-right: 8px;
}
#cmeMenu > ul.cmeLinkList > li > a {
padding-left: 5px;
overflow: visible !important;
height: 19px !important;
line-height: 19px !important;
}
#cmeMenu > ul.cmeLinkList > li:before {
padding: 0px;
}
#cmeMenu > ul.cmeLinkList > li.cmeLinkHasChildren {
padding-right: 3px;
border-left: solid 1px #FFFFFF;
height: 19px !important;
position: relative;
overflow: visible !important;
line-height: 19px !important;
}
#cmeMenu > ul.cmeLinkList > li.cmeLinkHasChildren > a:after {
background: url("cmegroupClientLibs/images/navDownArrow.png") no-repeat scroll right top rgba(0, 0, 0, 0);
width: 13px;
height: 15px;
float: right;
content: "";
float: right;
margin-left: 5px;
margin-right: 2px;
}
#cmeMenu > ul.cmeLinkList > li.cmeLinkHasChildren:hover {
background-color: #3EA2D4;
}
#cmeMenu > ul.cmeLinkList > li.cmeLinkHasChildren:hover > a {
color: #FFFFFF;
}
#cmeMenu > ul.cmeLinkList > li.cmeLinkHasChildren:hover > div.cmeLinkChildren {
display: block !important;
}
#cmeMenu > ul.cmeLinkList > li > div.cmeLinkChildren {
float: none;
position: absolute;
overflow: hidden;
display: none;
background-color: #F2F4F3 !important;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
text-align: left !important;
border-top: solid 5px #3EA2D4;
top: 23px;
}
#cmeMenu > ul.cmeLinkList > li > div.cmeLinkChildren > ul {
padding: 0px !important;
margin-left: 0px !important;
border-style: solid;
border-width: 0px 1px 1px 1px;
border-color: #CCCCCC;
width: 240px;
padding: 10px 5px 5px 10px !important;
}
#cmeMenu > ul.cmeLinkList > li > div.cmeLinkChildren > ul > li {
clear: both;
float: none !important;
line-height: 22px;
display: block;
font-size: 12px !important;
text-align: left !important;
}
#cmeMenu > ul.cmeLinkList > li > div.cmeLinkChildren > ul > li:before {
content: "";
content: none;
}
#cmeMenu > ul.cmeLinkList > li > div.cmeLinkChildren > ul > li.cmeLinkHeading {
font-size: 14px !important;
font-weight: bold;
margin: 5px 0px 5px 0px !important;
}
#cmeMenu > ul.cmeLinkList > li > div.cmeLinkChildren > ul > li.cmeSingleSignOn a {
float: left !important;
}
#cmeMenu > ul.cmeLinkList > li > div.cmeLinkChildren > ul > li.cmeSingleSignOn a:after {
content: "";
background: url("cmegroupClientLibs/images/cme-sso-icon.png") no-repeat scroll right center;
height: 22px;
width: 55px;
float: right;
}
.cmeSubNavigation .cmeLinkList li.cmeTabSelected a {
color: #333;
}
.linkList > li {
vertical-align: middle;
}
.linkList > li:first-child:after {
content: "\007C";
}
.linkList > li > a, .linkList > li > span {
padding: 0 0 0 5px;
}
.linkList > li:first-child a, .linkList > li:first-child span {
padding: 0 5px 0 12px;
}
.cmeBreadcrumbList li {
line-height: 14px;
}
.cmeBreadcrumbList li:after {
content: "\00BB";
padding: 0 2px 0 4px;
}
.cmeCurrentPage {
padding-left: 2px;
}
.cmeCurrentPage:after {
content: "" !important;
padding: 0;
}
.cmeProductMetaInformation>li {
text-align: right;
font-size: 11px;
color: #333;
line-height: 16px;
}
.cmeProductMetaInformation>li:first-child {
font-size: 12px;
line-height: 18px;
}
.cmeSupportingMetaInformation {
font-size: 12px;
}
.cmePdfLink span:before {
width: 17px;
height: 14px;
margin: 0 3px 0 0;
background-position: 0 -148px;
}
.cmeFlashLink span:before {
width: 16px;
height: 16px;
margin: 0 3px 0 0;
background-position: -16px -146px;
}
.cmeHelpLink span:before {
content: "";
background: transparent url("cmegroupClientLibs/images/cmegroup-icon-set.png") no-repeat 0 -98px;
}
.cmeVideoLink span:before {
width: 15px;
height: 12px;
margin: 0 3px 0 0;
background-position: -22px -162px;
}
.cmeRssLink span:before {
content: "";
background: transparent url("cmegroupClientLibs/images/cmegroup-icon-set.png") no-repeat 0 -48px;
}
.cmeExcelLink span:before {
width: 15px;
height: 15px;
margin: 0 3px 0 0;
background-position: -4px -50px;
}
.cmeBulletedList .cmeIconListItem span:before {
float: right;
}
.cmeBulletedList .cmeIconListItem span {
display: inline-block;
}
.cmeBulletedList .cmePdfLink span:before {
margin: 0 0 0 5px;
}
.cmeRightColumnLayout .cmeListTitle {
border-bottom: solid 1px #666;
line-height: 1.6em;
}
/* FIXED LIST - STATIC MEDIA BOX - DEFAULT STYLES */
.cme-primary-landing .cmeLeftColumnLayout .cmeStaticMediaBox .cmeMediaBoxTitle, .cme-primary-landing .cmeFullColumnLayout .cmeStaticMediaBox .cmeMediaBoxTitle {
font-size: 18px;
}
.cme-primary-landing .cmeRightColumnLayout .cmeStaticMediaBox .cmeMediaBoxTitle {
font-size: 14px;
}
.cmeMediaBoxDate {
color: #9C9C9C;
}
.megaMenuStoryItems .cmeMediaBoxMeta .cmeMediaBoxDate {
color: #333;
}
.cmeFeaturedPageLink .cmeMediaBoxMeta .cmeMediaBoxAuthor, .cmeFeaturedPageLink .cmeMediaBoxMeta .cmeMediaBoxDate {
color: #9C9C9C;
}
/*.cmeSecondaryNav .cmeFeaturedPageLink .cmeMediaBoxTitle h3 {font-size:16px; line-height:20px;}
.cmeSecondaryNav .cmeFeaturedPageLink .cmeMediaBoxDescription {font-size:12px; line-height:16px;}*/
.cmeSecondaryNav .cmeMediaBoxTitle, .cmeSecondaryNav .cmeMediaBoxTitle h3 {
font-size: 16px;
line-height: 20px;
}
.cmeSecondaryNav .cmeMediaBoxDescription {
font-size: 14px;
line-height: 16px;
}
.cmeSecondaryNav .cmeColThird .cmeFeaturedPageLink .cmeHorizontalLayout {
padding: 0 !important;
}
.cmeMediaBoxContentDefaultLayout .cmeMediaBoxDate:before {
content: "\2013";
margin: 0 0.313em 0 0;
}
/* STATIC MEDIA BOX - USED AS MARKUP FOR DYNAMIC FEEDS IN NAV */
.cmeMediaBoxContentAdvisoryLayout .cmeMediaBoxDate, .cmeMediaBoxContentAdvisoryLayout .cmeMediaBoxDescription, .cmeMediaBoxContentDefaultLayout .cmeMediaBoxDate, .cmeMediaBoxContentDefaultLayout .cmeMediaBoxDescription {
color: #666;
}
/* ADVISORY WIDGET */
.cmeAdvisoryWidgetList .cmeMediaBoxEffectiveDate {
font-style: italic;
color: #9c9c9c;
}
.cmeProductList > .cmeAssetClass:before {
position: relative; /*top:0.188em;*/
float: left;
margin: 0.313em 0.313em 0 0;
content: "\00a0";
display: block;
border-radius: 50%;
width: 8px;
height: 8px;
}
.cmeAgriculturalAssetClass:before {
background-color: #f2a900;
}
.cmeEnergyAssetClass:before {
background-color: #AC145A;
}
.cmeEquityIndexAssetClass:before {
background-color: #8C4799;
}
.cmeFXAssetClass:before {
background-color: #DC4405;
}
.cmeInterestRatesAssetClass:before {
background-color: #00816D;
}
.cmeMetalsAssetClass:before {
background-color: #A6BBC8;
}
.cmeOptionsAssetClass:before {
background-color: #00a0d7;
}
.cmeOTCAssetClass:before {
background-color: #0064aa;
}
.cmeRealEstateAssetClass:before {
background-color: #B7BF10;
}
.cmeWeatherAssetClass:before {
background-color: #B7BF10;
}
/************************************************/
/* IMAGE CAROUSEL */
/************************************************/
.cme-home-landing .cmeBannerMask, .cme-primary-landing .cmeBannerMask {
background: rgba(255,255,255,0);
background: -moz-linear-gradient(center top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.03) 85%, rgba(255, 255, 255, 0.5) 90%, rgba(255, 255, 255, 0.8) 94%, rgba(255, 255, 255, 0.9) 97%, rgba(255, 255, 255, 1) 99%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(85%, rgba(255,255,255,0.3)), color-stop(90%, rgba(255,255,255,0.5)), color-stop(94%, rgba(255,255,255,0.8)), color-stop(97%, rgba(255,255,255,0.9)), color-stop(99%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0.53) 0%, rgba(255,255,255,0.77) 47%, rgba(255,255,255,1) 92%);
background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.03) 85%, rgba(255, 255, 255, 0.5) 90%, rgba(255, 255, 255, 0.8) 94%, rgba(255, 255, 255, 0.9) 97%, rgba(255, 255, 255, 1) 99%);
background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.03) 85%, rgba(255, 255, 255, 0.5) 90%, rgba(255, 255, 255, 0.8) 94%, rgba(255, 255, 255, 0.9) 97%, rgba(255, 255, 255, 1) 99%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 85%, rgba(255,255,255,0.5) 90%, rgba(255,255,255,0.8) 94%, rgba(255,255,255,0.9) 97%, rgba(255,255,255,1) 99%);
}
.cmeImageBannerOverlay {
background-color: rgba(0,0,0,0.7);
z-index: 1;
}
/* IMAGE BANNER - ASSET CLASS COLORS */
.cmeImageBannerAssetClass:before {
width: 8px;
height: 100%;
opacity: 1;
content: "";
display: block;
}
/**************************************************/
/* SHARED TREATMENT - RIGHT RAIL 5.0 COMPONENTS */
/**************************************************/
.cmeRightColumnLayout .section {
padding: 10px;
border: solid 1px #ddd;
}
.cmeRightColumnLayout .cmeSharedRightNav.section {
padding: 0;
border: none;
}
/***********************************************/
/* RELATED ITEMS - RIGHT RAIL 5.0 COMPONENTS */
/***********************************************/
.cmeRightColumnLayout .cmeRelatedContent {
padding: 10px;
border: solid 1px #ddd;
}
/*************************************************/
/* FEATURED INFORMATION - RIGHT RAIL COMPONENTS */
/*************************************************/
.cmeRightColumnLayout .cmeFeaturedInformation {
padding: 10px;
border: solid 1px #ddd;
}
/*************************************************/
/* STATIC MEDIA BOX - RIGHT RAIL COMPONENTS */
/*************************************************/
.cmeRightColumnLayout .cmeMediaBoxTitle h3 {
padding: 0;
}
.cmeRightColumnLayout .cmeStaticMediaBox {
padding: 10px;
border: solid 1px #ddd;
}
.cmeRightColumnLayout .cmeMediaBoxContent {
color: #9c9c9c;
}
.cmeRightColumnLayout .cmeMediaBoxDate {
color: #ccc;
}
/**************************************************/
/* STATIC LIST - RIGHT RAIL COMPONENTS */
/**************************************************/
.cmeRightColumnLayout .cmeStaticList .cmeList >li:before {
content: "";
position: absolute;
margin: 0.4em 0 0 -0.625em;
width: 7px;
height: 7px;
background: transparent url("cmegroupClientLibs/images/cmegroup-icon-set.png") no-repeat 0 -138px;
}
/*.cmeRightColumnLayout .cmeStaticList .cmeList {margin-top:5px;}*/
.cmeRightColumnLayout .cmeStaticList .cmeList:first-child {
margin-top: 0;
}
.cmeRightColumnLayout .cmeStaticList .cmeList > li {
margin: 0 0 0 0.625em;
position: relative;
vertical-align: middle;
line-height: 1.25em;
}
.cmeRightColumnLayout .cmeStaticList .cmeList > li > ul {
margin-top: 0.313em;
}
/**************************************************/
/* IMAGE - RIGHT RAIL COMPONENTS */
/**************************************************/
.cmeRightColumnLayout .cmeImage.section {
padding: 0;
border: none;
}
/*************************************************/
/* DYNAMIC LIST - RIGHT RAIL COMPONENTS */
/*************************************************/
.cmeRightColumnLayout .cmeDynamicList {
padding: 10px;
border: solid 1px #ddd;
}
/*************************************************/
/* TEXT COMPONENT - RIGHT RAIL COMPONENTS */
/*************************************************/
.cmeRightColumnLayout .cmeText {
padding: 10px;
border: solid 1px #ddd;
box-sizing: border-box;
}
.cmeRightColumnLayout .cmeText h3 {
border-bottom: 1px solid #666;
}
/************************************************************/
/* SHARED TREATMENT - RIGHT RAIL - PRIMARY LANDING TEMPLATE */
/************************************************************/
.cme-primary-landing .cmeRightColumnLayout {
background-color: #fff;
}
/*****************************/
/* CME PROGRESS SPINNER */
/*****************************/
.cmeProgressPanel {
background: #fff url("cmegroupClientLibs/images/ajax-loader.gif") no-repeat 10px 10px;
font: bold 14px arial;
}
.cmeNavProgressPanel {
background-color: #f2f4f3;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.cmeNavProgressPanel .progressMessage {
background: url("cmegroupClientLibs/images/ajax-loader.gif") no-repeat scroll left top transparent;
color: #000;
display: block;
font-weight: bold;
line-height: 35px;
padding-left: 40px;
}
/******************************************/
/* CME LIGHTBOX */
/******************************************/
.js .cmeDialogBox {
padding: 20px 30px;
}
.cmeDialogBox {
background-color: #fff;
text-align: left;
}
.mfp-content {
background-color: transparent;
}
.mfp-close {
color: #333;
padding-right: 20px;
}
/******************************/
/* CME MODAL */
/******************************/
.cmeModalBlanket {
background-color: #fff;
opacity: .8;
filter: alpha(opacity=80);
}
.cmeModalBlanket .cmeProgressMessage {
background: url("cmegroupClientLibs/images/ajax-loader.gif") no-repeat scroll left top transparent;
color: #000;
font-weight: bold;
line-height: 35px;
}
.cmeModalPageOverlay {
background: #0B0B0B 50% 50% repeat-x scroll;
opacity: .8;
filter: alpha(opacity=80);
}
.cmeModalWindow {
background-color: #fff;
}
.ui-button-icon-only.ui-dialog-titlebar-close .ui-button-text:before {
content: "";
display: block;
width: 12px;
height: 13px;
background: transparent url("cmegroupClientLibs/images/cmegroup-icon-set.png") no-repeat -3px -375px;
}
/* HACK FOR EUROPEAN MODAL WINDOWS - COPIES OF JQUERY-UI CSS */
.cmeEuropeModalPageOverlay {
background: #AAA 50% 50% repeat-x scroll;
opacity: .3;
filter: alpha(opacity=30);
z-index: 9990 !important;
}
.cmeEuropeModalWindow {
z-index: 9991 !important;
background-color: #fff;
font-family: inherit;
font-size: 1em;
padding: 0.2em;
position: absolute;
}
.cmeEuropeModalWindow.ui-helper-clearfix:before, .cmeEuropeModalWindow.ui-helper-clearfix:after, .cmeEuropeModalWindow .ui-helper-clearfix:before, .cmeEuropeModalWindow .ui-helper-clearfix:after {
content: "";
display: table;
}
.cmeEuropeModalWindow.ui-helper-clearfix:after, .cmeEuropeModalWindow .ui-helper-clearfix:after {
clear: both;
}
.cmeEuropeModalWindow .ui-dialog-titlebar {
padding: 0.4em 1em;
position: relative;
}
.cmeEuropeModalWindow.ui-corner-all, .cmeEuropeModalWindow .ui-corner-all {
border-radius: 4px;
}
.cmeEuropeModalWindow .ui-widget-header {
background-color: #CCC;
border: 1px solid #AAA;
color: #222;
font-weight: bold;
}
.cmeEuropeModalWindow .ui-dialog-content {
background: none;
border: none;
overflow: auto;
padding: 0.5em 1em;
position: relative;
}
.cmeEuropeModalWindow .ui-dialog-buttonpane {
background-image: none;
border-top: solid 1px #D3D3D3;
margin: 0.5em 0 0;
padding: 0.3em 1em 0.5em 0.4em;
text-align: left;
color: #222;
}
.cmeEuropeModalWindow .ui-dialog-buttonpane button {
float: none;
cursor: pointer;
margin: 0.5em 0.4em 0.5em 0;
background-color: #E6E6E6;
border: 1px solid #D3D3D3;
color: #555;
font-weight: normal;
font-size: 1em;
font-family: inherit
}
.cmeEuropeModalWindow .ui-button-text-only .ui-button-text {
padding: 0.4em 1em;
}
.cmeEuropeModalWindow .ui-button .ui-button-text {
display: block;
line-height: 1.4;
}
/******************************/
/* BUTTONS */
/******************************/
.cmeFormComponent fieldset .cmeButton {
margin: 2px 0;
}
.cmeLabel {
font-weight: bold;
}
.js .cmeDynamicForm .cmeButton:not(.cmeDynamicShow) {
display: none;
}
.feedbackButton {
background: #fff;
}
/*input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], input[type="password"], textarea {-webkit-appearance:none;}
input[type="checkbox"] {-webkit-appearance:checkbox;}
input[type="radio"] {-webkit-appearance:radio;}*/
.cmeButton {
border: none;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
outline: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
text-align: center;
cursor: pointer;
font-size: 16px;
line-height: 20px;
-ms-word-break: normal;
word-break: normal;
word-break: normal;
white-space: normal;
word-wrap: normal;
-webkit-appearance: none;
transition: background-color 0.5s ease;
font-weight:bold;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.cmeButtonPrimary {
color: #fff !important;
background: #0195e7;
}
.cmeButtonPrimary:hover, .cmeButtonPrimary:focus, .cmeButtonPrimary:active {
background: #006fac;
}
.cmeButtonSecondary {
color: #000 !important;
background: #dbdbdb;
}
.cmeButtonSecondary:hover, .cmeButtonSecondary:focus, .cmeButtonSecondary:active {
color: #000 !important;
background: #aeaeae;
}
.cmeButtonReset {
color: #fff !important;
background: #d60101;
}
.cmeButtonReset:hover, .cmeButtonReset:focus, .cmeButtonReset:active {
color: #fff !important;
background: #af0000;
}
.cmeButtonCancel {
color: #fff !important;
background: #d60101;
}
.cmeButtonCancel:hover, .cmeButtonCancel:focus, .cmeButtonCancel:active {
color: #fff !important;
background: #af0000;
}
.cmeButtonConfirm {
color: #fff !important;
background: #03a708;
}
.cmeButtonConfirm:hover, .cmeButtonConfirm:focus, .cmeButtonConfirm:active {
color: #fff !important;
background: #028406;
}
.cmeButtonDownload {
color: #fff !important;
background: #0195e7;
line-height: 24px !important;
}
.cmeButtonDownload:hover, .cmeButtonDownload:focus, .cmeButtonDownload:active {
background: #006fac;
}
.cmeButtonDownload:before {
content: "";
background: transparent url("cmegroupClientLibs/images/cmegroup-icon-set.png") no-repeat -1px -1045px;
width: 17px;
height: 22px;
display: inline-block;
position: absolute;
left: 8px;
}
.cmeButtonDownloadPDF:before {
background: transparent url("cmegroupClientLibs/images/cmegroup-icon-set.png") no-repeat -26px -953px;
width: 22px;
height: 24px;
}
.cmeButtonDownloadExcel:before {
background: transparent url("cmegroupClientLibs/images/cmegroup-icon-set.png") no-repeat -2px -979px;
width: 22px;
height: 24px;
}
.cmeButtonDownloadDocument:before {
background: transparent url("cmegroupClientLibs/images/cmegroup-icon-set.png") no-repeat -2px -953px;
width: 22px;
height: 24px;
}
.cmeButtonDownloadPowerpoint:before {
background: transparent url("cmegroupClientLibs/images/cmegroup-icon-set.png") no-repeat -50px -953px;
width: 22px;
height: 24px;
}
.cmeButtonDownloadHTML:before {
background: transparent url("cmegroupClientLibs/images/cmegroup-icon-set.png") no-repeat -26px -979px;
width: 22px;
height: 24px;
}
.cmeButtonNext {
white-space: nowrap;
line-height: 24px !important;
}
.cmeButtonPrimary.cmeButtonNext:after {
content: "";
background: transparent url("cmegroupClientLibs/images/cmegroup-icon-set.png") no-repeat -28px -1024px;
width: 24px;
height: 17px;
display: inline-block;
position: absolute;
right: 8px;
top: 8px;
}
.cmeButtonSecondary.cmeButtonNext:after {
content: "";
background: transparent url("cmegroupClientLibs/images/cmegroup-icon-set.png") no-repeat -28px -1007px;
width: 24px;
height: 17px;
display: inline-block;
position: absolute;
right: 8px;
top: 8px;
}
.cmeButtonPrevious {
white-space: nowrap;
line-height: 24px !important;
}
.cmeButtonPrimary.cmeButtonPrevious:before {
content: "";
background: transparent url("cmegroupClientLibs/images/cmegroup-icon-set.png") no-repeat -2px -1024px;
width: 24px;
height: 17px;
display: inline-block;
position: absolute;
left: 8px;
top: 8px;
}
.cmeButtonSecondary.cmeButtonPrevious:before {
content: "";
background: transparent url("cmegroupClientLibs/images/cmegroup-icon-set.png") no-repeat -2px -1007px;
width: 24px;
height: 17px;
display: inline-block;
position: absolute;
left: 8px;
top: 8px;
}
.cmeButtonDisabled {
color: #b3b3b3 !important;
background: #dbdbdb;
cursor: not-allowed;
}
.cmeCloseButton {
padding: 8px;
}
.cmeCloseButton span {
text-indent: -9999em;
display: block;
height: 11px;
text-indent: -9999em;
width: 11px;
overflow: hidden;
}
.cmeButtonPrimary.cmeCloseButton span:before {
content: "";
display: block;
width: 11px;
height: 11px;
margin: 0 0 0 1px;
background: transparent url("cmegroupClientLibs/images/cmegroup-icon-set.png") no-repeat -14px -375px;
}
.cmeButtonSecondary.cmeCloseButton span:before {
content: "";
display: block;
width: 11px;
height: 11px;
margin: 0;
background: transparent url("cmegroupClientLibs/images/cmegroup-icon-set.png") no-repeat -3px -375px;
}
/*****************************/
/* CME HORIZONTAL RULES */
/*****************************/
.cmeDivider {
border: none;
}
.cmePrimaryDivider {
color: #a1a1a1;
background-color: #a1a1a1;
}
.cmeSecondaryDivider {
color: #ccc;
background-color: #ccc;
}
/*******************************/
/* CME CHARTS */
/*******************************/
.cmeChartParameters {
text-align: left;
}
/* GOOGLE VOLUME CHART - TABLE FALLBACK */
.cmeVOIChartComponent .google-visualization-table-table {
table-layout: fixed;
border-collapse: collapse;
width: 100% !important;
margin: 0 0 20px 0 !important;
font-size: 12px !important;
}
.cmeVOIChartComponent .google-visualization-table-table td {
border: 1px solid #424242;
border-collapse: collapse;
text-align: center;
padding: 2px 3px;
}
.cmeVOIChartComponent .google-visualization-table-table td.google-header-cell {
background-color: #252525;
color: #fff;
font-weight: normal;
vertical-align: bottom;
text-align: center;
}
.cmeVOIChartComponent .google-visualization-table-table td.google-table-cell {
font-weight: normal;
border: solid 1px #424242;
border-collapse: collapse;
text-align: center;
vertical-align: middle;
}
.cmeVOIChartComponent .google-visualization-table-table .google-header-row td {
width: 226px;
}
.cmeVOIChartComponent .google-visualization-table-table .google-header-row td:first-child {
width: 201px;
}
/********************************/
/* FORMS */
/********************************/
.cmeFilterWrapper {
margin: 0;
border: none;
border-top: solid 1px #CCC;
border-bottom: solid 1px #CCC;
}
.cmeSelect optgroup {
font-style: normal;
font-weight: bold;
}
select[disabled], select:disabled, input:disabled {
color: #7f7f7f;
}
/* SELECT FIELDS */
.cmeSelectFieldWrapper select {
background: transparent;
width: 328px;
max-width: 328px;
padding: 0px 60px 0px 10px;
overflow: hidden;
white-space: nowrap;
font-size: 16px;
line-height: 20px;
border: 0;
border-radius: 0;
height: 34px;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
text-indent: 0.01px;
-o-text-overflow: "";
-ms-text-overflow: "";
text-overflow: "";
position: relative;
z-index: 48;
}
.cmeSelectFieldWrapper select::-ms-expand {
display:none;
}
.cmeSelectFieldWrapper {
width: 300px;
max-width: 300px;
height: 34px;
overflow: hidden;
border: 1px solid #ccc;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #f0f0f0;
position:relative;
}
.cmeSelectFieldWrapper:after {
content: '\e962';
font-family: "cmeIcons";
font-size: 16px;
font-style: normal;
font-weight: normal;
speak: none;
display: inline;
color: inherit;
text-decoration: inherit;
width: 20px;
text-align: center;
font-variant: normal;
text-transform: none;
position: absolute;
bottom: 8px;
left: 90%;
}
.cmeSelectFieldWrapper select:-moz-focusring {
color:transparent;
text-shadow:0 0 0 #000;
}
.cmeSubNavigation .cmeSelectFieldWrapper {
margin: 5px 0;
}
.cmeTableBlockWrapper .cmeSelectFieldWrapper select {
width: 168px;
}
.cmeTableBlockWrapper .cmeSelectFieldWrapper {
width: 140px;
}
.cmeSubNavigation .cmeFormComponent fieldset.cmeFormFields li label {
text-align: right;
}
/* FIXING LISTS WITHIN ADVISORY CONTENT */
/* .cmeAdvisoryContent ul > li:before {background-color:#62676a; border-radius:50%; content:""; height:4px; margin:0.5em 0 0 -0.625em; position:absolute; width:4px;} */
/*****************************************/
/* ADD THIS */
/*****************************************/
.cmeSocialLinks {
text-align: left;
}
.cmeAddThis .cmeRSSLink {
text-indent: -9999em;
}
.cmeAddThis a.cmeRSSLink span:before {
content: "";
background: transparent url("cmegroupClientLibs/images/cmegroup-icon-set.png") no-repeat -1px 0;
}
.cmeAddThis a.cmeRSSLink:hover span:before {
background-position: -17px 0;
}
.at15t_email, .at16nc.at16t_email, .at15t_print, .at16nc.at16t_print {
background-position: 0 0 !important;
}
.at15t_email, .at16nc.at16t_email {
background: transparent url("cmegroupClientLibs/images/icon-addthis-email.gif") no-repeat top left;
}
.at15t_print, .at16nc.at16t_print {
background: transparent url("cmegroupClientLibs/images/icon-addthis-print.gif") no-repeat top left;
}
.cmeSocialLinks {text-align:left;}
.cmeAddThis .cmeRSSLink {text-indent:-9999em;}
.cmeAddThis a.cmeRSSLink span:before {content:""; background:transparent url("cmegroupClientLibs/images/cmegroup-icon-set.png") no-repeat -1px 0;}
.cmeAddThis a.cmeRSSLink:hover span:before {background-position:-17px 0;}
.at15t_email, .at16nc.at16t_email, .at15t_print, .at16nc.at16t_print {background-position: 0 0 !important;}
.at15t_email, .at16nc.at16t_email {background: transparent url("cmegroupClientLibs/images/icon-addthis-email.gif") no-repeat top left;}
.at15t_print, .at16nc.at16t_print {background: transparent url("cmegroupClientLibs/images/icon-addthis-print.gif") no-repeat top left;}
#at4-share {left: calc(50% - 556px);z-index:4000;}
.at-share-open-control-left, .at-share-close-control, .at4-arrow at-left{display: none !important;}
/**********************************************/
/* DYNAMIC FEATURED PAGE LINK AND GRID CANVAS */
/**********************************************/
.cmeContentGridLayout .cmeContentGridItem {
font-size: 12px;
}
/**********************/
/* FEATURED PAGE LINK */
/**********************/
.cmeFeaturedLink a {
z-index: 7999;
text-indent: -9999em;
overflow: hidden;
}
.cmeOverlayText {
background: rgb(0, 0, 0);
background: rgba(0, 0, 0, 0.7);
color: #fff;
z-index: 7997;
}
.cmeOverlayText span {
line-height: 140%;
font-size: 120%;
}
.cmeRibbonImage {
z-index: 7998;
}
.cmeRightColumnLayout .cmeOverlayText span {
font-size: 100%;
}
.cmeFeaturedLinkIcon {
z-index: 7996;
}
/****************************/
/* CME Footer 5.0 */
/****************************/
#cmePageFooterContainer label, #cmePageFooterContainer input, #cmePageFooterContainer button, #cmePageFooterContainer select, #cmePageFooterContainer textarea {
font-size: 14px;
font-weight: normal;
line-height: 20px;
}
#cmePageFooterContainer select, #cmePageFooterContainer textarea, #cmePageFooterContainer input[type="text"], #cmePageFooterContainer input[type="password"], #cmePageFooterContainer input[type="datetime"], #cmePageFooterContainer input[type="datetime-local"], #cmePageFooterContainer input[type="date"], #cmePageFooterContainer input[type="month"], #cmePageFooterContainer input[type="time"], #cmePageFooterContainer input[type="week"], #cmePageFooterContainer input[type="number"], #cmePageFooterContainer input[type="email"], #cmePageFooterContainer input[type="url"], #cmePageFooterContainer input[type="search"], #cmePageFooterContainer input[type="tel"], #cmePageFooterContainer input[type="color"], #cmePageFooterContainer .uneditable-input {
display: inline-block;
height: 20px;
padding: 4px 6px;
margin-bottom: 10px;
font-size: 14px;
line-height: 20px;
color: #555;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
vertical-align: middle;
}
#cmePageFooterContainer input, #cmePageFooterContainer textarea, #cmePageFooterContainer .uneditable-input {
width: 206px;
}
#cmePageFooterContainer textarea {
height: auto;
}
#cmePageFooterContainer textarea, #cmePageFooterContainer input[type="text"], #cmePageFooterContainer input[type="password"], #cmePageFooterContainer input[type="datetime"], #cmePageFooterContainer input[type="datetime-local"], #cmePageFooterContainer input[type="date"], #cmePageFooterContainer input[type="month"], #cmePageFooterContainer input[type="time"], #cmePageFooterContainer input[type="week"], #cmePageFooterContainer input[type="number"], #cmePageFooterContainer input[type="email"], #cmePageFooterContainer input[type="url"], #cmePageFooterContainer input[type="search"], #cmePageFooterContainer input[type="tel"], #cmePageFooterContainer input[type="color"], #cmePageFooterContainer .uneditable-input {
background-color: #fff;
border: 1px solid #cccccc;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border linear .2s, box-shadow linear .2s;
-moz-transition: border linear .2s, box-shadow linear .2s;
-o-transition: border linear .2s, box-shadow linear .2s;
transition: border linear .2s, box-shadow linear .2s;
}
#cmePageFooterContainer textarea:focus, #cmePageFooterContainer input[type="text"]:focus, #cmePageFooterContainer input[type="password"]:focus, #cmePageFooterContainer input[type="datetime"]:focus, #cmePageFooterContainer input[type="datetime-local"]:focus, #cmePageFooterContainer input[type="date"]:focus, #cmePageFooterContainer input[type="month"]:focus, #cmePageFooterContainer input[type="time"]:focus, #cmePageFooterContainer input[type="week"]:focus, #cmePageFooterContainer input[type="number"]:focus, #cmePageFooterContainer input[type="email"]:focus, #cmePageFooterContainer input[type="url"]:focus, #cmePageFooterContainer input[type="search"]:focus, #cmePageFooterContainer input[type="tel"]:focus, #cmePageFooterContainer input[type="color"]:focus, #cmePageFooterContainer .uneditable-input:focus {
border-color: rgba(82, 168, 236, 0.8);
outline: 0;
outline: thin dotted \9;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
}
#cmePageFooterContainer input[type="file"], #cmePageFooterContainer input[type="image"], #cmePageFooterContainer input[type="submit"], #cmePageFooterContainer input[type="reset"], #cmePageFooterContainer input[type="button"], #cmePageFooterContainer input[type="radio"], #cmePageFooterContainer input[type="checkbox"] {
width: auto;
}
#cmePageFooterContainer {
background-color: #ededed;
color: #979696;
border-top: 1px solid #666;
}
#cmePageFooterContainer ul, #cmePageFooterContainer ol {
padding: 0;
list-style-type: none;
}
#cmePageFooterContainer > ul > li {
padding-left: 20px;
padding-right: 20px;
}
/*********************************/
/* EDITABLE FOOTER */
/*********************************/
#cmePageFooterArea .cmeFooterRow {
border-top: solid 1px #ccc;
}
#cmePageFooterArea .cmeFooterRow:first-child {
border-top: none;
}
#cmePageFooterArea label, #cmePageFooterArea input, #cmePageFooterArea button, #cmePageFooterArea select, #cmePageFooterArea textarea {
font-size: 14px;
font-weight: normal;
line-height: 20px;
}
#cmePageFooterArea select, #cmePageFooterArea textarea, #cmePageFooterArea input[type="text"], #cmePageFooterArea input[type="password"], #cmePageFooterArea input[type="datetime"], #cmePageFooterArea input[type="datetime-local"], #cmePageFooterArea input[type="date"], #cmePageFooterArea input[type="month"], #cmePageFooterArea input[type="time"], #cmePageFooterArea input[type="week"], #cmePageFooterArea input[type="number"], #cmePageFooterArea input[type="email"], #cmePageFooterArea input[type="url"], #cmePageFooterArea input[type="search"], #cmePageFooterArea input[type="tel"], #cmePageFooterArea input[type="color"], #cmePageFooterArea .uneditable-input {
font-size: 14px;
line-height: 20px;
color: #555;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
vertical-align: middle;
}
#cmePageFooterArea textarea, #cmePageFooterArea input[type="text"], #cmePageFooterArea input[type="password"], #cmePageFooterArea input[type="datetime"], #cmePageFooterArea input[type="datetime-local"], #cmePageFooterArea input[type="date"], #cmePageFooterArea input[type="month"], #cmePageFooterArea input[type="time"], #cmePageFooterArea input[type="week"], #cmePageFooterArea input[type="number"], #cmePageFooterArea input[type="email"], #cmePageFooterArea input[type="url"], #cmePageFooterArea input[type="search"], #cmePageFooterArea input[type="tel"], #cmePageFooterArea input[type="color"], #cmePageFooterArea .uneditable-input {
background-color: #fff;
border: 1px solid #cccccc;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border linear .2s, box-shadow linear .2s;
-moz-transition: border linear .2s, box-shadow linear .2s;
-o-transition: border linear .2s, box-shadow linear .2s;
transition: border linear .2s, box-shadow linear .2s;
}
#cmePageFooterArea textarea:focus, #cmePageFooterArea input[type="text"]:focus, #cmePageFooterArea input[type="password"]:focus, #cmePageFooterArea input[type="datetime"]:focus, #cmePageFooterArea input[type="datetime-local"]:focus, #cmePageFooterArea input[type="date"]:focus, #cmePageFooterArea input[type="month"]:focus, #cmePageFooterArea input[type="time"]:focus, #cmePageFooterArea input[type="week"]:focus, #cmePageFooterArea input[type="number"]:focus, #cmePageFooterArea input[type="email"]:focus, #cmePageFooterArea input[type="url"]:focus, #cmePageFooterArea input[type="search"]:focus, #cmePageFooterArea input[type="tel"]:focus, #cmePageFooterArea input[type="color"]:focus, #cmePageFooterArea .uneditable-input:focus {
border-color: rgba(82, 168, 236, 0.8);
outline: 0;
outline: thin dotted \9;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
}
#cmePageFooterArea {
background-color: #efefef;
color: #666;
border-top: 1px solid #666;
}
/* EDITABLE FOOTER ENDS */
.cmeFooterCategory > ul {
border-top: 1px solid #c0bfbf;
}
.cmeFooterCategory:first-child > ul, .cmeFooterCategory.first-child > ul {
border-top: none;
}
.cmeFooterCategoryFeedback {
background: url("cmegroupClientLibs/images/footerBgMediumLarge.png") no-repeat scroll right 0px transparent;
background-size: 542px;
}
.cmeFooterCategoryFeedback ol {
list-style-type: none;
}
.cmeFooterCategoryFeedback > ul {
padding-left: 20px !important;
padding-right: 20px !important;
}
.cmeFooterCategoryGlobal {
background: url("cmegroupClientLibs/images/footerBgLarge.png") no-repeat scroll left 0px transparent;
background-size: 430px;
}
.cmeFooterCategoryGlobal > ul {
padding-left: 20px !important;
padding-right: 20px !important;
}
.cmeFooterGlobalMap {
background: url("cmegroupClientLibs/images/mega-footer-map-bg50.png") no-repeat scroll right 26px transparent;
}
#cmeFooterGlobalMapLocations > ul > li {
display: inline;
}
.cmeFooterGlobalMap #mapTitle {
background: #0575b9;
display: none;
z-index: 1000;
padding: 3px;
font-size: 9px;
color: #FFFFFF;
white-space: nowrap;
}
.cmeFooterRollover {
color: #0575b9;
cursor: default;
}
.cmeFooterCategoryContact {
padding-left: 20px;
padding-right: 20px;
}
.cmeFooterCategoryContact > ul {
padding-left: 20px !important;
padding-right: 20px !important;
padding-top: 20px !important;
padding-bottom: 20px !important;
font-size: 15px;
}
.cmeFooterCategoryAwards {
background: url("cmegroupClientLibs/images/footerBgMediumSmall.png") no-repeat scroll 625px 0px transparent;
border-top: 1px solid #c0bfbf;
padding-left: 0px !important;
background-size: 246px;
}
.cmeFooterCategoryAwards > h3 {
padding-left: 20px;
display: block;
padding-top: 10px;
}
.cmeFooterCategoryAwards > ul {
border-top: none;
padding-bottom: 20px;
}
.cmeFooterCategoryLegal {
background: url("cmegroupClientLibs/images/footerBgSmall.png") no-repeat scroll 290px 0px transparent;
background-size: 108px;
}
fieldset.cmeFormFields {
padding: 0px; /*display: inline;*/
}
fieldset.cmeFormFields ol {
list-style-type: none;
}
fieldset.cmeFormFields ol .cmeHappinessIcon {
display: inline-block;
}
.cmeFooterRating li {
display: block;
padding-left: 10px;
padding-right: 10px;
}
.cmeFooterRating ul {
padding: 0;
}
.cmeFooterRating label {
font-size: 16px;
}
#smileyLevel01 {
background: url("cmegroupClientLibs/images/smileyIcons_v2.png") no-repeat scroll 0px 1px transparent;
width: 32px;
height: 32px;
background-size: 95px;
}
#smileyLevel01:hover, #smileyLevel01.radio-selected {
background: url("cmegroupClientLibs/images/smileyIcons_v2.png") no-repeat scroll -32px 1px transparent;
width: 32px;
height: 32px;
background-size: 95px;
}
#smileyLevel02 {
background: url("cmegroupClientLibs/images/smileyIcons_v2.png") no-repeat scroll -63px 1px transparent;
width: 32px;
height: 32px;
background-size: 95px;
}
#smileyLevel02:hover, #smileyLevel02.radio-selected {
background: url("cmegroupClientLibs/images/smileyIcons_v2.png") no-repeat scroll 1px -31px transparent;
width: 32px;
height: 32px;
background-size: 95px;
}
#smileyLevel03 {
background: url("cmegroupClientLibs/images/smileyIcons_v2.png") no-repeat scroll -32px -31px transparent;
width: 32px;
height: 32px;
background-size: 95px;
}
#smileyLevel03:hover, #smileyLevel03.radio-selected {
background: url("cmegroupClientLibs/images/smileyIcons_v2.png") no-repeat scroll -64px -31px transparent;
width: 32px;
height: 32px;
background-size: 95px;
}
#smileyLevel04 {
background: url("cmegroupClientLibs/images/smileyIcons_v2.png") no-repeat scroll 0px -62px transparent;
width: 32px;
height: 32px;
background-size: 95px;
}
#smileyLevel04:hover, #smileyLevel04.radio-selected {
background: url("cmegroupClientLibs/images/smileyIcons_v2.png") no-repeat scroll -32px -62px transparent;
width: 32px;
height: 32px;
background-size: 95px;
}
#smileyLevel05 {
background: url("cmegroupClientLibs/images/smileyIcons_v2.png") no-repeat scroll -64px -62px transparent;
width: 32px;
height: 32px;
background-size: 95px;
}
#smileyLevel05:hover, #smileyLevel05.radio-selected {
background: url("cmegroupClientLibs/images/smileyIcons_v2.png") no-repeat scroll 0px -94px transparent;
width: 32px;
height: 32px;
background-size: 95px;
}
.cmeRadioLabel {
display: block;
}
.js .cmeRadioLabel {
display: none;
}
.cmeFooterInteractionIconList li {
padding-left: 0px;
padding-right: 0px;
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
}
ul.cmeFooterLargeLinkList li:before {
content: "|";
}
ul.cmeFooterLargeLinkList li:first-child:before {
content: none;
}
.cmeFooterStrongText {
font-weight: normal;
}
.cmeFooterAdditionalInfo {
padding-bottom: 10px;
}
.cmeFooterSectionAwards ul {
width: 100%;
}
.cmeFooterSectionAwards ul li {
display: inline;
padding-left: 48px;
padding-top: 0px;
padding-bottom: 10px;
}
.cmeFooterSectionAwards ul li:first-child, .cmeFooterSectionAwards ul li.first-child {
padding-left: 24px;
}
ul.cmeFooterLegalLinkList li:before {
content: "|";
}
ul.cmeFooterLegalLinkList li:first-child:before {
content: none;
}
a.tel {
color: #979696;
text-decoration: none;
}
.cmeFooterItemContact a:hover, a:focus {
text-decoration: none;
color: #0195E7;
}
.cmeErrorField {
border: solid 1px red !important;
}
.cmeErrorLabel {
font-weight: bold;
color: red !important;
}
/**********************************/
/* TITLE COMPONENT */
/**********************************/
.cmeTitle .cmeTitleClear {
padding: 6px 5px;
}
.cmeTitleIcon .cmeTitleText {
line-height: 34px;
}
.cmeTitleBgBlack {
background: #3c3c3c;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.cmeTitleBgWhite {
background: #fff;
}
.cmeTitleBgGrey {
background: #efefef;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.cmeTitleBgGrey.cmeTitleLink a:hover {
color: #e6e9e9;
}
.cmeTitleBgGrey.cmeTitleLink a:active {
color: #e6e9e9;
}
.cmeTitleIcon .cmeTitleText:before {
content: "";
}
.cmeTitleIcon.cmeAgriculture .cmeTitleText:before {
background: transparent url("cmegroupClientLibs/images/cmegroup-icon-set.png") no-repeat 0px -1071px;
}
.cmeTitleIcon.cmeAgriculture.cmeTitleBgGrey .cmeTitleText:before {
background-color: #3c3c3c;
}
.cmeTitleIcon.cmeEnergy .cmeTitleText:before {
background: transparent url("cmegroupClientLibs/images/cmegroup-icon-set.png") no-repeat -43px -1071px;
}
.cmeTitleIcon.cmeEnergy.cmeTitleBgGrey .cmeTitleText:before {
background-color: #3c3c3c;
}
.cmeTitleIcon.cmeInterestRates .cmeTitleText:before {
background: transparent url("cmegroupClientLibs/images/cmegroup-icon-set.png") no-repeat -51px -1118px;
}
.cmeTitleIcon.cmeInterestRates.cmeTitleBgGrey .cmeTitleText:before {
background-color: #3c3c3c;
}
.cmeTitleIcon.cmeEquity .cmeTitleText:before {
background: transparent url("cmegroupClientLibs/images/cmegroup-icon-set.png") no-repeat -88px -1071px;
}
.cmeTitleIcon.cmeEquity.cmeTitleBgGrey .cmeTitleText:before {
background-color: #3c3c3c;
}
.cmeTitleIcon.cmeFX .cmeTitleText:before {
background: transparent url("cmegroupClientLibs/images/cmegroup-icon-set.png") no-repeat -2px -1117px;
}
.cmeTitleIcon.cmeFX.cmeTitleBgGrey .cmeTitleText:before {
background-color: #3c3c3c;
}
.cmeTitleIcon.cmeMetals .cmeTitleText:before {
background: transparent url("cmegroupClientLibs/images/cmegroup-icon-set.png") no-repeat -100px -1119px;
}
.cmeTitleIcon.cmeMetals.cmeTitleBgGrey .cmeTitleText:before {
background-color: #3c3c3c;
}
.cmeTitleIcon.cmeArrow .cmeTitleText:before {
background: url("cmegroupClientLibs/images/cmegroup-icon-set.png") no-repeat -1px -579px;
}
.cmeTitleBgBlack.cmeTitleLink a:hover {
color: #e6e9e9;
}
.cmeTitleBgBlack.cmeTitleLink a:active {
color: #e6e9e9;
}
.cmeTitleLink a span {
font-family: "Roboto", "Helvetica Neue", helvetica, arial, sans-serif;
font-weight: normal;
text-rendering: optimizelegibility;
float: left;
margin-left: 5px;
}
.cmeTitleLink a span:before {
content: "|";
margin-right: 5px;
}
.cmeTitleLink h1 + a span {
font-size: 28px;
line-height: 30px;
}
.cmeTitleLink h2 + a span {
font-size: 20px;
line-height: 24px;
}
.cmeTitleLink h3 + a span {
font-size: 18px;
line-height: 22px;
}
.cmeTitleLink h4 + a span {
font-size: 14px;
line-height: 20px;
}
.cmeTitleLink h5 + a span {
font-size: 14px;
line-height: 18px;
}
.cmeTitleLink h6 + a span {
font-size: 14px;
line-height: 18px;
}
.cmeTitleIcon .cmeExtendedLink {
line-height: 30px;
}
.cme-home-landing .cmeTitleLink h2 + a span {
font-size: 28px;
line-height: 30px;
}
/********************************/
/* DESIGN BOXES */
/********************************/
/* EXISTING Design Boxes - Regular unstyled stackable box */
div.cmeBoxBorderLightBlue, div.cmeBoxBorderBlue {
border: 4px solid #0078c1;
}
div.cmeBoxBlue, div.cmeBoxBlueShort, div.cmeBoxBlueFlat {
background: #d7edff;
color: black !important;
border: 1px solid #000;
/* -webkit-font-smoothing: antialiased; */
/* text-rendering: geometricPrecision; */
}
div.cmeBoxGrayNoBorder, div.cmeBoxGrayFlat, div.cmeBoxGray {
background: #efefef;
border: none;
/* color: #333; */
}
div.cmeBoxGray {
box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}
/* 5.0 design box */
.cmeBoxContent {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 3px solid #ccc;
max-width: 100%;
}
/* IE7 */
.cmeBoxContent:before {
content: "";
float: left;
}
div.cmeBoxWhiteBlueSidebar {
background: #fff;
border: 1px solid #0078c1;
}
div.cmeBoxWhiteBlueSidebar:before {
background: #0078c1;
width: 6px;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
div.cmeBoxGraySidebar {
background: #f8f8f8;
border: 1px solid #ccc;
/* color: black; */
}
div.cmeBoxGraySidebar:before {
background: #99999a;
width: 6px;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
div.cmeBoxOrangeSidebar {
background: #ffeed1;
border: 1px solid #f39b00;
}
div.cmeBoxOrangeSidebar:before {
background: #f39b00;
width: 6px;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.cmeBoxContent.cmeBoxUnstyled {
border: 0;
padding: 0;
}
.cmeIndentContentDesignBox {
margin-top: 15px;
}
.cmeBoxContent.indent-once {
padding-left: 40px;
}
.cmeBoxContent.indent-twice {
padding-left: 80px;
}
.cmeBoxContent.indent-thrice {
padding-left: 120px;
}
/*******************************************/
/* RUBBISH */
/*******************************************/
/* New Stylesheet */
.cmeAlignCenter {
text-align: center;
}
/* Shortcuts */
.cmeBorderBottom {
border-bottom: 1px solid #ccc;
}
.cmeBorderLeft {
border-left: 1px solid #ccc;
}
.cmeBorderRight {
border-right: 1px solid #ccc;
}
.cmeBorderTop {
border-top: 1px solid #ccc;
}
.cmeMarginBottom0 {
margin-bottom: 0 !important;
}
/********************************/
/* BILLBOARD COMPONENT */
/********************************/
.quarters, .thirds, .halves {
margin: 0 0 0 -9px;
max-width: 1000px;
padding: 0;
width: 103%;
}
.quarters th, .thirds th, .halves th {
border: 0;
background: none;
padding: 0px 10px;
text-align: left;
}
.quarters th h2, .thirds th h2, .halves th h2 {
margin-bottom: 0;
}
.quarters td {
width: 25%;
}
.thirds td {
width: 33.3%;
}
.halves td {
width: 50%;
}
.quarters td, .thirds td, .halves td {
border: 1px solid #cfcfcf;
background: url("/National_Library/20161130034600oe_/http://www.cmegroup.com/content/dam/cmegroup/bucketGradient-bg.png") top repeat-x #efefef;
padding: 7px 10px;
}
/* Overwrite UL LI styles */
.cmeGccLeft ul, .cmeGccLeft ul li, .cmeGccRight ul, .cmeGccRight ul li {
padding-left: 0;
padding: 0;
}
.cmeGccAlert li {
background: none;
background-image: none;
}
#cq textarea {
resize: vertical !important;
}
/* Billboard New */
.cmeBillboardTableQuarters, .cmeBillboardTableThirds, .cmeBillboardTableHalves {
margin: 0 0 10px -2px;
max-width: 1000px;
padding: 0;
width: 103%;
}
.cmeBillboardTableQuarters th, .cmeBillboardTableThirds th, .cmeBillboardTableHalves th {
border: 0;
background: none;
text-align: left;
}
.cmeBillboardTableQuarters th h2, .cmeBillboardTableThirds th h2, .cmeBillboardTableHalves th h2 {
margin-bottom: 0;
}
.cmeBillboardTableQuarters > tbody > tr > td {
width: 25%;
}
table.cmeBillboardTableThirds > tbody > tr > td {
width: 33.3%;
}
table.cmeBillboardTableHalves > tbody > tr > td {
width: 50%;
}
.cmeBillboardTableQuarters td, .cmeBillboardTableThirds td, .cmeBillboardTableHalves td {
border: 1px solid #cfcfcf;
background: url("https://web-archive.nli.org.il/National_Library/20161130034600oe_/http://www.cmegroup.com/images/bucketGradient-bg.png") top repeat-x #efefef;
padding: 7px 10px;
}
/* Billboard Styles */
.cmeBillboardBox {
background: #efefef url("/National_Library/20161130034600oe_/http://www.cmegroup.com/content/dam/cmegroup/product-highlights-gray-bg.png") repeat-x left top;
border: 1px solid #ccc;
max-width: 100%;
padding: 14px !important;
}
#cmeBillboardLeft > #cmeBillboardImage {
margin: -50 0 0 200px;
} /* Need this margin to be updated via dialog */
#cmeBillboardRight > #cmeBillboardImage {
margin: 0 0 0 -200px;
} /* Need this margin to be updated via dialog */
/* CME Billboard Column Styles */
#cmeBillboardLeft {
float: left;
width: 60%;
} /* Need width to be able to be updated via dialog */
#cmeBillboardRight {
float: left;
padding-left: 2%;
padding-top: 0;
width: 38%;
} /* Need width, padding-left, padding-top to be able to be updated via dialog */
#cmeBillboardLeft h1 {
color: #0575B9;
font-size: 26px;
font-weight: normal;
line-height: 26px;
margin: 0 0 10px;
padding: 0;
width: 100%;
}
/*****************************************/
/* CHECKBOXES */
/*****************************************/
ul.cmeCheckbox {
margin-bottom: 15px;
position: relative;
zoom: 1;
overflow: hidden;
}
ul.cmeCheckbox > li {
padding: 5px;
background: #FFFFFF;
margin-bottom: 3px;
cursor: pointer;
font-size: 14px;
margin: 0px 0px 3px 0px !important;
overflow: hidden;
}
ul.cmeCheckbox > li:before {
background: url("cmegroupClientLibs/images/cmegroup-icon-set.png") no-repeat scroll 0 0 transparent;
width: 25px;
height: 25px;
content: "";
float: left;
background-position: -1px -229px;
}
ul.cmeCheckbox > li.checked:before {
background-position: -26px -229px;
}
ul.cmeCheckbox > li > label {
cursor: pointer;
line-height: 25px;
margin-left: 10px;
}
html.no-js ul.cmeCheckbox > li:before, html.msie-7 ul.cmeCheckbox > li:before {
width: 0px !important;
height: 0px !important;
} /* no js and ie 7 fallback */
ul.cmeCheckbox > li.cmeCheckboxSelectAll > label {
font-weight: bold;
}
ul.cmeCheckbox > li.cmeCheckboxSelectAll > input {
display: none;
}
/*****************************************/
/* RADIO BUTTONS */
/*****************************************/
ul.cmeRadio {
margin-bottom: 15px;
position: relative;
zoom: 1;
overflow: hidden;
}
ul.cmeRadio > li {
padding: 5px;
background: #FFFFFF;
margin: 0px 0px 3px 0px !important;
cursor: pointer;
font-size: 14px;
overflow: hidden;
}
ul.cmeRadio > li:before {
background: url("cmegroupClientLibs/images/cmegroup-icon-set.png") no-repeat scroll 0 0 transparent;
width: 25px;
height: 25px;
content: "";
float: left;
background-position: -51px -229px;
}
ul.cmeRadio > li.checked:before {
background-position: -76px -229px;
}
ul.cmeRadio > li > label {
cursor: pointer;
line-height: 25px;
margin-left: 10px;
}
html.no-js ul.cmeRadio > li:before, html.msie-7 ul.cmeRadio > li:before {
width: 0px !important;
height: 0px !important;
} /* no js and ie 7 fallback */
/*****************************************/
/* INLINE SEARCH CONTROLS */
/*****************************************/
.cmeSearchInline {
width: 100%;
overflow: hidden;
clear: both;
}
.cmeSearchInlineInput {
font-size: 17px;
line-height: 17px;
margin: 0px;
width: 77%;
padding: 7px 2% 7px 2%;
color: #CCCCCC;
font-style: italic;
float: left;
border: 0px;
border: solid 1px #CCCCCC;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.cmeSearchInlineInput.active {
color: #333333;
font-style: normal !important;
}
.cmeSearchInlineButton {
width: 17%;
padding: 7px 3% 7px 3% !important;
float: right;
text-indent: -9000px;
text-transform: capitalize;
background: url("cmegroupClientLibs/images/cmegroup-icon-set.png");
background-position: -1px -311px;
} /**** add to sprite sheet - ck ***/
/****************************/
/* SEARCH & FILTER */
/****************************/
#cmeSearch button {
cursor: pointer;
z-index: 7001;
}
#cmeSearchFilterWrapper .cmeButton {
max-width: none;
}
#cmeSearchFilterResultsMessage {
margin: 21px 0px 10px 0px;
font-size: 20px;
}
.cmeSearchFilterSelect {
width: 100%;
}
#cmeSearchFilterWrapper > div.cmeMarketingMessage > div.cmeCloseLink {
display: none;
}
#cmeSearchFilterLeftContent {
background: #F8F8F8;
padding: 10px;
position: relative;
}
#cmeSearchFilterTitle, #cmeSearchFilterSearch, #cmeSearchFilterSort {
margin-bottom: 20px;
}
#cmeSearchFilterTitle {
}
#cmeSearchFilterTitle h3 {
float: left;
margin: 0px;
font-size: 17.5px !important;
}
#cmeSearchFilterTitle .cmeSearchFilterReset {
float: right;
}
#cmeSearchFilterControls.hidden {
display: none;
}
#cmeSearchFilterSearch {
}
#cmeSearchFilterSearchSort h4 {
display: none;
}
.cmeSearchFilterCancel {
display: none;
}
a.cmeSearchFilterReset {
line-height: 23px !important;
color: #000000;
}
#cmeSearchFilterSort {
}
#cmeSearchFilterSort h4 {
margin-bottom: 5px;
font-size: 13px;
}
#cmeSearchFilters {
}
.cmeSearchFilter {
}
#btnSearchFilterConfirmTop {
display: none;
}
#btnSearchFilterConfirmBottom {
float: right;
margin-bottom: 10px;
}
#btnSearchFilterButton {
display: none;
}
#cmeSearchFilters h4 {
color: #333333;
border-bottom: solid 1px #CCCCCC;
margin-bottom: 5px;
padding: 7px 0px 7px 2px;
cursor: pointer;
}
/* #cmeSearchFilters h4:before{background: url("cmegroupClientLibs/images/cmegroup-icon-set.png") no-repeat scroll 0 0 transparent;width:7px;height:7px;content:"";float:left;background-position: -8px -219px;margin-top:7px;margin-right:4px;} */
#cmeSearchFilters .cmeIcon-right-dir:before, .cmeSearchFilterOpen .cmeIcon-down-dir:before {
color: #757575;
font-size: 1em;
position: relative;
}
/* .cmeSearchFilterOpen h4:before{width:7px !important;height:7px !important;background-position: -1px -219px !important;margin-right:4px !important;} */
#cmeSearchFilterBottom {
margin-top: 20px;
overflow: hidden;
}
#cmeSearchFilterResetTop {
position: absolute;
top: 10px;
right: 10px;
}
#btnSearchFilterResetBottom {
float: right;
clear: right;
}
#cmeSearchFilterRight h3 {
display: none;
}
#cmeSearchFilterRight div.cmePaginationWrapper:nth-of-type(1) {
top: 110px;
right: 0px;
} /* hack to float top pagination above results */
#cmeSearchFiltersSelected {
padding: 5px 0px 0px 5px;
border: solid 1px #CCCCCC;
background: #FFFFFF;
display: none;
margin-bottom: 10px;
}
#cmeSearchFiltersSelected > ul {
margin: 0px;
padding: 0px;
}
#cmeSearchFiltersSelected > ul > li {
float: left;
list-style: none;
padding: 3px 5px 3px 5px;
margin-right: 5px;
margin-bottom: 5px;
background: #CCCCCC;
cursor: pointer;
}
#cmeSearchFiltersSelected > ul > li:after {
background: url("cmegroupClientLibs/images/cmegroup-icon-set.png") no-repeat scroll 0 0 transparent;
width: 17px;
height: 17px;
content: "";
float: right;
background-position: 3px -372px;
margin-left: 10px;
}
#cmeSearchFiltersSelected > ul > li:hover {
background: #E4E4E4;
}
#cmeSearchFiltersSelectedCount {
float: none;
clear: both;
background: none !important;
margin: 0px !important;
padding: 0px !important;
display: none;
margin-bottom: 5px !important;
}
#cmeSearchFiltersSelectedCount:after {
width: 0px !important;
height: 0px !important;
margin-left: 0px !important;
}
#cmeSearchFilterResults {
overflow: hidden;
}
#cmeSearchFilterResults > li {
overflow: hidden;
padding: 10px;
margin: 0px 0px 5px 0px !important;
}
.cmeSearchFilterResult {
overflow: hidden;
clear: both;
position: relative;
}
.cmeSearchFilterResultName {
clear: both;
font-size: 17px;
font-weight: bold;
overflow: hidden;
float: left;
width: 65%;
margin: 5px 0px 5px 0px;
padding: 3px 0px;
}
.cmeSearchFilterResultName > * {
display: block;
float: left;
}
.cmeSearchFilterResultName > a {
font-size: 14px;
line-height: 22px;
font-weight: normal;
}
.cmeSearchFilterResultWebsite, .cmeSearchFilterResultEmail, .cmeSearchFilterResultPhone {
line-height: 25px;
float: left;
width: 50%;
clear: left;
}
.cmeSearchFilterResultWebsite:before, .cmeSearchFilterResultEmail:before, .cmeSearchFilterResultPhone:before {
background: url("cmegroupClientLibs/images/cmegroup-icon-set.png") no-repeat scroll 0 0 transparent;
width: 25px;
height: 25px;
content: "";
float: left;
margin-right: 12px;
line-height: 25px;
}
.cmeSearchFilterResultWebsite:before {
margin-bottom: 10px;
background-position: -1px -347px;
}
.cmeSearchFilterResultEmail:before {
margin-bottom: 10px;
background-position: -26px -347px;
}
.cmeSearchFilterResultPhone:before {
background-position: -51px -347px;
}
.cmeSearchFilterResultLink {
float: right;
width: 34%;
}
.cmeSearchFilterResultLink > a {
display: block;
float: right;
color: #FFFFFF !important;
}
#cmeSearchFilterBottomResults {
float: left;
font-size: 1.2em;
margin-top: 5px;
font-weight: bold;
clear: both;
margin-bottom: 10px;
}
#cmeSearchFilterDetail h2 {
margin-bottom: 20px;
display: inline-block;
font-size: 40px;
line-height: 120%;
}
#cmeSearchFilterDetail h2 > a.website:after {
margin-left: 10px;
background: url("cmegroupClientLibs/images/cmegroup-header-link.png") no-repeat scroll 0 0 transparent;
width: 30px;
height: 23px;
content: "";
float: right;
margin-top: 9px;
}
#cmeSearchFilterDetail h3 {
font-size: 30px;
line-height: 110%;
}
#cmeSearchFilterBreadcrumbs {
clear: both;
background: #E4E4E4;
overflow: hidden;
margin-bottom: 5px;
margin-top: 20px;
}
#cmeSearchFilterBreadcrumbs > li {
float: left;
padding: 12px 40px 12px 15px;
}
#cmeSearchFilterBreadcrumbs > li.active {
padding-right: 80px;
padding-left: 30px;
background: #0a5bae;
background: -moz-linear-gradient(top, #3696ed 16%, #0a5bae 72%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(16%, #3696ed), color-stop(72%, #0a5bae));
background: -webkit-linear-gradient(top, #3696ed 16%, #0a5bae 72%);
background: -o-linear-gradient(top, #3696ed 16%, #0a5bae 72%);
background: -ms-linear-gradient(top, #3696ed 16%, #0a5bae 72%);
background: linear-gradient(to bottom, #3696ed 16%, #0a5bae 72%);
padding: 0px !important;
}
#cmeSearchFilterBreadcrumbs > li.active > a {
color: #FFFFFF;
background: url("cmegroupClientLibs/images/cmegroup-icon-set.png") no-repeat scroll 187px -394px transparent;
display: block;
padding: 12px 80px 12px 30px !important;
}
#cmeSearchFilterDetailResult {
overflow: hidden;
padding: 15px 15px 30px 15px;
}
#cmeSearchFilterDetailResultLeft {
width: 550px;
float: left;
}
#cmeSearchFilterDetailResultRight {
float: right;
width: 300px;
}
#cmeSearchFilterDetailResultLeft > h2 {
color: #666;
margin: 20px 0px 30px 0px;
font-size: 30px;
}
#cmeSearchFilterDetailResultDetails {
margin-bottom: 30px;
}
#cmeSearchFilterDetailResultDetails > li {
line-height: 2.0em;
}
#cmeSearchFilterDetailResultLeft > div.vcard {
width: 50%;
float: left;
}
#cmeSearchFilterDetailResultLogo {
width: 100%;
height: 120px;
margin-bottom: 30px;
}
#cmeSearchFilterDetailResultLogoBlank {
width: 100%;
border: 1px dashed #000000;
text-align: center;
padding: 42px 0px 42px 0px;
}
#cmeSearchFilterDetailResultDescription {
margin-bottom: 30px;
}
#cmeSearchFilterDetailResultServices {
}
#cmeSearchFilterDetailResultLeft > #cmePageContentArea {
margin: 0px !important;
overflow: hidden !important;
}
div.cmeBrokerContact {
width: 50%;
float: left;
margin-top: 0px !important;
}
/****************************/
/* FIND A BROKER */
/****************************/
#cmeFiltermarket > li > label:before {
margin-left: 10px;
margin-top: 5px;
background-image: none;
width: 15px;
height: 15px;
content: "";
float: left;
}
#cmeFiltermarket > li.cmeCheckboxSelectAll > label:before {
background-image: none !important;
}
#cmeFiltermarket > li > label:before {
position: relative;
float: left;
margin-left: 10px;
margin-top: 5px;
content: "";
display: block;
border-radius: 50%;
width: 15px;
height: 15px;
}
#cmeFiltermarket > li.cmeAgriculture > label:before {
background-color: #f2a900;
}
#cmeFiltermarket > li.cmeEnergy > label:before {
background-color: #AC145A;
}
#cmeFiltermarket > li.cmeEquities > label:before {
background-color: #8C4799;
}
#cmeFiltermarket > li.cmeFX > label:before {
background-color: #DC4405;
}
#cmeFiltermarket > li.cmeInterestRates > label:before {
background-color: #00816D;
}
#cmeFiltermarket > li.cmeMetals > label:before {
background-color: #A6BBC8;
}
#cmeFiltermarket > li.cmeOTC > label:before {
background-color: #0064aa;
}
#cmeFiltermarket > li.cmeRealEstate > label:before {
background-color: #B7BF10;
}
#cmeFiltermarket > li.cmeWeather > label:before {
background-color: #B7BF10;
}
.cmeBrokerContact {
overflow: hidden;
margin-top: 25px;
}
.cmeBrokerContact > li {
padding: 5px 0px 5px 0px;
font-size: 16px;
}
.cmeBrokerContact > li > strong {
clear: both;
display: block;
}
.cmeBrokerContact > li > h5 {
font-size: 20px;
}
.cmeBrokerContact > li > span.org {
display: none;
}
.readMore {
width: 100%;
text-align: right;
font-size: 16px;
display: none;
} /* to be reviewed - ck */
#cmeSearchFilterDetailResultServices .cmeBrokerList,
#cmeSearchFilterDetailResultLeft .cmeBrokerContact {
overflow: hidden;
margin-top: 25px;
float: left;
width: 47.27272%;
margin-right: 2.72727%;
word-wrap: break-word;
}
#cmeSearchFilterDetailResultLeft .cmeBrokerContact .cmeBrokerContact {
width: 100%;
}
@media (max-width: 480px) {
#cmeSearchFilterDetailResultServices .cmeBrokerList,
#cmeSearchFilterDetailResultLeft .cmeBrokerContact {
float: none !important;
width: 100%;
height: inherit !important;
}
}
.cmeBrokerList > li {
font-size: 16px;
}
.cmeBrokerList > li > h5 {
margin: 0px;
font-size: 16px;
color: #333333;
font-weight: bold;
}
body.cq-wcm-edit .cmeBrokerContact {
float: none !important;
}
/****************************/
/* FIND A PROVIDER / TECH CORNER (inherits FIND A BROKER) */
/****************************/
.cmeProviderInformation #cmeSearchFilterBreadcrumbs > li.active > a {
padding-right: 71px !important;
}
.cmeProvider ul.cmeCheckbox > li > label {
cursor: pointer;
line-height: 25px;
margin-left: 30px;
display: block;
}
.cmeProvider #cmeFiltermarket > li > label:before {
margin-left: 0px;
margin-right: 5px;
}
.cmeProviderInformation #cmeSearchFilterDetailResultLogo img {
max-height: 120px;
}
/****************************/
/* BROWSE ALL */
/****************************/
#cmeBrowseAll {
margin: 10px 0px;
}
#cmeBrowseAll td.baTitle {
}
#cmeBrowseAll td.baAssetClass {
min-width: 115px;
}
#cmeBrowseAll td.baAssetClass > div {
margin-top: 5px;
}
#cmeBrowseAll td.baAssetClass > div:first-child {
margin-top: 0px !important;
}
#cmeBrowseAll td.baTopic {
min-width: 150px;
}
#cmeBrowseAll td.baAuthor {
min-width: 150px;
}
#cmeBrowseAll td.baContentType {
min-width: 120px;
}
#cmeBrowseAll td.baDate {
min-width: 100px;
}
#cmeBrowseAll td.baAssetClass > div:before {
margin-right: 5px;
width: 8px;
height: 8px;
content: "";
float: left;
margin-top: 5px;
background: url("cmegroupClientLibs/images/cmegroup-icon-set.png") no-repeat scroll 0 0 transparent;
background-position: 0px -477px;
background-color: #000000;
}
#cmeBrowseAll tr.cmeRowBandingOff td.baAssetClass > div:before {
background-position: -8px -477px;
}
#cmeBrowseAll td.baAssetClass > div.assetClassYellow:before {
background-color: #f2a900;
}
#cmeBrowseAll td.baAssetClass > div.assetClassRed:before {
background-color: #AC145A;
}
#cmeBrowseAll td.baAssetClass > div.assetClassViolet:before {
background-color: #8C4799;
}
#cmeBrowseAll td.baAssetClass > div.assetClassOrange:before {
background-color: #DC4405;
}
#cmeBrowseAll td.baAssetClass > div.assetClassMidBlue:before {
background-color: #00a292;
}
#cmeBrowseAll td.baAssetClass > div.assetClassGreyBlue:before {
background-color: #A6BBC8;
}
#cmeBrowseAll td.baAssetClass > div.assetClassBlue:before {
background-color: #00816D;
}
#cmeBrowseAll td.baAssetClass > div.assetClassSomeYellow:before {
background-color: #B7BF10;
}
/* Marketo Styles */
.mktoForm .mktoButtonWrap.mktoDownloadButton .mktoButton {
position: relative;
display: inline-block;
vertical-align: top;
height: 36px;
line-height: 35px;
padding: 0 20px;
font-size: 13px;
color: white;
text-align: center;
text-decoration: none;
text-shadow: 0 -1px rgba(0, 0, 0, 0.4);
background-clip: padding-box;
border: 1px solid;
border-radius: 2px;
cursor: pointer;
-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.08), 0 1px 2px rgba(0, 0, 0, 0.25);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.08), 0 1px 2px rgba(0, 0, 0, 0.25);
background: #3b5ca0;
border-color: #2d477b #2d477b #263c68;
background-image: -webkit-linear-gradient(top, #4369b6, #3b5ca0 66%, #365391);
background-image: -moz-linear-gradient(top, #4369b6, #3b5ca0 66%, #365391);
background-image: -o-linear-gradient(top, #4369b6, #3b5ca0 66%, #365391);
background-image: linear-gradient(to bottom, #4369b6, #3b5ca0 66%, #365391);
}
.mktoForm .mktoButtonWrap.mktoDownloadButton .mktoButton:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
pointer-events: none;
background-image: -webkit-radial-gradient(center top, farthest-corner, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0));
background-image: -moz-radial-gradient(center top, farthest-corner, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0));
background-image: -o-radial-gradient(center top, farthest-corner, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0));
background-image: radial-gradient(center top, farthest-corner, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0));
}
.mktoForm .mktoButtonWrap.mktoDownloadButton .mktoButton:hover:before {
background-image: -webkit-radial-gradient(farthest-corner, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.03));
background-image: -moz-radial-gradient(farthest-corner, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.03));
background-image: -o-radial-gradient(farthest-corner, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.03));
background-image: radial-gradient(farthest-corner, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.03));
}
.mktoForm .mktoButtonWrap.mktoDownloadButton .mktoButton:active {
background: #3b5ca0;
border-color: #263c68 #2d477b #2d477b;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
}
.mktoForm .mktoButtonWrap.mktoDownloadButton .mktoButton:active:before {
content: none;
}
/****************************/
/* IE7 */
/****************************/
/* BODY BG */
.cme-ie7 body {
background: #efefef url("cmegroupClientLibs/images/cmegroup-page-bg.png") repeat-y center top;
}
/* IE7 Fix for Fonts */
.cme-ie7 body, .cme-ie7 h1, .cme-ie7 h2, .cme-ie7 h3, .cme-ie7 h4, .cme-ie7 h5, .cme-ie7 h6, .cme-ie7 .cmeSubHeading, .cme-ie7 .cmeSectionHeading, .cme-ie7 .cmeSubSectionHeading, .cme-ie7 .cmeExtendedLink, .cme-ie7 .cmeTitleLink a span, .cme-ie7 #cmeHeader #cmeHeaderRight .elc-hint-container input, .cme-ie7 #cmeNav .cmePrimaryNav > li > a, .cme-ie7 .cmeSectionSubHeading {
font-family: helvetica, arial, sans-serif;
}
.cme-ie7 .cmeClearContent {
*zoom: expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("small") ).className="after");
}
.cme-ie7 .cmeClearContent:after, .cme-ie7 .cmeClearContent .after {
content: '';
background: transparent;
}
.cme-ie7 .cmeClearContent {
*zoom: expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("small") ).className="after");
}
.cme-ie7 .cmeClearContent:after {
content: '';
display: block;
height: 10px;
width: 100%;
background: transparent;
}
/* CME COMPONENTS */
.cme-ie7 .cmeExtendedLink{
margin-left:10px;
padding-left:10px;
border-left: 2px solid gray;
}
.cme-ie7 .cmeContentGroup {
zoom: 1;
}
.cme-ie7 #cmePageMastheadArea .cmeSearchBoxWrapper {
border: solid 1px #ccc !important;
}
.cme-ie7 #cmePageMastheadArea .cmeSearchBoxWrapper #searchField {
border: none !important;
}
/* PAGE NAVIGATION */
.cme-ie7 .cmeNavigationItem:hover {
color: #0a246a;
background: #b2dcf1;
}
.cme-ie7 .cmeMegaMenuBorderColumn {
border: none;
}
.cme-ie7 .cmeText > ol > li {
list-style: decimal;
}
/* FONT ICONS */
/*.cme-font-face.cme-pseudo-elements .cmeIconOnly,.no-font-face .cmeIconOnly {font-size:16px; visibility:visible; /*color:#333;}*/
.cme-ie7 .cmeIconOnly {
letter-spacing: normal; /*color:#333;*/
}
/* CAROUSEL */
.cme-ie7 .cmeIconOnly.cmeImageBannerNav {
color: #fff;
}
.cme-ie7 .cmeImageBannerOverlay {
filter: alpha(opacity=50);
}
/* CME TABS */
.cme-ie7 .cmeTabs .cmeTabsNavigation li {
border: none;
}
.cme-ie7 .cmeTabs .cmeTabsNavigation li {
border-top: solid 2px #fff;
}
.cme-ie7 .cmeTabs .cmeTabsNavigation li.cmeTabSelected {
border-bottom: 4px solid #357cc7;
margin-bottom: -4px;
}
.cme-ie7 .cmeTabsNavigation li.cmeTabSelected {
border-bottom-width: 4px;
border-bottom-style: solid;
border-bottom-color: #357cc7;
}
.cme-ie7 .cmeTabPanel {
border: solid 4px #cfcfcf;
}
/* PRODUCT PAGES */
.cme-ie7 #productTabs {
border: none;
}
.cme-ie7 .cmeToggleControl {
border: none;
}
.cme-ie7 .cmeToggleControl li {
border: solid 1px #c7c7c7;
border-collapse: collapse;
}
/**********************/
/* CME TEXT COMPONENT */
/**********************/
/**********************/
/* CME LISTS */
/**********************/
/**********************/
/* CME ICON LISTS */
/**********************/
.cme-ie7 .cmeSupportingLinkIcon {
background-repeat: no-repeat;
}
.cme-ie7 .cmeIconListItem {
background-repeat: no-repeat !important;
}
.cme-ie7 .cmeOptionsListIcon {
background-image: url("cmegroupClientLibs/images/cme-table-option-button.png");
}
.cme-ie7 .cmePriceChartListIcon {
background-image: url("cmegroupClientLibs/images/cme-table-chart-button.png");
}
.cme-ie7 .cmeVolumeChartListIcon {
background-image: url("cmegroupClientLibs/images/cme-table-volume-chart-button.png");
}
.cme-ie7 .cmeDownloadListIcon {
background-image: url("cmegroupClientLibs/images/download_icon.gif");
}
.cme-ie7 .cmeAboutListIcon {
background-image: url("cmegroupClientLibs/images/iconi.gif");
}
.cme-ie7 .cmeOptionsButtonListIcon a {
background-image: url("cmegroupClientLibs/images/cme-table-option-button.png");
}
.cme-ie7 .cmePdfLink {
background: url("cmegroupClientLibs/images/sprites.gif") no-repeat scroll 100% -868px transparent;
}
.cme-ie7 .cmeFlashLink {
background: url("cmegroupClientLibs/images/sprites.gif") no-repeat scroll 100% -899px transparent;
}
.cme-ie7 .cmeHelpLink {
background: url("cmegroupClientLibs/images/sprites.gif") no-repeat scroll 100% -835px transparent;
}
.cme-ie7 .cmeVideoLink {
background: url("cmegroupClientLibs/images/sprites.gif") no-repeat scroll 100% -814px transparent;
}
.cme-ie7 .cmeRssLink {
background: url("cmegroupClientLibs/images/sprites.gif") no-repeat scroll 100% -913px transparent;
}
.cme-ie7 .cmeExcelLink {
background: url("cmegroupClientLibs/images/btn-xls.png") no-repeat scroll 100% 3px transparent;
}
.cme-ie7 .cmeInlineButtonLinkIcon.cmeOptionsButtonLinkIcon span {
text-align: center;
}
/***********************/
/* CME ADDTHIS */
/***********************/
.cme-ie7 .cmeAddThis a.cmeRSSLink span {
background-image: url("cmegroupClientLibs/images/mega-footer-rss-sm.png");
}
/* social links being overlapped in ie7 */
/*************************/
/* PRODUCT PAGES TABLES */
/*************************/
.cme-ie7 .cmeTableFoot {
background: #d3d3d3;
}
.cme-ie7 .cmeTableFixed {
table-layout: auto;
}
/* TOP LINKS */
.cme-ie7 #cmeMenu > ul.cmeLinkList > li {
overflow: visible !important;
}
.cme-ie7 #cmeMenu > ul.cmeLinkList > li.cmeLinkHasChildren {
background: #FFFFFF url("cmegroupClientLibs/images/navDownArrow.png") no-repeat right center !important;
}
.cme-ie7 #cmeMenu > ul.cmeLinkList > li.cmeLinkHasChildren:hover {
background-color: #3EA2D4 !important;
}
.cme-ie7 #cmeMenu > ul.cmeLinkList > li > div.cmeLinkChildren > ul > li.cmeSingleSignOn a {
background: transparent url("cmegroupClientLibs/images/cme-sso-icon.png") no-repeat right center !important;
}
/* DYNAMIC FEATURED PAGE LINKS AND CANVAS */
.cme-ie7 .cmeContentGridLayout .cmeContentGridItem {
*zoom:1;
}
/* FEATURED PAGE LINKS */
.cme-ie7 .cmeFeaturedLink a {
filter: alpha(opacity=1);
background-color: #fff;
}
/*****************/
/* FOOTER 5.0 */
/*****************/
.cme-ie7 .cmeFooterInteractionIconList li {
background-repeat: no-repeat;
background-position: left center;
background-color: transparent;
}
.cme-ie7 #smileyLevel01 {
background: url("cmegroupClientLibs/images/smileyIconsNonRetina.png") no-repeat scroll 0px 0px transparent;
}
.cme-ie7 #smileyLevel01:hover, .cme-ie7 #smileyLevel01.radio-selected {
background: url("cmegroupClientLibs/images/smileyIconsNonRetina.png") no-repeat scroll -32px 0px transparent;
}
.cme-ie7 #smileyLevel02 {
background: url("cmegroupClientLibs/images/smileyIconsNonRetina.png") no-repeat scroll -64px 0px transparent;
}
.cme-ie7 #smileyLevel02:hover, .cme-ie7 #smileyLevel02.radio-selected {
background: url("cmegroupClientLibs/images/smileyIconsNonRetina.png") no-repeat scroll 0px -32px transparent;
}
.cme-ie7 #smileyLevel03 {
background: url("cmegroupClientLibs/images/smileyIconsNonRetina.png") no-repeat scroll -32px -32px transparent;
}
.cme-ie7 #smileyLevel03:hover, .cme-ie7 #smileyLevel03.radio-selected {
background: url("cmegroupClientLibs/images/smileyIconsNonRetina.png") no-repeat scroll -64px -32px transparent;
}
.cme-ie7 #smileyLevel04 {
background: url("cmegroupClientLibs/images/smileyIconsNonRetina.png") no-repeat scroll 0px -64px transparent;
}
.cme-ie7 #smileyLevel04:hover, .cme-ie7 #smileyLevel04.radio-selected {
background: url("cmegroupClientLibs/images/smileyIconsNonRetina.png") no-repeat scroll -32px -64px transparent;
}
.cme-ie7 .cmeFooterCategoryFeedback {
background: url("cmegroupClientLibs/images/footerBgMediumLargeNonRetina.png") no-repeat scroll right 0px transparent;
}
.cme-ie7 .cmeFooterCategoryGlobal {
background: url("cmegroupClientLibs/images/footerBgLargeNonRetina.png") no-repeat scroll left 0px transparent;
}
.cme-ie7 .cmeFooterCategoryAwards {
background: url("cmegroupClientLibs/images/footerBgMediumSmallNonRetina.png") no-repeat scroll 625px 0px transparent;
border-top: 1px solid #c0bfbf;
}
.cme-ie7 .cmeFooterCategoryLegal {
background: url("cmegroupClientLibs/images/footerBgSmallNonRetina.png") no-repeat scroll 290px 0px transparent;
}
/*****************/
/* HEADER 5.0 */
/*****************/
.cme-ie7 #cmeNav .cmePrimaryNav > li:hover {
border-bottom-color: #f2f2f2 !important;
font-family: "Helvetica", arial, sans-serif;
}
.cme-ie7 #cmeNav .cmePrimaryNav {
background-color: #272727;
}
.cme-ie7 #cmeHeader #cmeGroupLogo {
background: url("cmegroupClientLibs/images/cme-header-logo.png") no-repeat scroll center top transparent !important;
}
/****************************/
/* IE8 */
/****************************/
/* BODY BG */
.cme-ie8 body {
background: #efefef url("cmegroupClientLibs/images/cmegroup-page-bg.png") repeat-y center top;
}
/* IE8 Fix for Fonts Since Roboto Doesn't work nicely*/
.cme-ie8 body, .cme-ie8 h1, .cme-ie8 h2, .cme-ie8 h3, .cme-ie8 h4, .cme-ie8 h5, .cme-ie8 h6, .cme-ie8 .cmeSubHeading, .cme-ie8 .cmeSectionHeading, .cme-ie8 .cmeSubSectionHeading, .cme-ie8 .cmeExtendedLink, .cme-ie8 .cmeTitleLink a span, .cme-ie8 #cmeHeader #cmeHeaderRight .elc-hint-container input, .cme-ie8 #cmeNav .cmePrimaryNav > li > a, .cme-ie8 .cmeSectionSubHeading {
font-family: helvetica, arial, sans-serif;
}
/* TABLE FOOTERS */
.cme-ie8 .cmeTableFoot {
background: #d3d3d3;
}
/* TOP LINKS */
.cme-ie8 #cmeMenu > ul.cmeLinkList > li.cmeLinkHasChildren {
background: transparent url("cmegroupClientLibs/images/navDownArrow.png") no-repeat right center !important;
padding-right: 13px !important;
margin-right: 3px !important;
height: 19px !important;
}
.cme-ie8 #cmeMenu > ul.cmeLinkList > li.cmeLinkHasChildren:hover {
background-color: #3EA2D4 !important;
}
.cme-ie8 #cmeMenu > ul.cmeLinkList > li.cmeLinkHasChildren > a:after {
width: 0px !important;
height: 0px !important;
}
.cme-ie8 #cmeMenu > ul.cmeLinkList > li > div.cmeLinkChildren > ul > li.cmeSingleSignOn a {
padding-right: 55px;
background: transparent url("cmegroupClientLibs/images/cme-sso-icon.png") no-repeat right center !important;
}
.cme-ie8 #cmeMenu > ul.cmeLinkList > li > div.cmeLinkChildren > ul > li.cmeSingleSignOn a:after {
width: 0px !important;
height: 0px !important;
}
/* DYNAMIC FEATURED PAGE LINKS AND CANVAS */
.cme-ie8 .cmeContentGridLayout .cmeContentGridItem {
*display:inline;
*zoom:1;
}
/* FEATURED PAGE LINKS */
.cme-ie8 .cmeFeaturedLink a {
filter: alpha(opacity=1);
background-color: #fff;
}
/* CMETEXT - ORDERED LISTS */
.cme-ie8 .cmeText > ol > li:before {
content: "";
}
.cme-ie8 .cmeText > ol > li {
list-style-type: decimal;
list-style-position: inside;
}
.cme-ie8 .cmeText > ol > li > ul > li:before {
content: none;
}
.cme-ie8 .cmeText > ol > li > ul > li {
list-style-type: disc;
list-style-position: outside;
}
.cme-ie8 .cmeText > ul > li:before {
content: none;
}
.cme-ie8 .cmeText > ul > li {
list-style-type: disc;
}
.cme-ie8 .cmeText > ul > li > ul > li:before {
content: none;
}
.cme-ie8 .cmeText > ul > li > ul > li {
list-style-type: disc;
}
/*****************/
/* HEADER 5.0 */
/*****************/
.cme-ie8 #cmeHeader #cmeGroupLogo {
background: url("cmegroupClientLibs/images/cme-header-logo.png") no-repeat scroll center top transparent !important;
}
/*****************/
/* FOOTER 5.0 */
/*****************/
.cme-ie8 #smileyLevel01 {
background: url("cmegroupClientLibs/images/smileyIconsNonRetina.png") no-repeat scroll 0px 0px transparent;
}
.cme-ie8 #smileyLevel01:hover, .cme-ie8 #smileyLevel01.radio-selected {
background: url("cmegroupClientLibs/images/smileyIconsNonRetina.png") no-repeat scroll -32px 0px transparent;
}
.cme-ie8 #smileyLevel02 {
background: url("cmegroupClientLibs/images/smileyIconsNonRetina.png") no-repeat scroll -64px 0px transparent;
}
.cme-ie8 #smileyLevel02:hover, .cme-ie8 #smileyLevel02.radio-selected {
background: url("cmegroupClientLibs/images/smileyIconsNonRetina.png") no-repeat scroll 0px -32px transparent;
}
.cme-ie8 #smileyLevel03 {
background: url("cmegroupClientLibs/images/smileyIconsNonRetina.png") no-repeat scroll -32px -32px transparent;
}
.cme-ie8 #smileyLevel03:hover, .cme-ie8 #smileyLevel03.radio-selected {
background: url("cmegroupClientLibs/images/smileyIconsNonRetina.png") no-repeat scroll -64px -32px transparent;
}
.cme-ie8 #smileyLevel04 {
background: url("cmegroupClientLibs/images/smileyIconsNonRetina.png") no-repeat scroll 0px -64px transparent;
}
.cme-ie8 #smileyLevel04:hover, .cme-ie8 #smileyLevel04.radio-selected {
background: url("cmegroupClientLibs/images/smileyIconsNonRetina.png") no-repeat scroll -32px -64px transparent;
}
.cme-ie8 .cmeFooterCategoryFeedback {
background: url("cmegroupClientLibs/images/footerBgMediumLargeNonRetina.png") no-repeat scroll right 0px transparent;
}
.cme-ie8 .cmeFooterCategoryGlobal {
background: url("cmegroupClientLibs/images/footerBgLargeNonRetina.png") no-repeat scroll left 0px transparent;
}
.cme-ie8 .cmeFooterCategoryAwards {
background: url("cmegroupClientLibs/images/footerBgMediumSmallNonRetina.png") no-repeat scroll 625px 0px transparent;
border-top: 1px solid #c0bfbf;
}
.cme-ie8 .cmeFooterCategoryLegal {
background: url("cmegroupClientLibs/images/footerBgSmallNonRetina.png") no-repeat scroll 290px 0px transparent;
}
/************************************************/
/* IMAGE CAROUSEL */
/************************************************/
.cme-ie8 .cmeImageBannerOverlay {
background-color: #000;
}
/************************************************/
/* MEDIA BOX
/************************************************/
/****************************/
/* LTE IE9 */
/****************************/
/* Page Navigation */
.cme-lte9 #cmePageNavigationBar {
background: #efefef url("cmegroupClientLibs/images/topNavSprite.png") repeat-x 0 0;
}
.cme-lte9 .cmeNavigationItem:hover {
color: #0a246a;
background: #b2dcf1;
}
/* 5.0 for IE tabs */
.cme-lte9 .cmeTabs .cmeTabsNavigation li a {
text-align: center;
}
.cme-lte9 .cmeTabs .cmeTabsNavigation li.cmeTabSelected a {
color: #333;
font-weight: normal;
}
.cme-lte9 .cmeTabsSubNavigation li {
vertical-align: middle;
text-align: center;
}
/* AUTO-REFRESH SWITCH */
.cme-lte9 :root input[type="checkbox"].cmeIOSSwitch + div:before {
color: #333;
}
.cme-lte9 .cmeSelectFieldWrapper {
background: #d6d6d6;
}
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9005;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: .8;
filter: alpha(opacity=80)
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9010;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden
}
.mfp-container {
height: 100%;
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle
}
.mfp-align-top .mfp-container:before {
display: none
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 505
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto
}
.mfp-ajax-cur {
cursor: progress
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
padding-right: 50px !important;
padding-top: 12px;
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in
}
.mfp-auto-cursor .mfp-content {
cursor: auto
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.mfp-loading.mfp-figure {
display: none
}
.mfp-hide {
display: none !important
}
.mfp-preloader {
color: #ccc;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 504
}
.mfp-preloader a {
color: #ccc
}
.mfp-preloader a:hover {
color: white
}
.mfp-s-ready .mfp-preloader {
display: none
}
.mfp-s-error .mfp-content {
display: none
}
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
padding: 0;
z-index: 506
}
button::-moz-focus-inner {
padding: 0;
border: 0
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: .65;
padding: 0 0 18px 10px;
color: white;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace
}
.mfp-close:hover,
.mfp-close:focus {
opacity: 1
}
.mfp-close:active {
top: 1px
}
.mfp-close-btn-in .mfp-close {
color: #333
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: white;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #ccc;
font-size: 12px;
line-height: 18px
}
.mfp-arrow {
position: absolute;
top: 0;
opacity: .65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
.mfp-arrow:active {
margin-top: -54px
}
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1
}
.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: solid transparent
}
.mfp-arrow:after,
.mfp-arrow .mfp-a {
opacity: .8;
border-top-width: 12px;
border-bottom-width: 12px;
top: 8px
}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
border-top-width: 20px;
border-bottom-width: 20px
}
.mfp-arrow-left {
left: 0
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
border-right: 12px solid #000;
left: 5px
}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
border-right: 20px solid #FFF
}
.mfp-arrow-right {
right: 0
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
border-left: 12px solid #000;
left: 3px
}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
border-left: 20px solid #FFF
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%
}
.mfp-iframe-scaler iframe {
position: absolute;
top: -3px;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: black
}
.mfp-iframe-holder .mfp-close {
top: -43px
}
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto
}
.mfp-figure {
line-height: 0
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #f3f3f3;
word-break: break-word;
padding-right: 36px
}
.mfp-figure small {
color: #bdbdbd;
display: block;
font-size: 12px;
line-height: 14px
}
.mfp-image-holder .mfp-content {
max-width: 100%
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer
}
.my-mfp-zoom-in .zoom-anim-dialog {
opacity: 0;
transform: scale(0.8);
transition: all .2s ease-in-out 0
}
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
opacity: 1;
transform: scale(1)
}
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
opacity: 0;
transform: scale(0.8)
}
.my-mfp-zoom-in.mfp-bg {
opacity: 0;
transition: opacity .3s ease-out 0
}
.my-mfp-zoom-in.mfp-ready.mfp-bg {
opacity: .8
}
.my-mfp-zoom-in.mfp-removing.mfp-bg {
opacity: 0
}
.my-mfp-slide-bottom .zoom-anim-dialog {
opacity: 0;
transform: translateY(-20px) perspective(600px) rotateX(10deg);
transition: all .2s ease-out 0
}
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
opacity: 1;
transform: translateY(0) perspective(600px) rotateX(0)
}
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
opacity: 0;
transform: translateY(-10px) perspective(600px) rotateX(10deg)
}
.my-mfp-slide-bottom.mfp-bg {
opacity: 0;
transition: opacity .3s ease-out 0
}
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
opacity: .8
}
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
opacity: 0
}
.mfp-fade.mfp-bg {
opacity: 0;
-webkit-transition: all .15s ease-out;
-moz-transition: all .15s ease-out;
transition: all .15s ease-out
}
.mfp-fade.mfp-bg.mfp-ready {
opacity: .8
}
.mfp-fade.mfp-bg.mfp-removing {
opacity: 0
}
.mfp-fade.mfp-wrap .mfp-content {
opacity: 0;
-webkit-transition: all .15s ease-out;
-moz-transition: all .15s ease-out;
transition: all .15s ease-out
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
opacity: 1
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
opacity: 0
}
@media screen and (max-width: 800px) and (orientation: landscape),
screen and (max-height: 300px) {
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0
}
.mfp-img-mobile img.mfp-img {
padding: 0
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px
}
}
@media all and (max-width: 800px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75)
}
.mfp-arrow-left {
-webkit-transform-origin: 0 0;
transform-origin: 0 0
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%
}
.mfp-container {
padding-left: 6px;
padding-right: 6px
}
}
.mfp-ie7 .mfp-img {
padding: 0
}
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px
}
.mfp-ie7 .mfp-container {
padding: 0
}
.mfp-ie7 .mfp-content {
padding-top: 44px
}
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0
}
.mfp-ajax-holder .mfp-content>div {
margin: 20px auto;
max-width: 600px;
background-color: #fff;
padding: 20px 30px;
position: relative;
text-align: left;
}
.invisibleElement {
visibility: hidden;
}
@media screen and (max-width: 980px) {
.cmeHideFromTablet {
display: none !important;
}
.cmeHideFromDesktop {
display: block !important;
}
body {
background: #fff;
}
#cmePageWrapper {
position: static;
box-shadow: none;
margin: 0 1%;
width: 98%;
padding: 0;
}
#Container {
min-width: 240px;
}
#cmePageBreadcrumbArea {
margin: 10px 0 0 0;
}
#cmePageContentArea {
margin: 20px 0 0 0;
}
.cmeProduct.section {
overflow: hidden;
}
.cmeStructureElement {
display: block !important;
}
#cmePageMasthead.cmeContentBox {
padding: 0;
}
#cmePageMasthead li {
line-height: normal !important;
}
.cmeLeftElement {
float: none;
}
.cmeLeftElement ul li {
float: left;
}
.cmeRightElement {
float: none;
text-align: left;
clear: both;
}
.cmeRightElement ul li {
float: left;
}
#cmeLogo {
width: 60%;
min-width: 130px;
}
#cmeLogo img {
width: 100%;
}
#cmeMenu {
position: absolute;
right: 5px;
top: 4px;
width: auto;
min-width: 60px;
margin-top: 0;
padding: 0;
}
#cmeMenu .cmeLinkList li.cmeLinkLogin {
display: none;
}
#cmeMenu .cmeLinkList li:before {
content: "";
content: none;
}
#cmeMenu .cmeLinkList li a {
padding: 4px 0 4px 5px;
}
#cmeMenu .cmeLinkList li:first-child a {
padding: 4px 5px;
}
#cmeMenu.cmeContentColumn {
margin-top: 0;
}
#cmeSearch.cmeContentColumn {
margin-top: 20px;
}
#cmeSearch {
clear: both;
width: 100%;
padding: 2px 0 0 0;
position: relative;
}
#cmeSearch form {
float: none;
}
#cmeSearch form.elc-form {
float: none;
}
.elc-searchWrapper {
float: none;
}
#cmeSearch ul li {
width: 100%;
}
#cmeSearch #searchField {
width: 100%;
padding: 1% 25px 1% 2px;
height: auto;
}
.cmeSearchButtonWrapper #searchButton {
position: absolute;
right: 2px;
top: 2%;
}
span.elc-searchWrapper {
width: 100% !important;
}
span.elc-search {
width: 100% !important;
}
div.elc-hint-container {
width: 100%;
font: arial, helvetica, sans-serif;
font-size: 13px;
}
/* MEDIA LIST RESPONSIVE HANDLING */
.cmeMediaDuration {
display: block;
}
.cmeMediaButtonsWrapper > ul > li {
width: 100%;
clear: both;
float: none;
}
.cmeMediaDownload, .cmeMediaEmbed {
margin-top: 5px;
}
.cmeMediaEmbed {
display: none;
}
/****************************/
/* CME HEADER 5.0 START */
/****************************/
#cmeHeader #cmeHeaderRight {
clear: both;
width: 100%;
float: none;
overflow: hidden;
margin-top: 70px;
}
#cmeHeader #cmeHeaderRight #cmeSearch {
margin: 0px;
float: none;
width: 100%;
}
#cmeHeader #cmeGroupLogo {
background: url("cmegroupClientLibs/images/cme-header-sprite.png") no-repeat scroll center top transparent;
position: absolute;
top: 0px;
left: 0px;
margin: 20px 0px;
/* width:75% !important; */
background-position: 0px -117px;
/* min-width:162px; */
float: none !important;
padding: 0px !important;
width: 197px !important;
height: 30px !important;
}
#cmeHeader #cmeGroupLogo img {
display: none;
}
#cmeHeader #cmeNavMobileLink {
position: fixed;
top: 0px;
right: 0px;
font-size: 17.5px;
font-family: Roboto, "Helvetica Neue", helvetica, arial, sans-serif;
margin: 20px 0px;
line-height: 30px;
background: #EEEEEE;
padding: 0px 10px 0px 5px;
border: solid 1px #cacaca;
color: #363636 !important;
z-index: 9999;
}
#cmeHeader #cmeNavMobileLink:before {
height: 30px;
width: 30px;
content: "";
background: url("cmegroupClientLibs/images/cme-header-sprite.png") no-repeat scroll center top transparent;
background-position: 0 -260px;
float: left;
margin-right: 5px;
}
#cmeNavMobile {
background: #363636;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
max-width: 400px;
z-index: 9999 !important;
font-family: Roboto, "Helvetica Neue", helvetica, arial, sans-serif;
}
#cmeNavMobile > ul > li {
clear: both;
width: 100%;
border-bottom: solid 2px #262626;
border-top: solid 2px #424242;
}
#cmeNavMobile > ul > li#cmeNavMobileLogo {
border-top: 0px;
}
#cmeNavMobile > ul > li#cmeNavMobileLogo > span {
float: left;
height: 50px;
width: 210px;
background: url("cmegroupClientLibs/images/cme-header-sprite.png") no-repeat scroll center top transparent;
background-position: -5px -160px;
}
#cmeNavMobile > ul > li#cmeNavMobileLogo > a {
float: right;
display: block;
width: 50px;
height: 50px;
font-size: 0px;
padding: 0px;
background: url("cmegroupClientLibs/images/cme-header-sprite.png") no-repeat scroll center top transparent;
background-position: -210px -160px;
}
#cmeNavMobile > ul > li#cmeNavMobileLogo > a:after {
width: 0px;
height: 0px;
}
#cmeNavMobile > ul > li > a {
color: #cdcdcd;
font-size: 17.5px;
text-decoration: none;
display: block;
width: 95%;
padding: 12px 2.5%;
cursor: pointer;
}
#cmeNavMobile > ul > li.cmeNavMobileReveal > a:after {
content: "";
height: 20px;
width: 40px;
float: right;
background: url("cmegroupClientLibs/images/cme-header-sprite.png") no-repeat scroll center top transparent;
background-position: 5px -240px;
}
#cmeNavMobile > ul > li.cmeNavMobileReveal.cmeNavMobileRevealed > a:after {
background-position: 5px -221px;
}
#cmeNavMobileMask {
opacity: 0.7 !important;
}
#cmeNavMobile ul.cmeSecondaryNavMobile {
display: none;
}
#cmeNavMobile ul.cmeSecondaryNavMobile > li {
border-bottom: solid 2px #404040;
border-top: solid 2px #494949;
background: #434343;
overflow: hidden;
}
#cmeNavMobile ul.cmeSecondaryNavMobile > li > a {
color: #cdcdcd;
font-size: 15px;
text-decoration: none;
display: block;
width: 95%;
padding: 12px 2.5%;
}
#cmeNavMobile ul.cmeSecondaryNavMobile > li > a.cmeNavMobileIndent {
padding: 12px 2.5% 12px 7.5%;
width: 90%;
}
#cmeNavMobile ul.cmeSecondaryNavMobile > li > a.cmeNavMobileAssetClass:before {
float: left;
margin: 0.25em 0.8em 0 0;
content: "\00a0";
display: block;
border-radius: 50%;
width: 12px;
height: 12px;
position: relative;
}
#cmeNavMobile ul.cmeSecondaryNavMobile > li.cmeSingleSignOn > a:after {
background: url("cmegroupClientLibs/images/cme-header-sprite.png") no-repeat scroll center top transparent;
height: 18px;
width: 44px;
background-position: -44px -83px;
float: right;
content: "";
}
/****************************/
.cmeHideFromTablet {
display: none !important;
}
.cmeHideFromDesktop {
display: block !important;
}
body {
background: #fff;
}
#cmePageWrapper {
position: static;
box-shadow: none;
margin: 0 1%;
width: 98%;
}
#Container {
min-width: 240px;
}
#cmePageBreadcrumbArea {
margin: 10px 0 0 0;
}
#cmePageContentArea {
margin: 20px 0 0 0;
}
.cmeProduct.section {
overflow: hidden;
}
.cmeStructureElement {
display: block !important;
}
#cmePageMasthead.cmeContentBox {
padding: 0;
}
#cmePageMasthead li {
line-height: normal !important;
}
.cmeLeftElement {
float: none;
}
.cmeLeftElement ul li {
float: left;
}
.cmeRightElement {
float: none;
text-align: left;
clear: both;
}
.cmeRightElement ul li {
float: left;
}
#cmeLogo {
width: 60%;
min-width: 130px;
}
#cmeLogo img {
width: 100%;
}
#cmeMenu {
position: absolute;
right: 5px;
top: 4px;
width: auto;
min-width: 60px;
margin-top: 0;
padding: 0;
}
#cmeMenu .cmeLinkList li.cmeLinkLogin {
display: none;
}
#cmeMenu .cmeLinkList li:before {
content: "";
content: none;
}
#cmeMenu .cmeLinkList li a {
padding: 4px 0 4px 5px;
}
#cmeMenu .cmeLinkList li:first-child a {
padding: 4px 5px;
}
#cmeMenu.cmeContentColumn {
margin-top: 0;
}
#cmeSearch.cmeContentColumn {
margin-top: 20px;
}
#cmeSearch {
clear: both;
width: 100%;
padding: 2px 0 0 0;
position: relative;
}
#cmeSearch form {
float: none;
}
#cmeSearch form.elc-form {
float: none;
}
.elc-searchWrapper {
float: none;
}
#cmeSearch ul li {
width: 100%;
}
#cmeSearch #searchField {
width: 100%;
padding: 1% 25px 1% 2px;
height: auto;
}
.cmeSearchButtonWrapper #searchButton {
position: absolute;
right: 2px;
top: 2%;
}
span.elc-searchWrapper {
width: 100% !important;
}
span.elc-search {
width: 100% !important;
}
div.elc-hint-container {
width: 100%;
font: arial, helvetica, sans-serif;
font-size: 13px;
}
/* MEDIA LIST RESPONSIVE HANDLING */
.cmeMediaDuration {
display: block;
}
.cmeMediaButtonsWrapper > ul > li {
width: 100%;
clear: both;
float: none;
}
.cmeMediaDownload, .cmeMediaEmbed {
margin-top: 5px;
}
.cmeMediaEmbed {
display: none;
}
/****************************/
/* CME HEADER 5.0 START */
/****************************/
#cmeHeader #cmeHeaderRight {
clear: both;
width: 100%;
float: none;
overflow: hidden;
margin-top: 70px;
}
#cmeHeader #cmeHeaderRight #cmeSearch {
margin: 0px;
float: none;
width: 100%;
}
#cmeHeader #cmeGroupLogo {
background: url("cmegroupClientLibs/images/cme-header-sprite.png") no-repeat scroll center top transparent;
position: absolute;
top: 0px;
left: 0px;
margin: 20px 0px;
/* width:75% !important; */
background-position: 0px -117px;
/* min-width:162px; */
float: none !important;
padding: 0px !important;
width: 197px !important;
height: 30px !important;
}
#cmeHeader #cmeGroupLogo img {
display: none;
}
#cmeHeader #cmeNavMobileLink {
position: absolute;
top: 0px;
right: 0px;
font-size: 17.5px;
font-family: Roboto, "Helvetica Neue", helvetica, arial, sans-serif;
margin: 20px 0px;
line-height: 30px;
background: #EEEEEE;
padding: 0px 10px 0px 5px;
border: solid 1px #cacaca;
color: #363636 !important;
}
#cmeHeader #cmeNavMobileLink:before {
height: 30px;
width: 30px;
content: "";
background: url("cmegroupClientLibs/images/cme-header-sprite.png") no-repeat scroll center top transparent;
background-position: 0 -260px;
float: left;
margin-right: 5px;
}
#cmeNavMobile {
background: #363636;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
max-width: 400px;
z-index: 9999999 !important;
font-family: Roboto, "Helvetica Neue", helvetica, arial, sans-serif;
}
#cmeNavMobile > ul > li {
clear: both;
width: 100%;
border-bottom: solid 2px #262626;
border-top: solid 2px #424242;
}
#cmeNavMobile > ul > li#cmeNavMobileLogo {
border-top: 0px;
}
#cmeNavMobile > ul > li#cmeNavMobileLogo > span {
float: left;
height: 50px;
width: 210px;
background: url("cmegroupClientLibs/images/cme-header-sprite.png") no-repeat scroll center top transparent;
background-position: -5px -160px;
}
#cmeNavMobile > ul > li#cmeNavMobileLogo > a {
float: right;
display: block;
width: 50px;
height: 50px;
font-size: 0px;
padding: 0px;
background: url("cmegroupClientLibs/images/cme-header-sprite.png") no-repeat scroll center top transparent;
background-position: -210px -160px;
}
#cmeNavMobile > ul > li#cmeNavMobileLogo > a:after {
width: 0px;
height: 0px;
}
#cmeNavMobile > ul > li > a {
color: #cdcdcd;
font-size: 17.5px;
text-decoration: none;
display: block;
width: 95%;
padding: 12px 2.5%;
cursor: pointer;
}
#cmeNavMobile > ul > li.cmeNavMobileReveal > a:after {
content: "";
height: 20px;
width: 40px;
float: right;
background: url("cmegroupClientLibs/images/cme-header-sprite.png") no-repeat scroll center top transparent;
background-position: 5px -240px;
}
#cmeNavMobile > ul > li.cmeNavMobileReveal.cmeNavMobileRevealed > a:after {
background-position: 5px -221px;
}
#cmeNavMobileMask {
opacity: 0.7 !important;
}
#cmeNavMobile ul.cmeSecondaryNavMobile {
display: none;
}
#cmeNavMobile ul.cmeSecondaryNavMobile > li {
border-bottom: solid 2px #404040;
border-top: solid 2px #494949;
background: #434343;
overflow: hidden;
}
#cmeNavMobile ul.cmeSecondaryNavMobile > li > a {
color: #cdcdcd;
font-size: 15px;
text-decoration: none;
display: block;
width: 95%;
padding: 12px 2.5%;
}
#cmeNavMobile ul.cmeSecondaryNavMobile > li > a.cmeNavMobileIndent {
padding: 12px 2.5% 12px 7.5%;
width: 90%;
}
#cmeNavMobile ul.cmeSecondaryNavMobile > li > a.cmeNavMobileAssetClass:before {
float: left;
margin: 0.25em 0.8em 0 0;
content: "\00a0";
display: block;
border-radius: 50%;
width: 12px;
height: 12px;
position: relative;
}
#cmeNavMobile ul.cmeSecondaryNavMobile > li.cmeSingleSignOn > a:after {
background: url("cmegroupClientLibs/images/cme-header-sprite.png") no-repeat scroll center top transparent;
height: 18px;
width: 44px;
background-position: -44px -83px;
float: right;
content: "";
}
/****************************/
/* CME HEADER 5.0 END */
/****************************/
/* NAVIGATION */
.menuActive .navigationFlyout {
display: none;
}
.menuActive.tabletActive .navigationFlyout {
display: block;
}
#cmePageNavigation {
display: none;
min-height: 100%;
position: absolute;
top: 0;
left: -270px;
width: 270px;
background-color: #F2F4F3;
}
#cmePageNavigation.mobileMenuActive {
left: 0;
z-index: 9999;
}
#cmePageNavigation.mobileMenuDisplayed {
display: block;
}
.cmeMobileMenu {
display: block;
}
.cmeMobileMenu .cmeMobileButton {
display: block;
line-height: 22px;
padding: 10px 0;
}
.cmeMobileMenuButton span:before {
content: "";
display: block;
float: right;
background: url("cmegroupClientLibs/images/cmegroup-icon-set.png") no-repeat scroll -17px -98px transparent;
width: 18px;
height: 19px;
}
.cmeMobileMenuButton span {
display: block;
text-indent: -9999em;
}
#cmePageNavigationBar {
width: 100%;
height: auto;
background-color: transparent;
background-image: none;
border: none;
}
#cmePageNavigationBar li {
width: 100% !important;
}
#cmePageNavigationBar {
display: block;
}
.cmeNavigationItem {
display: block;
float: none;
position: relative;
top: 0;
left: 0;
color: #0575B9;
text-align: left;
text-shadow: 0 1px 0 #DCEDF3;
padding: 0;
background: none;
/*background:#b2dcf1; background:-moz-linear-gradient(top, #dfebed 15%, #b2dcf1 89%); background:-webkit-gradient(linear, left top, left bottom, color-stop(15%,#dfebed), color-stop(89%,#b2dcf1)); background:-webkit-linear-gradient(top, #dfebed 15%,#b2dcf1 89%); background:-o-linear-gradient(top, #dfebed 15%,#b2dcf1 89%); background:-ms-linear-gradient(top, #dfebed 15%,#b2dcf1 89%); background:linear-gradient(to bottom, #dfebed 15%,#b2dcf1 89%);*/
}
.cmeEuropeNavigation .cmeNavigationItem {
display: block;
padding: 0;
}
.cmeNavigationItem:hover {
color: #0575b9;
}
.cmeNavigationItem > span:before {
content: "";
display: block;
float: right;
background: url("cmegroupClientLibs/images/cmegroup-icon-set.png") no-repeat scroll -41px -319px transparent;
width: 13px;
height: 21px;
margin: 2px 0 0 0;
}
.cmeNavigationItem > span {
text-align: left;
display: block;
background: none;
line-height: 28px;
cursor: pointer;
padding: 10px !important;
font-size: 16px;
font-weight: bold;
background: -moz-linear-gradient(top, #dfebed 15%, #b2dcf1 89%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(15%, #dfebed), color-stop(89%, #b2dcf1));
background: -webkit-linear-gradient(top, #dfebed 15%, #b2dcf1 89%);
background: -o-linear-gradient(top, #dfebed 15%, #b2dcf1 89%);
background: -ms-linear-gradient(top, #dfebed 15%, #b2dcf1 89%);
background: linear-gradient(to bottom, #dfebed 15%, #b2dcf1 89%);
}
.cmeNavigationItem.cmeChildlessNavItem > span:before {
content: "";
display: block;
float: right;
background: none;
width: 13px;
height: 21px;
margin: 2px 0 0 0;
}
.cmeNavigationItem.cmeChildlessNavItem > span {
background: -moz-linear-gradient(top, #dfebed 15%, #b2dcf1 89%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(15%, #dfebed), color-stop(89%, #b2dcf1));
background: -webkit-linear-gradient(top, #dfebed 15%, #b2dcf1 89%);
background: -o-linear-gradient(top, #dfebed 15%, #b2dcf1 89%);
background: -ms-linear-gradient(top, #dfebed 15%, #b2dcf1 89%);
background: linear-gradient(to bottom, #dfebed 15%, #b2dcf1 89%);
}
.cmeNavigationItem > span a {
display: block;
}
.cmeNavigationItem:hover .cmeNavigationItemMenu {
display: none;
}
.cmeNavigationItem.mobileSubMenuActive {}
.mobileSubMenuActive > span:before {
background-position: -54px -322px;
width: 22px;
height: 14px;
margin: 8px 0 0 0;
}
.mobileSubMenuActive > div {
display: block !important;
position: relative !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
border: none !important;
box-shadow: none !important;
padding: 0 !important;
background-color: #ddd;
}
.cmeNavigationItemMenu {
display: block;
min-height: none;
}
li.megaMenuNavigationLevelTwo {
display: block;
float: none;
clear: both;
border-top: dashed 1px #ccc !important;
}
li.megaMenuNavigationLevelTwo > span {
background: none;
line-height: 22px;
cursor: pointer;
display: block;
color: #000;
padding: 10px !important;
}
li.megaMenuNavigationLevelTwo > span:before {
content: "";
display: block;
float: right;
background: url("cmegroupClientLibs/images/cmegroup-icon-set.png") no-repeat scroll -76px -322px transparent;
width: 12px;
height: 14px;
margin: 2px 0 0 0;
}
li.megaMenuNavigationLevelTwo.mobileSubSubMenuActive > span:before {
background-position: -88px -322px;
width: 12px;
height: 14px;
margin: 5px 0 0 0;
}
#cmePageNavigationBar > li#navigationLogin > div#loginMenu > ul > li {
border-top: 1px dashed #CCCCCC !important;
line-height: 22px;
padding: 10px;
width: auto !important;
overflow: hidden;
}
#cmePageNavigationBar > li#navigationLogin > div#loginMenu > ul > li > a {
color: #000000;
}
#cmePageNavigationBar > li#navigationLogin > div#loginMenu > ul > li.cmeSingleSignOn a {
float: left !important;
}
#cmePageNavigationBar > li#navigationLogin > div#loginMenu > ul > li.cmeSingleSignOn a:after {
content: "";
background: url("cmegroupClientLibs/images/cme-sso-icon.png") no-repeat scroll right center;
height: 22px;
width: 55px;
float: right;
}
.megaMenuMobileSectionTitle > span {
display: inline;
}
.megaMenuViewAllLink {
visibility: hidden;
}
.cmeNavigationItemMenu > .megaMenuContentArea:first-child > .megaMenuNavigationLevelTwo {
border-top: none !important;
}
.megaMenuSectionLink {
padding: 0;
}
li.megaMenuSectionLink > span {
background: none !important;
line-height: 14px;
font-weight: bold;
}
li.megaMenuSectionLink > span > a {
display: block;
padding: 2px 0;
}
.megaMenuSectionLink > span > a:after {
content: "";
content: none;
}
.megaMenuHide, li.megaMenuNavigationLevelTwo > ul {
display: none;
}
.megaMenuContentPanelSection {
margin: 0;
padding: 0;
border: none;
}
ul.megaMenuContentArea {
width: 100%;
}
ul.megaMenuContentArea > li > ul > li {
display: block;
width: 100% !important;
padding: 5px 0;
position: relative !important;
top: 0 !important;
left: 0 !important;
border: none !important;
}
.megaMenuContentArea {
padding: 0;
border: none !important;
}
.megaMenuContentArea li {
font-size: 12px !important;
}
.megaMenuContentArea .cmeComponent {
margin: 0;
}
.mobileSubSubMenuActive > ul {
display: block !important;
}
.megaMenuItemMenuLinks {
background: none;
border: none;
width: 100%;
padding: 0;
}
.megaMenuItemMenuLinks li:hover {
background: none;
}
.megaMenuItemMenuLinks > li > a {
display: block;
border: none;
padding: 5px 10px;
}
.megaMenuItemMenuLinksBlock {
background: none;
border: none;
width: 100%;
padding: 0;
}
.megaMenuItemMenuLinksBlock > li {
margin-top: 0;
}
.megaMenuItemMenuLinksBlock > li > span {
padding: 0 10px;
}
.megaMenuItemMenuLinksBlock > li > ul > li {
padding: 0 10px;
}
.megaMenuItemMenuLinksBlock > li > ul > li:hover {
background: none;
}
.megaMenuItemMenuLinksBlock > li > ul > li > a {
display: block;
border: none;
padding: 5px 10px;
}
.megaMenuItemNotice {
padding: 5px 10px !important;
}
.megaMenuContentPanelSection {
padding: 0 !important;
margin: 0 !important;
}
.megaMenuContentPanelSection.splitListDisplay {
margin-left: 0 !important;
float: none;
clear: both;
}
.splitListLeft {
margin-left: 0 !important;
float: none;
clear: both;
}
.splitListRight {
margin-left: 0 !important;
float: none;
clear: both;
}
ul.splitList {
float: none;
width: 100%;
background-color: none;
border: none;
padding: 0;
margin-left: 0;
clear: both;
}
ul.splitList > li a {
background-repeat: no-repeat;
}
li.subSectionLink a {
background: none;
padding: 5px 10px;
}
.megaMenuStoryItems {
display: block;
clear: both;
background-image: none;
width: auto;
padding: 0 !important;
margin-top: 0 !important;
}
.megaMenuStoryItem > ul {
padding: 0 10px;
}
.megaMenuStoryItemDate {
float: none;
text-align: left;
color: #000;
}
.storyMetaData {
clear: both;
padding: 0;
}
.featureItem > span {
display: none !important;
}
li.featureItem > ul {
display: block;
padding: 5px 10px;
}
li.featureItem > ul > li {
line-height: 18px;
}
ul.threeUp > li {
float: none;
margin-left: 0;
border: none;
}
ul.threeUp > .megaMenuContentPanelSection {
margin-top: 0;
padding: 0;
}
li.linksWithRedArrows > span {
padding: 5px 10px !important;
}
li.linksWithRedArrows > ul {
padding: 5px 10px !important;
}
li.linksWithRedArrows > ul li a {
padding: 5px 0 !important;
background: none;
}
li.linksWithRedArrows ul.splitListDisplay span {
float: none;
clear: none;
display: inline;
}
.cmeAdvisoriesList.cmeList {
padding: 0 10px 10px 10px;
}
.megaMenuStoryItems .cmeList .cmeMediaBoxMeta span {
display: block;
clear: both;
width: auto;
}
.megaMenuStoryItems .cmeList .cmeMediaBoxMeta span.cmeContentColumn {
margin: 2px 0;
}
.megaMenuStoryItems .cmeList .cmeMediaBoxMeta span.cmeContentColumn:first-child {
margin: 0 0 2px 0;
}
.megaMenuStoryItems .cmeList .cmeListContent {
margin-top: 15px;
}
.megaMenuStoryItems .cmeList .cmeListContent:first-child {
margin-top: 0;
}
.megaMenuNavigationLevelTwo .cmeContentColumn {
margin: 0;
padding: 0 !important;
}
/* END OF NAVIGATION */
/************************/
/* PAGE MESSAGE */
/************************/
.cmeMarketingContentItem {
margin-top: 10px;
}
.cmeMarketingContentItem:first-child {
margin-top: 10px;
}
.cmeCloseButton.cmeMarketingMessageButton {
margin: 0;
padding: 8px !important;
right: 2px;
top: 2px;
width: auto !important;
}
/***********************/
/* CONTENT */
/***********************/
.section {
margin-top: 20px;
}
.cmeComponent {
margin-top: 20px;
}
/************************/
/* EQUAL HEIGHT COLUMNS */
/************************/
.cmeEqualHeightColumnWrapper {
table-layout: auto;
}
/***********************/
/* CME TABS */
/***********************/
.cmeTabs {
border: none;
}
.cmeTabPanel {
border: none;
}
.cmeSubNavigation {
background: none;
border: none;
}
.cmeSubNavigation .cmeContentColumn {
float: none;
margin: 10px 0 0 0;
width: 100%;
}
.cmeSubNavigation .cmeContentColumn:first-child {
margin-top: 0;
}
.cmeSubNavigation .cmeSupportingLinks li {
text-align: left;
}
.cmeTabPanel.cmeContentBox {
padding: 10px 0;
}
.cmeTabsSkinVertical .cmeTabPanel.cmeContentBox {
border: 0;
width: 100% !important;
}
.cmeProductMetaInformation {
background: none;
}
.cmeProduct .cmeContentSection {
/*float:left;*/
float: none;
margin: 20px 0 0 0;
clear: both;
width: 100%;
display: block;
}
.cmeProduct .cmeContentSection:first-child {
margin-top: 0;
}
.cmeUpdateControl, .cmeUpdateControl li {
float: none;
}
.cmeProductMetaInformation {
padding: 10px 0;
}
/***********************/
/* FORMS */
/***********************/
.cmeFormComponent fieldset.cmeFormFields {
display: block;
}
.cmeSubNavigation .cmeFormComponent fieldset.cmeFormFields li label {
width: 90px;
text-align: left;
}
.cmeSelect {
border: 1px solid #000000;
color: #000;
margin: 0;
padding: 1px;
}
select[disabled], select:disabled, input:disabled {
color: #7f7f7f;
}
input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;
}
/***********************/
.cmeFormComponent fieldset.cmeFormFields {
display: block;
}
.cmeSubNavigation .cmeFormComponent fieldset.cmeFormFields li label {
width: 90px;
text-align: left;
}
.cmeSelect {
border: 1px solid #000000;
color: #000;
margin: 0;
padding: 1px;
}
select[disabled], select:disabled, input:disabled {
color: #7f7f7f;
}
input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;
}
/***********************/
/* FILTER AREAS */
/***********************/
.cmeFilterWrapper {
border: solid 1px #ccc;
}
.cmeFilterToggle {
background-color: transparent;
}
/**********************/
/* LABEL LIST */
/**********************/
.cmeLabelListWrapper {
display: block;
}
.cmeLabelList {
font-size: 13px;
}
.cmeLabelList li {
float: left;
}
.cmeLabel {
margin-left: 10px;
}
li:first-child .cmeLabel {
margin-left: 0;
}
.cmeLabelList li .tradeStatus {
margin-left: 5px;
}
/**********************/
/* LISTS */
/**********************/
.cmeSupportingLinks {
float: none;
display: block;
clear: both;
text-align: left;
}
/*#cmePageContentArea .cmeLinkList li:before {content:none;}
#cmePageContentArea .cmeLinkList li {display:block; padding:0;}*/
.cmeSubNavigation .cmeSupportingLinks li {
margin: 0;
}
.cmeSubNavigation .cmeLinkList li {
float: none;
display: block;
padding: 0;
margin: 0;
line-height: 28px;
}
.cmeSubNavigation .cmeLinkList li:before {
content: none;
}
.cmeSubNavigation .cmeLinkList li a {
margin: 0;
display: block;
}
.cmeSplitList {
width: 100%;
margin: 0;
}
/**********************/
/* PRODUCT TABLE */
/**********************/
.cmeLegend .cmeSupportingLinks {
float: none;
}
/************************/
.cmeLegend .cmeSupportingLinks {
float: none;
}
/*SDR Table */
.cmeSDR .cmeUpdateControl {
float: right;
}
.cmeSDR .cmeLegendItem {
float: left;
margin: 0;
}
.cmeSDR .cmeSupportingLinks {
float: right;
display: inline;
clear: none;
margin: 0;
}
.cmeSDRDetails .cmeTable {
min-width: 0;
}
/************************/
/* MEGA FOOTER */
/************************/
.iconListItem {
padding: 0 0 0 30px !important;
background-position: left top !important;
}
#cmeMegaFooterPrivacyLinks {
float: none;
text-align: left;
}
.hideFromTablet {
display: block !important;
}
/* Styles */
#cmeSearch form.elc-form ul li {
float: none;
}
.cmeOneUp > li, .cmeOneUp > div {
float: left;
width: 100%;
}
.cmeTwoUp > li, .cmeTwoUp > div {
float: left;
width: 100%;
margin-left: 0;
}
.cmeThreeUp > li, .cmeThreeUp > div {
float: left;
width: 100%;
margin-left: 0;
padding-bottom: 20px;
}
.cmeAddThis {
margin: 5px 5px 5px 0;
}
.addthis_default_style, addthis_inline_style {
float: none;
margin: 0;
}
/**********************/
/* PRODUCT TABLE */
/**********************/
.cmeSubNavigation {
padding: 0;
background-color: #fff !important;
}
.cmeAutoUpdateIcon {
margin-left: 5px;
}
.cmeProductMetaInformation {
display: block;
float: none;
clear: both;
margin-bottom: 20px;
margin-left: 0;
}
.cmeProductMetaInformation>li {
display: block;
float: none;
clear: both;
text-align: left;
font-size: 12px;
line-height: 18px;
}
.cmeProductMetaInformation .cmeSupportingLinks {
margin-bottom: 0;
}
.cmeInlineFormComponent {
float: left;
}
.cmeInlineFormComponent fieldset {
padding-left: 0 !important;
padding-top: 0 !important;
}
.cmeTableBlockWrapper {
position: relative;
margin-top: 20px;
}
.cmeTableBlockWrapper .cmeTableBlockWrapperRepeater:first-of-type {
margin-top: 0;
}
.cmeTable {
min-width: 715px;
width: 100%;
font-size: 12px;
}
.cmeTableSorting thead th {
vertical-align: middle !important;
}
div.cmeTableResponsiveWrapper {
border-right: 1px solid #CCCCCC;
margin-bottom: 20px;
overflow: hidden;
position: relative;
}
div.cmeTableResponsiveScrollableWrapper {
overflow: hidden;
overflow-x: scroll;
}
div.cmeTableResponsivePinnedWrapper {
overflow: hidden;
/*min-width:100px;*/
background: #fff none repeat;
border-right: 1px solid #cacaca;
left: 0;
overflow: hidden;
/*overflow-x:scroll; overflow-y:hidden;*/
position: absolute;
width: 100%;
}
#cmeProductSlateResponsiveWrapper div.cmeTableResponsivePinnedWrapper {
top: 0 !important;
}
div.cmeTableResponsiveScrollableWrapper tr th:first-child {
min-width: 96px;
max-width: 120px;
}
div.cmeTableResponsivePinnedWrapper tr th.cmeFixedColumn {
min-width: 100px;
max-width: 124px;
}
div.cmeTableResponsivePinnedWrapper {
min-width: 101px;
max-width: 125px;
}
.cmeTable th, .cmeTable td {
white-space: nowrap;
}
/* m bratton 20130320 - margins inters page, having the extra row to seperate legs fixed with this set width:*/
.cmeTableResponsivePinnedWrapperInters {
width: 77px !important;
}
.cmePinnedTable {
width: 100%;
border-collapse: collapse;
font-size: 12px;
}
.cmePinnedTable.cmeDelayedQuotesTable th {
height: 22px;
}
.cmePinnedTable th, .cmePinnedTable td {
white-space: nowrap;
padding: 5px;
border: 1px solid #D4D4D4;
border-collapse: collapse;
text-align: center;
vertical-align: middle;
}
.cmePinnedTable thead th {
background-color: #252525;
color: #fff;
font-weight: bold;
vertical-align: bottom;
}
.cmePinnedTable tbody th, .cmePinnedTable td {
font-weight: normal;
}
.cmePinnedTable thead th a {
color: #fff;
text-decoration: none;
}
.cmePinnedTable thead th a:hover {
color: #1C3D73;
}
.cmePinnedColumn {
width: 100%;
/*max-width:100px;*/
}
.cmeTable td {
height: 22px;
}
.imageButton {
padding: 0 2px;
}
.noWrap {
white-space: nowrap;
display: block;
clear: both;
width: 100%;
}
.cmeTable td.cmeTableFixResponsiveHeight, .cmeTable th.cmeTableFixResponsiveHeight {
white-space: normal !important;
}
.hideColumn {
display: none;
}
.hideColumn1 {
display: none
}
.hideColumn3 {
visibility: hidden;
}
#assetClassNavigation {
margin-left: 0;
}
#assetClassNavigation form {
margin: 0 0 10px 0;
float: none;
}
.cmeTableBlockWrapper .cmeSelectFieldWrapper {
width: 100% !important;
max-width: 240px;
}
.cmeTableBlockWrapper table .cmeSelectFieldWrapper {
width: 100% !important;
max-width: 120px;
}
.cmeTableBlockWrapper table .cmeSelectFieldWrapper select {
width: 120% !important;
max-width: 148px;
}
.cmeSelectFieldWrapper {
width: 100% !important;
max-width: 240px;
position: relative;
}
.cmeSelectFieldWrapper select {
width: 120%;
max-width: 268px;
}
.cmeLegend li, .cmeLegend .cmeLegendItem {
float: none;
margin: 5px 0 5px 0;
line-height: 22px;
}
.cmeLegend li:first-child {
margin: 0;
}
.cmeDynamicForm li {
clear: both;
margin: 20px 0 0 0;
}
.cmeDynamicForm li:first-child {
margin: 0;
}
.cmeChartParameters .cmeFormComponent .cmeFormFields {
float: left;
}
.cmeChartParameters .cmeFormComponent .cmeFormFields li {
clear: none !important;
padding: 10px;
}
.cmeChartParameters .cmeFormComponent fieldset.cmeFormFields li ol li {
padding: 0 !important;
}
.cmeChartParameters .cmeFormGroup li {
margin-top: 0;
}
.cmeChartParameters .cmeFormControls {
clear: both;
margin-top: 15px;
}
.cmeIconWrapperMain {
position: relative;
display: none;
padding: 10px;
}
.cmeTableResponsiveScrollableWrapper .cmeOptionsTable td {
width: 40px;
}
.cmeOptionsTable thead th.cmeStrikePrice {
padding-top: 10px;
border-bottom: solid 1px #d4d4d4;
}
.cmeOptionsTable tbody th[scope=row] {
border: none;
border-bottom: solid 1px #d4d4d4 !important;
}
.cmeCalls {
background-color: #E4E4E4 !important;
}
.cmePuts {
background-color: #FFF !important;
}
.cmeTableMessaging li {
float: none;
clear: both;
text-align: left;
}
.cmeContentBox.cmeVOIChartComponent {
padding: 0;
}
.cmeTableWrapper.cmeContentTableWrapper {
overflow: hidden;
overflow-x: scroll;
}
.cmeTableWrapper .cmeInteractiveTable {
width: auto;
min-width: 715px;
max-width: 980px;
font-size: 12px;
}
li.cmeAdvisoryRow {
width: 100%;
}
li.cmeAdvisoryRow ul li {
width: 100%;
display: block;
}
/********************************/
.cmeSubNavigation {
padding: 0;
background-color: #fff !important;
}
.cmeAutoUpdateIcon {
margin-left: 5px;
}
.cmeProductMetaInformation {
display: block;
float: none;
clear: both;
margin-bottom: 20px;
margin-left: 0;
}
.cmeProductMetaInformation>li {
display: block;
float: none;
clear: both;
text-align: left;
font-size: 12px;
line-height: 18px;
}
.cmeProductMetaInformation .cmeSupportingLinks {
margin-bottom: 0;
}
.cmeInlineFormComponent {
float: left;
}
.cmeInlineFormComponent fieldset {
padding-left: 0 !important;
padding-top: 0 !important;
}
.cmeTableBlockWrapper {
position: relative;
margin-top: 20px;
}
.cmeTableBlockWrapper .cmeTableBlockWrapperRepeater:first-of-type {
margin-top: 0;
}
.cmeTable {
min-width: 715px;
width: 100%;
font-size: 12px;
}
.cmeTableSorting thead th {
vertical-align: middle !important;
}
div.cmeTableResponsiveWrapper {
border-right: 1px solid #CCCCCC;
margin-bottom: 20px;
overflow: hidden;
position: relative;
}
div.cmeTableResponsiveScrollableWrapper {
overflow: hidden;
overflow-x: scroll;
}
div.cmeTableResponsivePinnedWrapper {
overflow: hidden;
/*min-width:100px;*/
background: #fff none repeat;
border-right: 1px solid #D4D4D4;
left: 0;
overflow: hidden;
/*overflow-x:scroll; overflow-y:hidden;*/
position: absolute;
width: 100%;
}
#cmeProductSlateResponsiveWrapper div.cmeTableResponsivePinnedWrapper {
top: 0 !important;
}
div.cmeTableResponsiveScrollableWrapper tr th:first-child {
min-width: 96px;
max-width: 120px;
}
div.cmeTableResponsivePinnedWrapper tr th.cmeFixedColumn {
min-width: 100px;
max-width: 124px;
}
div.cmeTableResponsivePinnedWrapper {
min-width: 101px;
max-width: 125px;
}
.cmeTable th, .cmeTable td {
white-space: nowrap;
}
/* m bratton 20130320 - margins inters page, having the extra row to seperate legs fixed with this set width:*/
.cmeTableResponsivePinnedWrapperInters {
width: 77px !important;
}
.cmePinnedTable {
width: 100%;
border-collapse: collapse;
font-size: 12px;
}
.cmePinnedTable th, .cmePinnedTable td {
white-space: nowrap;
padding: 5px 2px;
border-collapse: collapse;
text-align: center;
vertical-align: middle;
}
.cmePinnedTable thead th {
background-color: #252525;
color: #fff;
font-weight: bold;
vertical-align: bottom;
}
.cmePinnedTable tbody th, .cmePinnedTable td {
font-weight: normal;
}
.cmePinnedTable thead th a {
color: #fff;
text-decoration: none;
}
.cmePinnedTable thead th a:hover {
color: #1C3D73;
}
.cmePinnedColumn {
width: 100%;
/*max-width:100px;*/
}
.cmeTable td {
height: 22px;
}
.imageButton {
padding: 0 2px;
}
.noWrap {
white-space: nowrap;
display: block;
clear: both;
width: 100%;
}
.cmeTable td.cmeTableFixResponsiveHeight, .cmeTable th.cmeTableFixResponsiveHeight {
white-space: normal !important;
}
.hideColumn {
display: none;
}
.hideColumn1 {
display: none
}
.hideColumn3 {
visibility: hidden;
}
#assetClassNavigation {
margin-left: 0;
}
#assetClassNavigation form {
margin: 0 0 10px 0;
float: none;
}
.cmeTableBlockWrapper .cmeSelectFieldWrapper {
width: 100% !important;
max-width: 240px;
}
.cmeTableBlockWrapper table .cmeSelectFieldWrapper {
width: 100% !important;
max-width: 120px;
}
.cmeTableBlockWrapper table .cmeSelectFieldWrapper select {
width: 120% !important;
max-width: 148px;
}
.cmeSelectFieldWrapper {
width: 100% !important;
max-width: 240px;
}
.cmeSelectFieldWrapper select {
width: 120%;
max-width: 268px;
}
.cmeJumpMenu {
margin: 0 0 20px 0;
}
.cmeLegend li, .cmeLegend .cmeLegendItem {
float: none;
margin: 5px 0 5px 0;
line-height: 22px;
}
.cmeLegend li:first-child {
margin: 0;
}
.cmeDynamicForm li {
clear: both;
margin: 20px 0 0 0;
}
.cmeDynamicForm li:first-child {
margin: 0;
}
.cmeChartParameters .cmeFormComponent .cmeFormFields {
float: left;
}
.cmeChartParameters .cmeFormComponent .cmeFormFields li {
clear: none !important;
padding: 10px;
}
.cmeChartParameters .cmeFormComponent fieldset.cmeFormFields li ol li {
padding: 0 !important;
}
.cmeChartParameters .cmeFormGroup li {
margin-top: 0;
}
.cmeChartParameters .cmeFormControls {
clear: both;
margin-top: 15px;
}
.cmeIconWrapperMain {
position: relative;
display: none;
padding: 10px;
}
.cmeTableResponsiveScrollableWrapper .cmeOptionsTable td {
width: 40px;
}
.cmeOptionsTable thead th.cmeStrikePrice {
padding-top: 10px;
border-bottom: solid 1px #d4d4d4;
}
.cmeOptionsTable tbody th[scope=row] {
border: none;
border-bottom: solid 1px #d4d4d4 !important;
}
.cmeCalls {
background-color: #E4E4E4 !important;
}
.cmePuts {
background-color: #FFF !important;
}
.cmeTableMessaging li {
float: none;
clear: both;
text-align: left;
}
.cmeContentBox.cmeVOIChartComponent {
padding: 0;
}
.cmeTableWrapper.cmeContentTableWrapper {
overflow: hidden;
overflow-x: scroll;
}
.cmeTableWrapper .cmeInteractiveTable {
width: auto;
min-width: 715px;
max-width: 980px;
font-size: 12px;
}
/********************************/
/* Product Slate */
/********************************/
#cmeProductSlateWrapper {
height: auto;
width: 100%;
overflow: hidden;
}
#cmeProductSlateResponsiveWrapper, #cmeProductSlateResponsiveWrapper {
clear: both;
width: 100%;
overflow: hidden;
position: relative;
top: 0px;
}
#cmeProductSlateSearch {
width: 100% !important;
padding: 0px !important;
overflow: hidden;
border: 0px !important;
}
#cmeProductSlateSearchWrapper {
overflow: hidden;
padding: 5px !important;
}
#cmeProductSlateSearchInput {
width: 100%;
padding: 0px;
margin-top: 1%;
}
#txtProductSlateSearch {
width: 74%;
padding: 0.5em !important;
font-size: 1.1em;
margin-right: 0px;
border: 0.25%;
margin-right: 10px;
}
#btnProductSlateSearch {
display: inline;
width: 15%;
padding: 0.4em !important;
font-size: 1.1em;
margin-right: 0px !important;
border: 0.25%;
background: #0575B9;
color: #FFFFFF;
}
#cmeProductSlateSearchButtons {
clear: both;
width: 100%;
overflow: hidden;
padding-top: 1.0em;
padding-bottom: 0.5em;
float: none;
padding-left: 0px !important;
}
#cmeProductSlateSearchButtons div {
width: 30%;
float: left;
text-align: center;
padding-left: 5%;
}
#cmeProductSlateSearchButtons div:first-child {
padding-left: 0px;
}
.cmeProductSlateButton {
margin-left: 0px;
padding: 0.4em !important;
width: 100%;
margin-right: 4.4%;
font-size: 1.1em;
border: 0.25%;
}
#btnProductSlateResetSearch {
margin-right: 0px !important;
}
a.cmeSearchFilterReset {
line-height: 19px !important;
}
#cmeProductSlateSearchAdvancedInner {
width: 100% !important;
padding: 0px !important;
}
#btnProductSlateSearchAdvanced {
text-align: left !important;
}
#cmeProductSlateSearchDropDowns {
border-right: 0px !important;
width: 100% !important;
display: block !important;
float: none !important;
height: auto !important;
}
.cmeProductSlateSearchDropDown {
width: 50% !important;
padding: 10px 0px 10px 0px !important;
}
.cmeProductSlateSearchDropDown select {
width: 95% !important;
}
#cmeProductSlateSearchCategoriesWrapper {
float: none !important;
width: 100% !important;
min-width: auto !important;
min-height: 50px !important;
margin-top: 15px;
}
.cmeProductSlateSearchCheckBoxList {
margin: 0px !important;
width: 100%;
background: #FFFFFF;
padding: 0px !important;
overflow: hidden !important;
}
.cmeProductSlateSearchCategoriesLabel {
background: #FFFFFF;
font-weight: bold;
}
.cmeProductSlateSearchCategoriesLabel label {
clear: both !important;
display: block;
width: 100%;
background: #FFFFFF;
text-align: center;
margin: 10px !important;
font-weight: bold;
font-size: 12px;
}
.cmeProductSlateSearchCategoriesSelect {
clear: both !important;
width: 100% !important;
background: #EFEFEF;
position: relative;
margin-left: 0px !important;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.cmeProductSlateSearchCategoriesSelect label {
text-align: left !important;
background: #EFEFEF !important;
width: auto !important;
padding-left: 20px !important;
display: block;
cursor: pointer;
}
.cmeProductSlateSearchCategoriesSelect input {
position: absolute;
left: 0;
top: 0;
margin-top: 10px !important;
margin-left: 10px !important;
}
.cmeProductSlateSearchCheckBoxList:first-child {
padding-right: 0px !important;
}
.cmeProductSlateSearchCheckBoxList {
width: 100% !important;
}
.cmeProductSlateSearchCheckBoxList ul {
padding: 0px;
margin: 5px;
border-bottom: solid 1px #EFEFEF;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.cmeProductSlateSearchCheckBoxList ul li {
clear: both;
width: auto !important;
float: none !important;
padding-top: 10px !important;
border-top: solid 1px #EFEFEF;
padding-left: 30px !important;
}
.cmeProductSlateSearchCheckBoxList ul li:first-child {
border-top: 0px;
}
.cmeProductSlateSearchCheckBoxList ul li input {
margin-top: 10px !important;
margin-left: 10px !important;
}
.cmeProductSlateSearchCheckBoxList ul li label {
cursor: pointer;
display: block;
}
#cmeProductSlateSearchCategoriesConfirm {
padding: 5px;
background: #FFFFFF;
display: block;
clear: both;
padding-top: 15px;
padding-bottom: 15px;
text-align: center;
}
#cmeProductSlateSearchCategoriesConfirm input {
cursor: pointer;
border: solid 1px #EFEFEF;
font-size: 1.1em;
padding: 0.4em !important;
width: 100%;
font-weight: bold;
background: #FFFFFF;
-webkit-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border-radius: 5px;
background: #EFEFEF;
}
#cmeProductSlateNew {
width: 100% !important;
clear: both;
margin-top: 0px !important;
margin-bottom: 10px;
border: 0px !important;
}
#cmeProductSlateHeader {
width: 100%;
font-size: 11px;
line-height: 11px !important;
float: right;
}
#cmeProductSlateNew {
padding-bottom: 0px !important;
}
#cmeProductSlateNew label {
margin-top: 0px;
line-height: 30px;
}
#cmeProductSlateSort {
float: left !important;
}
#cmeProductSlateLastUpdated {
float: left !important;
padding-top: 0px !important;
line-height: 2.0em !important;
}
#cmeProductSlateSort * {
float: left;
margin-right: 5px;
outline: 0px;
}
#cmeProductSlateSortBy {
padding-left: 0px;
width: 95px;
padding-top: 2px;
padding-bottom: 2px;
}
#cmeProductSlateSortDir {
width: 50px;
padding-left: 0px;
padding-top: 2px;
padding-bottom: 2px;
}
#btnProductSlateSort {
background: #0575B9;
color: #FFFFFF;
cursor: pointer;
padding-top: 2px;
padding-bottom: 2px;
}
#cmeProductSlateContent div.cmeTableResponsiveWrapper div.cmeTableResponsivePinnedWrapper {
overflow: auto;
max-height: none;
overflow-y: hidden;
}
#cmeProductSlateContent div.cmeTableResponsiveWrapper div.cmeTableResponsiveScrollableWrapper {
overflow: auto;
max-height: none;
}
#cmeProductSlateDownload {
display: none !important;
}
.cmeProductSlateName {
white-space: normal !important;
}
.cmeSearchInlineButton {
color: #fff;
background: #0a5bae;
background: -moz-linear-gradient(top, #3696ed 16%, #0a5bae 72%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(16%, #3696ed), color-stop(72%, #0a5bae));
background: -webkit-linear-gradient(top, #3696ed 16%, #0a5bae 72%);
background: -o-linear-gradient(top, #3696ed 16%, #0a5bae 72%);
background: -ms-linear-gradient(top, #3696ed 16%, #0a5bae 72%);
background: linear-gradient(to bottom, #3696ed 16%, #0a5bae 72%);
}
/****************************/
/* SEARCH & FILTER */
/****************************/
#cmeSearchFilterWrapper {
margin-top: 0px;
position: static;
}
/* results message */
#cmeSearchFilterResultsMessage span.hideMobile {
display: none;
}
/* structure */
#cmeSearchFilterLeft {
clear: both;
width: 100%;
max-width: 100%;
margin-bottom: 10px;
}
#cmeSearchFilterRight {
clear: both;
width: 100%;
max-width: 100%;
top: 0px;
}
#cmeSearchFilterSort {
display: none;
}
#cmeSearchFilterRight div.cmePaginationWrapper:nth-of-type(1) {
position: static !important;
}
/* hack to float top pagination above results */
/* on top of results */
#cmeSearchFilterLeftContent {
min-height: 41px;
position: static;
}
#cmeSearchFilterTitle {
display: none;
}
#cmeSearchFilterSearch {
border: solid 1px #CCCCCC;
overflow: hidden;
background: #FFFFFF;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#cmeSearchFilterSearch .cmeSearchInlineInput {
float: left;
width: 67%;
padding: 0px;
border: 0px;
font-size: 17px;
padding: 9px 1% 9px 1%;
margin: 0px !important;
}
#cmeSearchFilterSearch .cmeButtonPrimary {
width: 31%;
padding: 9px 1% 9px 1% !important;
float: right;
font-size: 17px;
clear: none !important;
text-indent: 0px;
text-transform: none;
}
#cmeSearchFilterSearchSort {
overflow: hidden;
margin: 0px;
}
#cmeSearchFilterSearchSort h4 {
display: none;
}
#cmeSearchFilterResetTop {
float: left;
position: relative;
top: auto;
right: auto;
width: 44%;
padding: 9px 1% 9px 1%;
font-size: 17px;
display: block;
}
h4#btnSearchFilterButton {
width: 44% !important;
display: block;
font-weight: normal;
text-align: center;
padding: 5px 1% !important;
font-size: 17px;
cursor: pointer;
margin: 0px;
float: right;
line-height: 19px !important;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
h4#btnSearchFilterButton {
/* background: #3798f2; */
/* Old browsers */
/* background: -moz-linear-gradient(top, #3798f2 0%, #065baa 100%); */
/* FF3.6+ */
/* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3798f2), color-stop(100%,#065baa)); */
/* Chrome,Safari4+ */
/* background: -webkit-linear-gradient(top, #3798f2 0%,#065baa 100%); */
/* Chrome10+,Safari5.1+ */
/* background: -o-linear-gradient(top, #3798f2 0%,#065baa 100%); */
/* Opera 11.10+ */
/* background: -ms-linear-gradient(top, #3798f2 0%,#065baa 100%); */
/* IE10+ */
/* background: linear-gradient(to bottom, #3798f2 0%,#065baa 100%); */
/* W3C */
color: #FFFFFF;
}
/* start overlay */
#cmeSearchFilterControls {
background: #F8F8F8;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
z-index: 10001;
display: none;
}
#cmeSearchFilterControls.show {
display: inline !important;
}
.cmeResponsive .cmeSearchFilterCancel, .cmeSearchFilterReset {
width: 49%;
padding: 9px 1% 9px 1%;
}
#cmeSearchFilterMask {
background: #F8F8F8;
opacity: 1.0;
position: fixed;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
width: 100%;
height: 100%;
z-index: 10000;
}
#cmeSearchFilters, #cmeSearchFilterTop, #cmeSearchFilterBottom {
margin-left: 1.5%;
margin-right: 1.5%;
width: 97%;
clear: both;
}
#cmeSearchFilterTop {
margin-top: 10px;
}
#cmeSearchFilterBottom {
margin-bottom: 10px;
}
div.cmeBrokerContact {
clear: both !important;
width: 100% !important;
}
/* top buttons */
#cmeSearchFilterTop .cmeSearchFilterCancel {
float: left;
font-size: 17px !important;
line-height: 19px !important;
}
#cmeSearchFilterTop .cmeSearchFilterConfirm {
float: right;
font-size: 17px !important;
line-height: 27px !important;
padding: 5px 1% !important;
width: 49% !important;
}
/* filters */
#cmeSearchFilters {
margin-top: 40px;
}
.cmeSearchFilter h4 span.selected {
line-height: 11.5px;
font-size: 11px;
margin-left: 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
width: 50%;
}
/* bottom buttons */
#btnSearchFilterConfirmBottom {
width: 100%;
clear: both;
margin-right: 0px;
margin-top: 30px;
margin-bottom: 20px;
padding: 9px 1% 9px 1%;
float: none !important;
font-size: 17px !important;
}
#cmeSearchFilterBottom .cmeSearchFilterCancel {
float: left;
}
#cmeSearchFilterBottom .cmeSearchFilterReset {
float: right;
width: 49% !important;
}
/* end overlay */
#cmeSearchFilterBreadcrumbs > li.active {
padding-right: 40px;
}
#cmeSearchFilterDetailResultLeft, #cmeSearchFilterDetailResultRight {
width: 100%;
clear: both;
margin-bottom: 30px;
}
#cmeSearchFilterDetailResultLeft > div.vcard {
float: none;
clear: both;
width: 100%;
}
.cmeBrokerContact > .readMore {
display: block;
}
.cmeSearchFilterHasPaging {
margin-top: 0px;
}
.cmeSearchFilterResultLink > a {
width: auto !important;
padding: 9px 1% !important;
margin: 0px !important;
float: none !important;
font-size: 17px !important;
line-height: 19px !important;
}
.cmeSearchFilterResultPhone {
margin-bottom: 10px;
}
#cmeSearchFiltersSelected {
display: none;
}
#cmeSearchFilterBottomResults {
width: 100%;
}
a.cmeSearchFilterReset {
margin: 0px !important;
width: 44% !important;
padding: 6px 0 !important;
}
a#btnSearchFilterResetBottom {
line-height: 28px !important;
}
/* PAGE FOOTER */
#cmeMegaFooterGlobalContents {
width: 100% !important;
}
#cmeMegaFooterMap {
display: none;
}
#cmeMegaFooterCopyright, #cmeMegaFooterPrivacyLinks {
float: none;
display: block;
width: 100%;
margin: 0 0 10px 0;
}
/* footer 5.0 tablet */
#cmePageFooterContainer {
position: relative;
z-index: 300;
}
.cmeFooterItem {
width: 100%;
}
.cmeFeedbackForm .cmeFormSubmitButton .cmeButton {
margin-top: 30px;
}
.cmeFooterFeedbackArea {
width: 100% !important;
}
#cmeFooterGlobalMapWrapper > li {
float: left;
}
.cmeFooterGlobalMap {
background-position: left 26px !important;
margin-top: 10px;
margin-bottom: 10px;
}
#cmeFooterGlobalMapLocations {
position: relative;
}
#cmeFooterGlobalMapLocations > ul > li {
clear: none;
}
#cmeFooterGlobalMapLocations > ul > li:before {
content: "|";
margin-left: 5px;
margin-right: 5px;
}
#cmeFooterGlobalMapLocations > ul > li:first-child:before {
content: none;
margin-left: 0px;
margin-right: 0px;
}
#calgary-pointer {
left: 46px;
}
#houston-pointer {
left: 65px;
}
#chicago-pointer {
left: 68px;
}
#newYork-pointer {
left: 86px;
}
#washington-pointer {
left: 79px;
}
#saoPaulo-pointer {
left: 96px;
}
#belfast-pointer {
left: 135px;
}
#london-pointer {
left: 142px;
}
#singapore-pointer {
left: 223px;
}
#hongKong-pointer {
left: 231px;
}
#beijing-pointer {
left: 235px;
}
#seoul-pointer {
left: 245px;
}
#tokyo-pointer {
left: 253px;
}
#bangalore-pointer {
left: 193px;
}
.cmeFooterSectionAwards {
margin-top: 20px !important;
}
.cmeFooterSectionAwards ul li {
display: block;
float: left;
margin-top: 10px;
height: 100px;
}
.cmeFooterCategoryAwards {
background: url(cmegroupClientLibs/images/footerBgMediumSmall.png) no-repeat scroll right 0px transparent;
}
.cmeFooterSectionAwards u li {
padding-left: 24px;
}
.cmeFooterLegalLinks {
float: left;
clear: both;
margin-bottom: 20px;
}
ul.cmeFooterLegalLinkList {
margin: 0px;
}
.cmeFooterCategoryGlobal .cmeFooterItem .cmeFooterLargeLinkList {
width: 100%;
}
/*********************************/
/* EDITABLE FOOTER */
/*********************************/
.cmeFooter > .cmeFooterRow > div > .cmeFlexColumn > div > .cmeFlexColumnWrapper > div > .cmeColHalf {
display: block;
width: 100%;
margin-top: 15px;
margin-left: 0;
}
.cmeFooter > .cmeFooterRow > div > .cmeFlexColumn > div > .cmeFlexColumnWrapper > div > .cmeColHalf.cmeColFirst {
margin-top: 0;
}
.cmeFooter .cmeTitle > div > .cmeTitleText {
float: left !important;
}
.cmeFooter .cmeTitle > div > .cmeExtendedLink {
margin-left: 3px;
}
.cmeFooter .cmeColQuarter {
float: left !important;
width: 23.47% !important;
}
/*.cmeFooter .cmeColQuarter.cmeColFirst{margin-top:20px !important;}*/
/*#cmePageFooterArea .cmeFooter .cmeFooterRowLast .cmeFlexColumn .cmeColHalf{width:48.98%;display:inline;margin-top:0;}*/
/*#cmePageFooterArea .cmeFooter .cmeFooterRowLast .cmeFlexColumn .cmeColHalf.cmeColLast{margin-left:2.0325%;}*/
#cmePageFooterArea .cmeFooter .cmeFooterRowLast .cmeFlexColumn .cmeColHalf.cmeColLast {
margin-top: 0;
}
#cmePageFooterArea .cmeFooter .cmeFooterRowLast .cmeFlexColumn .cmeColHalf.cmeColLast .cmeText, #cmePageFooterArea .cmeFooter .cmeFooterRowLast .cmeFlexColumn .cmeColHalf.cmeColLast .cmeText p {
margin-top: 0;
}
.cmeDesktopRightResponsiveLeft {
text-align: left;
}
/* EDITABLE FOOTER ENDS */
/****************************/
/* IMAGE BANNER */
/****************************/
/* pips */
.cmeImageBannerSelect {
z-index: 7999;
width: 100%;
padding: 0px !important;
margin: 0px !important;
left: auto;
right: 5px;
top: 20px;
}
.cmeImageBanner > img {
min-height: 0;
}
.cmeImageBannerSelect > ul > li {
margin: 3px 2px;
font-size: 8px;
line-height: 8px;
}
.cmeImageBannerSelect > ul > li > a {
height: 8px;
width: 8px;
}
/* overlay */
.cmeImageBannerSection {
box-sizing: border-box;
padding: 20px 10px 10px 30px;
top: 20px;
width: 100% !important;
}
.cmeImageBannerOverlayContent h3 {
margin: 0;
}
.cmeImageBannerOverlayContent ul {
margin-top: 5px;
padding-left: 40px;
}
.cmeImageBannerOverlayContent ul li {
margin-bottom: 3px;
}
/* arrows */
.cmeImageBanner > a.cmeImageBannerNav {
display: block !important;
}
.cmeImageBanner > a.cmeImageBannerNav.disable, html.no-js .cmeImageBanner > a.cmeImageBannerNav {
display: none !important;
}
.cme-home-landing .cmeImageBanner {
margin-bottom: 0px;
}
/* END IMAGE BANNER */
/* flex col 3 x 2 layout start */
.cmeRowFirst.cmeColThird.cmeColLast, .cmeRowSecond.cmeColThird.cmeColFirst, .cmeRowSecond.cmeColThird.cmeColCenter, .cmeRowSecond.cmeColThird.cmeColLast {
margin-top: 20px;
}
.cmeRowFirst.cmeColThird, .cmeRowSecond.cmeColThird {
width: 48.98%;
}
.cmeRowFirst.cmeColThird.cmeColLast, .cmeRowSecond.cmeColThird.cmeColCenter {
clear: both;
margin-left: 0px;
}
.cmeRowSecond.cmeColThird.cmeColFirst {
margin-left: 2.0325%;
}
/* flex col 3 x 2 layout end */
/* flex col 3 x 2 layout start */
.cmeRowSecond.cmeColThird.cmeColFirst {
clear: none;
}
.cmeRowFirst.cmeColThird.cmeColLast, .cmeRowSecond.cmeColThird.cmeColFirst, .cmeRowSecond.cmeColThird.cmeColCenter, .cmeRowSecond.cmeColThird.cmeColLast {
margin-top: 20px;
}
.cmeRowFirst.cmeColThird, .cmeRowSecond.cmeColThird, .cmeRowThird.cmeColThird {
width: 48.98%;
}
.cmeRowFirst.cmeColThird.cmeColLast, .cmeRowSecond.cmeColThird.cmeColCenter, .cmeRowThird.cmeColThird.cmeColLast {
clear: both;
margin-left: 0px;
}
.cmeRowSecond.cmeColThird.cmeColFirst {
margin-left: 2.0325%;
}
/* flex col 3 x 2 layout end */
/* flex col 1 x 6 layout start */
.cmeColSixth {
width: 31.97%;
}
.cmeColSixth.cmeColFour, .cmeColSixth.cmeColFive, .cmeColSixth.cmeColLast {
margin-top: 20px;
}
.cmeColSixth.cmeColFour {
margin-left: 0;
clear: both;
}
/* flex col 1 x 6 layout end */
/* START DELAYED QUOTES COMPONENT */
/* homepage responsive changes - make links at least 44px depth */
.cmeDelayedQuotesHomepage .cmeDelayedQuotesTable > tbody > tr > td {
padding: 13px 3px;
}
.cmeDelayedQuotesHomepage .cmeDelayedQuotesTable > tbody > tr > td.cmeFixedProduct {
padding: 0px;
}
.cmeDelayedQuotesHomepage .cmeDelayedQuotesTable > tbody > tr > td.cmeFixedProduct > a {
display: block;
padding: 13px 3px;
}
.cmeDelayedQuotesHomepage .cmeDelayedQuotesTable > tbody > tr > td.cmeFixedChart {
padding: 0px;
}
.cmeDelayedQuotesHomepage .cmeDelayedQuotesTable > tbody > tr > td.cmeFixedChart > a {
display: block;
padding: 13px 3px;
}
/* END DELAYED QUOTES COMPONENT */
body:not(.no-js) #cmeVolumeDetailClose {
display: block !important;
}
.cmeVolumeHomepage .cmeDataWidgetBody {
height: 300px !important;
}
.cmeVolumeHomepage .cmeDataWidgetBody .cmeVolumeLoaded {
height: 298px !important;
}
.cmeIntroLargeText {
font-size: 24px;
}
.cmeIntroLargeTextDropCap::first-letter {
font-size: 255%;
}
/* VIEW ALL EXTENDED LINKS */
.cme-home-landing h2 + .cmeExtendedLink {
font-size: 20px;
}
#cmeFeeFinderSearchButton {
display: inline;
padding: 0.5em !important;
font-size: 1.1em;
color: #FFFFFF;
}
#cmeFeeFinderSearch {
width: 75%;
padding: 0.5em 2em !important;
font-size: 1.1em;
}
.cmeFeeFinderResetWrapper {
top: -30px;
left: 69%;
}
/* START ECONOMIC CALENDAR COMPONENT (FROM OPEN CMS) */
.cmeEconomyCalendar table.MonthlyCalendar {
display: inline-block;
table-layout: fixed;
overflow: hidden;
height: 500px;
overflow-x: scroll
}
.cmeEconomyCalendar tbody#ajaxEconomicCalendar {
height: 100%;
display: inline-flex;
}
.cmeEconomyCalendar tbody#ajaxEconomicCalendar tr {
display: inline-flex;
height: 100% !important;
width: 100%
}
.cmeEconomyCalendar tbody#ajaxEconomicCalendar tr td {
display: inline-block;
margin: 0;
padding: 0;
height: 100%;
overflow: hidden;
overflow-y: scroll;
width: 300px;
border: none;
border-right: solid 1px #ddd;
}
.cmeEconomyCalendar thead#CalendarHead tr {
display: inline-block;
height: 100% !important
}
.cmeEconomyCalendar thead#CalendarHead tr td {
display: table;
text-align: center;
width: 100%;
height: 30px;
border: none;
}
#jMonthCalendar {
overflow: hidden;
}
.cmeEconomyCalendar #jMonthCalendar .Inactive {
background-color: #F7F7F7;
display: none
}
.cmeEconomyCalendar .MonthlyCalendar .MonthNavigation {
height: 100%;
padding: 5px 0 0;
}
.cmeEconomyCalendar #jMonthCalendar .DateBox #Event_1 {
background-color: inherit
}
.cmeEconomyCalendar #jMonthCalendar .Today .DateLabel, .cmeEconomyCalendar .DateLabel {
height: 25px
}
.cmeEconomyCalendar .DateLabel a {
line-height: 24px
}
.cmeEconomyCalendar .MonthlyCalendar .MonthName {
width: inherit;
float: none;
}
.cmeEconomyCalendar .MonthNavPrev, .cmeEconomyCalendar .MonthNavNext, .cmeEconomyCalendar #CalendarHead {
display: none
}
#jMonthCalendar .MonthNavigation {
border: solid 1px #ddd;
border-bottom: none;
}
#jMonthCalendar .MonthNavigation .MonthName {
border-bottom: none;
width: inherit;
float: none;
}
/* END ECONOMIC CALENDAR COMPONENT (FROM OPEN CMS) */
/* DESIGN BOXES */
.cmeBoxContent.indent-once { padding-left: 4.08%; }
.cmeBoxContent.indent-twice { padding-left: 8.16%; }
.cmeBoxContent.indent-thrice { padding-left: 12.24%; }
}
.cmeDelayedQuotesHomepage .cmeDelayedQuotesTable > tbody > tr > td {
padding: 13px 3px;
}
.cmeDelayedQuotesHomepage .cmeDelayedQuotesTable > tbody > tr > td.cmeFixedProduct {
padding: 0px;
}
.cmeDelayedQuotesHomepage .cmeDelayedQuotesTable > tbody > tr > td.cmeFixedProduct > a {
display: block;
padding: 13px 3px;
}
.cmeDelayedQuotesHomepage .cmeDelayedQuotesTable > tbody > tr > td.cmeFixedChart {
padding: 0px;
}
.cmeDelayedQuotesHomepage .cmeDelayedQuotesTable > tbody > tr > td.cmeFixedChart > a {
display: block;
padding: 13px 3px;
}
/* END DELAYED QUOTES COMPONENT */
body:not(.no-js) #cmeVolumeDetailClose {
display: block !important;
}
.cmeVolumeHomepage .cmeDataWidgetBody {
height: 300px !important;
}
.cmeVolumeHomepage .cmeDataWidgetBody .cmeVolumeLoaded {
height: 298px !important;
}
.cmeIntroLargeText {
font-size: 24px;
}
.cmeIntroLargeTextDropCap::first-letter {
font-size: 255%;
}
/* VIEW ALL EXTENDED LINKS */
.cme-home-landing h2 + .cmeExtendedLink {
font-size: 20px;
}
}
}
@media screen and (max-width: 900px) {
.cmeCol16 {
width: 20%;
}
}
@media screen and (max-width: 800px) {
#sliderContainer {
height: 194px;
width: 100% !important;
}
#slider {
width: 100% !important;
height: 100% !important;
}
#slider a {
width: 100% !important;
height: 100% !important;
}
#slider img {
width: 100% !important;
height: auto;
}
#pagerContainer {
background-image: none;
}
#pager a {
width: 2.5em;
height: 2.5em;
margin: 0 0 0 2em;
line-height: 6em;
}
#pagerContainer {
min-height: 2.5em;
}
#slider div div.transparent-box-left {
padding: 12px;
top: 40px;
height: 40% !important;
width: 90% !important;
font-size: 95%;
}
div.transparent-box-left span, div.transparent-box-left p {
line-height: 50%;
}
#cmeBillboardImage {
margin: 0 auto !important;
text-align: center;
}
#cmeBillboardLeft, #cmeBillboardRight {
float: none;
width: 100%;
}
.cmeBillboardTableQuarters, .cmeBillboardTableThirds, .cmeBillboardTableHalves {
margin: 0;
width: 100%;
}
#cmeBillboardRight {
padding-left: 0;
}
/*.cmeButton, .cmeButtonExtend {margin:15px auto;}*/
/* FEATURED PAGE LINK - NEW POSITIONING */
/*.cmeColHalf .cmeFeaturedPageLink .cmeHorizontalLayout, .cmeColThird .cmeFeaturedPageLink .cmeHorizontalLayout {padding:4% 4% 0 4%;}*/
.cmeHorizontalLayout .cmeFeaturedPageLinkWrapper {
width: 35%;
min-width: 35%;
max-width: 154px;
margin: 0 1.5% 0 0;
}
.cmeLeftColumnLayout .cmeHorizontalLayout .cmeMediaBoxContent, .cmeFullColumnLayout .cmeHorizontalLayout .cmeMediaBoxContent {
display: inline;
}
.cmeTitle .cmeTitleIcon.cmeTitleHasCta .cmeButton {
float: left;
margin: 5px 0;
margin-left: 53px;
}
.cmeTitleIcon.cmeTitleHasCta .cmeButton {
margin-top: 11px;
clear: both;
width: auto;
}
.cmeTitle .cmeTitleHasCta .cmeButton {
float: left;
clear: both;
margin-top: 5px;
margin-left: 0px;
}
.cmeTitleIcon.cmeTitleHasCta.cmeArrow .cmeButton {
margin-top: 5px;
}
.cmeTitle .cmeTitleClear, .cmeTitle .cmeTitleIcon {
clear: both;
}
.cmeCol16 {
width: 25%;
}
.cmeCol20 {
width: 25%;
}
/* flex col 1 x 6 layout start */
.cmeColSixth {
width: 48.98%;
}
.cmeColSixth.cmeColThree {
margin-top: 20px;
}
.cmeColSixth.cmeColFour {
margin-left: 2.0325%;
clear: none;
}
.cmeColSixth.cmeColThree, .cmeColSixth.cmeColFive {
margin-left: 0;
clear: both;
}
/* flex col 1 x 6 layout end */
.cmeHorizontalLayout .cmeFeaturedPageLinkWrapper {
width: 35%;
min-width: 35%;
max-width: 154px;
margin: 0 1.5% 0 0;
}
.cmeLeftColumnLayout .cmeHorizontalLayout .cmeMediaBoxContent, .cmeFullColumnLayout .cmeHorizontalLayout .cmeMediaBoxContent {
display: inline;
}
.cmeTitle .cmeTitleIcon.cmeTitleHasCta .cmeButton {
float: left;
margin: 5px 0;
margin-left: 53px;
}
.cmeTitleIcon.cmeTitleHasCta .cmeButton {
margin-top: 11px;
clear: both;
width: auto;
}
.cmeTitle .cmeTitleHasCta .cmeButton {
float: left;
clear: both;
margin-top: 5px;
margin-left: 0px;
}
.cmeTitleIcon.cmeTitleHasCta.cmeArrow .cmeButton {
margin-top: 5px;
}
.cmeTitle .cmeTitleClear, .cmeTitle .cmeTitleIcon {
clear: both;
}
.cmeCol16 {
width: 25%;
}
.cmeCol20 {
width: 25%;
}
/* flex col 1 x 6 layout start */
.cmeColSixth {
width: 48.98%;
}
.cmeColSixth.cmeColThree {
margin-top: 20px;
}
.cmeColSixth.cmeColFour {
margin-left: 2.0325%;
clear: none;
}
.cmeColSixth.cmeColThree, .cmeColSixth.cmeColFive {
margin-left: 0;
clear: both;
}
/* flex col 1 x 6 layout end */
}
@media screen and (max-width:767px) {
.cmeContentColumnLayout {
float: none;
width: 100%;
max-width: 100%;
padding-left: 0;
padding-right: 0;
margin: 0;
clear: both;
}
.cmeRightColumnLayout {
margin-top: 20px;
}
.cmeContentColumn {
float: none;
clear: both;
margin: 20px 0 0 0;
width: 100%;
}
.cmeContentColumn:first-child {
margin-top: 0;
}
/*#cmePageNavigation .cmeLinkList li:before, #cmePageContentArea .cmeLinkList li:before, #cmePageFooterArea .cmeLinkList li:before {content:none;}
.cmeLinkList li {display:block; padding:0;}*/
*:not(input):not(textarea) {
-webkit-user-select: none;
-webkit-touch-callout: none;
}
/* COMPONENTS - GENERIC */
.cmeCol16 {
width: 33.333%;
}
.cmeCol20 {
width: 33.333%;
}
.cmeCol25 {
width: 33.333%;
}
/* DYNAMIC FEATURED PAGE LINKS */
.cmeListTitle h1, .cmeListTitle h2, .cmeListTitle h3, .cmeListTitle h4, .cmeListTitle h5, .cmeListTitle h6 {
float: none;
}
/* FEATURED PAGE LINK - NEW POSITIONING */
/*.cmeColHalf .cmeFeaturedPageLink .cmeVerticalLayout, .cmeColThird .cmeFeaturedPageLink .cmeVerticalLayout {padding:4% 4% 0 4%;}
.cmeColHalf .cmeFeaturedPageLink .cmeHorizontalLayout, .cmeColThird .cmeFeaturedPageLink .cmeHorizontalLayout {padding:4% 4% 0 4%;}*/
.cmeColHalf .cmeVerticalLayout .cmeFeaturedPageLinkWrapper, .cmeColThird .cmeVerticalLayout .cmeFeaturedPageLinkWrapper {
max-width: 100%;
}
/*.cmeHorizontalLayout .cmeFeaturedPageLinkWrapper {width:35%; min-width:35%; max-width:154px; margin:0 1.5% 0 0;}*/
.cmeLeftColumnLayout .cmeHorizontalLayout .cmeMediaBoxContent, .cmeFullColumnLayout .cmeHorizontalLayout .cmeMediaBoxContent {
display: inline;
}
/*.cmeRightColumnLayout .cmeHorizontalLayout .cmeFeaturedPageLinkWrapper {width:35%; min-width:35%;}*/
.cmeRightColumnLayout .cmeVerticalLayout {
max-width: 244px;
}
.cmeRightColumnLayout .cmeHorizontalLayout {
max-width: 244px;
}
/* CONTENT COLUMN DESIGN BOX */
.cmeColumnDesign.cmeTwoColumnDesign .parsys > .section {
-moz-column-count: auto;
-webkit-column-count: auto;
column-count: auto;
}
/* PRICE CHART POPOUTS */
#symbol {
width: 100%;
}
.cmeFormComponent fieldset.cmeFormFields li.cmePriceChartSubSection {
margin-top: 15px;
margin-left: 0;
clear: both;
}
.cmeFormComponent fieldset.cmeFormFields li.cmePriceChartSubSection:first-child {
margin-top: 0;
clear: both;
}
.cmeFormComponent fieldset.cmeFormFields li.cmePriceChartSubSection > .cmeLabel {
margin-left: 0;
}
.cmeExtendedLink:before {
content: "";
padding: 0px;
}
.cmeTitleIcon .cmeExtendedLink {
margin-left: 53px;
}
.cmeExtendedLink {
float: left;
}
.cmeTitle .cmeTitleHasCta .cmeTitleText, .cmeTitle .cmeTitleClear .cmeTitleText, .cmeTitle .cmeTitleLink .cmeTitleText, .cmeListTitle .cmeLinkList .cmeTitleText {
float: none;
}
/* footer 5.0 mobile */
#cmePageFooterContainer {
position: relative;
top: 42px;
z-index: 300;
}
.cmeFooterItem {
width: 100%;
}
.cmeFooterRating li {
padding-left: 2px;
padding-right: 2px;
}
.cmeHappinessIcon {
margin-left: 0px !important;
}
.cmeFooterFeedbackArea .cmeButton {
float: left !important;
}
.cmeFooterCategoryFeedback .cmeFooterItem .cmeFooterInteractionIconList span {
display: none;
}
.cmeFooterCategoryFeedback .cmeFooterItemFullWidth .cmeFooterInteractionIconList span {
display: none;
}
.cmeFooterCategoryGlobal h3 > span > a {
display: block;
padding-left: 0px;
}
.cmeFooterGlobalMap {
background-position: left 26px !important;
background-size: 240px 129px !important;
margin-top: 10px;
margin-bottom: 10px;
width: 240px;
position: inherit;
left: -30px;
}
#cmeFooterGlobalMapWrapper {
margin-bottom: 0px !important;
}
#cmeFooterGlobalMapWrapper > li {
float: left;
clear: both;
}
#cmeFooterGlobalMapLocations {
position: relative;
}
#cmeFooterGlobalMapLocations > ul > li {
clear: both;
}
#cmeFooterGlobalMapLocations > ul > li:before {
content: none;
}
.cmeFormSubmitButton {
clear: both;
}
.cmeFeedbackForm .cmeFormSubmitButton .cmeButton {
margin-top: 10px;
}
#calgary-pointer {
left: 42px;
top: 58px;
}
#houston-pointer {
left: 51px;
top: 79px;
}
#chicago-pointer {
left: 58px;
top: 62px;
}
#newYork-pointer {
left: 68px;
top: 69px;
}
#washington-pointer {
left: 62px;
top: 74px;
}
#saoPaulo-pointer {
left: 78px;
top: 119px;
}
#belfast-pointer {
left: 109px;
top: 54px;
}
#london-pointer {
left: 114px;
top: 58px;
}
#singapore-pointer {
left: 186px;
top: 101px;
}
#hongKong-pointer {
left: 190px;
top: 79px;
}
#beijing-pointer {
left: 197px;
top: 68px;
}
#seoul-pointer {
left: 204px;
top: 75px;
}
#tokyo-pointer {
left: 210px;
top: 67px;
}
#bangalore-pointer {
left: 163px;
top: 90px;
}
.cmeFooterItemContact {
float: left;
width: 100%;
margin-bottom: 10px;
}
.cmeFooterItemContact > ul {
margin-left: 0px;
}
.cmeFooterCategoryContact .cmeButton {
float: left;
}
.cmeFooterSectionAwards {
margin-top: 20px !important;
}
.cmeFooterSectionAwards ul li {
display: block;
float: left;
margin-top: 10px;
height: 100px;
padding-left: 24px;
}
.cmeFooterCategoryLegal {
background: url(cmegroupClientLibs/images/footerBgSmall.png) no-repeat scroll right 0px transparent;
}
.cmeFooterLegalLinks {
float: left;
clear: both;
margin-bottom: 20px;
margin-top: 10px !important;
}
ul.cmeFooterLegalLinkList {
margin: 0px;
}
ul.cmeFooterLegalLinkList li {
clear: both !important;
}
ul.cmeFooterLegalLinkList li:before {
content: none !important;
margin-left: 0px;
margin-right: 0px;
}
ul.cmeFooterLargeLinkList li {
clear: both;
}
ul.cmeFooterLargeLinkList li:before {
content: none;
}
.cmeArticleQuoteLeft {
display: block;
float: none;
font-size: 22px;
line-height: 1.3em;
margin: 0px 0px 0px 0px;
padding: 10px 17px 10px 0px;
position: relative;
width: 100%;
}
.cmeArticleQuoteRight {
display: block;
float: none;
font-size: 22px;
line-height: 1.3em;
margin: 0px 0px 0px 0px;
padding: 10px 17px 10px 0px;
position: relative;
width: 100%;
}
.cmeArticleInformationLeft {
background-color: #393939;
color: #FFFFFF;
display: block;
float: none;
font-size: 15px;
line-height: 1.3em;
margin: 0px 0px 0px 0px;
padding: 20px 20px 20px 20px;
position: relative;
width: 85%;
}
.cmeArticleInformationRight {
background-color: #393939;
color: #FFFFFF;
display: block;
float: none;
font-size: 15px;
line-height: 1.3em;
margin: 0px 0px 0px 0px;
padding: 20px 20px 20px 20px;
position: relative;
width: 85%;
}
.cmeArticle img {
display: block;
float: none;
clear: both;
position: relative;
width: 100%;
}
.cmeArticleImageLeft {
display: block;
float: none !important;
clear: both;
position: relative;
width: 100% !important;
margin: 0px 0px 0px 0px !important;
}
.cmeArticleImageRight {
display: block;
float: none !important;
clear: both;
position: relative;
width: 100% !important;
margin: 0px 0px 0px 0px !important;
}
/****************************/
.cmeExtendedLink:before {
content: "";
padding: 0px;
}
.cmeTitleIcon .cmeExtendedLink {
margin-left: 53px;
}
.cmeExtendedLink {
float: left;
}
.cmeTitle .cmeTitleHasCta .cmeTitleText, .cmeTitle .cmeTitleClear .cmeTitleText, .cmeTitle .cmeTitleLink .cmeTitleText, .cmeListTitle .cmeLinkList .cmeTitleText {
float: none;
}
/* footer 5.0 mobile */
#cmePageFooterContainer {
position: relative;
top: 42px;
z-index: 300;
}
.cmeFooterItem {
width: 100%;
}
.cmeFooterRating li {
padding-left: 2px;
padding-right: 2px;
}
.cmeHappinessIcon {
margin-left: 0px !important;
}
.cmeFooterFeedbackArea .cmeButton {
float: left !important;
}
.cmeFooterCategoryFeedback .cmeFooterItem .cmeFooterInteractionIconList span {
display: none;
}
.cmeFooterCategoryFeedback .cmeFooterItemFullWidth .cmeFooterInteractionIconList span {
display: none;
}
.cmeFooterCategoryGlobal h3 > span > a {
display: block;
padding-left: 0px;
}
.cmeFooterGlobalMap {
background-position: left 26px !important;
background-size: 240px 129px !important;
margin-top: 10px;
margin-bottom: 10px;
width: 240px;
position: inherit;
left: -30px;
}
#cmeFooterGlobalMapWrapper {
margin-bottom: 0px !important;
}
#cmeFooterGlobalMapWrapper > li {
float: left;
clear: both;
}
#cmeFooterGlobalMapLocations {
position: relative;
}
#cmeFooterGlobalMapLocations > ul > li {
clear: both;
}
#cmeFooterGlobalMapLocations > ul > li:before {
content: none;
}
.cmeFormSubmitButton {
clear: both;
}
.cmeFeedbackForm .cmeFormSubmitButton .cmeButton {
margin-top: 10px;
}
#calgary-pointer {
left: 42px;
top: 58px;
}
#houston-pointer {
left: 51px;
top: 79px;
}
#chicago-pointer {
left: 58px;
top: 62px;
}
#newYork-pointer {
left: 68px;
top: 69px;
}
#washington-pointer {
left: 62px;
top: 74px;
}
#saoPaulo-pointer {
left: 78px;
top: 119px;
}
#belfast-pointer {
left: 109px;
top: 54px;
}
#london-pointer {
left: 114px;
top: 58px;
}
#singapore-pointer {
left: 186px;
top: 101px;
}
#hongKong-pointer {
left: 190px;
top: 79px;
}
#beijing-pointer {
left: 197px;
top: 68px;
}
#seoul-pointer {
left: 204px;
top: 75px;
}
#tokyo-pointer {
left: 210px;
top: 67px;
}
#bangalore-pointer {
left: 163px;
top: 90px;
}
.cmeFooterItemContact {
float: left;
width: 100%;
margin-bottom: 10px;
}
.cmeFooterItemContact > ul {
margin-left: 0px;
}
.cmeFooterCategoryContact .cmeButton {
float: left;
}
.cmeFooterSectionAwards {
margin-top: 20px !important;
}
.cmeFooterSectionAwards ul li {
display: block;
float: left;
margin-top: 10px;
height: 100px;
padding-left: 24px;
}
.cmeFooterCategoryLegal {
background: url(cmegroupClientLibs/images/footerBgSmall.png) no-repeat scroll right 0px transparent;
}
.cmeFooterLegalLinks {
float: left;
clear: both;
margin-bottom: 20px;
margin-top: 10px !important;
}
ul.cmeFooterLegalLinkList {
margin: 0px;
}
ul.cmeFooterLegalLinkList li {
clear: both !important;
}
ul.cmeFooterLegalLinkList li:before {
content: none !important;
margin-left: 0px;
margin-right: 0px;
}
ul.cmeFooterLargeLinkList li {
clear: both;
}
ul.cmeFooterLargeLinkList li:before {
content: none;
}
.cmeArticleQuoteLeft {
display: block;
float: none;
font-size: 22px;
line-height: 1.3em;
margin: 0px 0px 0px 0px;
padding: 10px 17px 10px 0px;
position: relative;
width: 100%;
}
.cmeArticleQuoteRight {
display: block;
float: none;
font-size: 22px;
line-height: 1.3em;
margin: 0px 0px 0px 0px;
padding: 10px 17px 10px 0px;
position: relative;
width: 100%;
}
.cmeArticleInformationLeft {
background-color: #393939;
color: #FFFFFF;
display: block;
float: none;
font-size: 15px;
line-height: 1.3em;
margin: 0px 0px 0px 0px;
padding: 20px 20px 20px 20px;
position: relative;
width: 85%;
}
.cmeArticleInformationRight {
background-color: #393939;
color: #FFFFFF;
display: block;
float: none;
font-size: 15px;
line-height: 1.3em;
margin: 0px 0px 0px 0px;
padding: 20px 20px 20px 20px;
position: relative;
width: 85%;
}
.cmeArticle img {
display: block;
float: none;
clear: both;
position: relative;
width: 100%;
}
.cmeArticleImageLeft {
display: block;
float: none !important;
clear: both;
position: relative;
width: 100% !important;
margin: 0px 0px 0px 0px !important;
}
.cmeArticleImageRight {
display: block;
float: none !important;
clear: both;
position: relative;
width: 100% !important;
margin: 0px 0px 0px 0px !important;
}
/*SDR*/
.cmeSDR .cmeUpdateControl {
float: none;
clear: both;
padding-bottom: 10px;
display: block;
}
.cmeSDR .cmeContentColumn {
margin-top: 10px;
}
.cmeSDR .cmeLegend li {
margin: 2px 0;
}
.cmeSDRDetails .cmeSDRHalfWidth {
width: 100%;
clear: both;
margin-left: 0;
margin-right: 0;
margin-bottom: 20px;
}
/****************************/
/* IMAGE BANNER */
/****************************/
.cmeImageBannerOverlayContent h3 {
font-size: 18px;
line-height: 18px;
}
.cmeImageBannerOverlayContent ul li {
font-size: 12px;
line-height: 12px;
}
/* END IMAGE BANNER */
/* flex col 3 x 2 layout start */
.cmeRowFirst.cmeColThird, .cmeRowSecond.cmeColThird, .cmeRowThird.cmeColThird {
float: none;
width: 100%;
margin-left: 0px !important;
margin-top: 20px;
}
/* flex col 3 x 2 layout end */
#cmeSearchFilterRight .cmeSearchFilterResultName {
width: 100%;
}
#cmeSearchFilterRight .cmeSearchFilterResultLink {
float: left;
width: 100%;
}
.cmeIntroLargeText {
font-size: 20px;
}
.cmeIntroLargeTextDropCap::first-letter {
font-size: 205%;
}
/* VIEW ALL EXTENDED LINKS */
.cme-home-landing h2 + .cmeExtendedLink {
font-size: 20px;
}
.cmeRowFirst.cmeColThird, .cmeRowSecond.cmeColThird, .cmeRowThird.cmeColThird {
float: none;
width: 100%;
margin-left: 0px !important;
margin-top: 20px;
}
/* flex col 3 x 2 layout end */
#cmeSearchFilterRight .cmeSearchFilterResultName {
width: 100%;
}
#cmeSearchFilterRight .cmeSearchFilterResultLink {
float: left;
width: 100%;
}
.cmeIntroLargeText {
font-size: 20px;
}
.cmeIntroLargeTextDropCap::first-letter {
font-size: 205%;
}
/* VIEW ALL EXTENDED LINKS */
.cme-home-landing h2 + .cmeExtendedLink {
font-size: 20px;
}
}
@media screen and (max-width: 580px) {
.cmeHideFromMobile {
display: none !important;
}
.cmeRightColumnLayout section {
max-width: 100%;
}
/* COMPONENTS - GENERIC */
.cmeCol16 {
width: 50%;
}
.cmeCol20 {
width: 50%;
}
.cmeCol25 {
width: 50%;
}
.cmeCol33 {
width: 50%;
}
.cme-primary-landing .cmePromoBodyContent {
top: 0;
}
.cme-primary-landing .cmeBannerMask {
display: none;
}
#sliderContainer {
height: 144px;
}
#slider img {
height: 100% !important;
}
#slider div div.transparent-box-left {
top: 30px;
padding: 10px;
padding-bottom: 1px;
max-width: 60%;
}
div.transparent-box-left span, div.transparent-box-left p {
font-size: 100% !important;
line-height: 5px;
!important;
}
.top-left-corner {
font-size: 13px;
padding: 8px;
}
.cmeToggleControl {
width: 100%;
}
.cmeToggleControl .cmeTabsSubNavigationItem {
width: auto;
}
.cmeChartParameters .cmeLabel {
float: none;
display: block;
margin-left: 0;
}
.cmeChartParameters .cmeFormGroup li {
float: none;
margin: 5px 0;
}
/* CONTRACT SPECS */
.cmeContentTableWrapper {
width: 100%;
overflow-x: scroll;
}
.cmeContentTableWrapper table {
width: 100%;
min-width: 580px;
}
}
@media screen and (max-width: 480px) {
/* COMPONENTS - GENERIC */
.cmeCol16 {
width: 100%;
}
.cmeCol20 {
width: 100%;
}
.cmeCol25 {
width: 100%;
}
.cmeCol33 {
width: 100%;
}
.cmeCol50 {
width: 100%;
}
.cmeCol75 {
width: 100%;
}
.cmeEqualHeightColumns {
margin-left: 0 !important;
margin-right: 0 !important;
}
.cmeEqualHeightColumnWrapper.cmeBorderSeparator .cmeEqualHeightRow .cmeEqualHeightCol {
border-left: none;
}
#sliderContainer {
height: 105px;
}
#slider div div.transparent-box-left {
top: 16px;
height: 55% !important;
}
div.transparent-box-left span, div.transparent-box-left p {
font-size: 10px !important;
margin-bottom: 10px;
line-height: 3px !important;
}
.top-left-corner {
font-size: 9px;
padding: 7px;
}
.cmeBioLeft, .cmeBioRight, .cmeArticleLeft, .cmeArticleRight {
width: 100%;
float: none;
margin-right: 0;
}
.cmeBioLeft img, .cmeArticleLeft img {
margin: 15px auto;
max-width: 100%;
max-height: 200px;
width: auto;
height: auto;
}
.cmeLeftColumnLayout .cmeMediaBoxContent, .cmeFullColumnLayout .cmeMediaBoxContent {
display: block;
}
/* FEATURED PAGE LINK - NEW POSITIONING - VERTICAL BECOMES HORIZONTAL */
.cmeColHalf .cmeFeaturedPageLink .cmeHorizontalLayout, .cmeColThird .cmeFeaturedPageLink .cmeHorizontalLayout {
padding: 0;
}
.cmeColHalf .cmeFeaturedPageLink .cmeVerticalLayout, .cmeColThird .cmeFeaturedPageLink .cmeVerticalLayout {
padding: 0;
}
.cmeVerticalLayout .cmeFeaturedPageLinkWrapper {
float: left;
width: 35%;
min-width: 35%;
max-width: 154px;
margin: 0 1.5% 0 0;
}
.cmeVerticalLayout .cmeOverlayText {
display: none;
}
.cmeVerticalLayout .cmeFeaturedLinkIcon {
display: none;
}
.cmeVerticalLayout .cmeMediaBoxContent {
display: inline;
}
.cmeVerticalLayout .cmeMediaBoxAuthor {
display: inline;
}
.cmeVerticalLayout .cmeMediaBoxDate {
display: inline;
}
.cmeVerticalLayout .cmeMediaBoxDescription {
display: inline;
}
.cmeVerticalLayout .cmeMediaBoxDescription {
clear: none;
}
.cmeLayoutDefaultLeft, .cmeLayoutDefaultRight, .cmeColThird, .cmeColQuarter, .cmeColSixth, .cmeColFifth, .cmeColHalf, .cmeColThreeFourths, .cmeColTwoThirds, .cmeGccLeft, .cmeGccRight, .cmeColVideoLeft, .cmeColVideoRight, .cmeColWithGutter {
float: none;
width: 100%;
margin-left: 0px !important;
}
.cmeColWithGutter {
margin-right: 0px !important;
}
.cmeCol {
margin-top: 20px;
}
.cmeCol:first-child {
margin-top: 0;
}
.cmeLayoutDefaultRight {
max-width: 100%;
}
.cmeGccAlert {
background: #fddcdc;
}
.cmeGccLeft {
border-bottom: 1px solid #ccc;
}
.cmeGccRight {
padding-top: 10px;
}
.cmeText {
width: 100% !important;
}
.cmeCol > div.parsys > .cmeText {
margin: 0px !important;
width: 100% !important;
}
.cmeRightColumnLayout .cmeFeaturedPageLink .cmeHorizontalLayout {
max-width: 100%;
}
.cmeRightColumnLayout .cmeHorizontalLayout .cmeFeaturedPageLinkWrapper {
width: 35%;
min-width: 35%;
}
/* EDITABLE FOOTER */
.cmeFooter .cmeColQuarter.cmeCol:first-child {
margin-top: 20px;
}
/* EQUALHEIGHT COLUMNS */
.cmeEqualHeightColumnWrapper {
display: block;
}
.cmeEqualHeightRow {
display: block;
}
.cmeEqualHeightCol {
display: block;
}
.cmeEqualHeightCol.cmeColFifth, .cmeEqualHeightCol.cmeColQuarter, .cmeEqualHeightCol.cmeColHalf, .cmeEqualHeightCol.cmeColThird, .cmeEqualHeightCol.cmeColTwoThirds, .cmeEqualHeightCol.cmeColThreeQuarters {
width: 100%;
}
.cmeEqualHeightRow .cmeEqualHeightCol > div.parsys {
margin: 10px 0 0 0;
}
.cmeEqualHeightRow:first-child .cmeEqualHeightCol > div.parsys {
margin: 10px 0 0 0;
}
.cmeEqualHeightRow .cmeEqualHeightCol:first-child > div.parsys {
margin-top: 0;
}
/***********************************/
/* CME CONTENT COLUMN DESIGN BOX */
/***********************************/
.cmeColumnDesign.cmeTwoColumnDesign .parsys > .section {
column-count: initial;
-moz-column-count: initial;
-webkit-column-count: initial;
column-gap: normal;
-moz-column-gap: normal;
-webkit-column-gap: normal;
}
.cmeColumnDesign.cmeThreeColumnDesign .parsys > .section {
column-count: initial;
-moz-column-count: initial;
-webkit-column-count: initial;
column-gap: normal;
-moz-column-gap: normal;
-webkit-column-gap: normal;
}
.cmeColumnDesign .cmeText > ul > li, .cmeColumnDesign .cmeText > ol > li {
display: initial;
}
/*************************************/
/* BUTTONS */
/*************************************/
.cmeButton {
margin: 0;
}
/*************************************/
/* LISTS */
/*************************************/
.cmeHorizontalList li {
float: none;
display: block;
margin: 0.438em 0 0 0;
padding: 0;
}
.cmeHorizontalList li:first-child {
margin-top: 0;
}
.cmeListSeparator li:before {
content: "";
content: none;
}
.cmeLinkList li {
float: none;
display: block;
margin: 0.438em 0 0 0;
padding: 0;
}
.cmeLinkList li:first-child {
margin-top: 0;
}
.cmeLinkList li:before {
content: "";
content: none;
}
/* MEDIA LIST */
.cmeMedia .cmeContentGridItem.cmeCol100 .cmeMediaInfoWrapper, .cmeMedia .cmeContentGridItem.cmeCol100 .cmeMediaPlayerWrapper, .cmeMedia .cmeContentGridItem.cmeCol100 .cmeMediaButtonsWrapper {
width: 100%;
clear: both;
}
.cmeMedia .cmeContentGridItem.cmeCol100 .cmeMediaPlayerWrapper > *, .cmeMedia .cmeContentGridItem.cmeCol100 .cmeMediaButtonsWrapper > * {
margin-left: 0px;
}
.cmeMedia .cmeContentGridItem.cmeCol100 .cmeMediaInfoWrapper .cmeMediaItem {
margin-bottom: 10px;
}
.cmeIntroLargeText {
font-size: 18px;
}
.cmeIntroLargeTextDropCap::first-letter {
font-size: 175%;
}
.cmeColumnDesign.cmeTwoColumnDesign .parsys > .section {
column-count: initial;
-moz-column-count: initial;
-webkit-column-count: initial;
column-gap: normal;
-moz-column-gap: normal;
-webkit-column-gap: normal;
}
.cmeColumnDesign.cmeThreeColumnDesign .parsys > .section {
column-count: initial;
-moz-column-count: initial;
-webkit-column-count: initial;
column-gap: normal;
-moz-column-gap: normal;
-webkit-column-gap: normal;
}
.cmeColumnDesign .cmeText > ul > li, .cmeColumnDesign .cmeText > ol > li {
display: initial;
}
/*************************************/
/* BUTTONS */
/*************************************/
.cmeButton {
margin: 0;
}
/*************************************/
/* LISTS */
/*************************************/
.cmeHorizontalList li {
float: none;
display: block;
margin: 0.438em 0 0 0;
padding: 0;
}
.cmeHorizontalList li:first-child {
margin-top: 0;
}
.cmeListSeparator li:before {
content: "";
content: none;
}
.cmeLinkList li {
float: none;
display: block;
margin: 0.438em 0 0 0;
padding: 0;
}
.cmeLinkList li:first-child {
margin-top: 0;
}
.cmeLinkList li:before {
content: "";
content: none;
}
/* MEDIA LIST */
.cmeMedia .cmeContentGridItem.cmeCol100 .cmeMediaInfoWrapper, .cmeMedia .cmeContentGridItem.cmeCol100 .cmeMediaPlayerWrapper, .cmeMedia .cmeContentGridItem.cmeCol100 .cmeMediaButtonsWrapper {
width: 100%;
clear: both;
}
.cmeMedia .cmeContentGridItem.cmeCol100 .cmeMediaPlayerWrapper > *, .cmeMedia .cmeContentGridItem.cmeCol100 .cmeMediaButtonsWrapper > * {
margin-left: 0px;
}
.cmeMedia .cmeContentGridItem.cmeCol100 .cmeMediaInfoWrapper .cmeMediaItem {
margin-bottom: 10px;
}
.cmeIntroLargeText {
font-size: 18px;
}
.cmeIntroLargeTextDropCap::first-letter {
font-size: 175%;
}
}
@media screen and (max-width: 320px) {
#sliderContainer {
height: 76px;
}
#sliderContainer {
height: 76px;
}
#slider div div.transparent-box-left {
top: 11px;
}
div.transparent-box-left span, div.transparent-box-left p {
font-size: 9px !important;
line-height: 1px !important;
}
.top-left-corner {
font-size: 8px;
padding: 7px;
}
.cmeRightColumnLayout .cmeFeaturedPageLink .cmeVerticalLayout {
max-width: 100%;
}
}
@media screen and (max-width: 295px) {
#slider img {
height: auto !important;
width: 100% !important;
min-width: 240px;
}
#sliderContainer {
height: 69px;
}
#slider div div.transparent-box-left {
top: 8px;
max-width: 77%;
}
div.transparent-box-left span, div.transparent-box-left p {
font-size: 8px !important;
}
.top-left-corner {
font-size: 8px;
padding: 5px;
}
}
@media screen and (max-width: 240px) {
#slider img {
height: 51px !important;
width: 210px !important;
}
#sliderContainer {
height: 51px;
}
.transparent-box-left {
display: none;
}
.top-left-corner {
font-size: 7px;
padding: 4px;
}
}
@media all {
.cmePrintPageBreak {
display: none;
}
}
@media print {
#cmePageWrapper {
width: 100%;
max-width: 100%;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
padding: 0
}
#cmePageBreadcrumbArea,
.articleContentTemplate .cmeBoxGrayNoBorder,
.at4-share-outer,
.at4-share-mobile,
.insightera-bar-widget,
#cmePageFooterContainer,
#cmePageFooterArea,
.cmeTableResponsivePinnedWrapper,
.cmeRightColumnLayout,
#cmeMenu,
#cmeSearch,
#cmeLegendaryNav,
#cmePageNavigation,
#cmePageBreadcrumbsArea,
.cmeFloatingHeader,
#cmeNav,
.cmeAddThis,
.cmeHideFromPrintContainer {
display: none!important
}
.cmePrintPageBreak {
display: block;
page-break-before: always;
}
#cmePageContentArea {
width: 100%
}
.cmeContentColumnLayout {
float: none!important;
width: 100%;
min-height: 14px;
margin: 10px 0;
clear: both
}
.cmeFullColumnLayout {
clear: both;
max-width: 100%;
width: 100%
}
.cmeLeftColumnLayout {
width: 100%;
max-width: 100%
}
.cmeRightColumnLayout {
width: 244px;
max-width: 244px
}
.cmeResponsive .cmeSubNavigation {
background-color: #fff
}
.invisibleElement {
visibility: visible
}
* {
-webkit-print-color-adjust: exact
}
#cmePageWrapper {
margin-top: 0;
margin-bottom: 0
}
.cmeArticle+.full-par .cmeColHalf {
width: 100%;
margin: 0 auto!important;
float: none
}
body {
background-color: white;
background-image: none!important;
width: 100%;
font-family: helvetica, arial, sans-serif;
color: black
}
a {
color: #333!important
}
h1, h2, h3, h4, h5, h6 {
font-weight: bold;
color: #4594d0!important
}
h1, h2, h3, h4, h5, h6, .cmeTitle {
page-break-after: avoid
}
.cmeFlexColumn {
margin-top: 0!important
}
.cmeArticleProperties+.cmeBox .cmeText,
.cmeArticleProperties+.cmeBox .cmeTitle,
.cmeArticle,
.cmeArticle h1,
.cmeArticle h2,
.cmeArticle h3,
.cmeArticle h4,
.cmeArticle h5,
.cmeArticle h6,
.articleContentTemplate div.cmeTitle,
.cmeArticleKeywords {
max-width: 100%
}
.cmeLayoutFull{
page-break-inside: avoid;
}
.articleContentTemplate h1,
.articleContentTemplate .cmeImageBanner,
.cmeArticleProperties,
.cmeLayoutFull {
column-span: all
}
.cmeArticleProperties+.cmeComponent {
margin-top: 0
}
.articleContentTemplate .cmeCol,
.articleContentTemplate .cmeCol .cmeText p,
.articleContentTemplate p,
.articleContentTemplate ul,
.articleContentTemplate ol {
break-inside: avoid
}
.articleContentTemplate .cmeCol .cmeText {
break-inside: auto
}
#cmeHeader {
border-bottom: 1px solid #4594d0;
margin-bottom: 30px;
}
#cmeHeader #cmeGroupLogo {
float: left;
height: 30px;
overflow-y: hidden;
}
}