.main {margin-right:0}

.pgBody{width:1150px;}

div.infoDiv, #cpanel, div#steelTblCont, div#cmgrDiv, table.steelTbl td, table.stlDataDef td,
table.stlDataDef, table.stlDataDef th {
    border:1px solid var(--g-bgcol-4);
}

div#tipDiv {width:600px;text-align:left;}
div#tipDiv p + p, div#stlInfoDiv p + p {text-indent:0;}
div#tipDiv div.stkCont {padding:1em}

/* displays info messages*/
div.infoDiv {
    width: 300px;
    min-height: 100px;
    font-size: 10pt;
    text-align: center;
    visibility: hidden;
    position: absolute;
    background: var(--g-col-blk)
}

h4 {display:block;margin:0.5em}
label, input, select {font-size:8pt}
input[disabled='disabled'] {background:var(--g-bgcol-3);}


input[type='checkbox'] {width: 1em;background:var(--g-col-blk)}

#cpanel div.brdDiv {width:1px}

#cpanel {
    background-color: var(--g-col-blk);
    background-image: var(--grd-180-d);
    width: 820px;
    margin: 1em 0 1em 0;
    padding: 0;
    color: var(--g-tcol-h);
    visibility: hidden;
}
#cpanel div, div.chrange {border-right:1px solid var(--g-bgcol-4);padding:0;margin:0;display:inline-block;width:7em;text-align:center}
#cpanel div:hover, div.subMenu a:hover {
    background-color: var(--g-col-blk);
    background-image: var(--grd-145-d);
}

#cpanel div {padding:3px 0 3px 0;height:auto}
div#cpanel input,
div#cpanel button {
    width: 6em;
    margin-top: 1px;
    padding: 0px 5px 0px 5px;
    background: none;
    color: var(--g-tcol-h);
    border: none;
    background: none;
}

div#lastBtn, div#mnuhlp {border:none}

div.chrange {
    background-color: var(--g-col-blk);
    width: 11em;
    padding: 0.2em 0 0.2em 0;
}

div.charmenu {width:100%;text-align:center;margin:0.2em 0 0.5em 0}

div.subMenu {border:1px solid var(--g-bgcol-4);visibility:hidden;position:absolute;
			background:var(--g-col-blk);z-index:5;padding:0.5em 0.3em 0.5em 0.3em}

div#cpanel .subMenu{width:12em;display:block;}
div#cpanel div.subMenu:hover, div#cpanel div.smCell{background:var(--g-col-blk)}
div#cpanel div.smCell, div.smCell {display:table-cell;width:15em;border:none;text-align:left}

.smCellCont{min-width:47em;min-height: 30em;}
.smCellCont div.smCell {border-right:1px solid var(--g-bgcol-4)}

div.subMenu a:link,
div.subMenu a:visited,
div.subMenu a:active {
    text-decoration: none;
    display: block;
    margin: 0.1em 0.6em 0.1em 0.6em;
    padding: 2px 0 2px 0.5em;
}

.chrTtl {display:block;padding:0.3em 0 0.3em 0.3em;font-size:10pt;font-style:italic;text-align:left;}

#srchDiv {margin:7px 0 5px 0}
#srchDiv div {display:inline}
#srchDiv input {width:680px; margin-right:0;padding:3px 0 2px 3px;} 
#srchDiv input, #srchDiv button {border:solid 1px var(--g-bgcol-4);font-size:9pt;height:14px}

#srchDiv button {position:relative;top:0px;padding:0;}

.btny, table#chemicals input[type="submit"] {
    text-align: center;
    width: 6em;
    font-size: 10pt;
    padding: 3px 0 3px 0;
    margin: 2px 0 0 0px;
    color: var(--g-tcol-h);
    background-color: var(--g-col-blk);
}

.colCk {width:4em;}
.colEl, .colSig, .colInp {width:1em;}
.scInp {width:105px}
.colButton {width:11em;}
.shInp {width:4em}

div#stgDiv {padding:0 0 1em 0;border:1px solid var(--g-bgcol-4);margin:0;width:42em}
input#fmSnmInp{width:96%;margin:0 0 5px 0}

div.formButtons {text-align:right;margin-top:1em}
div.stgDlgBtns{text-align:center;margin-top:1em}
div.stgDlgBtns button {width:10em}

div.stlTblCont {width:100%;height:100%;overflow-x:auto;overflow-y:hidden;padding:2px;}

div#filterElements{text-align:center;width:100%;}
div#filterElements table {margin-left: auto;margin-right: auto;}

.gsTb {width:40em;border-collapse:separate}
.gsTb, table#chemicals, .gsTb td, table#chemicals td {border:0;padding:1px 1px 1px 1px;margin:0px;}
.gsTb td {text-align:right;}
.gsTb tr{margin:0 0 5px 0;}
.gsTb input, table#chemicals input {margin:0;padding:2px;height:1.2em}
.gsTb input {width:98%;}
.gsTb select {width:100%;margin:0;padding:0px;height:1.6em;}
.gsTb col.colCk {width:150px;}

div#stgDiv {width:20em;padding:0}
div#stgDiv table {width:19em;}
div#stgMain, div#filterMain {padding:0.5em}
div#stgDiv .colButtonTd {width:10em;text-align:center;margin-bottom:3px}

/* table#gsrch td{border:1px solid red} */

table#chemicals {width:31em;}
table#chemicals input {width:3em;}
table#chemicals td {text-align:right;margin:0;padding:0 0 3px 2px}
table#chemicals label {margin:0;padding:2px}
table#chemicals input[type="checkbox"] {margin:0 0 0 12px;padding:0;border:0;background:var(--g-col-blk);width:1em}

p#qStats, p#genStats {text-align:right;margin:0.5em;}

table td, table th {font-weight:300;font-size:8pt;padding:0 1px 0 1px;border-bottom:0;}

table div {margin:0;padding:0;}

div#steelTblCont {margin:0;padding:0;visibility:hidden;height:400px;}
.scrollerContent{width:1024px;overflow:hidden;position: absolute;top:0px}
#stlScbContainer {position: absolute;top:0; left: 0;}
.scbContainer {visibility:hidden}
.OScbUp, .OScbDown, .OScbBtn, .OScbTrk { border:1px solid var(--g-bgcol-4);background-color: #191919;}
.OScbBtn {background-color: #252525;}


div.hdrDiv {
    margin: 0 0 0 0;
    border-bottom: 0px solid;
    height: 1.3em;
    padding: 1px 0 1px 0;
    background-color: var(--g-col-blk);
    background-image: var(--grd-180-d);
    font-size: 8pt;
    z-index: 1;
}
div.hdrDiv div {float:left;text-align:center;width:40px;margin:0;position:relative;
                height:1.2em;font-size:7pt;padding:0;text-shadow:2px 2px 1px var(--g-col-blk)}
div.hdrDiv div div {width:100%;margin:0;padding:0;}

div.hdrDiv img {margin:0 0px 0 0;padding:4px 0px 1px 0px;border:0;float:right;}

div.innerTblDiv {clear: left;}

div#cmgrDiv{width:150px;background:var(--g-col-blk);padding-bottom:0.5em}
div#cmgrDiv table {margin:0.5em}
div#cmgrDiv table, div#cmgrDiv table td {border:0;}
div#cmgrDiv table td {text-align:left;}

table.steelTbl {font-family:arial;width:1024px;border:none;margin:0px;padding:0;background:#191919;table-layout:fixed}
table.steelTbl tr:hover {background:var(--g-bgcol-2);}
table.stlDataDef p {margin:0;padding:0;text-align:center;}

table.steelTbl td, table.stlDataDef td {vertical-align: middle;border-right:none;border-bottom:none;}
.stlGrpNm {text-align:left;margin-bottom:4px;}

table.steelTbl td{ word-wrap:break-word; }

/* background:var(--g-bgcol-2); -webkit-border-radius:5px; -moz-border-radius:3px;-border-radius:3px; text-shadow:1px 1px 0px var(--g-tcol-n);*/
div.stlGrpNm div, .stlNmLnk {padding:1px 1px 1px 1px; margin:1px 1px 1px 1px; display:inline-block;}
div.stlGrpNm div sup, .stlNmLnk sup {position:relative;top:2px}

div.kbShorts {display:none;width:400px;text-align:left;}
div.kbShorts em {color:var(--g-tcol-h);}


table.stlDataDef {visibility:hidden;}
table.stlDataDef tr:hover {background:var(--g-bgcol-2);color:var(--g-tcol-h);}
table.stlDataDef th {
    background-color: var(--g-col-blk);
    background-image: var(--grd-180-d);
    padding: 2px 4px 2px 4px;
    text-align: center
}

table.steelTbl {border-left:none}

table.steelTbl p{padding:0 0.1em 0 0.1em;text-align:center}

/* Those classes need ot stay individial, otherwise column management will not work in steel table,
   change will be allplied ot all of them. */
.stComp {border-left:none;width:20px;vertical-align: middle;}
.stCname {text-align:left;width:150px;}
.stCbase {padding:0;text-align:center;width:2.5em}
.stCC {text-align:center;}
.stCCr {text-align:center;}
.stCCo {text-align:center;}
.stCCu {text-align:center;}
.stCMn {text-align:center;}
.stCMo {text-align:center;}
.stCN {text-align:center;}
.stCNb {text-align:center;}
.stCNi {text-align:center;}
.stCP {text-align:center;}
.stCS {text-align:center;}
.stCSi {text-align:center;}
.stCW {text-align:center;}
.stCV {text-align:center;}
.stCtech {text-align:center;width:2.5em}
.stCcountry {padding:0 0.5em 0 0.5em;text-align:center;}
.stCmaker{text-align:center;width:100px}
-->