#background {
    min-width: 1200px;
    background: #fff;
}

#structure {
    position: relative;
    width: auto;
    background: none;
    margin: 0;
}

.selector {
    position: relative;
    background: #444;
    color: #fff;
    height: 48px;
    z-index: 255;
    text-align: center;
}

.selector a.trades {
    padding: 12px 8px 8px 8px;
    line-height: 48px;
    color: #fff;
    text-decoration: none;
}

.selector a.trades:hover {
    text-decoration: underline;
}

.selector a.trades.active {
    font-weight: bold;
    text-decoration: underline;
}

#controller {
    height: 48px;
}

#controller table {
    width: 100%;
}

#controller form {
    padding-top: 4px;
}

#controller select {
    margin: 0 2px;
    padding: 8px;
    border-radius: 4px;
    border: none;
    background: #fff;
}

#controller button {
    background: #fff;
    border: none;
    margin: 1px 0 0 2px;
    padding: 9px;
    border-radius: 4px;
    cursor: pointer;
}

.selector input[type="button"]:hover {
    background: #9cf;
}

.controller-option {
    display: none;
}

.controller-option-active {
    display: inline;
}


#controller-form {
    width: 472px;
    float: left;
}

#product-currency {
    width: 64px;
    padding-top: 12px;
    float: left;
    color: #fff;
    font-weight: bold;
}

.dataset {
    border: 1px solid #ddd;
}

.market-dataset .market-dataset-state .dataset {
    margin: 0; 
    border-left: none;
    border-right: none;
    border-top: none;
}

#dataset .market-dataset .dataset {
    border-top: none;
}

#dataset .market-dataset .dataset table {
    border-top: none;
    table-layout:fixed;
}

td.settle {
    font-weight: bold;
}

.age-0 {
    background: #ff0;
}

.age-1 {
    background: #ff1;
}

.age-2 {
    background: #ff2;
}

.age-3 {
    background: #ff3;
}

.age-4 {
    background: #ff4;
}

.age-5 {
    background: #ff6;
}

.age-6 {
    background: #ff7;
}

.age-7 {
    background: #ff9;
}

.age-8 {
    background: #ffa;
}

.age-9 {
    background: #ffc;
}

.market-dataset-state .dataset {
}

.market-dataset-state-wrap {
    border-right: 1px solid #ddd;
}

.market-dataset-overview {
    border-bottom: 1px solid #ddd;
}

.dataset td.instrument {
    width: 80px;
}

.market-dataset-state .dataset td.instrument {
    border-left: 1px solid #ddd;
    width: 40px;
}

.market-dataset {
}

.market-dataset h1 {
    margin: 0 0 2px 0;
    font-size: 11pt;
    padding-left: 4px;
    background: #e8f1c3;
}

#dataset h2 {
    margin: 0;
    padding: 8px;
    color: #16171a;
    background: #CFE287;	
    font-size: 10pt;
}

#dataset h3 {
    margin: 0;
    padding: 8px;
    color: #16171a;
    background: #E8F1C3;	
    font-size: 10pt;
}

#dataset h3 a {
    color: #16171a;
}

#dataset .market-dataset-state h2 {
    margin: 0; 
}

#dataset h2 a {
    color: #16171a;
}

.market-dataset h2 {
    margin: 0; 
    padding: 8px;
    color: #16171a;
    background: #CFE287;	
    font-size: 10pt;
}

.market-dataset h2 a {
    color: #16171a;
    background: #CFE287;
}

.market-dataset h2 a:hover {
    text-decoration: none;
}

.market-dataset table {
    width: 100%;
}

.market-dataset table tr td {
    vertical-align: top;
    font-size: 8pt;
}

.market-dataset.fat table tr td {
  font-size: 10pt;
  padding: 4px;
  font-family: monospace;
}

.market-dataset td.market-dataset-state {
    width: 25%;
    padding: 0;
    vertical-align: top;
}

.market-dataset-overview .dataset td {
    font-size: 8pt;
    padding: 0;
}

/* market datasets td right aligned by default for numeric data */

.market-dataset .dataset {
    margin: 0;
}

.market-dataset .dataset td {
    text-align: right;
    padding: 4px;
}

.market-dataset .dataset td.subhead {
    border-top: 1px solid #ddc;
    background: #f6f6f6;
    text-align: left;
    font-weight: bold;
}

.dataset td.instrument {
    border-right: 1px solid #ddd;
    background: #EEF5D3;
    text-align: left;
    font-weight: bold;
}

.market-dataset .dataset thead {
    text-align: left;
    background: #E8F1C3;
    color: #666;
}

.market-dataset .dataset thead td.instrument {
    text-align: left;
    background: #E8F1C3;
}

.dataset td.instrument a {
    color: #16171a;
}

.market-dataset .dataset td.date {
    border-right: 1px solid #ddc;
    background: #f6f6f6;
    text-align: left;
}

.market-dataset .dataset thead td.date {
    background: #E8F1C3;
}

.market-dataset#overview .dataset thead td.date {
    width: 32px;
    background: #E8F1C3;
    text-align: left;
}

.dataset .up {
    color: #090;
}

.dataset .down {
    color: #900;
}

.dataset .flat {
    color: #16171a;
}