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;}

#cmePageWrapper {
    zoom: 1;
    background-color: #fff;
    margin: auto;
    min-height: 300px;
    padding: 0;
    width: 100%;
    z-index: 0;
    position: relative;
    box-sizing: border-box;
}

.cmePineapple #cmePageWrapper {
    background-color: #fff;
}

#cmePageBreadcrumbArea {
    margin: 10px 0 0 0;
}

#cmePageFooterArea {
    position: relative;
    background: #fff;
    width: 100%;
    margin-top: 20px;
    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;
}

/* 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: 'cmeIcons';
        src: url('cmegroupClientLibs/fonts/icon-set/foundation.svg?96223717#foundation') format('svg');
    }
}

/*body, .cmePineapple body*/
.cmeComponent {
    font: normal 14px/22px 'Averta-Regular', helvetica, arial, sans-serif;
    color: #5a6874;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    /*background-color: white;*/
}

/* PAGE SCAFFOLDING */
.cmeSectionLayout {
    clear: both;
}

.cmeContentColumnLayout {
    float: left;
    margin: 0;
}

.cmeContentBlockLayout {
    min-height: 100px;
    display: block;
    clear: both;
}

.cmeFullColumnLayout {
    clear: both;
    max-width: 1600px;
    width: 100%;
    margin: auto;
    float: none;
}

.cmeLeftColumnLayout {
    float: left;
    width: 73.65%;
}

.cmeRightColumnLayout {
    float: right;
    width: 25.31%;
}

/* PRIMARY LANDING TEMPLATE */
.cme-primary-landing .cmePromoBodyContent {
    position: relative;
    top: 0;
}

.cme-primary-landing .cq-wcm-edit .cmePromoBodyContent {
    top: 0;
}

.cmeComponent,
.cmeComponent *,
.cmeComponent *::before,
.cmeComponent *::after {
    box-sizing: content-box;
}

.cmeComponent ol,
.cmeComponent ul {
    list-style: none;
    margin-bottom: 0;
}

.cmeComponent blockquote,
.cmeComponent q {
    quotes: none;
}

.cmeComponent blockquote:before,
.cmeComponent blockquote:after,
.cmeComponent q:before,
.cmeComponent q:after {
    content: '';
    content: none;
}

.cmeComponent :focus{
    outline: 0;
}

.cmeComponent ins {
    text-decoration: none;
}

.cmeComponent del{
    text-decoration: line-through;
}

.cmeComponent a:active{
    outline: none;
}

.cmeComponent strong {
    font-weight: bold;
}

.cmeComponent legend {
    width: inherit;
    max-width: inherit;
}

#cmeSimpleFooterContainer .footer-par {
    max-width: 1024px;
    padding: 0 16px;
    box-sizing: border-box;
    margin: 0 auto;
}

.cmeComponent input[type="submit"],
.cmeComponent select,
.cmeComponent button,
#cmePineappleHeaderContainer button {
    box-sizing: border-box;
}

.cmeComponent a {
    color: #006EB6;
    cursor: pointer;
}

.cmeComponent a:hover {
    text-decoration: underline;
}

.cmeComponent a:active {
    color: #1c3d73;
}

.cmeComponent p,
#cmeSimpleFooterContainer p,
html:not(.cmeTransform) .cmePageMastheadArea p,
html:not(.cmeTransform) .cmePageFooterArea p {
    font-family: inherit;
    margin-bottom: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
}

/* TITLES AND HEADINGS      */
.cmeComponent h1,
.cmeComponent h2,
.cmeComponent h3,
.cmeComponent h4,
.cmeComponent h5,
.cmeComponent h6 {
    font-family: "Averta-Semibold", "Helvetica Neue", arial, sans-serif;
    font-weight: 600;
    text-rendering: optimizelegibility;
    letter-spacing: 0.01em;
    text-transform: inherit;
    color: #112b4a;
    margin-bottom: 0;
}

.cmeComponent h1 {
    font-size: 28px;
    line-height: 38px;
}

.cmeComponent h2 {
    font-size: 24px;
    line-height: 24px;
}

h2.newsWireHeader {
    font-family: "Averta-Light", "Helvetica Neue", arial, sans-serif;
    font-weight: 300;
}

.cmeComponent h3 {
    font-size: 18px;
    line-height: 22px;
}

.cmeComponent h4 {
    font-size: 16px;
    line-height: 20px;
}

#cmeSearchFilterResults p {
    margin-bottom: 0px;
    line-height: 1.5;
}

.cmeComponent h5 {
    font-size: 14px;
    line-height: 18px;
}

.cmeComponent h6 {
    font-size: 14px;
    line-height: 18px;
}

.cmeComponent input,
.cmeComponent button,
.cmeComponent select,
.cmeComponent optgroup,
.cmeComponent textarea {
    line-height: normal;
    margin: 0em;
}

.cmeComponent input[type="radio"i] {
    margin: 3px 3px 0px 5px;
}

.cmeComponent hr {
    margin: 0.5em 0;
    height: inherit;
    color: inherit;
    background-color: inherit;
    border-top: 1px solid rgba(0,0,0,.1);
}

.cmeComponent button {
    font-size: 13px;
}

.cmeComponent .form-control {
    font: 13px;
    display: block;
    position: static !important;
}

/* 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      */
.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 */
.cmeComponent p {
    margin: 1.250em 0 0 0;
}

.cmeComponent p:first-child {
    margin: 0;
}

.cmeComponent p + h1,
.cmeComponent p + h2,
.cmeComponent p + h3,
.cmeComponent p + h4,
.cmeComponent p + h5,
.cmeComponent p + h6 {
    margin-top: 1.250em;
}

.cmeSubHeading {
    display: block;
    clear: left;
}

/* FAUX TITLES */
.cmeSectionHeading {
    float: left;
    position: relative;
    margin-right: 35px;
}

/* LISTS */
.cmeComponent ul + h1,
.cmeComponent ul + h2,
.cmeComponent ul + h3,
.cmeComponent ul + h4,
.cmeComponent ul + h5,
.cmeComponent ul + h6 {
    margin-top: 1.250em;
}

.cmeComponent ol + h1,
.cmeComponent ol + h2,
.cmeComponent ol + h3,
.cmeComponent ol + h4,
.cmeComponent ol + h5,
.cmeComponent ol + h6 {
    margin-top: 1.250em;
}

.cmeComponent ul + p,
.cmeComponent ol + p {
    margin-top: 1.250em;
}

.cmeComponent p + ul,
.cmeComponent p + ol {
    margin-top: 1.250em;
}

/* TABLES */

.cmeComponent table,
.cmeComponent tfoot,
.cmeComponent tbody,
.cmeComponent thead {
    border-collapse: collapse;
    font-size: 12px;
    border: none;
    box-sizing: border-box !important;
}

.cmeComponent table {
    color: #25323c;
}

.cmeComponent th,
.cmeComponent td {
    border: solid 1px #c2cace;
    border-collapse: collapse;
    padding: 10px;
}

.cmeComponent th {
    font-family: "Averta-Semibold", "Helvetica Neue", arial, sans-serif;
    vertical-align: middle;
}

.cmeComponent td {
    vertical-align: top;
}

.cmeComponent table + table {
    margin-top: 1.250em;
}

.cmeContentTableWrapper + .cmeContentTableWrapper {
    margin-top: 1.250em;
}

.cmeContentTableWrapper + table,
.cmeComponent table + .cmeContentTableWrapper {
    margin-top: 1.250em;
}

.cmeComponent h1 + table,
.cmeComponent h2 + table,
.cmeComponent h3 + table,
.cmeComponent h4 + table,
.cmeComponent h5 + table,
.cmeComponent h6 + table {
    margin-top: 0.313em;
}

.cmeComponent h1 + .cmeContentTableWrapper,
.cmeComponent h2 + .cmeContentTableWrapper,
.cmeComponent h3 + .cmeContentTableWrapper,
.cmeComponent h4 + .cmeContentTableWrapper,
.cmeComponent h5 + .cmeContentTableWrapper,
.cmeComponent h6 + .cmeContentTableWrapper {
    margin-top: 0.313em;
}

.cmeComponent h1 + .dataTables_wrapper,
.cmeComponent h2 + .dataTables_wrapper,
.cmeComponent h3 + .dataTables_wrapper,
.cmeComponent h4 + .dataTables_wrapper,
.cmeComponent h5 + .dataTables_wrapper,
.cmeComponent h6 + .dataTables_wrapper {
    margin-top: 0.313em;
}

.cmeComponent table + h1,
.cmeComponent table + h2,
.cmeComponent table + h3,
.cmeComponent table + h4,
.cmeComponent table + h5,
.cmeComponent 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;
}

.cmeComponent p + table {
    margin-top: 1.250em;
}

.cmeComponent p + .cmeContentTableWrapper {
    margin-top: 1.250em;
}

.cmeComponent p + .dataTables_wrapper {
    margin-top: 1.250em;
}

.cmeComponent table + p {
    margin-top: 1.250em;
}

.cmeContentTableWrapper + p {
    margin-top: 1.250em;
}

.dataTables_wrapper + p {
    margin-top: 1.250em;
}

.cmeComponent ul + table {
    margin-top: 1.250em;
}

ul + .cmeContentTableWrapper {
    margin-top: 1.250em;
}

ul + .dataTables_wrapper {
    margin-top: 1.250em;
}

.cmeComponent table + ul {
    margin-top: 1.250em;
}

.cmeContentTableWrapper + ul {
    margin-top: 1.250em;
}

.dataTables_wrapper + ul {
    margin-top: 1.250em;
}

.cmeComponent ol + table {
    margin-top: 1.250em;
}

ol + .cmeContentTableWrapper {
    margin-top: 1.250em;
}

ol + .dataTables_wrapper {
    margin-top: 1.250em;
}

.cmeComponent 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: auto;
    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 #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%;
}

#cmeDSSFWrapper #cmeSearchFilterControls .cmeSearchBoxWrapper #cmeSearchIcon {
    top: 23px !important;
}

.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;
}

/* 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;
    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 #c2cace;
    border-radius: 3px;
    box-shadow: none;
    box-sizing: border-box;
    font-size: 16px;
    font-style: italic;
    font-weight: 100;
    height: 28px;
    padding: 0px 30px 0px 6px;
    width: 100%;
}

#cmeHeader #cmeHeaderRight #cmeSearch.cmeSearchOff #searchField,
#cmeHeader #cmeHeaderRight #cmeSearch.cmeSearchOff .elc-searchInput,
#cmeHeader #cmeHeaderRight #cmeSearch.cmeSearchOff .elc-hint-placeholder {
    color: #c2cace !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 #c2cace !important;
    border-radius: 3px !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    height: 28px !important;
    padding: 0px 30px 0px 6px !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;
}

#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: 1024px;
}

/* 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,
#cmePageWrapper #cmePineappleHeaderContainer .navbar-primary-links > ul > li > a {
    cursor: pointer;
    display: block;
    font-size: 15px !important;
    outline: 0;
    padding: 0 10px !important;
    text-align: center;
    z-index: 10;
    color: #fff;
}

#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;
    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 .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;
    position: absolute;
    width: 100%;
}

#cmeNav.cmeFixed {
    position: fixed;
    width: 1024px;
}

#cmeNav .cmePrimaryNav {
    margin: 0;
}

#cmeNav .cmePrimaryNav {
    zoom: 1;
}

#cmeNav .cmePrimaryNav:after {
    clear: both;
}

#cmeNav .cmePrimaryNav > li .cmeSecondaryNav {
    position: absolute;
    width: 944px;
    line-height: 24px;
}

#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       */
#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;
    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: #c2cace;
    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 #c2cace;
    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: #c2cace;
    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 #c2cace;
    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             */
.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.65em;
    margin-top: 0.5em;
}

.cmeDirectionLeftRight {
    direction: ltr;
    unicode-bidi: bidi-override;
}

.cmeDirectionRightLeft {
    direction: rtl;
    unicode-bidi: bidi-override;
}

.cmeComponentMargin {
    margin-top: 40px;
}

.cmeComponentMargin: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: 0;
}

#cmePageFooterArea .section:first-child {
    margin-top: 0;
}

#cmePageFooterArea .cmeInjectContent {
    overflow: hidden;
}

.cmeTransformFooter:after,
.cmeTransformFooter .section:after {
    display: none !important;
}

.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;
    clear: both;
    height: 0;
    visibility: hidden;
}

.section:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    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;
}

.cmeReadableText {
    max-width: 640px;
    display: block;
}

.cmeReadableList li {
    margin-bottom: 10px;
}

.cmeReadableTextCentered {
    max-width: 640px;
    display: block;
    margin: 0 auto;
}

.cmeIntroMediumText {
    font-size: 18px;
    line-height: 150%;
    margin: 20px auto 0;
}

/* CME TEXT SECTIONS - CMETEXT AND CMEARTICLE */
.cmeText + .cmeFlexColumn {
    margin-top: 1.250em;
}

.cmeText > ul:first-child {
    margin-top: 0;
}

.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:first-child {
    margin-top: 0;
}

.cmeText ol > li:first-child {
    margin-top: 0;
}

.cmeText li {
    line-height: 1.5;
    color: inherit;
}

/* ARTICLES */
.cmeVideoProperties + .cmeBox .cmeText p,
.cmeArticleProperties + .cmeBox .cmeText p,
.cmeArticle p {
    margin-left: auto;
    margin-right: auto;
    line-height: 1.75;
    font-size: 16px;
}

.cmeVideoProperties + .cmeBox .cmeText table p,
.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;
}

.cmeVideoProperties + .cmeBox .cmeText li,
.cmeArticleProperties + .cmeBox .cmeText li,
.cmeArticle li,
.cmeArticle li {
    vertical-align: middle;
    font-size: 16px;
    line-height: 1.75;
    margin-bottom: 0.35em;
}

.brightcoveVideoTemplate .cmeComponentMargin,
.articleContentTemplate .cmeBox {
    max-width: 740px;
    margin: 1em auto;
    line-height: 1.75;
    border: none;
}

.brightcoveVideoTemplate #cmePageContentArea .cmeTitle,
.articleContentTemplate #cmePageContentArea .cmeTitle {
    width: 100%;
    max-width: 740px;
    margin-left: auto;
    margin-right: auto;
}

.articleContentTemplate .section:first-child {
    margin-top: 0;
}

.cmeRightColumnLayout .cmeDelayedQuotes {
    border: 0 !important;
    padding: 0 !important;
    overflow-y: hidden;
    overflow-x: auto;
}

@media all and (min-width: 769px) {
    .cmeRightColumnLayout .cmeDelayedQuotes table > thead > tr > th {
        line-height: 21px;
        font-size: 8px;
    }
}

.cmeRightColumnLayout .cmeDataWidgetHeader {
    height: auto;
}

/* 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 */
.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: 100%;
    margin: auto !important;
    width: 80%;
    max-width: 720px;
    float: none;
}

@media screen and (min-width: 481px) {
    .cmeFlexColumnInverted.cmeLayoutl1 .cmeColHalf.cmeColFirst {
        right: 51.02%;
        position: relative;
        clear: none;
    }

    .cmeFlexColumnInverted.cmeLayoutl1 .cmeColHalf.cmeColLast {
        left: 48.98%;
        position: relative;
    }

    .cmeFlexColumnInverted.cmeLayoutl4 .cmeColThird {
        left: 65.9892%;
        position: relative;
    }

    .cmeFlexColumnInverted.cmeLayoutl4 .cmeColTwoThirds {
        right: 34.0108%;
        position: relative;
        clear: none;
    }

    .cmeFlexColumnInverted.cmeLayoutl6 .cmeColThird {
        right: 68.03%;
        position: relative;
        clear: none;
    }

    .cmeFlexColumnInverted.cmeLayoutl6 .cmeColTwoThirds {
        left: 31.97%;
        position: relative;
    }

    .cmeFlexColumnInverted.cmeLayoutl5 .cmeColQuarter {
        left: 74.4919%;
        position: relative;
    }

    .cmeFlexColumnInverted.cmeLayoutl5 .cmeColThreeFourths {
        right: 25.5081%;
        position: relative;
        clear: none;
    }

    .cmeFlexColumnInverted.cmeLayoutl7 .cmeColQuarter {
        right: 76.53%;
        position: relative;
        clear: none;
    }

    .cmeFlexColumnInverted.cmeLayoutl7 .cmeColThreeFourths {
        left: 23.47%;
        position: relative;
    }
}

/* 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;
}

.cmeFlexColumnWrapper .cmeCol .cmeBrightcovePlayer + .cmeText {
    margin-top: 40px !important;
}

@media screen and (max-width: 980px) {
    .cmeFlexColumnWrapper .cmeCol .cmeBrightcovePlayer + .cmeText {
        margin-top: 20px !important;
    }
}

.cmeFeaturedPageLink.section + .cmeFeaturedPageLink.section {
    margin-top: 25px;
}

.cmeBrightcovePlayer + .cmeText {
    margin-top: 40px !important;
}

@media screen and (max-width: 980px) {
    .cmeBrightcovePlayer + .cmeText {
        margin-top: 20px !important;
    }
}

/* EQUALHEIGHT COLUMNS */
.cmeEqualHeightColumns {
    clear: both;
}

.cmeEqualHeightColumnWrapper {
    display: -ms-grid;
    margin: 0;
    display: grid;
    grid-gap: 10px;
}

.cmeEqualHeightColumnWrapper .cmeEqualHeightRow {
    display: -ms-grid;
    grid-gap: 20px;
    display: grid;
}

.cmeEqualHeightRow + .cmeEqualHeightRow {
    margin-top: 10px;
}

.cmeEqualHeightRow > .cmeEqualHeightCol:nth-of-type(1) {
    -ms-grid-column: 1;
}

.cmeEqualHeightRow > .cmeEqualHeightCol:nth-of-type(2) {
    -ms-grid-column: 2;
}

.cmeEqualHeightRow > .cmeEqualHeightCol:nth-of-type(3) {
    -ms-grid-column: 3;
}

.cmeEqualHeightRow > .cmeEqualHeightCol:nth-of-type(4) {
    -ms-grid-column: 4;
}

.cmeEqualHeightColumnWrapper.cmeLayoutl1 .cmeEqualHeightRow {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
}

.cmeEqualHeightColumnWrapper.cmeLayoutl2 .cmeEqualHeightRow {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
}

.cmeEqualHeightColumnWrapper.cmeLayoutl3 .cmeEqualHeightRow {
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.cmeEqualHeightColumnWrapper.cmeLayoutl4 .cmeEqualHeightRow {
    -ms-grid-columns: 2fr 1fr;
    grid-template-columns: 2fr 1fr;
}

.cmeEqualHeightColumnWrapper.cmeLayoutl5 .cmeEqualHeightRow {
    -ms-grid-columns: 3fr 1fr;
    grid-template-columns: 3fr 1fr;
}

.cmeEqualHeightColumnWrapper.cmeLayoutl6 .cmeEqualHeightRow {
    -ms-grid-columns: 1fr 2fr;
    grid-template-columns: 1fr 2fr;
}

.cmeEqualHeightColumnWrapper.cmeLayoutl7 .cmeEqualHeightRow {
    -ms-grid-columns: 1fr 3fr;
    grid-template-columns: 1fr 3fr;
}

.cmeEqualHeightColumnWrapper.cmeLayoutl9 .cmeEqualHeightRow {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
}

.cmeEqualHeightColumnWrapper .cmeEqualHeightRow .cmeEqualHeightCol {
    width: 100% !important;
    margin: 0 !important;
    height: 100%;
}

.cmeEqualHeightColumnWrapper.cmeLayoutl1 .cmeEqualHeightRow .cmeEqualHeightCol > div.parsys {
    padding: 0;
    height: 100%;
}

.msie .cmeEqualHeightColumnWrapper .cmeEqualHeightRow .cmeEqualHeightCol > div.parsys,
.netscape .cmeEqualHeightColumnWrapper .cmeEqualHeightRow .cmeEqualHeightCol > div.parsys {
    margin-right: 10px;
}

.msie .cmeEqualHeightColumnWrapper .cmeEqualHeightRow .cmeEqualHeightCol.cmeLastChild > div.parsys,
.netscape .cmeEqualHeightColumnWrapper .cmeEqualHeightRow .cmeEqualHeightCol.cmeLastChild > div.parsys {
    margin-right: 0px;
}

.cmeEqualHeightColumnWrapper .cmeStandardDesignBox {
    min-height: fit-content !important;
    height: 100%;
}

.cmeEqualHeightColumnWrapper #designBox {
    min-height: fit-content !important;
    height: 100% !important;
}

@media screen and (max-width: 768px) {
    .cmeEqualHeightColumnWrapper.cmeLayoutl1 .cmeEqualHeightRow {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }

    .cmeEqualHeightColumnWrapper.cmeLayoutl6 .cmeEqualHeightRow {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }

    .cmeEqualHeightColumnWrapper.cmeLayoutl4 .cmeEqualHeightRow {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }

    .cmeEqualHeightColumnWrapper.cmeLayoutl7 .cmeEqualHeightRow {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }

    .cmeEqualHeightColumnWrapper.cmeLayoutl2 .cmeEqualHeightRow {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }

    .cmeEqualHeightColumnWrapper.cmeLayoutl3 .cmeEqualHeightRow {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }

    .cmeEqualHeightColumnWrapper.cmeLayoutl9 .cmeEqualHeightRow {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 580px) {
    .cmeEqualHeightColumnWrapper.cmeLayoutl1 .cmeEqualHeightRow {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .cmeEqualHeightColumnWrapper.cmeLayoutl6 .cmeEqualHeightRow {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .cmeEqualHeightColumnWrapper.cmeLayoutl4 .cmeEqualHeightRow {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .cmeEqualHeightColumnWrapper.cmeLayoutl7 .cmeEqualHeightRow {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .cmeEqualHeightColumnWrapper.cmeLayoutl2 .cmeEqualHeightRow {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .cmeEqualHeightColumnWrapper.cmeLayoutl3 .cmeEqualHeightRow {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .cmeEqualHeightColumnWrapper.cmeLayoutl9 .cmeEqualHeightRow {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .cmeEqualHeightColumnWrapper,
    .cmeEqualHeightColumnWrapper .cmeEqualHeightRow {
        grid-gap: 10px;
    }
}

.cmeEqualHeightRow .cmeEqualHeightCol > div.parsys {
    padding: 0;
    height: 100%;
}

/* CME IMAGE COMPONENT            */
.cmeImage .cmeGroupImage + .cmeGroupRolloverImage {
    display: none;
}

.cmeGroupImage {
    position: relative;
}

.cmeGroupImage .cmeImageIcon {
    position: absolute;
    bottom: 2px;
    right: 0;
}

span.cmeImageIcon.cmeMagnifyIcon img {
    display: none;
}

span.cmeImageIcon.cmeMagnifyIcon:before {
    content: '\e854';
    font-family: cmeIcons;
    background: rgba(0, 0, 0, 0.5);
    color: white;
    padding: 6px 8px 6px 6px;
    transition: background 0.25s;
}

.cmeGroupImage a:hover .cmeMagnifyIcon:before {
    background: rgba(0, 0, 0, 0.75);
}

.cmeGroupImage.cmeBorderPrimary {
    border: 1px solid #0079c1;
}

.cmeGroupImage.cmeBorderSecondary {
    border: 1px solid #54bceb;
}

.cmeGroupImage.cmeBorderNeutral {
    border: 1px solid #bcbec0;
}

/* 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%;
    border-collapse: separate;
    margin-bottom: 20px;
}

.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 #c2cace;
    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;
}

/* PRODUCT PAGE TOGGLES          */
#productTabs .cmeProductCell.withPadding {
    padding: 0px !important;
}

#productTabsSubList .cmeTabsSubNavigation {
    border: 1px solid #ebedee;
    border-radius: 5px;
    font-size: 14px;
    font-weight: bold;
    margin-top: 6px;
    width: auto;
    overflow: hidden;
}

#productTabsSubList .cmeTabsSubNavigationItem {
    display: table-cell;
    background: #ebedee;
    width: auto;
    font-weight: normal;
    color: #5a6874;
    font-family: "Averta-Semibold", "Helvetica Neue", arial, sans-serif;
    text-transform: uppercase;
    font-size: 12px;
}

.os-windows #productTabsSubList .cmeTabsSubNavigationItem {
    font-weight: 600;
}

#productTabsSubList .cmeTabsSubNavigationItem a {
    padding: 5px 10px;
    color: #5a6874;
}

#productTabsSubList .cmeTabsSubNavigationItem:hover {
    background-color: #ebedee;
    color: #fff;
    transition: background-color 0.5s ease;
}

#productTabsSubList .cmeTabsSubNavigationItem:hover a {
    color: #5a6874;
}

#productTabsSubList .cmeTabsSubNavigationItem.cmeTabSelected {
    background-color: #006EB6;
}

#productTabsSubList .cmeTabsSubNavigationItem.cmeTabSelected a {
    color: #fff;
}

#productTabsSubList .cmeTabsSubNavigationItem:first-child {
    border-left: 0;
    border-radius: 5px 0 0 5px;
}

#productTabsSubList .cmeTabsSubNavigationItem.cmeTabSelected a:before {
    display: inline-block;
    font-family: "cmeIcons";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    content: '\e809';
    margin-right: 5px;
}

/* 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;
}

.cmeProduct .cmeTableSmall tr {
    height: 33px;
}

.cmeProduct .cmeTableResponsivePinnedWrapper {
    top: 0;
}

#quotesProductPanel .cmePagination ul > li.pageLink a {
    width: auto !important;
}

#quotesProductPanel .cmePagination ul > li.active a {
    width: auto;
}

.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;
}

.cmeComponent 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.cmeSortable {
    padding: 0;
}

.cmeTable th.cmeSortable span {
    display: block;
    padding: 5px 15px;
}

.cmeTableFoot {
    padding: 5px !important;
}

.cmeText .cmeSpecTable {
    min-width: 100%;
}

.cmeText .cmeSpecTable th,
.cmeText .cmeSpecTable td {
    padding: 0.5em 1em;
}

.prodSpecAttribute {
    min-width: 300px;
}

.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 .cmeLegendItem span:before {
    margin-right: 5px;
    padding-left: 5px;
}

.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;
    display: none;
    z-index: -1;
}

.cmeFloatingHeader.floating {
    visibility: visible;
    display: block;
    z-index: 500;
}

/* OPTIONS TABLES */
.cmeOptionsTable {
    max-width: 100%;
}

.cmeOptionsTableSection {
    width: 340px;
}

.cmeStrikePrice {
    width: 40px;
}

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;
}

.cmeChartParameters.cmeFormComponent form fieldset.cmeFormControls .cmeFormControl .cmeChartModeStatus {
    font-size: 1.2em;
}

.cmeLaunchPopUp {
    padding: 10px 0;
}

/* CME BUTTONS               */
.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;
    border: none;
    position: absolute;
}

.cmeFullColumnLayout .cmeText .cmeButton,
.cmeFullColumnLayout .cmeArticle .cmeButton {
    display: inline-block;
}

.cmeLeftColumnLayout .cmeText .cmeButton,
.cmeLeftColumnLayout .cmeArticle .cmeButton {
    display: inline-block;
}

/* CME HORIZONTAL RULES      */
.cmeComponent.cmeHorizontalRule.section {
    margin-top: 35px;
}

.cmeComponent.cmeHorizontalRule.section + .section {
    margin-top: 25px;
}

.cmeComponent .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: 0px -10px 5px -10px;
    box-sizing: border-box;
}

.cmeContentGridLayout .cmeContentGridItem {
    display: inline-block;
    vertical-align: top;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    padding: 0px 10px 20px 10px;
}

/* CME MEDIA BOX AND FEATURED PAGE LINK            */
.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;
}

.cmeMediaBoxTitle h3 {
    font-size: 16px;
}

.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;
}

/* FEATURED PAGE LINK */
.cmeEmptyStructuralComponent .cmeFeaturedPageLink {
    padding-left: 0px !important;
}

/* 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: 4px 10px 5px 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;
    opacity: 0.85;
    transition: opacity 0.25s
}

.cmeFeaturedPageLink:hover .cmeFeaturedLinkImageArrow img {
    opacity: 1;
}

.cmeHorizontalLayout .cmeFeaturedPageLinkWrapper {
    width: 150px;
}

.cmeRightColumnLayout .cmeHorizontalLayout .cmeFeaturedPageLinkWrapper {
    width: 35%;
    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%;
    width: 80%
}

.cmeOverlayText span {
    display: block;
    margin: 5px;
}

.cmeOverlayText.cmeTwoLinesTextOverlay span {
    margin: 5px;
}

.cmeRibbonImage {
    position: absolute;
    top: 0px;
    left: 0px;
}

.cmeRibbonImage:before {
    position: absolute;
    content: 'NEW';
    display: block;
    background: #006eb6;
    color: white;
    padding: 1px 5px;
    border-radius: 0 0 5px 0;
    font-weight: bold;
    font-family: "Averta-Semibold", "Helvetica Neue", arial, sans-serif;
}

.cmeRibbonImage img {
    display: none;
}

.cmeFeaturedLinkIcon {
    position: absolute;
    right: 0;
    bottom: 0;
}

.cmeDownloadIcon {
    width: 28px;
    height: 28px;
}

.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;
}

.cmeListTitleLink h1,
.cmeListTitleLink h2,
.cmeListTitleLink h3,
.cmeListTitleLink h4,
.cmeListTitleLink h5,
.cmeListTitleLink h6 {
    float: left;
}

.cmeListContent ul {
    clear: both;
    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;
}

.lock-content .cmeListContent {
    filter: blur(3px);
}

.cmeListBlockContent {
    margin-top: 0.45em;
}

.cmeListBlockContent:first-child {
    margin: 0;
}

.cmeRightColumnLayout .cmeList .cmeListContent {
    margin-top: 0.313em;
}

.cmeListContent:first-child {
    margin-top: 0;
}

/* HORIZONTAL LIST */
.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;
    padding: 0 0 0 0.625em;
    margin: 0;
}

.cmeLinkList li:first-child {
    padding-left: 0;
}

.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.cmeComponentMargin {
    margin-top: 20px;
}

.cmeListReset.cmeImage li.cmeComponentMargin: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.cmeComponentMargin {
    max-width: 725px;
    margin-left: auto;
    margin-right: auto;
}

.cmePageMessage.cmeComponentMargin:last-child {
    margin-bottom: 40px !important;
}

.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;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 770px;
}

.cmeMarketingMessage:before {
    content: "";
    float: left;
}

.cmeFullWidth.cmeMarketingMessage {
    max-width: 100%;
}

.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;
    right: 0;
    top: 0;
    white-space: nowrap;
    z-index: 1;
    box-sizing: border-box;
}

/* CME FORM COMPONENT         */
.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;
}

.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;
}

.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;
}

.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 !important;
}

.cmeAdvisoryNotice {
    max-width: 720px;
    margin: auto;
}

/* CME LIGHTBOX AND MODALS                */
.js .cmeDialogContainer {
    display: none;
}

.js .mfp-content .cmeDialogContainer {
    display: block !important;
}

.js .mfp-content .cmeComponentMargin {
    margin-top: 0;
}

.js .cmeDialogBox {
    max-width: 400px;
    margin: 40px auto;
    position: relative;
}

div[id^=inline-content] {
    display: none;
    padding: 20px !important;
    box-sizing: border-box !important;
    background-image: none !important;
    background-color: white !important;
    max-width: 768px;
    margin: auto;
    max-height: 70vh;
    overflow-y: auto;
}

[id^=cq-gen] div[id^=inline-content] {
    display: block;
}

.mfp-content div[id^=inline-content] {
    display: block;
}

.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;
    box-sizing: content-box;
    position: fixed !important;
}

.cmeModalWindow .ui-button {
    float: right;
    display: block;
}

.cmeModalWindow .ui-button-icon-only.ui-dialog-titlebar-close {
    width: auto;
    height: auto;
    padding: 3px 10px;
    text-transform: uppercase;
}

.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 .cmeComponentMargin {
    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: 0;
    height: 80vh !important;
    top: 10vh !important;
    width: 90% !important;
    max-width: 720px !important;
}

.cmeModalWindow .ui-button {
    float: right;
    display: block;
}

.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: 10px;
}

.cmeModalWindow .ui-dialog-content {
    overflow: auto;
    clear: both;
    padding: 10px 20px;
    max-height: calc(100% - 62px) !important;
}

/* 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;
    padding: 8px;
}

.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,
.cmeTitle + .cmeText,
.cmeTitle + .cmeTabs,
.cmeTitle + .cmeFlexColumn,
.cmeTitle + .cmeStandardDesignBox,
.cmeTitle + .cmeStaticList,
.cmeTitle + .cmeFixedList,
.cmeTitle + .cmeEqualHeightColumns,
.cmeTitle + .cmeDynamicFeaturedPageLink,
.cme-primary-landing .cmeFullColumnLayout .cmeTitle + .section,
.cmeTitle + .section,
.cmeProductSlateWidget + .cmeText,
.cme-primary-landing .cmeLeftColumnLayout .section.cmeProductSlateWidget + .cmeText,
.cme-primary-landing .cmeFullColumnLayout .section.cmeProductSlateWidget + .cmeText,
.cmeComponent h1 + h2,
.cmeComponent h2 + h3,
.cmeComponent h3 + h4,
.cmeComponent h4 + h5,
.cmeComponent h5 + h6,
.cmeComponent h1 + .cmeSplitList + .cmeSplitList,
.cmeComponent h2 + .cmeSplitList + .cmeSplitList,
.cmeComponent h3 + .cmeSplitList + .cmeSplitList,
.cmeComponent h4 + .cmeSplitList + .cmeSplitList,
.cmeComponent h5 + .cmeSplitList + .cmeSplitList,
.cmeComponent h6 + .cmeSplitList + .cmeSplitList,
.cmeComponent h1 + p,
.cmeComponent h2 + p,
.cmeComponent h3 + p,
.cmeComponent h4 + p,
.cmeComponent h5 + p,
.cmeComponent h6 + p,
.cmeComponent h1 + ul,
.cmeComponent h1 + ol,
.cmeComponent h2 + ul,
.cmeComponent h2 + ol,
.cmeComponent h3 + ul,
.cmeComponent h3 + ol,
.cmeComponent h4 + ul,
.cmeComponent h4 + ol,
.cmeComponent h5 + ul,
.cmeComponent h5 + ol,
.cmeComponent h6 + ul,
.cmeComponent h6 + ol,
.cmeContentColumnLayout > h1 + .parbase,
.cmeContentColumnLayout > h1 + .parsys,
.cmeText + .cmeText,
.cmeFlexColumnWrapper .cmeCol .section + .section,
.cmeAlertBox.section + .section,
.cmeListContent ul,
.dataTables_filter + .cmeInteractiveTable,
.dataTables_filter + .cmeTableWrapper {
    margin-top: 0.625em;
}

/* Title component spacing */
.cmeVideoProperties + .cmeBox .cmeText p,
.cmeArticleProperties + .cmeBox .cmeText p,
.cmeArticle p,
.cmeArticleRight p,
.articleContentTemplate .section,
.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: 1em;
}

.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 #c2cace;
    display: block;
    height: 1px;
    content: " ";
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    padding: 0;
    z-index: -1;
}

.cmeSubTitleSecondaryAlternate .cmeTitleText:after {
    background-color: #c2cace;
    bottom: -2px;
    content: '';
    height: 2px;
    left: 0;
    position: absolute;
    width: 60px;
}

.cmeSubTitleSecondary .cmeTitleText:after {
    background-color: #3cc8ff;
    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;
}



#cmePageWrapper .cme-dynamic-circuit-breakers div.cme-dynamic-circuit-breakers-table-wrapper table.cme-dynamic-circuit-breakers-main-table tbody tr td {
    border: 1px solid #c2cace;
}

/* 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;
}

.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 .cmeComponentMargin {
    margin-top: 20px;
}

.cmeRightColumnLayout .cmeComponentMargin: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;
}

.cmeBoxContent {
    padding: 20px;
    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;
}

.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 *,
#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 */
.cmeMegaFooterContentSection {
    padding: 10px;
    background: #f8f8f8;
    border-top: solid 1px #c2cace;
}

#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;
}

/* 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;
    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;
}

.cmeProductSlate .cmeTable,
.cmeProductSlate .cmeTable tbody,
.cmeMargins table,
.cmeProductSlateWidget td,
.cmeProductSlateWidget tbody th {
    font-family: Roboto-Mono-Regular, monospace;
    font-weight: normal;
}

.cmeProductSlate .cmeTable td,
.cmeProductSlate .cmeTable th {
    padding: 10px 2px;
}

.cmeDelayedQuotesTable.cmeTable td,
.cmeDelayedQuotesTable.cmeTable th,
.cmeProductSlateWidget .cmeTable th,
.cmeProductSlateWidget .cmeTable td {
    padding: 8px 5px;
}

.cmeProductSlateWrapper {
    clear: both;
}

#cmeProductSlate1 {
    font-size: 12px !important;
}

tr.newSlateProduct td,
tr.newSlateProduct th {
    background-color: #ebf9ff !important;
}

#cmeProductSlateSearch {
    width: 100%;
    background: #f1f5f7;
    clear: both;
    overflow: hidden;
    margin-top: 30px;
    margin-bottom: 20px;
    padding: 10px 0;
}

#cmeProductSlateSearchWrapper {
    padding: 10px 10px 15px 10px;
    overflow: hidden;
    box-sizing: border-box;
}

#cmeProductSlateSearch h2 {
    font-weight: normal !important;
    margin-bottom: 5px;
    font-size: 16px !important;
}

#cmeProductSlateSearchInput {
    float: left;
    width: 70%;
}

#txtProductSlateSearch {
    width: 100%;
    padding: 10px;
    font-size: 1.5em;
    color: #333333;
    background: #FFFFFF url('cmegroupClientLibs/images/search-icon.png') center right no-repeat;
    border: 1px solid #c2cace;
}

#txtProductSlateSearch.active {
    color: #333333;
}

#txtProductSlateSearch.inactive {
    color: #d8d8d8;
}

#cmeProductSlateSearchButtons {
    float: right;
    padding-top: 0px;
    padding-left: 5px;
    width: 25%;
}

.cmeProductSlateButton {
    padding: 5px 15px;
    font-size: 1.3em;
    cursor: pointer;
    margin-left: 10px;
    background: #E0E0E0;
}

#btnProductSlateResetSearch,
#btnProductSlateDownload {
    background: #006eb6;
    color: #FFFFFF !important;
    border: 0px !important;
    border-radius: 4px;
    /* text-transform: uppercase; */
    /* font-weight: 600; */
}

a#btnProductSlateResetSearch {
    display: block;
    padding: 12px 28px;
    float: right;
}

#btnProductSlateSearch {
    background: #0195e7;
    color: #FFFFFF;
    border: 0px !important;
    border-radius: 4px;
}

.js #btnProductSlateSearch {
    display: none;
}

#cmeProductSlateSearchAdvanced {
    float: none;
    clear: both;
    padding: 5px;
    background: #f1f5f7;
    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;
}

#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;
    width: 25%;
    box-sizing: border-box;
}

.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 #c2cace;
    padding: 5px;
    vertical-align: bottom;
    width: 95%;
    height: 30px;
}

#cmeProductSlateDropDownsLoading {
    min-height: 50px;
}

.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: 50%;
}

.cmeProductSlateSearchCheckBoxList:first-child {
    padding-right: 5px;
}

.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;
    display: none;
}

#cmeProductSlateHeader {
    width: 100%;
    overflow: hidden;
    clear: both;
    font-size: 12px;
    padding: 0;
    line-height: 100%;
    /* margin-bottom: 5px; */
}

#cmeProductSlateNew {
    float: left;
    width: 200px;
    background: #ebf9ff;
    font-weight: normal;
    /* border-top: solid 1px #f3d191; */
    /* border-right: solid 1px #f3d191; */
    /* border-left: solid 1px #f3d191; */
    font-size: 1.0em;
    padding: 8px;
    margin-right: 15px;
    cursor: pointer;
    line-height: 1.5;
}

#chkProductSlateNew {
    margin: 0px;
    padding: 0px;
    /* margin-top: 8px; */
    margin-right: 10px;
    float: left;
}

#cmeProductSlateNew label {
    /* line-height: 0px; */
    /* line-height: 11px; */
    /* margin-top: 10px; */
    /* margin-left: 6px; */
    cursor: pointer;
    float: left;
}

#cmeProductSlateLastUpdated {
    float: left;
    padding: 11px;
}

#cmeProductSlateHeaderType {
    text-transform: uppercase;
    margin-left: 5px;
    border-left: solid 1px #000000;
    padding-left: 5px;
    font-weight: bold;
}

#cmeProductSlateButtons {
    float: right;
    padding: 11px 0 11px 11px;
    width: 45%;
    overflow: hidden;
    text-align: right;
}

#cmeProductSlateHelp {
    padding: 8px;
}

#cmeProductSlateHelp: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;
    content: '\e81f';
}

#cmeProductSlateDownload {
    padding: 8px 0 8px 8px;
    border-left: solid 1px #c2cace;
}

#cmeProductSlateDownload:before {
    content: '\e837';
    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;
}

#cmeProductSlate1 #productName {
    width: 135px;
}

.cmeProduct #productName {
    text-transform: uppercase;
}

/* Product Slate Widget         */
@media screen and (max-width: 980px) {
    .cmeDynamicTabs.cmeSlateWidgetResponsive {
        overflow: hidden;
    }

    .cmeDynamicTabs.cmeSlateWidgetResponsive .cmeProductSlateWidget {
        overflow-x: scroll;
        overflow-y: hidden;
    }
}

/* Pagination                   */
.cmePagination {
    margin: 10px 0;
    overflow: hidden;
    font-size: 11px;
}

.cmePagination a {
    color: #0575B9;
}

.cmePagination ul {
    float: right;
    margin-bottom: 0;
    margin-left: 0;
    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 #c2cace;
    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;
}

.cmePagination ul > li:last-child > a,
.cmePagination ul > li:last-child > span {
    border-bottom-right-radius: 4px;
    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;
}

.cmePagination-large ul > li:last-child > a,
.cmePagination-large ul > li:last-child > span {
    border-bottom-right-radius: 6px;
    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;
}

.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;
}

.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: #c2cace;
    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('../../../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('../../../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: 1024px;
    width: 100%;
}

#cmeSearchFilterLeft {
    float: left;
    width: 26.32%;
    border: 1px solid #c2cace !important;
}

#cmeSearchFilterRight {
    float: right;
    width: 73.17%;
}

#cmeSearchFilterDetail {
    clear: both;
    max-width: 1024px;
    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%;
    /* width: 100%; */
}

.cmeTabPanel .cmeRolloverImage {
    max-width: none;
    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 #c2cace;
    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: #006eb6;
    border: none;
    color: #fff;
    font-size: 14px;
    padding: 7px 15px;
    border-radius: 4px;
    text-transform: uppercase;
    font-family: Averta-Semibold;
}

/* END ADVISORY NOTICE */
/* ARTICLE TEMPLATE */
.cmeColVideoLeft {
    width: 51.586%;
}

.cmeColVideoRight {
    width: 45%;
}

.cmeArticleRight {
    width: 70%;
    float: left;
}

.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 */
.cmeVideoProperties .cmeArticleKeywords,
.cmeArticleProperties .cmeArticleKeywords {
    margin-top: 10px;
    color: gray;
    padding: 0.325em 0;
    border-bottom: 1px solid #c2cace;
    border-top: 1px solid #c2cace;
}

.cmeVideoProperties .cmeArticleKeywords > ul > li,
.cmeArticleProperties .cmeArticleKeywords > ul > li {
    font-size: 0.95em;
    display: inline;
    margin-left: 0.625em;
}

.cmeVideoProperties .cmeArticleKeywords > ul > li:first-child,
.cmeArticleProperties .cmeArticleKeywords > ul > li:first-child {
    font-size: 0.95em !important;
    font-weight: bold;
    margin-left: 0;
}

.cmeVideoProperties .cmeArticleKeywords > ul > li:before,
.cmeArticleProperties .cmeArticleKeywords > ul > li:before {
    content: "//";
    margin-right: .625em;
    color: #c2cace;
}

.cmeVideoProperties .cmeArticleKeywords > ul > li:first-child:before,
.cmeArticleProperties .cmeArticleKeywords > ul > li:first-child:before {
    content: "";
    margin-right: 0;
}

.cmeVideoProperties + .cmeComponentMargin,
.cmeArticleProperties + .cmeComponentMargin {
    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 */
/* RULEBOOK CHAPTER TEMPLATE */
#cmeRuleTop {
    border-bottom: 2px solid #E1E1E1;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.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 #c2cace;
}

.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;
}

.cmeEconomyFeed #education_tabs {
    max-width: 100%;
    overflow-x: auto;
}

.econoFeedTable {
    background-color: #f1f5f7;
    padding: 5px;
    max-width: 100%;
    width: 100%;
}

/* END RULEBOOK CHAPTER TEMPLATE */
/* 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: 12px;
    /* color: #25323c; */
}

#event_calendar select,
#event_calendar input {
    color: #333333;
    font: 11px Arial;
}

#CalendarBody .Weekend {
    background: #fafafa none repeat scroll 0 0;
}

#CalendarBody .Inactive {
    background-color: #c2cace;
}

.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: #c2cace;
}

#jMonthCalendar .Inactive .DateLabel a {
    color: #c2cace;
    cursor: default;
}

#jMonthCalendar .NOLINK {
    font-size: 11px;
}

#jMonthCalendar .Inactive {
    background-color: #ebedee;
}

#jMonthCalendar .Inactive div {
    visibility: hidden;
    display: none !important;
}

#event_calendar select,
#event_calendar input {
    border: 1px solid #c2cace;
    padding-left: 5px;
    vertical-align: bottom;
}

#jMonthCalendar .MonthNavigation {
    clear: both;
    height: 20px;
    padding: 7px;
    background: white;
    /* border: solid 1px #c2cace; */
    border-bottom: none;
}

.MonthNavigation .MonthName,
.MonthNavigation .MonthNavPrev,
.MonthNavNext {
    /* border-bottom: solid 1px #c2cace; */
    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 0px #c2cace;
    border-collapse: collapse;
    -webkit-overflow-scrolling: touch;
}

.MonthlyCalendar #CalendarHead {
    width: 100%;
    background: white;
}

.MonthlyCalendar #CalendarHead .DateHeader {
    width: 14%;
    text-align: center;
    background: #f1f5f7;
}

.DateBox {
    vertical-align: top;
    border: solid 1px #c2cace;
    height: 131px;
}

.DateLabel {
    height: 16px;
    width: 100%;
    background: #f1f5f7 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;
}

#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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    font-weight: normal;
}

.cmeFlexColumnWrapper {
    clear: both
}

/* START DATA WIDGET */
.cmeDataWidget {
    width: 100%;
    position: relative;
    /* padding-top: 5px; */
}

.cmeDataWidgetInner {
    background: #f1f5f7;
    /* box-shadow: 2px 2px 2px #c2cace; */
    border: solid 1px #c2cace;
    border-collapse: collapse;
}

.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 #c2cace;
    border-collapse: collapse;
    font-weight: normal;
    text-rendering: optimizelegibility;
    font-family: 'Roboto-Mono-Regular', monospace;
}

.cmeDataWidgetBody .cmeDataWidgetTable {
    border-top: solid 1px #c2cace;
    border-bottom: solid 1px #c2cace;
    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 tbody td {
    padding: 3px;
    font-size: 12px;
    line-height: 19px;
    text-align: center;
    max-width: 86px;
    white-space: normal;
    word-wrap: break-word;
}

.cmeDataWidgetTable div.cmeToolTip {
    display: none;
}

.cmeDataWidgetTable a:hover > div.cmeToolTip {
    display: inline;
}

.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: 40px;
    width: 40px;
    /* border: solid 2px #333; */
    position: absolute;
    top: 1px;
    left: 1px;
    /* box-shadow: 2px 2px 2px #c2cace; */
    /* 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;
}

.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: #c2cace;
    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 #c2cace;
    border-bottom: solid 1px #c2cace;
    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: #c2cace;
    stroke-width: 1px;
    opacity: 0.25 !important;
}

.cmeDataWidgetChart .cmeVolume .grid path {
    stroke-width: 0 !important;
}

.cmeDataWidgetChart .cmeVolume .domain {
    stroke-width: 0 !important;
    fill: none;
}

.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;
}

.cmeVolumeHomepage circle[stroke="#d06600"],
.cmeVolumeHomepage .legend2 > rect,
.cmeVolumeHomepage circle[fill="#d06600"] {
    stroke: #000000;
    fill: #00e473 !important;
}

.cmeDataWidgetChart .cmeVolume path {
    stroke-width: 2;
    fill: none;
    stroke: #00e473;
}

.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;
    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 #c2cace;
    box-shadow: 2px 2px 2px #c2cace;
    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: #006eb6;
}

.cmeDataWidgetChart .cmeVolume rect.clearport {
    fill: #112b4a;
}

.cmeDataWidgetChart .cmeVolume rect.openoutcry {
    fill: #3cc8ff;
}

.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 #c2cace;
    display: block;
    background: -moz-linear-gradient(top, #ffffff 0%, #c2cace 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #c2cace));
    background: -webkit-linear-gradient(top, #ffffff 0%, #c2cace 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #c2cace 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #c2cace 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #c2cace 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#c2cace', GradientType=0);
    box-shadow: 2px 2px 2px #c2cace;
    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;
    margin-bottom: 10px;
}

.cmeLeftColumnLayout > .cmeImageBanner {
    margin-top: 5px !important;
    margin-bottom: 0.625em;
}

.cmeImageBanner > .cmeImageBanner {
    margin-top: 0 !important;
}

.cmeImageBanner #prev:hover,
.cmeImageBanner #next:hover {
    text-decoration: none !important;
}

.cmeImageBanner > img {
    visibility: hidden;
    width: 100%;
    height: auto;
    min-height: 90px;
}

.cmeImageBannerFade > .cmeImageBannerItems > li {
    width: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.cmeImageBannerFade > .cmeImageBannerItems > li:first-child {
    opacity: 1;
    display: inline;
}

.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 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: 2;
}

.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: 1;
    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: #c2cace;
    border-radius: 50%;
    display: inline-block;
    height: 12px;
    width: 12px;
    font-size: 0px;
    text-decoration: none;
}

.cmeImageBannerSelect > ul > li > a > span {
    width: 100%;
}

.cmeImageBannerSelect > ul > li.active > a {
    background-color: #646464;
}

/* 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: 1;
    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%;
}

.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 #c2cace;
    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;
}

.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 #c2cace;
    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;
}

.vjs-playlist {
    min-width: auto;
    padding: 0;
}

.cmeInjectContent .modal-backdrop:not(.modal-backdrop--open) {
    display: none;
}

.cmeBrowseAllTitle {
    font-size: 1.5em !important;
}

.cmeAdvisoryTitle {
    font-size: 1.5em !important;
}

.input-group {
    position: static;
    display: block;
}

span.navbar-toggler-icon {
    display: inline;
}

p.searchOverlayText {
    font-size: 2em;
    color: white;
    margin-bottom: 20px !important;
}

.cmePageContentArea .subtitle {
    font-size: 35px;
    line-height: 130%;
    color: white;
}

#cmeQuikStrike h3 {
    font-size: 24px;
    line-height: 1.2em;
    font-weight: 500;
}

#cmeQuikStrike #firstBox h3,
#cmeQuikStrike #thirdBox h3,
#cmeQuikStrike #fifthBox h3 {
    color: #000 !important;
}

#cmePageContentArea #hero {
    z-index: auto;
}

.cmeDataMineDarker {
    color: #555 !important;
}

/* 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;
    /*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);
}

.cmeComponent a .cmeIconRotate45:before,
.cmeComponent a .cmeIconRotate90:before,
.cmeComponent a .cmeIconRotate135:before,
.cmeComponent a .cmeIconRotate180:before,
.cmeComponent a .cmeIconRotate225:before,
.cmeComponent a .cmeIconRotate270:before,
.cmeComponent a .cmeIconRotate315:before,
.cmeComponent a .cmeIconFlipHorizontal:before,
.cmeComponent 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: #006eb6;
}

.cmeIconSecondary:before {
    color: #61B1E1;
}

.cmeIconSecondaryAlternate:before {
    color: #37597C;
}

.cmeIconTertiary:before {
    color: #ff6308;
}

.cmeIconTertiaryAlternate:before {
    color: #A3D400;
}

.cmeIconNeutral:before {
    color: #c2cace;
}

.cmeIconDefaultInverted:before {
    color: #fff;
    background-color: #333333;
}

.cmeIconPrimaryInverted:before {
    color: #fff;
    background-color: #006eb6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.cmeIconSecondaryInverted:before {
    color: #fff;
    background-color: #ebf9ff;
}

.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: #c2cace;
}

/* CUSTOM ICON ALIGNMENT */
.cmeIconVerticalMiddle:before {
    vertical-align: middle;
}

/* FONT COLORS              */
.cmeColorDefault,
.cmeColorDefault .cmeTitleText {
    color: #333 !important;
}

.cmeColorDefaultAlternate,
.cmeColorDefaultAlternate .cmeTitleText {
    color: #fff !important;
}

.cmeColorPrimary,
.cmeColorPrimary .cmeTitleText {
    color: #0079C1 !important;
}

.cmeColorSecondary,
.cmeColorSecondary .cmeTitleText {
    color: #54BCEB !important;
}

.cmeColorSecondaryAlternate,
.cmeColorSecondaryAlternate .cmeTitleText {
    color: #00447C !important;
}

.cmeColorTertiary,
.cmeColorTertiary .cmeTitleText {
    color: #58595B !important;
}

.cmeColorTertiaryAlternate,
.cmeColorTertiaryAlternate .cmeTitleText {
    color: #939598 !important;
}

.cmeColorNeutral,
.cmeColorNeutral .cmeTitleText {
    color: #BCBEC0 !important;
}

.cmeColorAlert,
.cmeColorAlert .cmeTitleText {
    color: #d9534f !important;
}

.cmeColorWarning,
.cmeColorWarning .cmeTitleText {
    color: #f0ad4e !important;
}

.cmeColorSuccess,
.cmeColorSuccess .cmeTitleText {
    color: #5cb85c !important;
}

.cmeColorAG,
.cmeColorAG .cmeTitleText {
    color: #fbb040 !important;
}

.cmeColorFX,
.cmeColorFX .cmeTitleText {
    color: #9655a2 !important;
}

.cmeColorIR,
.cmeColorIR .cmeTitleText {
    color: #029a83 !important;
}

.cmeColorMT,
.cmeColorMT .cmeTitleText {
    color: #a47f24 !important;
}

/* FAUX TITLES */
.cmeSubHeading {
    color: #5a6874;
    font-size: 20px;
    font-family: "Averta-Thin", "Helvetica Neue", helvetica, arial, sans-serif;
    font-weight: 600;
}

.opera h1,
.opera h2,
.opera h3,
.opera h4,
.opera h5,
.opera h6,
.opera .cmeSectionHeading {
    font-weight: 600;
}

.cmeSectionHeading {
    color: #666;
    font-size: 24px;
    line-height: 28px;
}

#cmePageWrapper .cmeLoginTeaser .cmeLoginTeaserContainer,
.cmeSectionHeading {
    font-family: "Averta-Regular", "Helvetica Neue", helvetica, arial, sans-serif;
}

.cmeSectionSubHeading {
    font-size: 18px;
    line-height: 20px;
    font-family: "Averta-Regular", "Helvetica Neue", helvetica, arial, sans-serif;
}

.cmeSubSectionHeading {
    font-size: 16px;
    line-height: 18px;
    font-family: "Averta-Regular", "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: "Averta-Regular", "Helvetica Neue", helvetica, arial, sans-serif;
}

.cmeComponent h1 + .cmeExtendedLink {
    font-size: 28px;
    line-height: 38px;
}

.cmeComponent h2 + .cmeExtendedLink {
    font-size: 20px;
    line-height: 24px;
}

.cmeComponent h3 + .cmeExtendedLink {
    font-size: 18px;
    line-height: 22px;
}

.cmeComponent h4 + .cmeExtendedLink {
    font-size: 16px;
    line-height: 20px;
}

.cmeComponent h5 + .cmeExtendedLink {
    font-size: 14px;
    line-height: 18px;
}

.cmeComponent h6 + .cmeExtendedLink {
    font-size: 14px;
    line-height: 18px;
}

.cme-home-landing h2 + .cmeExtendedLink {
    font-size: 28px;
    line-height: 30px;
}

.cmeRightColumnLayout h2,
.cmeRightColumnLayout h2 + .cmeExtendedLink {
    font-size: 18px;
    line-height: 22px;
}

.cmeRightColumnLayout h3,
.cmeRightColumnLayout h3 + .cmeExtendedLink {
    font-size: 16px;
    line-height: 22px;
}

.cmeRightColumnLayout h3 {
    border-bottom: 1px solid #c2cace;
    margin-bottom: 1em;
    width: 100%;
    display: block;
    /* float: none !important; */
}

.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 {
    padding-bottom: 10px;
    border-bottom: 4px solid #dba628;
}

.cmeTitleSecondaryEN {
    padding-bottom: 10px;
    border-bottom: 4px solid #54bceb;
}

.cmeTitleSecondaryEQ {
    padding-bottom: 10px;
    border-bottom: 4px solid #54bceb;
}

.cmeTitleSecondaryEQAlternate {
    padding-bottom: 10px;
    border-bottom: 4px solid #00447c;
}

.cmeTitleSecondaryFX {
    padding-bottom: 10px;
    border-bottom: 4px solid #9655a2;
}

.cmeTitleSecondaryIR {
    padding-bottom: 10px;
    border-bottom: 4px solid #029a83;
}

.cmeTitleSecondaryMT {
    padding-bottom: 10px;
    border-bottom: 4px solid #939598;
}

.cmeTitleSecondaryMTAlternate {
    padding-bottom: 10px;
    border-bottom: 4px solid #a47f24;
}

.cmeTitleSecondaryOptions {
    padding-bottom: 10px;
    border-bottom: 4px solid #0079c1;
}

.cmeTitleSecondaryOTC {
    padding-bottom: 10px;
    border-bottom: 4px solid #c2cace;
}

.cmeTitleSecondaryWeather {
    padding-bottom: 10px;
    border-bottom: 4px solid #8ebe3f;
}

.cmeTitleSecondaryRealEstate {
    padding-bottom: 10px;
    border-bottom: 4px solid #bfd730;
}

.cmeTitleSecondary {
    padding-bottom: 10px;
    border-bottom: 4px solid #3cc8ff;
}

.cmeTitleSecondaryAlternate {
    padding-bottom: 10px;
    border-bottom: 4px solid #112b4a;
}

.cmeTitleSecondaryDefault {
    padding-bottom: 10px;
    border-bottom: 4px solid #006eb6;
}

.cmeTitleQuaternary {
    border-bottom: 1px solid #666;
}

.cmeImage + .section.cmeTitle {
    margin-top: 20px;
}

.cmeComponent a,
.cmeComponent a:focus,
.cmeComponent a:link,
.cmeComponent a:visited {
    color: #006EB6;
    text-decoration: none;
    outline: 0;
}

.cmeComponent a:active,
.cmeComponent p a:active,
.cmeComponent h1 a:active,
.cmeComponent h2 a:active,
.cmeComponent h3 a:active,
.cmeComponent h4 a:active,
.cmeComponent h5 a:active,
.cmeComponent h6 a:active {
    color: #1c3d73;
}

.cmeComponent p a:visited,
.cmeComponent h1 a:visited,
.cmeComponent h2 a:visited,
.cmeComponent h3 a:visited,
.cmeComponent h4 a:visited,
.cmeComponent h5 a:visited,
.cmeComponent h6 a:visited {
    color: #006EB6;
}

.cmeText a,
.cmeMediaBoxTitle a {
    word-break: break-word;
}

/* 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 */

ul.fa-ul,
.fa-ul,
.cmeText .fa-ul {
    padding-left: 8px;
    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: 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,
.cmeTable tr:hover td.statusOK {
    color: #259637;
    font-weight: bold;
}

.statusOff {
    background-color: #c6c4c4 !important;
}

.statusAlert,
.cmeTable tbody tr:hover td.statusAlert {
    color: #ff0000;
    font-weight: bold;
}

/*.cmeRemoveFromDisplay {display:none;}*/
.cmeRemoveFromDisplay {
    position: absolute;
    text-indent: -9999em;
}

.hiddenElement {
    display: none !important;
}

.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 #c2cace !important;
    background-color: #fafad2;
}

.cmeEmptyStructuralComponent {
    background-color: #EBFAFF;
    border: dashed 2px #c2cace !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 #c2cace !important;
}

.cmeEmptyContentComponent > span,
.cmeEmptyStructuralComponent > .cmeEmptyStructuralComponentText > span,
.cmeEmptyDesignComponent > .cmeEmptyDesignComponentText > span {
    color: #888;
    cursor: default;
    font-size: 16px;
}

.cmeInjectedAuthorContentComponent {
    min-height: 90px;
    border: dashed 2px #c2cace;
}

.cmeDirectionToAuthor {
    text-align: center;
    color: #c2cace;
    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 #c2cace;
    border-bottom: 1px solid #c2cace;
    padding: 2px 0;
}

.cmeGroup:after {
    content: "\002E";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* MOBILE MENU BUTTON       */
#cmeMobileMenu {
    color: #1971C4;
    cursor: pointer;
    padding: 4px 5px;
}

#cmeMobileMenu:hover {
    color: #1C3D73;
}

/* SITE SEARCH              */
.cmeSearchBoxWrapper #searchField {
    border: solid 1px #c2cace;
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
}

/* PAGE NAV-BAR   */

#cmePageNavigationBar {
    background: #eaeaea;
    border: solid 1px #c2cace;
    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 #c2cace #c2cace;
    border-image: none;
    border-right: 1px solid #c2cace;
    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               */

div.cmeAlertMessage {
    padding: 20px 15px;
    /* box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); */
    color: #000;
    font-size: 16px;
}

div.cmeAlertMessage li,
.cmeAlertMessage p {
    line-height: 18px;
}

div.cmeStandardAlertPrimaryMessage {
    background: #EBF9FF;
}

div.cmeStandardAlertSecondaryMessage {
    background: #f1f5f7;
}

div.cmeStandardAlertMessage {
    background: #ebf9ff;
}

div.cmeNonSeriousAlertMessage {
    background: #feffe8;
}

div.cmeSeriousAlertMessage {
    background: #FFE2E4;
}

div.cmeGCCSeriousAlertMessage {
    background: #FFE2E4;
}

div.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;
}

.cmeAlertBox a {
    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: inherit;
}

.cme-primary-landing .cq-wcm-edit .cmePromoBodyContent {
    z-index: 0;
}

/* 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;
}

.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;
}

.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: #112b4a;
    color: #FFF;
    font-size: 15px;
    line-height: 1.3em;
}

.cmeArticleInformationRight {
    background-color: #16202A;
    color: #FFF;
    font-size: 15px;
    line-height: 1.3em;
}

.cmePageContentArea .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,
.cmeText ol,
.cmeArticle ol {
    list-style-type: disc;
    list-style-position: outside;
    margin: 0.625em 0em 0em 2em;
}

.cmeText ol,
.cmeArticle ol {
    list-style-type: decimal;
}

.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: #5a6874;
    text-decoration: none !important;
    font-family: "Averta-Semibold", "Helvetica Neue", arial, sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
}

.cmeTabs .cmeTabsNavigation li a:hover {
    color: #16202A;
}

.cmeTabsNavigation li {
    font-size: 16px;
    border-collapse: collapse;
    text-align: center;
    vertical-align: middle;
    background: white;
    border: 0;
    border-bottom: 4px solid #ebedee;
    border-radius: 0;
}

.cmeTabsNavigation li.cmeTabSelected {
    background: #fff;
    border-bottom: 4px solid #357cc7;
    margin-bottom: -4px;
    position: relative;
}

.cmeTabsNavigation li.cmeTabSelected a {
    color: #242424;
    font-weight: normal;
}

.cmeTabsNavigation li:hover {
    /* background-color: #efefef; */
    /* border-bottom: solid 4px #c2cace; */
    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 #c2cace;
}

/* CME TABS SUB NAVIGATION */

.cmeSubNavigation {
    font-size: 16px;
    /* border-bottom: 4px solid #e3e3e3; */
    background: #fff;
    padding: 5px 0;
}

/* SUB NAVIGATION TOGGLES        */

.cmeToggleControl {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 1px #c2cace;
    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 */
#productTabs .cmeTabPanel {
    border: 0px;
    border-top: 0;
}

/* STOPGAP PRODUCT NAV */
#productTabs {
    margin-bottom: 30px;
}

@media (min-width: 769px) {
    #productTabs {
        margin-bottom: 60px;
    }
}

#productTabs .cmeTabsSystem {
    margin-bottom: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0px 6px 4px -4px rgba(60, 64, 67, 0.3);
    padding-left: 4px;
    margin-left: -4px;
    padding-right: 4px;
    margin-right: -4px;
}

#productTabs .cmeTabsSystem li {
    border: none;
    display: block;
    margin-bottom: 0;
    padding: 28px 0;
}

#productTabs .cmeTabsSystem li.cmeTabSelected {
    border-bottom: 4px solid #006eb6;
    padding-bottom: 24px;
}

#productTabs .cmeTabsSystem li a {
    padding: 0;
}

.cmeProduct #productTabs .cmeSelectFieldWrapper {
    margin-top: 30px;
}

.cmeProduct #productTabs .cmeSelectFieldWrapper .cmeJumpMenu {
    padding-left: 10px;
}

.cmeTabPanel {
    /* border: 4px solid #c2cace; */
    border-top: 0;
    padding: 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;
    page-break-inside: avoid;
    break-inside: avoid-column;
    /*display:table;*/
    column-fill: balance;
}

/* IOS SWITCH                */
.cmeUpdateControl {
    float: right;
    text-transform: uppercase;
}

.cmeUpdateControl li {
    float: right;
}

input[type="checkbox"].cmeIOSSwitch {
    position: absolute;
    opacity: 0;
}

input[type="checkbox"].cmeIOSSwitch + div {
    background: #ebedee;
    display: inline-block;
    vertical-align: middle;
    width: 3em;
    height: 1.08em;
    border: 1px solid rgba(0, 0, 0, .3);
    border-radius: 999px;
    margin: 0 0.1em;
    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;
    font-size: 20px;
    margin-top: -5px;
}

input[type="checkbox"].cmeIOSSwitch:checked + div {
    background: #3cc8ff;
    padding-left: 2em;
    width: 1em;
    background-position: 0 0;
}

input[type="checkbox"].cmeIOSSwitch + div:before {
    content: "On";
    float: left;
    width: 1.64em;
    height: 1.64em;
    margin: 0;
    border: 1px solid #c2cace;
    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, .4);
    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 */

.cmeTable td,
.cmeTable th {
    vertical-align: middle;
    text-align: center;
    line-height: 1.4;
    font-size: 12px;
    padding: 10px 5px;
}

.productTemplate .cmeTable tbody td,
.productTemplate .cmeTable tbody th {
    font-family: Roboto-Mono-Regular, monospace;
    font-size: 12px;
    padding: 10px 5px;
}

/* TABLE STYLES */
.cmeResultsTable,
.cmeResultsTable tbody,
.cmeResultsTable thead,
.cmeDataTableAdvanced,
.cmeDataTableAdvanced tbody,
.cmeDataTableAdvanced thead,
.cmeDataTable,
.cmeDataTable thead,
.cmeDataTable tbody,
.cmeDelayedQuotesTable,
.cmeDelayedQuotesTable thead,
.cmeDelayedQuotesTable tbody,
.cmeContentTableAdvanced,
.cmeContentTableAdvanced thead,
.cmeContentTableAdvanced tbody,
.cmeContentTable,
.cmeContentTable thead,
.cmeContentTable tbody {
    font-size: 12px;
}

.cmeSpecTable,
.cmeSpecTable tbody,
.cmeSpecTable thead {
    font-size: 14px;
}

.cmeResultsTable,
.cmeDataTableAdvanced,
.cmeDataTable,
.cmeDelayedQuotesTable,
.cmeContentTableAdvanced,
.cmeContentTable,
.cmeSpecTable,
.cmeEconomyFeed table {
    border-collapse: collapse;
    min-width: 100%;
}

.cmeDelayedQuotesTable {
    font-family: 'Roboto-Mono-Regular', monospace;
    font-size: 12px;
}

#cmePageWrapper .cmeRedSkyAlertDetailForLoginTeaserBody table.redSkyTable thead th {
    color: white;
    background-color: #112b4a;
    padding: 10px;
    border: 1px solid #c2cace;
    text-align: center;
}

#cmePageWrapper .cmeRedSkyAlertDetailForLoginTeaserBody table.redSkyTable tbody th,
#cmePageWrapper .cmeRedSkyAlertDetailForLoginTeaserBody table.redSkyTable tbody td {
    border: 1px solid #c2cace;
    color: #5a6874;
    font-family: Roboto-Mono-Regular, monospace;
}

.cmeTable thead th,
.cmeResultsTable th,
.cmeDataTableAdvanced th,
.cmeDataTable th,
.cmeDelayedQuotesTable th,
.cmeContentTableAdvanced th,
.cmeContentTableAdvanced th,
.cmeContentTable th,
.cmeSpecTable th,
#cmePageWrapper .cme-dynamic-circuit-breakers div.cme-dynamic-circuit-breakers-table-wrapper table.cme-dynamic-circuit-breakers-main-table thead tr th,
.htTableHeader,
.htColHeader {
    font-family: "Averta-Semibold", "Helvetica Neue", arial, sans-serif;
    background-color: #112b4a;
    color: #fff;
    font-weight: bold;
    vertical-align: middle;
    padding: 10px 5px;
    font-size: 10px;
    text-transform: uppercase;
    text-align: center;
    line-height: 14px;
}

td.prodSpecAtribute,
.cmeText .cmeSpecTable .prodSpecAttribute {
    font-family: "Averta-Semibold", "Helvetica Neue", arial, sans-serif;
    background-color: #112b4a;
    color: #fff;
    font-weight: bold;
    vertical-align: middle;
    min-width: 200px;
    font-size: 11px;
    text-transform: uppercase;
    text-align: center;
    line-height: 18px;
}

.cmeTable thead th a,
.prodSpecAttribute a {
    color: #3cc8ff;
}

.cmeRedSkyAlertDetailForLoginTeaserBody .redSkyFirstHistorical {
    border-color: #112b4a !important;
}

#cmePageWrapper .cmeRedSkyAlertDetailForLoginTeaserBody table.redSkyTable tbody tr:hover td,
#cmePageWrapper .cmeRedSkyAlertDetailForLoginTeaserBody table.redSkyTable tbody tr:hover th,
.cmeResultsTable tr:hover td,
.cmeDataTableAdvanced tr:hover td,
.cmeDelayedQuotesTable tr:hover td,
.cmeContentTableAdvanced tr:hover td,
.cmeContentTableAdvanced tr:hover td,
.cmeResultsTable tbody tr:hover th,
.cmeDataTableAdvanced tbody tr:hover th,
.cmeDelayedQuotesTable tbody tr:hover th,
.cmeContentTableAdvanced tbody tr:hover th,
.cmeContentTableAdvanced tbody tr:hover th,
#cmePageWrapper .cme-dynamic-circuit-breakers div.cme-dynamic-circuit-breakers-table-wrapper table.cme-dynamic-circuit-breakers-main-table tbody tr.even:hover,
#cmePageWrapper .cme-dynamic-circuit-breakers div.cme-dynamic-circuit-breakers-table-wrapper table.cme-dynamic-circuit-breakers-main-table tbody tr.odd:hover {
    background-color: #ebedee;
    color: #5a6874;
}

.cmeResultsTable th a,
.cmeDataTableAdvanced th a,
.cmeDataTable th a,
.cmeDelayedQuotesTable th a,
.cmeContentTableAdvanced th a,
.cmeContentTable th a,
cmeTable th a {
    color: #fff;
    text-decoration: underline;
}

.cmeResultsTable th a:hover,
.cmeDataTableAdvanced th a:hover,
.cmeDataTable th a:hover,
.cmeDelayedQuotesTable th a:hover,
.cmeContentTableAdvanced th a:hover,
.cmeContentTable th a:hover {
    color: #3cc8ff;
}

.cmeTableFoot {
    background: #fff;
}

/* Row Striping         */
#cmePageWrapper .redSkyDailyTable tbody tr:nth-child(odd) td:not(.-highlight),
#cmePageWrapper .redSkyHourlyTable tbody tr:nth-child(odd) td:not(.-highlight),
#cmePageWrapper .redSkyHourlyTable tbody tr:nth-child(odd) th,
#cmePageWrapper .redSkyDailyTable tbody tr:nth-child(odd) th,
.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,
#cmePageWrapper .cme-dynamic-circuit-breakers div.cme-dynamic-circuit-breakers-table-wrapper table.cme-dynamic-circuit-breakers-main-table tbody tr.odd,
.htTable tr:nth-child(even),
.economyFeedTemplate .cmePageContentArea table tr:nth-child(even) {
    background-color: #F1F5F7;
}

#cmePageWrapper .cmeRedSkyAlertDetailForLoginTeaserBody table.redSkyTable tbody .redSkyFirstHistorical th {
    border: none !important;
    background: white !important;
    font-family: Averta-Semibold, Helvetica, sans-serif;
    color: #081d37;
    font-size: 16px;
    padding-top: 30px;
}

.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 #c2cace;
    border-bottom: solid 1px #c2cace;
}

.cmeTableFooterWrapper .cmeTable,
.cmeTableFooterWrapper .cmeTable tfoot tr td {
    border-top: none;
}

.cmeMargins #quotesProductPanel {
    border-top: 1px solid #c2cace;
}

/*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%;
}

.cmeComponent table .cmeHeaderSecondary,
.cmeComponent table .cmeHeaderTertiary,
.cmeComponent table .cmeHeaderQuaternary,
.cmeComponent table .cmeHeaderQuinary {
    font-weight: bold;
    color: white;
    font-size: 14px !important;
}

.cmeComponent table .cmeHeaderSecondary {
    background: #00447C !important;
}

.cmeComponent table .cmeHeaderTertiary {
    background: #0079C1 !important;
}

.cmeComponent table .cmeHeaderQuaternary {
    background: #58595B !important;
}

.cmeComponent 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: #f1f5f7;
}

.cmeTableRowHighlight th,
.cmeTableRowHighlight td {
    background-color: #ebedee !important;
}

/* For find a broker/provider, when nth child isnt supported */
#cmeSearchFilterResults .cmeRowBandingOn {
    background-color: #fff;
}

#cmeSearchFilterResults .cmeRowBandingOff {
    background-color: #f1f5f7;
}

.cmeTableMessaging {
    border: solid 1px #c2cace;
    background-color: #efefef;
}

.cmeFilterWrapper {
    border: solid 1px #c2cace;
    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 !important;
    display: block;
    padding-right: 4px;
    display: inline;
}

.cmeTableSorting thead tr th .cmeTableSortingCell a:hover,
.cmeTableSorting thead tr th .cmeTableSortingCell:hover:after {
    color: #3cc8ff !important;
}

.cmeTableSorting thead tr th .cmeTableSortingCell.cmeSortActive a {
    color: #3cc8ff !important;
}

.cmeTableSorting .cmeTableSortingCell:after {
    content: '\e8fe';
    display: inline;
    position: relative;
    font-size: 11px;
    /* bottom: 2px; */
    right: 0;
    /* background: url("cmegroupClientLibs/css/cmegroupClientLibs/images/cmegroup-icon-set.png") no-repeat scroll -2px -470px transparent; */
    /* width: 10px; */
    /* height: 6px; */
    font-family: cmeIcons;
}

.cmeTableSorting thead tr th .cmeTableSortingCell.cmeSortasc:after {
    content: '\e900';
}

.cmeTableSorting thead tr th .cmeTableSortingCell.cmeSortActive.cmeSortdesc:after {
    content: '\e8ff';
    color: #3cc8ff;
}

.cmeTableSorting thead tr th .cmeTableSortingCell.cmeSortActive.cmeSortasc:after {
    content: '\e900';
    color: #3cc8ff;
}

/* DATATABLES STYLING AND  FUNCTIONALITY */
.cmeInteractiveTable .odd {
    background: #f6f6f6;
}

.cmeInteractiveTable .even {
    background: #fff;
}

.dataTables_filter label:after {
    content: "\e801";
    font-family: 'cmeIcons';
    color: #c2cace;
    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 #c2cace;
    border-left: none;
    color: #1971c4;
    background: #fff;
    cursor: pointer;
    line-height: 20px;
}

.dataTables_paginate .ellipsis {
    border: solid 1px #c2cace;
    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 #c2cace;
    -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: #c2cace;
    cursor: auto;
}

.cmeInteractiveTable .sorting_desc,
.cmeInteractiveTable .sorting_asc,
.cmeInteractiveTable .sorting {
    cursor: pointer;
}

.cmeDataTableAdvanced .sorting_desc,
.cmeDataTableAdvanced .sorting_asc,
.cmeContentTableAdvanced .sorting_desc,
.cmeContentTableAdvanced .sorting_asc {
    color: #e3e935;
}

.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 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 #c2cace;
}

.cmeSpecTableNested tr *:first-child {
    border-right: solid 1px #c2cace;
}

/* CME OPTIONS TABLE */
.cmeOptionsTable {
    border: none;
}

.cmeOptionsTable thead th.cmeStrikePrice {
    background-image: none;
    background-color: #112b4a;
    border: none;
    border-top: 1px solid #c2cace;
    border-bottom: 1px solid #c2cace;
}

.cmeOptionsTable tbody th[scope=row] {
    color: #fff;
    background-color: #112b4a;
    border: none;
    border-top: 1px solid #c2cace;
}

.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 #c2cace;
    border-top: 1px solid #c2cace;
    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 #c2cace;
}

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: #f1f5f7;
    /* -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 {
    margin: -1px 5px 0 0;
    content: '\e81f';
    float: left;
    font-family: 'cmeIcons';
    font-size: 18px;
}

.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;
}

.cmeInlineButtonLinkIcon.cmeOptionsButtonLinkIcon:before,
.cmeOptionsListIcon span:before {
    line-height: 20px;
    background: #006eb6;
    content: 'OPT';
    padding: 1px 4px;
    color: white;
    border-radius: 3px;
    text-align: center;
    display: inline-block;
    margin: 0 1px;
    position: relative;
    font-family: "Averta-Semibold", "Helvetica Neue", arial, sans-serif;
    font-size: 10px;
}

.cmeInlineButtonLinkIcon.cmeOptionsButtonLinkIcon:hover:before {
    background: #3CC8FF;
    color: #112b4a;
}

.cmePriceChartImageIcon {
    display: block;
    text-align: center;
}

.cmePriceChartImageIcon span:before,
.cmePriceChartListIcon span:before {
    margin: 0;
    content: '\e84e';
    background: none;
    display: inline-block;
    font-family: "cmeIcons";
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    color: #006eb6;
    float: none;
    visibility: visible;
}

.cmeIconListItem.cmePriceChartImageIcon > span {
    height: 19px;
    width: 19px;
    font-size: 0px;
}

/* LISTS                  */

.cmeLinkList li {
    vertical-align: top;
}

.cmeLinkList li:before {
    content: "\007C";
    padding: 0 0.625em 0 0;
}

.cmeLinkList li:first-child:before {
    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: 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;
    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 {
    margin-left: 0px !important;
    border-style: solid;
    border-width: 0px 1px 1px 1px;
    border-color: #c2cace;
    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: 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;
}

.productTemplate .cmeSupportingMetaInformation,
.productTemplate #quotesoptionsform1 > .cmeFormFields > div {
    font-size: 12px;
    padding: 20px;
    background: #feffe8;
    box-sizing: border-box;
    margin-top: 1em;
}

.productTemplate #quotesoptionsform1 > .cmeFormFields > div > br {
    display: none
}

.productTemplate #quotesoptionsform1 > .cmeFormFields > div > p {
    font-size: 16px;
    line-height: 21px;
    color: #5a6874;
}

.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 li {
    width: 100%;
}

/* 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 > a {
    vertical-align: middle;
}

.cmeOptionsAssetClass {
    margin: 0;
}

.cmeProductList > .cmeAssetClass:before {
    background-image: url(cmegroupClientLibs/images/asset-class-icons.png);
    position: relative;
    /*top:0.188em;*/
    margin: 0 0.313em 0 0;
    content: "\00a0";
    display: inline-block;
    vertical-align: middle;
    width: 28px;
    height: 30px;
}

.cmeAgriculturalAssetClass:before {
    background-position: -3px 0;
}

.cmeEnergyAssetClass:before {
    background-position: -31px -1px;
}

.cmeEquityIndexAssetClass:before {
    background-position: -60px -2px;
}

.cmeFXAssetClass:before {
    background-position: -2px -34px;
}

.cmeInterestRatesAssetClass:before {
    background-position: 0 -64px;
}

.cmeMetalsAssetClass:before {
    background-position: -61px -34px;
}

.cmeOptionsAssetClass:before {
    background-position: -31px -34px;
}

.cmeOTCAssetClass:before {
    background-position: -1px -94px;
    height: 34px !important;
}

.cmeRealEstateAssetClass:before {
    background-position: -30px -64px;
}

.cmeWeatherAssetClass:before {
    background-position: -61px -65px;
}

/* 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%);
    display: none;
}

.cmeImageBannerOverlay {
    background-color: rgba(0, 0, 0, 0.7);
}

@media (max-width: 980px) {
    .cmeImageBannerOverlay {
        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 #c2cace;
    /* background: #f1f5f7; */
    /* margin-bottom: 1em; */
}

.cmeRightColumnLayout .cmeSharedRightNav.section,
.cmeRightColumnLayout .cmeSharedRightNav.section,
.cmeRightColumnLayout .section.cmeStandardDesignBox {
    padding: 0;
    border: none;
}

.cmeRightColumnLayout .section.cmeStandardDesignBox .section {
    border: none;
    padding: 0
}

/* RELATED ITEMS - RIGHT RAIL 5.0 COMPONENTS   */

.cmeRightColumnLayout .cmeRelatedContent {
    padding: 10px;
    border: solid 1px #c2cace;
}

/* FEATURED INFORMATION - RIGHT RAIL COMPONENTS  */

.cmeRightColumnLayout .cmeFeaturedInformation {
    padding: 10px;
    border: solid 1px #c2cace;
}

/* STATIC MEDIA BOX - RIGHT RAIL COMPONENTS      */

.cmeRightColumnLayout .cmeMediaBoxTitle h3 {
    padding: 0;
}

.cmeRightColumnLayout .cmeStaticMediaBox {
    padding: 10px;
    border: solid 1px #c2cace;
}

.cmeRightColumnLayout .cmeMediaBoxContent {
    color: #9c9c9c;
}

.cmeRightColumnLayout .cmeMediaBoxDate {
    color: #c2cace;
}

/* 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;
}

.cmeRightColumnLayout .cmeButton {
    width: 100%;
    max-width: 300px;
}

/* IMAGE - RIGHT RAIL COMPONENTS                  */

.cmeRightColumnLayout .cmeImage.section {
    padding: 0;
    border: none;
}

@media screen and (min-width: 768px) {
    .cmeRightColumnLayout .cmeImage.section img {
        padding: 0;
        border: none;
        max-width: 100%;
        width: 100%;
    }
}

/* DYNAMIC LIST - RIGHT RAIL COMPONENTS          */

.cmeRightColumnLayout .cmeDynamicList {
    padding: 10px;
    border: solid 1px #c2cace;
}

/* TEXT COMPONENT - RIGHT RAIL COMPONENTS        */

.cmeRightColumnLayout .cmeText {
    padding: 10px;
    border: solid 1px #c2cace;
    box-sizing: border-box;
}

/* SHARED TREATMENT - RIGHT RAIL - PRIMARY LANDING TEMPLATE */

.cme-primary-landing .cmeRightColumnLayout {
    background-color: #fff;
}

/* CME PROGRESS SPINNER      */
.cmeProgressPanel {
    width: 100%;
    text-align: center;
    font-size: 15px;
    /* display: block; */
}

.cmeEventWidget .spinnerWrapper .cmeProgressPanel {
    margin-left: 0 !important;
}

.cmeProgressPanel:before {
    /* background: #fff url("cmegroupClientLibs/images/ajax-loader.gif") no-repeat 10px 10px; */
    font-family: cmeIcons, Averta-Regular, sans-serif;
    content: '\e8e1';
    display: inline-block;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
    font-size: 20px;
    margin-right: 10px;
}

.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-wrap figure {
    margin: 1em 40px;
}

.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: #c2cace;
    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;
}

.cmeButton {
    border: none;
    box-sizing: border-box;
    outline: none;
    border-radius: 4px;
    cursor: pointer;
    -ms-word-break: normal;
    word-break: normal;
    white-space: normal;
    word-wrap: normal;
    -webkit-appearance: none;
    transition: all 0.25s ease;
    font-weight: bold;
    font-family: "Averta-Bold", "Helvetica Neue", arial, sans-serif;
    font-size: 12px;
    letter-spacing: 1.5px;
    text-align: center;
    position: relative;
    display: block;
    padding: 10px 22px;
    max-width: 300px;
    text-transform: uppercase;
    line-height: 14px;
}

#cmeDSSFWrapper .cmeButton.cmeButtonSecondary.cmeSearchFilterReset {
    padding: 5px 10px;
}

.cmeButtonPrimary,
.cmeButtonDownload {
    color: #FFFFFF !important;
    background-color: #006EB6;
}

.cmeButton:hover {
    background: #3CC8FF;
    color: black !important;
    transition: all 0.25s;
    text-decoration: none !important;
}

.cmeButtonSecondary {
    color: #000 !important;
    border: 2px solid #3CC8FF;
}

.cmeStandardAlertPrimaryMessage .cmeButtonSecondary {
    color: #000 !important;
    background: #70a1c2;
}

.cmeStandardAlertPrimaryMessage .cmeButtonSecondary:hover,
.cmeStandardAlertPrimaryMessage .cmeButtonSecondary:focus,
.cmeStandardAlertPrimaryMessage .cmeButtonSecondary:active {
    color: #000 !important;
    background: #5a819b;
}

.cmeStandardAlertSecondaryMessage .cmeButtonSecondary {
    color: #000 !important;
    background: #aaa;
}

.cmeStandardAlertSecondaryMessage .cmeButtonSecondary:hover,
.cmeStandardAlertSecondaryMessage .cmeButtonSecondary:focus,
.cmeStandardAlertSecondaryMessage .cmeButtonSecondary:active {
    color: #000 !important;
    background: #888;
}

.cmeNonSeriousAlertMessage .cmeButtonSecondary {
    color: #000 !important;
    background: #feffe8;
}

.cmeNonSeriousAlertMessage .cmeButtonSecondary:hover,
.cmeNonSeriousAlertMessage .cmeButtonSecondary:focus,
.cmeNonSeriousAlertMessage .cmeButtonSecondary:active {
    color: #000 !important;
    background: #e3e935;
}

.cmeSeriousAlertMessage .cmeButtonSecondary {
    color: #000 !important;
    background: #c5564a;
}

.cmeSeriousAlertMessage .cmeButtonSecondary:hover,
.cmeSeriousAlertMessage .cmeButtonSecondary:focus,
.cmeSeriousAlertMessage .cmeButtonSecondary:active {
    color: #000 !important;
    background: #9e453b;
}

.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:before {
    display: inline-block;
    font-family: "cmeIcons";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    /* 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;
    content: '\e837';
}

.cmeButtonDownloadPDF:before {
    content: '\e8b5';
}

.cmeButtonDownloadExcel:before {
    content: '\e8b8'
}

.cmeButtonDownloadDocument:before {
    content: '\e8b0';
}

.cmeButtonDownloadPowerpoint:before {
    content: '\e8b9';
}

.cmeButtonDownloadHTML:before {
    content: '\e8b0';
}

.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      */
.cmeComponent .cmeDivider {
    border: none;
}

.cmeComponent .cmePrimaryDivider {
    color: #c2cace;
    background-color: #c2cace;
}

.cmeComponent .cmeSecondaryDivider {
    color: #ebedee;
    background-color: #ebedee;
}

.cmeComponent .cmeDivider.cmeColorPrimary {
    color: #006eb6;
    background-color: #006eb6;
}

.cmeComponent .cmeDivider.cmeColorSecondary {
    color: #3cc8ff;
    background-color: #3cc8ff;
}

.cmeComponent .cmeDivider.cmeColorDefaultAlternate {
    color: #fff;
    background-color: #fff;
}

/* 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 rect[fill="#0575b9"] {
    fill: #006eb6;
}

.cmeVOIChartComponent rect[fill="#fb0c0c"] {
    fill: #3cc8ff;
}

.cmeVOIChartComponent text {
    fill: #5a6874;
    font-family: "Averta-Regular", "Helvetica-Neue", helvetica, arial, sans-serif;
}

.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 #c2cace;
    border-bottom: solid 1px #c2cace;
}

.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: 1;
}

.cmeSelectFieldWrapper select::-ms-expand {
    display: none;
}

.cmeSelectFieldWrapper {
    width: 300px;
    max-width: 300px;
    height: 34px;
    overflow: hidden;
    border: 1px solid #c2cace;
    -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;
    display: inline;
    color: inherit;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    position: absolute;
    bottom: 5px;
    right: 5px;
}

.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: left;
}

/* 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: auto;
    z-index: 4000;
    transition-property: all !important;
}

body.overlay-visible #at4-share,
body.modal-open #at4-share {
    opacity: 0;
    pointer-events: none;
    /* Fix for the overlap issue in IE 11 */
    position: relative; 
}

@media screen and (min-width: 993px) {
    .addthis-smartlayers-mobile {
        display: none;
    }
}

body.overlay-visible #at-share-dock,
body.modal-open #at-share-dock {
    display: none;
}

.at-share-open-control-left,
.at-share-close-control,
.at4-arrow at-left {
    display: none !important;
}

/* FEATURED PAGE LINK */

.cmeFeaturedLink a {
    z-index: 1;
    text-indent: -9999em;
    overflow: hidden;
}

.cmeOverlayText {
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    transition: background 0.25s;
}

.cmeFeaturedPageLink:hover .cmeOverlayText {
    background: black;
}

.cmeOverlayText span {
    line-height: 120%;
    font-size: 15px;
}

.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 #c2cace;
    -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: 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 ul,
#cmePageFooterContainer ol {
    padding: 0;
    list-style-type: none;
}

#cmePageFooterContainer > ul > li {
    padding-left: 20px;
    padding-right: 20px;
}

/* EDITABLE FOOTER         */

#cmePineappleFooterContainer .cmeFooterRow {
    border-top: solid 1px #c2cace;
}

#cmePineappleFooterContainer .cmeFooterRow:first-child {
    border-top: none;
}

#cmePineappleFooterContainer label,
#cmePineappleFooterContainer input,
#cmePineappleFooterContainer button,
#cmePineappleFooterContainer select,
#cmePineappleFooterContainer textarea {
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
}

#cmePineappleFooterContainer select,
#cmePineappleFooterContainer textarea,
#cmePineappleFooterContainer input[type="text"],
#cmePineappleFooterContainer input[type="password"],
#cmePineappleFooterContainer input[type="datetime"],
#cmePineappleFooterContainer input[type="datetime-local"],
#cmePineappleFooterContainer input[type="date"],
#cmePineappleFooterContainer input[type="month"],
#cmePineappleFooterContainer input[type="time"],
#cmePineappleFooterContainer input[type="week"],
#cmePineappleFooterContainer input[type="number"],
#cmePineappleFooterContainer input[type="email"],
#cmePineappleFooterContainer input[type="url"],
#cmePineappleFooterContainer input[type="search"],
#cmePineappleFooterContainer input[type="tel"],
#cmePineappleFooterContainer input[type="color"],
#cmePineappleFooterContainer .uneditable-input {
    font-size: 14px;
    line-height: 20px;
    color: #555;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    vertical-align: middle;
}

#cmePineappleFooterContainer textarea,
#cmePineappleFooterContainer input[type="text"],
#cmePineappleFooterContainer input[type="password"],
#cmePineappleFooterContainer input[type="datetime"],
#cmePineappleFooterContainer input[type="datetime-local"],
#cmePineappleFooterContainer input[type="date"],
#cmePineappleFooterContainer input[type="month"],
#cmePineappleFooterContainer input[type="time"],
#cmePineappleFooterContainer input[type="week"],
#cmePineappleFooterContainer input[type="number"],
#cmePineappleFooterContainer input[type="email"],
#cmePineappleFooterContainer input[type="url"],
#cmePineappleFooterContainer input[type="search"],
#cmePineappleFooterContainer input[type="tel"],
#cmePineappleFooterContainer input[type="color"],
#cmePineappleFooterContainer .uneditable-input {
    background-color: #fff;
    border: 1px solid #c2cace;
    -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;
}

#cmePineappleFooterContainer textarea:focus,
#cmePineappleFooterContainer input[type="text"]:focus,
#cmePineappleFooterContainer input[type="password"]:focus,
#cmePineappleFooterContainer input[type="datetime"]:focus,
#cmePineappleFooterContainer input[type="datetime-local"]:focus,
#cmePineappleFooterContainer input[type="date"]:focus,
#cmePineappleFooterContainer input[type="month"]:focus,
#cmePineappleFooterContainer input[type="time"]:focus,
#cmePineappleFooterContainer input[type="week"]:focus,
#cmePineappleFooterContainer input[type="number"]:focus,
#cmePineappleFooterContainer input[type="email"]:focus,
#cmePineappleFooterContainer input[type="url"]:focus,
#cmePineappleFooterContainer input[type="search"]:focus,
#cmePineappleFooterContainer input[type="tel"]:focus,
#cmePineappleFooterContainer input[type="color"]:focus,
#cmePineappleFooterContainer .uneditable-input:focus {
    border-color: rgba(82, 168, 236, 0.8);
    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);
}

#cmePineappleFooterContainer {
    background-color: #efefef;
    color: #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: #112b4a;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.cmeTitleBgBlack a {
    color: #3cc8ff
}

.cmeTitleBgWhite {
    background: #fff;
}

.cmeTitleBgGrey {
    background: #ebedee;
    -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.cmeCryptocurrencies .cmeTitleText:before {
    background: transparent url("cmegroupClientLibs/images/cmegroup-icon-set.png") no-repeat -150px -1119px;
}

.cmeTitleIcon.cmeCryptocurrencies.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: "Averta-Regular", "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: 34px;
}

.cme-home-landing .cmeTitleLink h2 + a span {
    font-size: 28px;
    line-height: 30px;
}

/* DESIGN BOXES          */
/* EXISTING Design Boxes - Regular unstyled stackable box */
div.cmeBox {
    /* Regular unstyled stackable box */
    border: 2px solid #c2cace;
    background-color: white;
    box-shadow: none;
}

div.cmeBoxBorderLightBlue,
div.cmeBoxBorderBlue {
    border: 2px solid #006eb6;
    background: white;
    box-shadow: none;
}

div.cmeBoxBlueShort {
    background: #112b4a;
    border: 0px solid #000;
}

div.cmeBoxBlueFlat {
    background: #ebf9ff;
    border: none;
}

div.cmeBoxBlue {
    background: #ebf9ff;
    border: none;
}

.cmeBoxBlueShort p,
.cmeBoxBlueShort li,
.cmeBoxBlueShort h1,
.cmeBoxBlueShort h2,
.cmeBoxBlueShort h3,
.cmeBoxBlueShort h4,
.cmeBoxBlueShort h5 {
    color: white;
}

.cmeBoxBlueShort a,
.cmeBoxBlueShort a:visited,
.cmeBoxBlueShort a:hover {
    color: #3cc8ff;
}

div.cmeBoxGrayNoBorder,
div.cmeBoxGrayFlat,
div.cmeBoxGray {
    background: #f1f5f7;
    border: none;
    box-shadow: none;
}

div.cmeBoxGray {
    border: 1px solid #c2cace;
}

/* 5.0 design box */
.cmeBoxContent {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 3px solid #c2cace;
    max-width: 100%;
}

.cmeBoxContent:before {
    content: "";
    float: left;
}

div.cmeBoxWhiteBlueSidebar {
    background: #fff;
    border: 1px solid #006eb6;
    box-shadow: none;
}

div.cmeBoxWhiteBlueSidebar:before {
    background: #006eb6;
    width: 6px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

div.cmeBoxGraySidebar {
    background: #f1f5f7;
    border: 1px solid #5a6874;
    box-shadow: none;
}

div.cmeBoxGraySidebar:before {
    background: #5a6874;
    width: 6px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

div.cmeBoxOrangeSidebar {
    background: #ffeed1;
    border: 1px solid #f39b00;
    box-shadow: none;
}

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 #c2cace;
}

.cmeBorderLeft {
    border-left: 1px solid #c2cace;
}

.cmeBorderRight {
    border-right: 1px solid #c2cace;
}

.cmeBorderTop {
    border-top: 1px solid #c2cace;
}

.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("../../../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("//www.cmegroup.com/images/bucketGradient-bg.png") top repeat-x #efefef;
    padding: 7px 10px;
}

/* Billboard Styles */
.cmeBillboardBox {
    background: #efefef url("../../../content/dam/cmegroup/product-highlights-gray-bg.png") repeat-x left top;
    border: 1px solid #c2cace;
    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: #c2cace;
    font-style: italic;
    float: left;
    border: solid 1px #c2cace;
    -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: #f1f5f7 !important;
    padding: 10px;
    position: relative;
}

#cmeSearchFilterTitle,
#cmeSearchFilterSearch,
#cmeSearchFilterSort {
    margin-bottom: 20px;
}

#cmeSearchFilterTitle h3 {
    float: left;
    margin: 0px;
    font-size: 17.5px !important;
}

#cmeSearchFilterTitle .cmeSearchFilterReset {
    float: right;
}

#cmeSearchFilterControls.hidden {
    display: none;
}

#cmeSearchFilterSearchSort h4 {
    display: none;
}

.cmeSearchFilterCancel {
    display: none;
}

a.cmeSearchFilterReset {
    line-height: 23px !important;
    color: #000000;
}

#cmeSearchFilterSort h4 {
    margin-bottom: 5px;
    font-size: 13px;
}

#btnSearchFilterConfirmTop {
    display: none;
}

#btnSearchFilterConfirmBottom {
    float: right;
    margin-bottom: 10px;
}

#btnSearchFilterButton {
    display: none;
}

#cmeSearchFilters h4 {
    color: #333333;
    border-bottom: solid 1px #c2cace;
    margin-bottom: 5px;
    padding: 7px 0px 7px 2px;
    cursor: pointer;
    font-family: inherit !important;
}

/* #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 #c2cace;
    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: #c2cace;
    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: 5px;
}

#cmeSearchFilterBreadcrumbs {
    clear: both;
    background: #f1f5f7;
    overflow: hidden;
    margin-bottom: 5px;
    margin-top: 20px;
}

#cmeSearchFilterBreadcrumbs > li {
    float: left;
    padding: 12px 40px 12px 15px;
}

#cmeSearchFilterBreadcrumbs > li.active {
    padding-right: 50px;
    padding-left: 40px;
    background: #006eb6;
    padding: 0px !important;
    position: relative;
}

#cmeSearchFilterBreadcrumbs > li.active > a {
    color: #FFFFFF;
    display: block;
    padding: 12px 20px !important;
}

#cmeSearchFilterDetailResult {
    overflow: hidden;
    padding: 15px 0;
}

#cmeSearchFilterDetailResultLeft {
    width: 69%;
    float: left;
    box-sizing: border-box;
    padding-right: 20px;
}

#cmeSearchFilterDetailResultRight {
    float: right;
    width: 30%;
    padding: 10px;
    box-sizing: border-box;
    /* border: 1px solid #c2cace; */
    margin-left: 1%;
}

#cmeSearchFilterDetailResultLeft > h2 {
    color: #666;
    font-size: 30px;
}

#cmeSearchFilterDetailResultDetails {
    margin-bottom: 30px;
}

#cmeSearchFilterDetailResultDetails > li {
    line-height: 2.0em;
}

#cmeSearchFilterDetailResultLeft > div.vcard {
    width: 50%;
    float: left;
}

#cmeSearchFilterDetailResultLogo img {
    width: 100%;
    margin-bottom: 30px;
}

#cmeSearchFilterDetailResultLogo img {
    width: auto;
    height: inherit;
}

#cmeSearchFilterDetailResultLogoBlank {
    width: 100%;
    border: 1px dashed #000000;
    text-align: center;
    padding: 42px 0px 42px 0px;
}

#cmeSearchFilterDetailResultDescription {
    margin-bottom: 20px;
}

#cmeSearchFilterDetailResultServices ul,
.cmeBrokerList {
    margin-bottom: 1em;
}

#cmeSearchFilterDetailResultLeft > #cmePageContentArea {
    margin: 0px !important;
    overflow: hidden !important;
}

div.cmeBrokerContact {
    width: 50%;
    float: left;
}

/* 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;
}

.cmeProviderContact {
    margin-top: 10px;
}

.cmeBrokerContact {
    overflow: hidden;
    margin-top: 15px;
    background: #f1f5f7;
    padding: 20px 10px;
}

.cmeBrokerContact > li {
    padding: 5px 0px 5px 0px;
    font-size: 14px;
}

.cmeBrokerContact > li > strong {
    clear: both;
    display: block;
    color: #112b4a;
}

.cmeBrokerContact > li > h5 {
    font-size: 16px;
}

.cmeBrokerContact > li > span.org {
    display: none;
}

.readMore {
    width: 100%;
    text-align: right;
    font-size: 16px;
    display: none;
}

/* to be reviewed - ck */
#cmeSearchFilterDetailResultLeft .cmeBrokerContact {
    overflow: hidden;
    float: none;
    width: 48%;
    margin-right: 1%;
    word-wrap: break-word;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    margin-top: 20px;
}

#cmeSearchFilterDetailResultLeft .cmeBrokerContact .cmeBrokerContact {
    width: 100%;
    padding: 0;
    box-sizing: border-box;
    background: #f1f5f7;
    margin: 0;
}

@media (max-width: 580px) {

    #cmeSearchFilterDetailResultServices .cmeBrokerList,
    #cmeSearchFilterDetailResultLeft .cmeBrokerContact {
        float: none !important;
        width: 100% !important;
        height: inherit !important;
    }
}

.cmeBrokerList > li {
    font-size: 14px;
}

.cmeBrokerList > li > h5 {
    margin: 0px;
    font-size: 14px;
    color: #112b4a;
    font-weight: bold;
}

body.cq-wcm-edit .cmeBrokerContact {
    float: none !important;
}

/* FIND A PROVIDER / TECH CORNER (inherits FIND A BROKER) */
.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.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;
}

/* CME Status labels */
.cmeStatus {
    display: inline-block;
    padding: .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    min-width: 15px;
}

.cmeStatusRegional {
    font-size: 90%;
    font-weight: 400;
}

.cmeStatusDefault {
    background-color: #777;
}

.cmeStatusPrimary {
    background-color: #00305F;
}

.cmeStatusSecondary {
    background-color: #61B1E1;
}

.cmeStatusNeutral {
    background-color: #c2cace;
}

.cmeStatusSuccess {
    background-color: #5cb85c;
}

.cmeStatusWarning {
    background-color: #f0ad4e;
}

.cmeStatusAlert {
    background-color: #d9534f;
}

.cmeStatusAG {
    background-color: #F2A900;
}

.cmeStatusEN {
    background-color: #54bceb;
}

.cmeStatusEQ {
    background-color: #00447c;
}

.cmeStatusFX {
    background-color: #9655a2;
}

.cmeStatusIR {
    background-color: #029a83;
}

.cmeStatusMT {
    background-color: #a47f24;
}

.cmeStatusOptions {
    background-color: #54bceb;
}

.cmeStatusOTC {
    background-color: #0079c1;
}

.cmeStatusWeather {
    background-color: #bfd730;
}

.cmeStatusRealEstate {
    background-color: #bfd730;
}

/* Add This Styles */
#at-cv-toaster.at-cv-with-image .at-cv-image-filter,
#at-cv-lightbox.at-cv-with-image #image-darkener {
    background: none !important;
}

.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;
    backface-visibility: hidden;
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    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: 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: #c2cace;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 504
}

.mfp-preloader a {
    color: #c2cace
}

.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;
    outline: none;
}

.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: #c2cace;
    font-size: 12px;
    line-height: 18px
}

.mfp-arrow {
    position: absolute;
    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 !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    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 !important;
        -moz-box-sizing: border-box !important;
        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-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: 992px) {
    .cmeFeaturedLink a {
        z-index: 0;
    }

    .cmeHideFromTablet {
        display: none !important;
    }

    .cmeHideFromDesktop {
        display: block !important;
    }

    body {
        background: #fff;
    }

    #Container {
        min-width: 240px;
    }

    #cmePageBreadcrumbArea {
        margin: 10px 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: 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;
        margin: 20px 0px;
        line-height: 30px;
        background: #EEEEEE;
        padding: 0px 10px 0px 5px;
        border: solid 1px #c2cace;
        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;
    }

    #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;
        width: 100%;
    }

    #Container {
        min-width: 240px;
    }

    #cmePageBreadcrumbArea {
        margin: 10px 0 0 0;
    }

    #cmePageContentArea {
        padding: 10px 5px !important;
    }

    .cmeHasPineappleImageBanner #cmePageContentArea {
        padding: 0px 0px !important;
        margin: 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: 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;
        background-position: 0px -117px;
        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;
        margin: 20px 0px;
        line-height: 30px;
        background: #EEEEEE;
        padding: 0px 10px 0px 5px;
        border: solid 1px #c2cace;
        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;
    }

    #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: -5px 10px 0 -10px;
        content: "\00a0";
        display: block;
        background-image: url(cmegroupClientLibs/css/cmegroupClientLibs/images/asset-class-icons.png);
        border-radius: 0;
        width: 28px;
        height: 30px;
        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;
    }

    .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: #c2cace;
    }

    .cmeNavigationItemMenu {
        display: block;
        min-height: none;
    }

    li.megaMenuNavigationLevelTwo {
        display: block;
        float: none;
        clear: both;
        border-top: dashed 1px #c2cace !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 #c2cace !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: 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 .cmeComponentMargin {
        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;
    }

    .cmeProviderContact {
        width: 48%;
        float: left;
        margin-right: 1%;
        margin-top: 10px !important;
    }

    .cmeComponentMargin {
        margin-top: 20px;
    }

    /* 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.hidden {
        display: none;
    }

    .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 #c2cace;
    }

    .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 #c2cace;
        margin-bottom: 20px;
        overflow: hidden;
        position: relative;
    }

    div.cmeTableResponsiveScrollableWrapper {
        overflow: hidden;
        overflow-x: scroll;
    }

    div.cmeTableResponsivePinnedWrapper {
        /*min-width:100px;*/
        background: #fff none repeat;
        border-right: 1px solid #c2cace;
        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: 4px; */
        border: 1px solid #c2cace;
        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;
    }

    .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 #c2cace;
        margin-bottom: 20px;
        overflow: hidden;
        position: relative;
    }

    div.cmeTableResponsiveScrollableWrapper {
        overflow: hidden;
        overflow-x: scroll;
    }

    div.cmeTableResponsivePinnedWrapper {
        background: #fff none repeat;
        border-right: 1px solid #D4D4D4;
        left: 0;
        overflow: 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: 130px;
    }

    div.cmeTableResponsivePinnedWrapper {
        min-width: 100px;
        max-width: 130px;
    }

    .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 thead th {
        white-space: nowrap;
        padding: 10px 5px;
        border-collapse: collapse;
        text-align: center;
        vertical-align: middle;
        background-color: #112b4a;
        color: #fff;
        font-weight: bold;
    }

    .cmePinnedTable tbody td,
    .cmePinnedTable tbody th {
        white-space: nowrap;
        padding: 10px 5px;
        border-collapse: collapse;
        text-align: center;
        vertical-align: middle;
        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;
    }

    .cmeCalls {
        background-color: #f1f5f7 !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;
        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;
        padding: 5px;
        float: none !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: 0px !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;
        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: 6px;
        padding: 3px 5px 15px 0;
    }

    #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 #c2cace;
        overflow: hidden;
        background: #FFFFFF;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    #cmeSearchFilterSearch .cmeSearchInlineInput {
        float: left;
        width: 67%;
        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%;
        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: 48% !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/css/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;
        z-index: 1;
    }

    .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 #c2cace;
    }

    .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 #c2cace;
        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;
    }

    .cmeRightColumnLayout .cmeVerticalLayout .cmeFeaturedPageLinkWrapper {
        width: 100%;
        max-width: 100%;
    }

    .cmeRightColumnLayout .cmeVerticalLayout .cmeOverlayText {
        max-width: 100%;
    }

    .cmeRightColumnLayout .cmeVerticalLayout .cmeOverlayText span {
        font-size: 12px;
    }

    .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: 5px 10px 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/css/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/css/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;
    }

    .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;
    }

    .cmeProviderContact {
        width: 100%;
        float: left;
        margin-right: 1%;
        margin-top: 10px !important;
    }

    /* CONTRACT SPECS */
    .cmeContentTableWrapper {
        width: 100%;
        overflow-x: scroll;
    }

    .cmeContentTableWrapper table {
        width: auto !important;
        min-width: 100%;
    }

    .cmeSpecTable,
    .cmeSpecTable tr,
    .cmeSpecTable td {
        display: block;
    }

    .cmeSpecTable {
        display: block;
    }

    .cmeSpecTable td.prodSpecAtribute {
        background: #112b4a;
    }

    .cmeSpecTable td {
        background: white;
        border: none;
        border-bottom: 1px solid #c2cace;
    }

    .cmeSpecTable tr {
        margin-bottom: 1em;
        border: 1px solid #c2cace
    }

    /* 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 span,
    .cmeHorizontalLayout .cmeOverlayText span {
        /* display: none; */
        font-size: 10px;
    }

    .cmeFeaturedLinkImage .cmeFeaturedLinkImageArrow img {
        width: 25px;
    }

    .cmeVerticalLayout .cmeOverlayText {
        max-width: 100px;
        width: 75%;
    }

    .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 #c2cace;
    }

    .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;
    }

    .cmeEqualHeightInverted.cmeLayoutl1 .cmeEqualHeightRow,
    .cmeEqualHeightInverted.cmeLayoutl4 .cmeEqualHeightRow,
    .cmeEqualHeightInverted.cmeLayoutl5 .cmeEqualHeightRow,
    .cmeEqualHeightInverted.cmeLayoutl6 .cmeEqualHeightRow,
    .cmeEqualHeightInverted.cmeLayoutl7 .cmeEqualHeightRow {
        display: table;
        table-layout: fixed;
    }

    .cmeEqualHeightInverted.cmeLayoutl1 .cmeEqualHeightCol,
    .cmeEqualHeightInverted.cmeLayoutl4 .cmeEqualHeightCol,
    .cmeEqualHeightInverted.cmeLayoutl5 .cmeEqualHeightCol,
    .cmeEqualHeightInverted.cmeLayoutl6 .cmeEqualHeightCol,
    .cmeEqualHeightInverted.cmeLayoutl7 .cmeEqualHeightCol {
        display: table-row-group;
    }

    .cmeEqualHeightInverted.cmeLayoutl1 .cmeEqualHeightCol:last-child,
    .cmeEqualHeightInverted.cmeLayoutl4 .cmeEqualHeightCol:last-child,
    .cmeEqualHeightInverted.cmeLayoutl5 .cmeEqualHeightCol:last-child,
    .cmeEqualHeightInverted.cmeLayoutl6 .cmeEqualHeightCol:last-child,
    .cmeEqualHeightInverted.cmeLayoutl7 .cmeEqualHeightCol:last-child {
        display: table-header-group;
    }

    .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: block;
    }

    /* 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: 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: 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: block;
    }

    /* 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: 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: 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;
    }
}

.cmeHasLegendaryNav #cmePageContentArea {
    margin-top: 60px;
}

.cmePineapple .cmeLegendaryNav {
    font-family: "Averta-Regular", "Helvetica Neue", arial, sans-serif !important;
}

#cmePageContentArea {
    max-width: 1024px;
    margin: auto;
    padding: 16px;
    min-height: 400px;
    box-sizing: border-box;
    margin-bottom: 10px;
}

html.cmePineapple #cmePageContentArea {
    max-width: 1024px;
    margin: auto;
    padding: 16px;
    min-height: 400px;
    box-sizing: border-box;
    margin-bottom: 10px;
}

.fullWidth #cmePageContentArea,
html.cmePineapple .fullWidth #cmePageContentArea,
.fullWidth #cmePageContentArea > .cmeFullColumnLayout,
html.cmePineapple .fullWidth #cmePageContentArea > .cmeFullColumnLayout {
    max-width: 100%;
}

.fullWidth.hasBaseballCard #cmePageContentArea > .cmeFullColumnLayout > .full-par .cmeComponent,
.fullWidth.hasBaseballCard #cmePageContentArea > .cmeFullColumnLayout:not(.cmeContentColumnLayout),
.fullWidth.hasBaseballCard #cmePageContentArea > .cmeFullColumnLayout:first-child {
    max-width: 1600px;
    padding-left: 88px;
    padding-right: 88px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}

@media (max-width: 1200.98px) and (min-width: 993px) {
    .fullWidth.hasBaseballCard #cmePageContentArea > .cmeFullColumnLayout > .full-par .cmeComponent,
    .fullWidth.hasBaseballCard #cmePageContentArea > .cmeFullColumnLayout:not(.cmeContentColumnLayout),
    .fullWidth.hasBaseballCard #cmePageContentArea > .cmeFullColumnLayout:first-child {
        padding-left: 66px;
        padding-right: 66px;
    }
}

@media (max-width: 992.98px) and (min-width: 769px) {
    .fullWidth.hasBaseballCard #cmePageContentArea > .cmeFullColumnLayout > .full-par .cmeComponent,
    .fullWidth.hasBaseballCard #cmePageContentArea > .cmeFullColumnLayout:not(.cmeContentColumnLayout),
    .fullWidth.hasBaseballCard #cmePageContentArea > .cmeFullColumnLayout:first-child {
        padding-left: 54px;
        padding-right: 54px;
    }
}

@media (max-width: 768.98px) and (min-width: 481px) {
    .fullWidth.hasBaseballCard #cmePageContentArea > .cmeFullColumnLayout > .full-par .cmeComponent,
    .fullWidth.hasBaseballCard #cmePageContentArea > .cmeFullColumnLayout:not(.cmeContentColumnLayout),
    .fullWidth.hasBaseballCard #cmePageContentArea > .cmeFullColumnLayout:first-child {
        padding-left: 32px;
        padding-right: 32px;
    }
}

@media (max-width: 480.98px) {
    .fullWidth.hasBaseballCard #cmePageContentArea > .cmeFullColumnLayout > .full-par .cmeComponent,
    .fullWidth.hasBaseballCard #cmePageContentArea > .cmeFullColumnLayout:not(.cmeContentColumnLayout),
    .fullWidth.hasBaseballCard #cmePageContentArea > .cmeFullColumnLayout:first-child {
        padding-left: 24px;
        padding-right: 24px;
    }
}

.cmeLogoPrint {
    display: none;
}

.cmeFooterHeaderHidden #cmePageWrapper {
    background-color: #fff;
    margin: 30px auto;
    width: 1024px;
    box-sizing: border-box;
    padding: 0 16px;
}

@media screen and (max-width: 992px) {
    .cmeFooterHeaderHidden #cmePageWrapper {
        position: static;
        box-shadow: none;
        margin: 20px 4%;
        width: 92%;
    }

    .primaryLandingTemplate.cmeHasPineappleImageBanner .cmeSectionRegionLayout.cmePromoBodyContent {
        padding: 5px !important;
    }
}

.cmeFooterHeaderHidden #cmePageContentArea {
    padding: 0;
    max-width: none;
    margin: 0;
    min-height: auto;
    background-color: transparent;
}

#cmePageContentArea.contentWithParsysHeader {
    margin-top: 0;
}

.primaryLandingTemplate .cmeSectionRegionLayout.cmePromoBodyContent {
    padding: 20px 0 0;
}

.cmePineapple.hasSimpleHeader .globalContentTemplate #cmePageMastheadArea {
    width: 100%;
    padding: 40px 16px 30px 16px;
    background-color: #fff;
    box-sizing: border-box;
    margin: 0 auto;
}

.cmePineapple.hasSimpleHeader .globalContentTemplate #cmePageContentArea {
    margin: 0 auto;
}

.cmeFloatingHeader {
    transition: top 0.7s ease 0.35s;
}

.cmeHasPrimaryNav .cmeFloatingHeader {
    top: 50px;
}

.cmeHasPrimaryNav.cmeHasLegendaryNav .cmeFloatingHeader {
    top: 94px;
}

.cmeHasTransformNav .cmeFloatingHeader {
    top: 100px;
}

.cmeHasTransformNav.cmeHasLegendaryNav .cmeFloatingHeader {
    top: 144px;
}

@media screen and (max-width: 992px) {
    .cmeHasTransformNav .cmeFloatingHeader {
        top: 50px;
    }
}

.cmeFloatingHeader.is-alone {
    transition: top 0.45s ease 0.5s;
    top: 0px !important;
}

.cmeImageBanner {
    margin-top: 0 !important;
}

/* Regular Banner */
.primaryLandingTemplate .cmeSectionRegionLayout.cmePromoBodyContent {
    padding: 0;
}

/* cmePineapple Banner */
.primaryLandingTemplate .cmeImageBanner {
    margin-top: 0;
    margin-bottom: 0;
}

.globalContentTemplate .cmeImageBanner {
    margin-top: 0;
}

.primaryLandingTemplate.hasPineappleBanner #cmePageContentArea {
    max-width: 100%;
}

.full-par > .cmeImageBanner + .cmeStandardDesignBox {
    margin-top: 0;
}

html.cmePineapple .cmeHasPineappleImageBanner #cmePageContentArea {
    margin: 0 auto;
    max-width: 100%;
    padding: 0;
    background: white;
}

@media (min-width: 981px) {
    #cmePineappleHeaderContainer .hideFromDesktop {
        display: block !important;
    }
}

@media (min-width: 993px) {
    #cmePineappleHeaderContainer .hideFromDesktop {
        display: none !important;
    }
}

.cmeHasPrimaryNav #cmePageContentArea {
    margin-top: 70px;
}

.cmeHasPrimaryNav.cmeHasPineappleImageBanner #cmePageContentArea {
    margin-top: 50px;
}

.cmeHasPrimaryNav .addthis-smartlayers-desktop #at4-share {
    top: 70px !important;
}

.cmeHasLegendaryNav #cmePageContentArea {
    margin-top: 60px;
}

.cmeHasLegendaryNav.cmeHasPineappleImageBanner #cmePageContentArea {
    margin-top: 45px;
}

.cmeHasLegendaryNav .addthis-smartlayers-desktop #at4-share {
    top: 144px !important;
}

.cmeHasPrimaryNav.cmeHasLegendaryNav #cmePageContentArea {
    margin-top: 110px;
}

.cmeHasPrimaryNav.cmeHasLegendaryNav.cmeHasPineappleImageBanner #cmePageContentArea {
    margin-top: 95px;
}

.cmeHasPrimaryNav.cmeHasLegendaryNav .addthis-smartlayers-desktop #at4-share {
    top: 110px !important;
}

.cmeHasPineappleImageBanner .cmePromoBodyContent {
    max-width: 1024px;
    box-sizing: border-box;
    padding: 0 16px;
    margin: 0 auto;
}

.fullWidth.cmeHasPineappleImageBanner .cmePromoBodyContent {
    max-width: 100%;
    box-sizing: border-box;
    padding: 0 16px;
    margin: 0 auto;
}

.cmeHasPineappleImageBanner .cmeImageBanner > .cmeImageBanner {
    margin-top: 0;
}

.primaryLandingTemplate.cmeHasPineappleImageBanner .cmeSectionRegionLayout.cmePromoBodyContent {
    padding: 16px;
}

.primaryLandingTemplate.cmeHasPineappleImageBanner .cmePromoBodyContent {
    margin-top: 0;
}

.rssTemplate #cmePageMastheadArea {
    max-width: 1024px;
    margin: 0 auto;
    background-color: #fff;
    box-sizing: border-box;
    padding: 16px;
}

.rssTemplate #cmePageMastheadArea {
    max-width: none;
    padding: 0;
}

.rssTemplate #cmePageContentArea {
    margin: 50px auto 0;
}

.cmegroup-beta #Container {
    position: relative;
    width: 100%;
    min-height: 0;
    margin: 0 auto;
    padding: 0;
}

.cmegroup-beta #content_main {
    max-width: 720px;
    margin: 0 auto 0;
}

.cmegroup-beta #content_sidebar {
    float: right;
    width: 244px;
}

.cmePineappleShovelTemplateWrapper {
    max-width: 1024px;
    padding: 0 16px;
    box-sizing: border-box;
    margin: 70px auto 0;
    clear: both;
}

#blockResults {
    position: relative;
}

#blockResults #resultsTable-white {
    top: inherit !important;
}

/* Hide Header on printed versions */
@media print {
    #cmePineappleHeaderContainer {
        display: none !important;
    }

    .cmeLogoPrint {
        display: block;
        background-image: url(//www.cmegroup.com/cmegroup-logo.png);
        width: 100%;
        height: 21px;
        border-bottom: 1px solid #3c77bd;
        background-repeat: no-repeat;
        background-color: #fff;
        padding: 15px 15px 13px;
        background-position-x: 15px;
        background-position-y: 15px;
    }

    #cmePageContentArea {
        margin-top: 0;
        padding: 20px;
        max-width: 100%;
    }

    .cmeTableSorting thead tr th .cmeTableSortingCell a {
        color: #fff !important;
    }
}

/* Responsive table fix */
#xsltTable {
    display: block !important;
    overflow-x: auto !important;
}

/* Add This plugin location */
.cmeHasPineappleImageBanner #at4-share,
.cmeHasPineappleImageBanner #at4-soc {
    top: 408px !important;
}

.parsys-header {
    max-width: 1024px;
    box-sizing: border-box;
    margin: 0 auto;
    background-color: #fff;
    padding: 16px;
}

.parsys-header p {
    font-family: inherit;
    margin-bottom: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
}

#cmePageFooterArea {
    margin-top: 0;
}

.cmeEventWidgetBody {
    box-shadow: none !important;
}

.cmeEventWidgetBody .cmeEventWidgetTable {
    border-top: 0px solid #c2cace !important;
    overflow-y: auto;
    max-height: none !important;
}

.cmeEventWidgetBody .cmeEventWidgetTable table {
    border: none !important;
}

.cmeEventWidgetBody .cmeEventWidgetTable table thead tr th {
    border: 1px solid #c2cace !important;
    text-align: left;
    background: #112b4a;
    color: white;
}

.cmeEventWidgetBody .cmeEventWidgetTable table tbody tr:nth-child(even) td {
    background-color: #f1f5f7;
    border-top: 1px solid #c2cace;
}

.cmeEventWidgetBody .cmeEventWidgetTable table tbody tr:nth-child(odd) td {
    background-color: #fff;
    border-top: 1px solid #c2cace;
}

.no-js .cmePageContentArea:before {
    content: 'Note: Javascript is not currently enabled. This page may not behave as expected. ';
    display: block;
    text-align: center;
}

.cmeDataMine #cmePageContentArea {
    margin: 0 auto;
    max-width: 100%;
}

#cmePageWrapper .educationProgressMeter svg > path:nth-child(2) {
    stroke: #3cc8ff;
}

#cmePageWrapper .educationProgressMeter svg > path:nth-child(1) {
    stroke: #3cc8ff;
    opacity: 0.25;
}

#cmePageWrapper .educationNavigationBar .educationProgressMeter svg text.progress {
    fill: #3cc8ff;
}

#cmePageWrapper .educationNavigationBar .courseBreakdown a.activeModule {
    color: #16202a !important;
    background-color: #ebf9ff !important;
    font-weight: bold;
}

#cmePageWrapper .educationNavigationBar .courseBreakdown .chapter > li a.activeModule.uncompleted .moduleStatus,
#cmePageWrapper .educationNavigationBar .courseBreakdown .module > li a.activeModule.uncompleted .moduleStatus {
    background-color: #3cc8ff;
}

#cmePageWrapper .cmeQuizContainer {
    font-size: 15px;
    border-top: none;
    background-color: #f1f5f7;
    color: inherit;
    padding: 20px 30px 30px 30px;
    box-shadow: none;
    margin-bottom: 20px;
    position: relative;
}

#cmePageWrapper .cmeQuizContainer .optionItem .optionContent {
    display: block;
}

#cmePageWrapper .optionText,
#cmePageWrapper .answered .optionText:hover {
    background-color: #006eb6;
    padding: 15px;
    width: 100%;
    display: block;
    border-radius: 3px;
    color: white;
}

#cmePageWrapper .optionText:hover {
    background-color: #3cc8ff;
    color: black;
    text-decoration: none;
}

#cmePageWrapper .cmeQuizContainer .optionItem .optionContent .optionContentAnswer {
    background-color: transparent;
    display: block;
    width: 80%;
}

#cmePageWrapper .optionLabel {
    display: none;
}

#cmePageWrapper .educationNavigationBar .courseBreakdown .chapter > li,
#cmePageWrapper .educationNavigationBar .courseBreakdown .module > li {
    border-left: 0px solid #c2cace;
    border-right: 0px solid #c2cace;
    border-top: 0px solid #c2cace;
    position: relative;
}

#cmePageWrapper .educationNavigationBar .courseBreakdown h3 {
    background-color: #c2cace;
    border-bottom: 1px solid #c2cace;
    color: #112b4a;
    border-top: 1px solid #c2cace;
}

#cmePageWrapper .courseBreakdown {
    border: 1px solid #c2cace;
    box-shadow: none;
    margin-top: 1em;
}

#cmePageWrapper .courseBreakdown h3 i:before {
    font-family: 'cmeIcons';
    content: '\e965'
}

#cmePageWrapper .courseBreakdown h3.expanded i:before {
    font-family: 'cmeIcons';
    content: '\e962'
}

#cmePageWrapper .educationNavigationBar .courseBreakdown h3 + ul > li a {
    padding-left: 35px;
}

#cmePageWrapper .cmeQuizContainer .completeMessage .completeMessageLabel,
#cmePageWrapper .isCorrect .optionText,
#cmePageWrapper .cmeQuizContainer .completeMessage,
#cmePageWrapper .cmeQuizContainer .completeMessage .completeMessageText,
#cmePageWrapper .answered .isCorrect .optionText:hover {
    background-color: #112b4a;
    color: white;
}

#cmePageWrapper .cmeQuizContainer .completeMessage .completeMessageLabel,
#cmePageWrapper .cmeQuizContainer .completeMessage .completeMessageText {
    background-color: #00a205;
    min-height: auto;
    height: auto;
}

#cmePageWrapper .cmeQuizContainer .completeMessage .completeMessageText {
    background-color: #00a205;
    padding: 20px 15px !important;
    min-height: auto;
    height: auto;
}

#cmePageWrapper .educationRegisterPopUpContainer .educationRegisterPopUpWindow {
    font-family: inherit;
    box-shadow: 3px 3px 5px gray;
}

body#cq-gen4 #cmePageWrapper {
    margin-top: 60px;
}

a.redSkyAlertContainer:hover {
    text-decoration: none;
}

.fullWidth .cmePromoBodyContent > .full-par > .cmeStandardDesignBox,
.fullWidth #cmePageContentArea > .cmeFullColumnLayout > .full-par > .cmeStandardDesignBox,
html.cmePineapple .fullWidth #cmePageContentArea > .cmeFullColumnLayout > .full-par > .cmeStandardDesignBox {
    margin-left: -16px;
    margin-right: -16px;
}

@media screen and (max-width:992px) {

    .fullWidth .cmePromoBodyContent > .full-par > .cmeStandardDesignBox,
    .fullWidth #cmePageContentArea > .cmeFullColumnLayout > .full-par > .cmeStandardDesignBox,
    html.cmePineapple .fullWidth #cmePageContentArea > .cmeFullColumnLayout > .full-par > .cmeStandardDesignBox {
        margin-left: -5px;
        margin-right: -5px;
    }
}

.fullWidth .cmeFullColumnLayout {
    padding: 0;
    box-sizing: border-box;
}

@media screen and (min-width:1200px) {

    .fullWidth .cmeFullColumnLayout .cmeFullColumnLayout,
    .fullWidth .cmePromoBodyContent .cmeFullColumnLayout {
        padding: 0 66px;
    }
}

@media screen and (min-width:1600px) {

    .fullWidth .cmeFullColumnLayout .cmeFullColumnLayout,
    .fullWidth .cmePromoBodyContent .cmeFullColumnLayout {
        padding: 0 88px;
    }
}

.fullWidth .cmeFullColumnLayout .cmeFullColumnLayout .cmeFullColumnLayout,
.fullWidth .cmePromoBodyContent .cmeFullColumnLayout .cmeFullColumnLayout {
    padding: 0;
}

/*Product Page Specific*/
.productTemplate #cmePageContentArea,
html.cmePineapple body.productTemplate #cmePageContentArea {
    min-height: 400px;
    box-sizing: border-box;
    margin-bottom: 10px;
}

div#cmeVOIChart1 {
    padding: 10px 0;
    max-width: 99%;
    box-sizing: border-box;
}

div#cmeVOIChart1 svg {
    width: 100% !important;
    overflow: visible !important;
}

.productTemplate:not(.fullWidth) #cmePageContentArea,
html.cmePineapple body.productTemplate:not(.fullWidth) #cmePageContentArea {
    max-width: 1600px;
    margin: auto;
    padding: 16px 88px;
    box-sizing: border-box;
}

.productTemplate.fullWidth.hasBaseballCard #cmePageContentArea {
    padding: 0 !important;
}

.productTemplate.fullWidth.hasBaseballCard #productTitle {
    padding-bottom: 20px;
}

.productTemplate .cmeLeftColumnLayout {
    width: 77%;
    margin-right: 1%;
}

.productTemplate .cmeRightColumnLayout {
    width: 22%;
}

@media (max-width: 1200.98px) and (min-width: 993px) {

    .productTemplate #cmePageContentArea,
    html.cmePineapple body.productTemplate:not(.fullWidth) #cmePageContentArea,
    .productTemplate:not(.fullWidth) .cmeFullColumnLayout {
        padding: 16px 66px;
    }
}

@media screen and (max-width:1200px) {
    .productTemplate .cmeLeftColumnLayout {
        float: none;
        width: 100%;
    }

    .productTemplate .cmeRightColumnLayout {
        float: none;
        margin-top: 40px;
        width: 100%;
        max-width: 250px;
    }
}

.alert-section > .cmeAlertBody:first-child > .cmeBlockLayout:first-child {
    margin-top: 10px !important;
}

.cmePageWrapper > .cmePageContentArea > .cmeFullColumnLayout > .full-par > .cmeStandardDesignBox:first-child {
    margin-top: -16px;
}

.cmeHasLegendaryNav .cmePageWrapper > .cmePageContentArea > .cmeFullColumnLayout > .full-par > .cmeStandardDesignBox:first-child {
    margin-top: -30px;
}

.cmeFooterHeaderHidden .educationRegisterPopUpContainer {
    display: none;
}

.cmeProgressPanel + .cmeProgressPanel {
    display: none;
}

td.cmeActiveChartCell .cmeCloseButton {
    width: 27px;
    text-align: center;
    position: absolute;
    top: 5px;
    right: 5px;
}

@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,
    .cmeTitle {
        page-break-after: avoid
    }

    .cmeFlexColumn {
        margin-top: 0 !important;
    }

    .cmeVideoProperties + .cmeBox .cmeText,
    .cmeVideoProperties + .cmeBox .cmeTitle,
    .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%
    }

    .brightcoveVideoTemplate #cmePageContentArea .cmeTitle,
    .articleContentTemplate #cmePageContentArea .cmeTitle {
        width: 100%;
        max-width: 100%;
    }

    .cmeRolloverImage {
        display: block;
        max-width: 100%;
        margin: auto;
    }

    .articleContentTemplate h1,
    .articleContentTemplate .cmeImageBanner,
    .cmeVideoProperties,
    .cmeArticleProperties,
    .cmeLayoutFull {
        column-span: all
    }

    .cmeVideoProperties + .cmeComponentMargin,
    .cmeArticleProperties + .cmeComponentMargin {
        margin-top: 0
    }

    .brightcoveVideoTemplate .cmeComponentMargin,
    .articleContentTemplate .cmeBox {
        max-width: 100%;
        margin: 0.625em auto;
        line-height: 1.5;
        border: none;
    }

    .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;
    }

    #cmePineappleHeaderContainer {
        display: none !important;
    }

    .cmeLogoPrint {
        display: block;
        background-image: url(//www.cmegroup.com/cmegroup-logo.png);
        width: 100%;
        height: 21px;
        border-bottom: 1px solid #3c77bd;
        background-repeat: no-repeat;
        background-color: #fff;
        padding: 15px 15px 13px;
        background-position-x: 15px;
        background-position-y: 15px;
    }

    #cmePageContentArea {
        margin-top: 0;
        padding: 20px;
        max-width: 100%;
    }

    .cmeTableSorting thead tr th .cmeTableSortingCell a {
        color: #fff !important;
    }
}

.experiencefragment,
.component.section,
.cmeUnwrappedParsys {
  box-sizing: border-box;
  line-height: 1.5rem;
}
.experiencefragment *,
.component.section *,
.cmeUnwrappedParsys *,
.experiencefragment *::before,
.component.section *::before,
.cmeUnwrappedParsys *::before,
.experiencefragment *::after,
.component.section *::after,
.cmeUnwrappedParsys *::after {
  box-sizing: border-box;
}
.modal *,
.modal *::before,
.modal *::after {
  box-sizing: border-box;
}
body.cmeHasTransformNav.include-nav {
  margin-top: 100px;
}
@media (max-width: 992.98px) {
  body.cmeHasTransformNav.include-nav {
    margin-top: 50px;
  }
}
body.cmeHasTransformNav.include-nav.body-edit-mode {
  margin-top: 0 !important;
}

div.cmeSiteWideAlertMessage {
  background-color: #ebf9ff;
  color: #5a6874;
}
div.cmeSiteWideAlertMessage.cmeSiteWideAlertMessage {
  font-family: "Averta-Regular";
  font-size: 16px;
  max-width: 1200px;
  box-shadow: none;
  margin-top: 0 !important;
  padding: 4px 16px;
}
@media (max-width: 993px) {
  div.cmeSiteWideAlertMessage.cmeSiteWideAlertMessage {
    padding: 12px 10px;
  }
}
div.cmeSiteWideAlertMessage a {
  color: #006eb6;
}
div.cmeSiteWideAlertMessage a:hover {
  color: #1f3374;
}
div.cmeSiteWideAlertMessage.cmeStandardAlertPrimaryMessage {
  background-color: #ebf9ff;
  color: #5a6874;
}
div.cmeSiteWideAlertMessage.cmeStandardAlertSecondaryMessage {
  background-color: #f1f5f7;
  color: #25323c;
}
div.cmeSiteWideAlertMessage.cmeStandardAlertMessage {
  background-color: #ebf9ff;
  color: #5a6874;
}
div.cmeSiteWideAlertMessage.cmeNonSeriousAlertMessage {
  background-color: #feffe8;
  color: #112b4a;
}
div.cmeSiteWideAlertMessage.cmeSeriousAlertMessage {
  background-color: #ffe2e4;
  color: #112b4a;
}
div.cmeSiteWideAlertMessage.cmeGCCSeriousAlertMessage {
  background-color: #ffe2e4;
  color: #112b4a;
}
div.cmeSiteWideAlertMessage.cmeGCCSeriousAlertMessage .cmeSiteWideAlertGCCIcon {
  display: inline-block;
  vertical-align: top;
  padding-top: 4px;
  color: #df0035;
  /* Icon definition equivalent to @include set-icon($icon-attention-triangle); in transform project*/
  font-family: "CMEGroup-Icons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
div.cmeSiteWideAlertMessage.cmeGCCSeriousAlertMessage .cmeSiteWideAlertGCCIcon:before {
  content: "\e93c";
  box-sizing: border-box;
}
div.cmeSiteWideAlertMessage.cmeGCCSeriousAlertMessage .cmeSiteWideAlertGCCContainer {
  display: inline-block;
  width: 93%;
}
div.cmeSiteWideAlertMessage.cmeGCCSeriousAlertMessage .cmeSiteWideAlertGCCContainer .cmeSiteWideAlertTitle {
  display: inline-block;
  font-weight: bold;
  padding-left: 8px;
  color: #112b4a;
}
div.cmeSiteWideAlertMessage.cmeGCCSeriousAlertMessage .cmeSiteWideAlertGCCContainer .cmeSiteWideAlertText {
  display: inline-block;
  padding-left: 8px;
}
div.cmeSiteWideAlertMessage.cmeGCCSeriousAlertMessage .cmeSiteWideAlertGCCContainer .cmeSiteWideAlertTime {
  display: inline-block;
  padding-left: 8px;
  font-size: 12px;
}