/* row BRIGHTON advanced futures, quotes ii, commodity quotes, quotes (framing) */

/* TemplatePrimaryStyleSheet - Style */
div.custom-header {text-align: center; padding: 0.1em; font-size: 0.8em; font-weight: bold; margin-bottom: 1.5em; display: none;}
table.dtn-quote {border-collapse:collapse; border-top-width: 1px; border-top-style: solid; border-right-width: 1px; border-right-style: solid; border-bottom-width: 1px; border-bottom-style: solid; border-left-width: 1px; border-left-style: solid; margin-bottom: 1em; margin-top: 0em;}
table.dtn-quote caption {text-align: left; padding: 0.5em 0.5em 0.5em 1em; border-bottom-width: 1px; border-bottom-style: solid; border-top-width: 1px; border-top-style: solid; border-right-width: 1px ; border-right-style: solid; border-left-width: 1px; border-left-style: solid;}

colgroup.rowheader1 {background-color: transparent;}
col.rowheader2 {background-color: transparent;} 

.exchange {font-style: italic;}

table.dtn-quote th~td {text-align: right; vertical-align: bottom;}
table.dtn-quote th {vertical-align: top;}
table.dtn-quote td {white-space: nowrap; vertical-align: top; padding: 0 1.7em 0.4em 0.3em;}

/* headings */
table.dtn-quote thead {} /* display: none; or nothing -- DO NOT USE display: inline */
table.dtn-quote thead th {text-align: right; font-weight: 900; font-family: 'arial black', arial, gadget, sans-serif; padding: 1em 1.7em 0em 0.3em;}
table.dtn-quote thead th:first-child {text-align: left; background-color: transparent!important; color: inherit!important; padding: 1em 6em 0.7em 1em; font-weight: 400; text-transform: uppercase;}
table.dtn-quote thead th.colheader2 {text-align: left;}
table.dtn-quote tbody th {text-align: left; padding: 0 2em 0.4em 1em;}
table.dtn-quote th.rowspan {text-align: left; background-color: transparent;}
table.dtn-quote tbody th.rowheader2 {text-align: left; white-space: nowrap; vertical-align: top; font-weight: normal; padding: 0 1.7em 0.4em 0.3em;}
table.dtn-quote tr.odd th, table.dtn-quote tr.even th {} /* same as - table.dtn-quote tbody th.rowheader2 - but can alternate rows */

table.dtn-quote tbody.beginbody-grouping {}
table.dtn-quote tbody.beginbody-grouping td {padding: 0.3em; border-top: none; border-right: none; border-bottom:  none; border-left: none;} 
table.dtn-quote tbody.grouping th {padding-top: 0.6em; padding-bottom: 0.6em; text-transform: uppercase; font-weight: normal; background-color: #ddd;}
table.dtn-quote tbody.grouping th span {}

table.dtn-quote tbody.caption th {text-align:left;}

table.dtn-quote tbody.beginbody {} /* display: none; or nothing -- DO NOT USE dislay: inline */ /* DISPLAY IS REQUIRED IF GROUPING AND BORDERS = TRUE */
table.dtn-quote tbody.beginbody td {height: 0; padding: 0; border: none;}
table.dtn-quote tbody.beginbody td:first-child {height: 0; padding: 0;}

table.dtn-quote tbody.beginbody-dupheader, table.dtn-quote tbody.dupheader {} /* display: none; or nothing -- DO NOT USE dislay: inline */
table.dtn-quote tbody.beginbody-dupheader td {height: 0; padding: 0; border-top: none; border-right: none; border-bottom:  none; border-left: none;} 
table.dtn-quote tbody.dupheader th {text-align: center; font-weight: 900; font-family: 'arial black', arial, gadget, sans-serif; padding: 1em 1.7em 0em 0.3em;}
table.dtn-quote tbody.dupheader th:first-child {text-align:left; background-color: transparent; color: inherit; padding: 1em 1.5em 0 1.5em; text-transform: uppercase; font-family: arial, 'helvetica neue', helvetica, sans-serif; font-weight: normal; vertical-align: bottom;}

table.dtn-quote tbody.endtable td {height: 1em; padding: 0; border: none;}
table.dtn-quote tbody.endtable td:first-child {height: 1em; padding: 0; border-top: none;}

/* optional label spans */
span.delivery-date {font-weight: normal; white-space: nowrap;}
span.underlying {margin: 0.7em 0 0.2em 0; font-weight: 900;}