body {margin:0px; padding:0px; font-family:Arial, sans-serif; font-size: 10pt; border:none;}
div#dbSel {float:right;padding:4px 40px 4px 0; height:28px}
div#menuHorz {background-color: #dddddd; padding: 0; height:28px; width:100%}
div#menuHorz .ptr {cursor: pointer;}
ul#m_root li.horz {width:100px; height:20px; padding: 4px 0; float:left;}
ul#m_root li, ul#m_root li.horz { border-bottom: 0; padding: 4px 4px 4px 8px;}
ul#m_root li.over {background-color:#c0c0c0; color:white;}
ul#m_root ul {border-bottom: 1px solid black}
ul#m_root ul {width:110px}
ul#m_root ul.over {color: black;}
ul#m_root ul li.over {background-color:#9be298;}
ul#m_root li.report {width:150px}
ul#m_root ul.report {width:160px} 
ul#m_root ul.report li {width:148px}
ul#m_root li.tools {width:130px}
ul#m_root ul.tools {width:140px}
ul#m_root ul.tools li {width:128px}
ul#m_root ul.tools ul li {width:96px}

.hid {display:none !important}
.palegrn {background-color:#d0ffce;} 
.hdrgreen {background-color:#a8efa0;}
.red {color:red}
.err {background-color:yellow}
input[type="text"] {border-width: 2px; border-style: inset; width:80px;}
input[type="checkbox"] {border: 0px none}
select {border-style:inset; border-width:2px;}
button {margin:0 14px;}
.center {margin: 0 auto;}
.txtcenter {text-align:center;}
.txtright {text-align:right;}
.txtleft {text-align:left;}
.fLeft {float: left;}
.fRight {float:right;}
.noBrk {white-space:nowrap;}
.anchor {position:relative;}
.inBlock {display: inline-block;}
table tr.rowSel {background-color:blue;color:white}
div.clr {clear:both;}
div#msgBox {position:absolute; z-index:80; width:50%; margin: 10px auto; padding:5px 20px; background-color:#a0ffb0;}
div#msgBox.err {color:white; background-color:#aa5020;}
img.closeIkon {border-width:0; position:absolute; top:4px; right:4px}
img#closeMsg {border-width:0; position:absolute; top:4px; right:4px}
img.srch {border:0px none; position:relative; top:3px; padding:0 8px}
li.srchBelow {padding-right: 41px;}
div.drag {
  position:absolute;
  z-index:1;
  max-width: 70%;
}
[draggable="true"] {
    cursor: move; /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

div.acctHdr {margin: 24px 0 8px 0;}
table.margins {margin-left:40px; margin-right:40px;}
table.unwrap {border: 1px solid black; border-right-style:none; border-bottom-style:none;}
table.listBox {border-spacing:0px; background-color:white; width:100%; border-collapse:separate;}
table.listBox tr td, table.symTable tr td {padding: 2px 4px; border:1px solid black; border-left-style:none; border-top-style:none;}
table.listBox tr.head td {text-align:center; white-space:nowrap;}
table.listBox tr.head td#cmdWrap {vertical-align:middle; border-width:0; padding:0 18px 0 0;}
table.tPad {margin-top: 8px; margin-bottom:24px}
ul.cmdList {position:relative; text-align:center; list-style:none; padding:0; margin: 0 10px 0 20px; float:left; z-index:1;}
ul.cmdList button {margin:0;}
ul.cmdRow {list-style:none;margin:10px auto; padding:0; text-align:center;}
ul.cmdRow li {display:inline;}
ul.cmdRow li.left {padding-left:0;}
ul.cmdRow li.right {padding-right:0;}
button.disabled {color: #aaaaaa;}
fieldset.trx,fieldset.trxLong {
  position:relative;
  margin:10px auto;
  vertical-align:middle;
  min-width:600px;}
fieldset.trx ul {padding-left:0;}
fieldset.trx ul li {height:22px;}
fieldset.trx ul label, fieldset.trxLong ul label {width:75px;}
fieldset.trx ul.rightSide {margin-right:14px; text-align:right;}
fieldset.trx span.trxNetCost {display:inline-block; width:88px;}
ul.trxCol2 {margin-left:0; padding-top:6px}
ul.trxCol2 label {text-align:left; vertical-align:top;}
ul.trxCol2 li {padding: 0 0 0 20px;}
span#shortName {height:20px; width:120px}
span#basis {margin-left: 85px}
ul.fRight li {text-align:right;}
div.trxCmds {
  margin-right:28px;
  margin-bottom: 18px;
  text-align: right;
}
ul#symSrchCmds {margin: 4px 4px 12px 4px; text-align:center;}
ul#symSrchCmds li {display:inline;}
ul#symSrchCmds li button {margin: 0 8px;}
input[name="shortNm"],input[name="shortName"] {min-width: 150px;}
input[name="longName"] {min-width: 250px;}
div.report {padding:10px 40px; border:1px solid;}
div.symReport {padding:40px; border:1px solid;}
div.repTitle {text-align:center; font-weight: bold; font-size: 14px}
div.tblwrapper {max-height:600px; overflow-y:scroll; clear:both; margin: 10px auto; border:1px solid;}
div.tblwrapper table {margin:0 auto;}
table#symTable {margin:0 auto; background-color:white; border-collapse:collapse; border-spacing:0px}
table#symTable tr.heading {background-color:#cccccc}
table#symTable td {border:1px solid}

div.acctReport {text-align: center; padding-top:10px; position:relative; border:1px solid black;}
table.acctRepHdr {text-align:right;}
table.acctRepHdr td {padding-left:16px;}
table.acctList {margin: 0 20px 0 60px;
  border-left: 1px solid black;
  border-top: 1px solid black;
  border-collapse: separate;
  background-color: white;
  width: initial;
}
table.acctList th {text-align:center;}
table.acctList tr {text-align:left;}
span.mode {
  display:inline;
  border: 1px solid #808080;
  padding: 4px 8px;
  background: #c8c8c8;
}

div.priceMat {
  position:relative;
  margin:20px auto;
  border:2px solid grey;
  min-width: 800px;
}
ul.priceCmds {float:left; width:200px; list-style:none; margin-right:40px; margin-top:200px}
li.priceButtons {padding: 12px 0;}
div.priceWrap {height: 650px; overflow-y:scroll; margin: 10px; border: 1px black solid;}
table.prices td {padding:0 5px}
table.prices tr.head {text-align: center}
div.editSkel {position:absolute; padding:2px; border:1px black solid;}
div.editSkel input {margin:0}

div.symIsym {position:relative; padding:6px 0; vertical-align: middle}
div.symIsym label {width:60px; vertical-align:middle;}
div.symIsym img.srch {top:8px; right:-32px}
table.acctRepHdr td.symIcol2 {padding-left:40px}
div.editTxSkel {position:absolute; padding:0; border: 1px black solid; text-align:center; z-index:10; color:black}
div.editTxSkel input {margin:0; padding:0; text-align:right}
div.editTxSkel label {padding:0 4px; text-align:left; vertical-align:middle}

div.pageNums table.pgNums {margin:0 auto}
div.pageNums .pagelink {background-color:#a8efa0; padding: 2px 4px}
div.pageNums .pagelink_selected {background-color: white; border: 1px solid black; padding: 1px 3px}
div.pageNums .pagelink_limit {background-color:#c0e0c0; padding:2px 4px;}
div.pageNums .prevNext img {vertical-align:middle}

div.repWrapper {height:500px; clear:both; margin: 10px auto;}
div.tblContain {position:relative;}
table.tblList {width:100%; border: 1px solid black; border-right-style:none; border-bottom-style:none;}
table.tblList tr.head td {padding-right:12px}
table.tblList tr.head td div {position:relative}
table.tblList tr.head td img {position:absolute; top:2px; right:-10px;}
table.tblList td.int {text-align:right;}
table.tblList td.money {text-align:right;}
table.tblList td.str {text-align:left;}
table.tblList td.date {text-align:left;}
table.tblList td.cellSel {background:blue; color:white;}
table.searchBar {width:100%; text-align:center;}
table.searchBar td {padding: 2px 4px; vertical-align:top}
td.selBox {width:35%; background-color:white; border: 1px solid black;}
ul.sCntrl {list-style:none; margin: 2px 10px; padding:0}
ul.sCntrl li {padding-top:2px; vertical-align:middle}
ul.sCntrl img {background-color:#add4ab;}
ul.sList {list-style:none; text-align:left; margin:2px 10px; padding:0; letter-spacing:-1px}
ul.sList li {padding:2px 4px}
ul.sList li.sel {background-color:#0000d8; color:white; letter-spacing:-1px}
td.srchCmd ul {margin:2px 10px; padding:0; list-style:none; text-align:left}
td.srchCmd li {padding:16px 0;}
.symSec label {width:85px;}

.sort_up::after {
  content:" " url(../images/up12.png);
  float:right;
  min-width: 1em;
}
.sort_down::after {
  content:" " url(../images/down12.png);
  float:right;
  min-width: 1em;
}