#userControls {
    padding-bottom:4px;
    width:100%;
    margin-bottom:14px;
    display:table
}

#userControls h4 {
    margin:15px 0 7px
}

#resultsTable {
   
    padding:5px 0 0
}

#controlLeft {
    float:left;
    width:240px;
    margin-right:8px;
    padding-left:5px
}

#filterPrompt {
    margin-left:5px;
    text-decoration:none;
    display:none
}

.filterDropDowns {
    width:210px
}

#controlTypes {
    float:left;
    width:160px
}

#controlExchanges {
    float:left;
    width:244px
}

#controlButtons {
    float:left;
    clear:right;
    padding-top:88px
}

a#resetter {
    display:block;
/* or, maybe hide it on load and when no reset needed? ixnay.. */
    text-decoration:none
}

#errorMssg,#svcMssg {
    color:red;
    background-color:#F8E6E6;
    border:1px solid #FE5959;
    font-weight:700;
    display:none;
    margin:12px 0;
    padding:4px;
    width:90%
}

span#streamMssg {
    margin-left:0;
    float:left;
    width:132px
}

p#lastUpdateMssg {
    float:left;
    margin-top:2px;
    margin-left:0;
    width:518px
}

#timeStamp_xml {
    display:none
}

span#timeStamp {
    font-style:normal;
    margin-left:5px
}

a#helper:before {
  
  font-family: "cmeIcons";
  content: '\e820';
  font-size: 20px;
  position: absolute;
  right: 38px;
}


#tableBlockRecords {
    width:718px
}

/* market trades css */
#userControls.marketTrades {
    padding:3px!important
}

#userControls.marketTrades #controlButtons {
    padding-top:0!important
}

#userControls.marketTrades h4 {
    margin:0!important;
    font-weight:700!important;
    margin-bottom:3px!important;
    font-size:11px!important
}

#userControls.marketTrades #controlLeft {
    width:285px!important;
    border-right:solid 1px #c2cace
}

#userControls.marketTrades #controlLeft div {
    float:left!important
}

#userControls.marketTrades #controlLeft div:first-child {
    width:65px!important;
    margin-top:3px!important
}

#userControls.marketTrades #controlTypes {
    width:250px!important;
    margin-top:3px!important
}

#userControls.marketTrades #controlTypes div {
    float:left!important;
    margin-right:5px!important
}

#userControls.marketTrades #controlTypes div:first-child {
}

#userControls.marketTrades #controlTypes div input {
    padding:0!important;
    margin:0!important
}

#userControls.marketTrades #controlButtons {
    float:right!important;
    margin-top:3px!important
}

#userControls.marketTrades #mod_tradedates {
    margin-top:2px!important
}

#userControls.marketTrades #mod_tradedates select {
    outline:0!important
}

#userControls.marketTrades #controlButtons a#resetter {
}

#controlTypes,#controlExchanges,#controlSources {
    width:140px
}

#controlSources {
    float:left
}

#controlButtons {
    padding-top:108px
}

#resultsTable_white {
    clear:both!important;
    left:0!important;
    width:100%!important
}

#resultsTable {
    width:100%!important;
    border:none;
    line-height: 14px;
}

span#streamMssg {
    width:170px
}

p#lastUpdateMssg {
    width:auto
}

.filter_types {
  margin-bottom: 15px;
}
.filter_exchanges {
  margin-bottom: 10px;
}
tr#resultsHeadings {
  border-top: none !important;
  border-bottom: none !important;
border: solid 1px #c2cace !important;
}

#resultsHeadings th {
  font-family:'Averta-Semibold', sans-serif !important;
  padding: 10px 5px !important;
  background: #112b4a;
  color:white;
  font: bold 11px 'Averta-Semibold' !important;
  text-align: center;
  text-transform: uppercase;
}

#tableBlockRecords th > span > a {
  text-decoration: none !important;
  color: white;
}

#tableBlockRecords th > span > a:hover {
  color: #3cc8ff;
}

#tableBlockRecords th td{
border: solid 1px #c2cace !important;
}

#tableBlockRecords th > span {
  text-align: center !important;
  margin: 0;
}

th#colprice {
  padding-right: 0;
  text-align: center;
}

.sort_desc span:after {
  font-family: "cmeIcons";
content: '\e962';
color:#3cc8ff;
}

  .sort_asc span:after {
  font-family: "cmeIcons";
  content: '\e963';
color:#3cc8ff;
}

.sort_desc span {
color:#3cc8ff;
}

  .sort_asc span {
color:#3cc8ff;
}

.dataRow_color {
  /*background: #e4e4e4 !important;*/
background:transparent !important;
}

.dataRow td {
background:transparent !important;
font-family:Roboto-Mono,monospace;
padding: 10px 6px !important;
}

.dataRow:nth-child(odd){background: #f1f5f7  !important;}

.dataRow td:last-child {
  white-space: nowrap;
}

.dataRow:hover{
background-color: #ebedee !important;
}