body,td,th{font:normal 14px sans-serif;text-align:left;vertical-align:top;margin:0;padding:0}
table{width:100%; border-spacing:0}

label{font-size:10px; color:#888; display:block; }
option[disabled]{color:#aaa; background-color:#eee; }

.main{padding:12px}

.over {cursor:pointer}
.right{text-align:right}

.menubar{position:fixed; background-color:#ccc; width:100%}
.backdrop{position:fixed;width:100%;height:800px}/*background:#fff;opacity:0.8; */

.navbar {display:table; background-color:#ddd; border-bottom:1px solid #bbb; width:100%; position:fixed; }
.navbar h1{font:bold 14px sans-serif; padding:0; margin:0; }
.navbar>span{display:table-cell;vertical-align:bottom; padding:6px}
.navbar .selector{display:inline-block; text-align:left; padding:0 4px; }
.navbar>.keypad .chosen{background-color:#eee; }
.navbar>.keypad{width:48px; }

.undernavbar{padding:16px; }

.menutab{display:inline-block; margin:4px 0; padding:4px 0}
.menutab>span{padding:2px 8px}
.menutab>span.over{background-color:#ccc}
.menutab>span.chosen{background-color:#ddd}

.submenu{position:absolute; background-color:#ddd; border:2px outset #eee; font-size:12px; padding:8px}
.submenu table{table-layout:fixed}
.submenu td{width:50%;padding:2px}
.submenu ul{margin:0;padding:0}
.submenu li{margin:0;padding:2px;list-style:none;white-space:nowrap}
.submenu li.over, .submenu span.over{background-color:#ccc}
.submenu li.chosen, .submenu span.chosen{background-color:#028;color:#fff}

.submenu hr{margin:16px 16px 16px 0; color:#ddd; background-color:#ddd; height:1px}

.point-right .chosen{background:url(http://dapmx.org/stuff/point-right-white.gif) right center no-repeat; }


.scroll{overflow:auto; border:1px inset #ccc; background-color:#eee}
.keypad>span{display:inline-block;width:16px;margin:2px;text-align:center;border:1px solid #ccc}
.keypad>span.chosen{border:1px inset #fff; }

.select-bank{width:400px; position:fixed; }
.select-bank>div{display:table-row; }
.select-bank>div>*{display:table-cell; width:50%; padding:4px; }
.select-bank .scroll{height:400px}
.select-bank .scroll li{width:170px;overflow:hidden;font-size:11px}
.dead {color:#aaa; }

.oneline{height:1.4em; overflow:hidden; }
.acctitle{font-size:14px; background-color:#fff}

.acc{width:40px}
.txt{font-size:10px}
.num{width:72px; text-align:right; white-space:nowrap}
.total{border-right:1px solid #ccc}
.final{border-right:1px solid #888}

.act td{color:#080}
.pas td{color:#800}
.nil td{color:#888}


table.data{border-collapse:collapse; }
table.data>tbody{background-color:#fff; border-bottom:2px solid #aaa; }

.datarow>*{padding:2px;font:normal 11px sans-serif; }
.datarow>td{border-bottom:1px solid #eee; }
.datarow.over{background-color:#ffc}

thead th,th.data{border:1px solid #888; color:#fff; padding:2px; }
thead th{background-color:#666;color:#fff}
th.data{background-color:#aaa}
thead th.over, .over>th.data{background-color:#888}

.subgrid{padding:0;background-color:#eee; border:1px solid #888; border-top-width:2px; }
.subgrid>div{margin:-1px; } /* */

/*-moz-border-radius:2px;-webkit-border-radius:2px;*/

tfoot .datarow>th{font-weight:bold; text-align:right}
tfoot .datarow>td{background-color:#666; border:1px solid #888; color:#fff; }
tfoot .datarow>td.over{background-color:#864; }
tfoot .datarow>td.chosen{background-color:#a62; }

.analyzis>*{margin:8px 8px 8px 0; padding:4px; background-color:#fff; text-align:right; }
.analyzis span{display:inline-block; padding:0 8px; text-align:left; }
.analyzis img{height:125px; border:none}

.disclaimer{border:2px solid red; background-color:#ffa; text-align:center; padding:24px; margin:24px 0}
.intro{padding:12px}

.page-footer>*{display:inline-block; margin:8px; padding:0}
pre{font:normal 10px sans-serif; }