table, tr {
width:100%;
border: 1px solid black;
border-collapse: collapse;
text-align: center;
margin-top: 10px;
margin-left: 10px;
}

table.currency, tr {
width: 95%;
border: none;
border-collapse: collapse;
text-align: center;
margin-top: 5px;
margin-left: 0;
}

#result th {height:50px; color:white; }
#result tr {height:30px; border:none;}
#result tr:nth-child(odd) {background: #E0EBEB;}
#result tr:nth-child(even) {background: white;}
#result tr:hover {color:white; background:#161818;}

#menu table {width:60%; float:left; margin-left: 30px; }
#menu th {height:30px; text-align:center; background: MediumOrchid; }
#menu tr:hover {color:white; background:blue;}
#menu tr {text-align:left; }
#menu td {vertical-align:top; margin-left: 2px; }

#amount2 { text-align: right; width:50px; padding-left:10px; }

table.history, th.history {height:30px; background: MediumOrchid; }

th.tabhead {height:30px; background: MediumOrchid; };

td {width:100%, text-align:left; margin-top: 2px; margin-right: 5px;}

.cust { background-color:blue; }
.achdr { background-color:#006600; }
.diary { background-color:darkred; }
.trans { background-color:#FFCCFF; }
.cashier { background-color:purple; }
.amount { text-align: center; width:150px; padding-left:10px; }
.amount2 { text-align: right; width:150px; padding-left:10px; }
.balance { text-align: right; width:100px;}
.date { text-align: center; width:200px; }
.date2 { display:none; }
.desc1 { text-align: center; width:300px; padding-left:10px; }
.chit { text-align: left; width:300px; padding-left:30px; }
.refno { text-align: center; width:50px; }
.waiter { text-align: center; width:50px; padding-left:10px; }
.qty { text-align: center; width:50px; }
.user { text-align: center; width:80px; }
.row { height: 30px; color:#000000; }
.footer { background-color:#46474A; color:white; }

.tblchit { background-color:orangered; }
.tblfolio { background-color:olivedrab; }
.tblres { background-color:navy; }
.tblfunc { background-color:mediumvioletred; }
.tblsess { background-color:slategray; }

input.date { width: 50%; height: 100%; text-align: center; }
input.code { width: 50%; height: 100%; text-align: center; }
input.desc1 { width: 100%; height: 100%; text-align: center; }
input.amount { width: 70%; height: 100%; float:right; clear:both; }
input.rate { text-align:right; }

td.code { width:100px; }

.leftbar {position:fixed; top:40px; margin-left:0px; width:180px; background:#E6E6E6; height:90%; opacity:0.95; } 
.main {position:absolute; top:40px; left:200px; width:80%; }

.record {display:none; }

.tblnav {display:inline; position:relative; float:left; width:100%; height:50px; margin-top:10px; }
.tblnav2 {display:inline; position:relative; float:right; width:100%; height:30px; margin-top:5px; margin-bottom:5px; }