body{margin:0px;}
*{font-family:arial, helvetica, sans-serif;font-size:12px;color:#222;}
a img{border:0px;}
input, select, textarea{border:solid 1px #788;color:#424c65;}
small{font-size:10px;color:#424c65;}
th{background:#206080;color:#ffffff;padding:2px;border-top:solid 1px #f8f8f8;border-bottom:solid 1px #788;}
th b{color:#fff;}
.stronglink{color:#248;font-size:13px;font-weight:bold;}
.blt{color:#000; font-size:26px}
.loginform{border-top:solid 1px #6090c3;border-bottom:solid 1px #6090c3;margin-top:20px;}
.tlogin{width:400px;}
#header td{background:#6090c3;color:#ffffff;}
#footer td, #footer a{background:#6090c3;color:#ffffff;font-size:10px;text-decoration:none;}
#header h4{font-size:18px;color:#ffffff;margin-bottom:0px;}
#adminmenu{background:#ecf1f8;border-bottom:solid 1px #6090c3;}
#adminmenu a{margin-left:10px;display:block;text-decoration:none;color:#204060;font-weight:bold;font-size:18px}
#adminmenu a:hover{color:#902020;}
.admin_content{margin-top:20px;padding:10px;}
td.tvalue{border-top:solid 1px #f8f8f8;border-bottom:solid 1px #788;background:#e8ecf3;padding:2px;height:15px; font-size:18px}
td.btvalue{border-top:solid 1px #f8f8f8;border-bottom:solid 1px #788;background:#e8ecf3;padding:2px;font-size:18px;font-weight:bold}
td.btvalue a{font-size:14px;text-decoration:none;color:#222;}
td.btvalue a:hover{color:#902020;}
td.tvalue_lnk{border-top:solid 1px #f8f8f8;border-bottom:solid 1px #788;background:#e8ecf3;padding:2px;cursor:pointer;}
#hdr_report{padding:4px;border-top:solid 1px #ccc;border-bottom:solid 1px #ccc;}
.pset{border:solid 1px #788;background:#f1f3ff;width:14px;}
.pset a{text-decoration:none;font-weight:bold;display:block;height:14px;text-align:center;color:#248;}
#pageset *{font-size:11px;}
table.tlogin tbody tr td, table.tlogin tbody tr td input, table.tlogin tbody tr td select, table.tlogin tbody tr td option {font-size:18px; color:#000; width:200px}
.left_col{float:left;display:block;width:25%;}
.right_col{float:right;display:block;width:74%;}
#sysname{ padding:5px;color:#FFFFFF; font-size:18px; font-weight:bold; float:right}
#date{padding:5px;color:#FFFFFF; font-size:16px; font-weight:bold; float:left}
#header{background-color:#006699; display:block; height:30px}
#control_btn{display:block; padding:5px; height:40px}
#man_btn{float:right; background-color:#006633; width:100px; height:30px; border:#FFFFFF 1px solid; text-align:center; padding-top:10px}
#man_btn:hover { background-color:#009933}
#man_btn a, #logout_btn a {color:#FFFFFF; font-size:16px; font-weight:bold; text-decoration:none; display:block; width:100%; height:100%}
#logout_btn{float:left; background-color:#CC0000; width:100px; height:30px; border:#FFFFFF 1px solid; text-align:center; padding-top:10px}
#logout_btn:hover { background-color:#FF0000}
img {width:32px;height:32px}

/***
Sales frontend
***/
#fe_sales{border:solid 2px #6090c3;}
#fe_sales form{margin-bottom:0px;}
td.keybn{font-size: 18px;font-weight: bold;width:25%;height:25%;padding:0px;text-align:center;border:solid 1px #788;cursor:pointer;}
td.keybn_click{font-size: 18px;font-weight: bold;width:25%;height:25%;padding:0px;text-align:center;border:solid 1px #788;cursor:pointer;}
td.keybh{font-size: 18px;font-weight: bold;width:25%;height:25%;padding:0px;text-align:center;border:solid 1px #788;cursor:pointer;}
td.keybv.green {color: red;font-size: 18px;font-weight: bold;}
td.red{background-color:#FF3300 ;font-size: 18px;font-weight: bold;width:25%;height:25%;padding:0px;text-align:center;border:solid 1px #788;cursor:pointer; color:#FFFFFF}
td.red_click{background-color:#FF6600;font-size: 18px;font-weight: bold;width:25%;height:25%;padding:0px;text-align:center;border:solid 1px #788;cursor:pointer; color:#FFFFFF}
td.keybh_click{font-size: 18px;font-weight: bold;width:25%;height:25%;padding:0px;text-align:center;border:solid 1px #788;cursor:pointer;}
td.keybv{font-size:18px;width:25%;height:25%;padding:0px;text-align:center;border:solid 1px #788;;cursor:pointer;}
td.keybv_click{font-size:18px;width:25%;height:25%;padding:0px;text-align:center;border:solid 1px #788;;cursor:pointer;}
#sales_items{overflow-y:scroll;border:solid 1px #788;float:left;display:block;width:100%; height:40%}
#tbl_sitems tr.selected td.tvalue{background:#cc8022;}
#sales_items td.tvalue{padding:0px;padding-right:2px;}
.inp2{text-align:center;font-size:16px; font-weight:bold}
td.scurrency1, td.scurrency2{width:80px;text-align:left;border:solid 1px #788;font-weight:bold;}
td.scurrency1{color:#555;}
td.scurrency2{color:#922;}
#fe_categories{border:solid 2px #6090c3;height:130px; display:block;overflow-x:scroll;overflow-y:hidden}
table.tabcategory{width:100px;height:100px;border:solid 1px #cccccc;margin:5px;float:right;text-align:center;cursor:pointer; background-color:#46b8da;}
table.tabcategory tbody tr td {font-size:16px; font-weight:bold}
#fe_items{border:solid 2px #6090c3;height:70%; margin-top:5px; overflow-y:scroll}
table.tabitem{width:100px;height:62px;border:solid 1px #cccccc;margin-top:5px;float:right;text-align:center;cursor:pointer; background-color:#337ab7}
table.tabitem:hover {background-color:#337aff;}
table.tabitem tbody tr td {font-size:16px; font-weight:bold; color:white}
#customerDiv0, #customerDiv1, #customerDiv2, #customerButton{border:solid 1px #778;}
#customerDiv0{width:410px;height:18px;}
#customerButton{width:100px;height:20px;}
#customerDiv1, #customerDiv2{padding:5px;position:absolute;width:500px;border:solid 1px #788;margin-top:-1px;height:380px;overflow:auto;display:none;background:#f1f3f5;}
#customer_menu{text-align:left;border-bottom:solid 1px #ccc;margin-bottom:4px;}
#customer_menu a{text-decoration:none;}
#customer_menu a:hover{color:#922;}
#findcustomertext{width:300px;}
#tfinalsale td{border:solid 1px #ccc;}
b.tdtotal{color:#922;}
#salediv{margin:20px;}
.sale_value{border:0px;text-align:left;}