#cmePageContentArea {
    min-height: 80vh !important;
  }

  .cmeSearchResult {
    clear: both;
    padding: 1em 0.5em;
  }
  .mainSearchContainer {
    margin-top: 1em;
    max-width: 768px;
    font-family: 'Helvetica Neue', Arial, sans-serif;
}
  .cmeSearchLink a {
    color: #999;
  }
  .latestAdvisories li, .latestMRANs li {
    margin-top: 0.5em;
    line-height: 1.5;
    font-size: 1em;
    list-style: disc;
    margin-left: 10px;
}

.latestMRANs, .latestAdvisories{
    border: 4px solid #eee;
    padding: 1em;
    box-sizing:border-box;
}
  #cmeSearchPageInputField {
    float: left;
    width: 100%;
    max-width: 500px;
    padding: 0.4em;
    margin-right: 1em;
    font-size: 1.1em;
    border: 1px solid #bbb;
border-radius: 4px;
  }

  .cmeSearchPagination a {
    border: 1px solid #eee;
    padding: 1em;
    margin-right: 0.5em;
    margin-bottom: 1em;
  }

  .cmeSearchPagination a.cmeActivePage {
    background: #eee;
    color: #333;
  }

  .cmeSearchPagination {
    margin: 1em 0;
  }

  .cmeSearchImage {
    float: left;
    border: 1px solid grey;
    max-width: 100px;
    margin-bottom: 0.5em;
    margin-right: 0.5em;
  }

  .cmeSearchTextArea {
   
    max-width: 768px;
  }

  form#cmeSearchField {
    margin-bottom: 1em;
  }

  form#cmeSearchField {
    width: 100%;
    clear: both;
  }

  .cmeSearchResult {
    border-top: 1px solid #eee;
  }

  .cmePromoted {
    padding: 1em 0.5em;
    border: 4px solid #54BCEB;
  }

  ul#cmeFacetsArea {
    margin: 1em 0;
  }

  ul#cmeFacetsArea> li> a {
    border-right: 2px solid #0195e7;
    border-top: 2px solid #0195e7;
    border-bottom: 2px solid #0195e7;
    padding: 0.75em 10px;
    display: inline-block;
    color: #0195e7
  }

  ul#cmeFacetsArea> li {
    display: inline-block;
  }

  ul#cmeFacetsArea> li:first-child> a {
    border-left: 2px solid #0195e7;
    border-radius: 4px 0 0 4px;
  }

  ul#cmeFacetsArea> li:last-child> a {
    border-radius: 0px 4px 4px 0px;
  }

  ul#cmeFacetsArea> li.cmeSearchActive> a {
    background: #0195e7;
    color: white;
  }

  ul#cmeFacetsArea> li.cmeSearchActive> a {
    color: white;
  }

  ul#cmeFacetsArea> li.cmeSearchActive> a:before {
    content: '\e809';
    display: inline-block;
    font-family: "cmeIcons";
    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;
  }

@media screen and (max-width: 768px){
    input#cmeSearchPageInputField {
        width:60% !important;
    }

    ul#cmeFacetsArea li a, ul#cmeFacetsArea li a:first-child, ul#cmeFacetsArea li a:last-child{
        width: 100%;
        display:block;
        float:left;
        border: 3px solid #0195e7;
        margin-right: 1%;
        box-sizing: border-box;
        border-radius: 4px;
        margin-bottom: 0.5em;
    }

    ul#cmeFacetsArea{
        overflow-x: auto;
        display:block;
    }
    ul#cmeFacetsArea li{
        display:block;
        box-sizing: border-box;
    }
    .cmeSearchImage{
        display:none;
    }
}
.cmeSearchLink{
max-width:100%; 
overflow-x: hidden;
text-overflow: ellipsis;
}
div#cmeSearchPromotedContent .cmeSearchResult {
    padding: 1em;
    border: 4px solid #ddd;
    background: #f9f9f9;
}

.gsc-control-wrapper-cse td {
    border: none;
    font: normal 1em/18px helvetica, arial, sans-serif !important;
}

.gs-result .gs-title, .gs-result .gs-title * {
    text-decoration: none !important;
    color:#1971c4 !important;
    outline:0;
}

.cse .gsc-control-cse, .gsc-control-cse {
    padding: 0em;
    width: 100%;
}

.gsc-webResult.gsc-result{
border: 0;
    background-color: white;
    padding: 15px 0;
border-bottom: 1px solid #eee
}
.gsc-table-result, .gsc-thumbnail-inside, .gsc-url-top {
    padding-left: 0px;
    padding-right: 0px;
}
.cmeInjectContent .gsib_a input{
margin: 0 !important;
width:95% !important;
}

.cmeSearchPageInput input.gsc-search-button, .cmeSearchPageInput input.gsc-search-button:hover, .cmeSearchPageInput input.gsc-search-button:focus {
    background-color: #3c77bd;
color:white;
    background-image: none;
    border: 0;
}
.cmeSearchPageInput input.gsc-search-button-v2 {
    width: 16px;
    height: 16px;
    padding: 7px 36px;
    min-width: 13px;
    margin-top: 2px;
    margin: 0;
}
.gsc-input-box {
    border: 1px solid #D9D9D9;
    background: #fff;
    height: 25px;
    padding-top: 3px;
}

.gsc-above-wrapper-area{
display:none;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #aaa;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #aaa;
}
.searchImageBanner {
    position: relative;
    background-image: url(/content/dam/cmegroup/images/common/en/watch-the-nymex-2016-year-end-energy-review-984x258.jpg);
    background-size: auto auto;
    height: 258px;
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: cover;
}
.imageBannerOverlay {
    position: absolute;
    top: 30%;
    text-align: center;
    width: 100%;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #aaa;
}
:-moz-placeholder { /* Firefox 18- */
  color: #aaa;
}
.imageBannerSearch {
    font-size: 1.5em;
    margin-left: -25px;
    z-index: 990;
    position: absolute;
    margin-top: 7px;
}

@media (max-width: 720px){
    .imageBannerOverlay {
    left: 0;
    width: 100%;
    position: relative;
    padding: 10px;
    margin-bottom: 20px;
}
    h1.searchOverlayText{
        font-weight:normal !important;
color: #333 !important;
    }
    .searchImageBanner {
    position: relative;
    background-image: none;
    height: auto;
background-color: white;
}
}
h1.searchOverlayText {
    font-size: 2em;
    width:100%;
font-weight:300;
color:white;
}

input.search {
    display: inline-block;
    width: 70%;
    font-size: 1em;
    padding: 8px 30px 8px 5px;
    min-width: 50%;
    position: relative;
    border: 1px solid #eee;
    box-sizing: border-box;
}
.submitSearch{
display:inline-block;
margin-right:1%;
border-radius: 0 !important;
display:inline-block;
}
.searchImageBanner, .searchImageBanner *{box-sizing: border-box;font-family: Helvetica Neue, Arial, sans-serif;}
.cmeFloatingHeader{
display:none !important;
}
.gsc-refinementsArea {
    margin-top: 0;
    padding-bottom: 4px;
    padding-top: 20px;
    text-align: center;
}
.gsc-refinementHeader.gsc-refinementhActive {
    text-decoration: none;
    color: #ffffff;
    background-color: #4994db;
}
.gsc-refinementHeader.gsc-refinementhInactive {
    text-decoration: none;
    cursor: pointer;
    color: #2a7ac7;
}
.gsc-refinementHeader.gsc-refinementhInactive:hover{
background-color:gainsboro;
}
.gsc-refinementHeader {
    padding: 10px;
    border: 1px solid #2a7eca;
}
.gsc-refinementhActive>span {
    border-bottom: none;
    padding-bottom: none;
}

.gsc-refinementHeader.gsc-refinementhInactive>span:hover {
    text-decoration: none;
}

.gsc-refinementHeader.gsc-refinementhInactive:hover {
    /* text-decoration: underline; */
    background: gainsboro;
    border: 1px solid gainsboro;
}

.gsc-refinementHeader {
    transition: background 0.5s;
}
.gsc-webResult.gsc-result{
    border:none !important;
    padding:20px 10px;
    line-height:1.5;
    font-size:1em;
}
.gs-webResult div.gs-visibleUrl, .gs-imageResult div.gs-visibleUrl {
    color: #555;
}
.gsc-expansionArea .gsc-webResult.gsc-result:nth-child(odd){
    background-color: #efefef;
}
.gsc-refinementsArea {
    border-bottom: none;
}
.gsc-expansionArea .gsc-webResult.gsc-result:nth-child(even){
    background-color: #fff;
}

.gsc-result .gsc-result:nth-child(even){
    background-color: #fff !important;
}
.gsc-cursor-page{
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-left-width: 0;
    float: left;
    line-height: 20px;
    padding: 4px 15px;
    text-decoration: none;
    margin-left:0 ;
    margin-right:0 !important;
    transition:background 0.5s;
}
.gsc-results .gsc-cursor-box {
    margin: 10px 0;
}
.gsc-cursor-page:first-child{
    border-left-width:1px;
}

.gsc-results .gsc-cursor-box .gsc-cursor-page:hover {
    text-decoration: none;
    background-color:gainsboro;
}

.gsc-cursor-current-page{
    background-color: gainsboro !important;
    color: #888 !important;
}

.searchImageBanner .gsc-control-searchbox-only {
    width: 75%;
    margin:auto;
}
.searchImageBanner .gsc-search-button{
    padding:0;
    height:auto;
    margin:0;
    }
.searchImageBanner .gsc-search-button .gsc-search-button{
    background-color:#4994db;
    color:black;
    width:100px;
    height:35px;
    border-radius:0;
    cursor:pointer;
  border:none;
}

.searchImageBanner .gsc-input-box {
    border: 1px solid #D9D9D9;
    background: #fff;
    height: 35px;
    padding-top: 7px;
}
.searchImageBanner input.gsc-search-button-v2 {  
    padding: 7px 10px;
    margin: 0 !important;
}
.searchImageBanner .gsst_a {
    padding-top: 0px;
}
h1.searchOverlayText {
    margin-bottom:10px;
}
.searchImageBanner .gsc-search-box-tools .gsc-search-box .gsc-input {
    border: 0;
    padding: 0 0 0 0px !important;
    margin: 0;
    color: #444;
}
table.gstl_51.gssb_c {
    margin-top: 0px !important;
}