@charset "utf-8";
/* CSS Document */
* {  margin: 0;  padding: 0;}
body{margin:0;  font-family: 'Open Sans', Arial, sans-serif;  font-size:14px; color:#000; background:#fff;}
p, form, h1, h2, h3, h4, h5, h6, img, li, ol{padding:0; margin:0; border:0; outline:none; list-style:none;}
#containerP{margin:0 auto; width:100%; }
#container{width:100%; float:left; background:#fff; }
#header{clear:both; float:left; border:1px solid #ccc; width:99%; padding:5px 10px;}
#headerP{clear:both; float:left; border:1px solid #ccc; width:958px; padding:10px;}
.logo{float:left;}
#loginBox{	float:right; border:0px solid; 	}
#loginBox input{	margin-bottom:4px; float:left;	}	
#afterlogin{	float:right; border:0px solid; 	}	
#menuP{clear:both; float:left; border-bottom:0px solid #ccc; width:100%; margin-top:10px;	}
#menu{clear:both; width:100%; margin:0 auto; padding:0px 0; background:#35a559; float:left; position:relative; z-index:999; }
#menu td{padding:0;}
#banner{clear:both; float:left; height:250px; margin-bottom:10px; border:1px solid #ccc; width:978px;}
#banner p{font-size:55px; display:block; margin:0 auto; text-align:center; color:#f2f2f2; padding-top:65px;}
#midP{clear:both; float:left; border:0px solid #ccc; width:980px;  }
#mid{clear:both; float:left; border:0px solid #ccc; width:100%; position:relative; background:#fff; padding:20px 0;}
#lhs{float:left; border:1px solid #ccc;  width:208px;  margin-right:10px;padding:10px;}
#content2{float:left; border:1px solid #ccc; width:718px; min-height:458px; padding:10px;}
#contentP{float:left; border:1px solid #ccc; width:958px; padding:10px;}
#content{border:0px solid #ccc; width:99%; padding:0px; min-height:358px; display:block; margin:0 auto;}
#content3{float:left; border:1px solid #ccc; width:958px; padding:10px; min-height:358px;}
#footer{clear:both; float:left; border:0px solid #ccc; width:100%; margin-top:10px; padding:0px 0; background:url(../images/footerBg.png) repeat-x top #e3e3e3; color:#000; margin:0 auto; height:48px;}
#footer a{color:#000;}
.fLeft{float:left;}
.fRight{float:right;}
.clear{clear:both;}
.red{color:#F00;}
.red2{color:#fff;}
a{color:#0070c0; text-decoration:none;}
h1{font-size:20px; margin-bottom:10px; background:#f2f2f2; border:1px solid #ccc; padding:5px;}
h2{font-size:16px; color:#333; margin-bottom:10px; background:#f2f2f2; padding:5px 10px;}
h3{font-size:14px; color:#F00; margin-bottom:8px;}
h3 .caption{font-size:12px; color:#000;}
h4{font-size:14px; color:#000; margin-bottom:8px; background:#f2f2f2; border:1px solid #ccc; padding:5px;}
h5{font-size:14px; color:#000; margin-bottom:8px; background:url(..//images/bul2.png) no-repeat; padding-left:14px; background-position:0 6px; }

#mid INPUT[TYPE=TEXT], INPUT[TYPE=PASSWORD], SELECT, TEXTAREA{   border: 1px solid #ccc;   padding:4px; font-size:12px; font-family: 'Open Sans', Arial, sans-serif;     -moz-border-radius:2px;-webkit-border-radius:2px;border-radius: 2px; width:250px; background:#fff;}
#mid SELECT{width:270px;}
#mid TEXTAREA{height:62px;}

#mid INPUT[TYPE=SUBMIT], INPUT[TYPE=RESET], INPUT[TYPE=BUTTON] {	background:#313131;	-moz-border-radius:6px;
-webkit-border-radius:6px;border-radius: 6px;text-shadow: 1px 1px 2px #000;color:#fff; font-size:12px;font-family: 'Open Sans', Arial, sans-serif; vertical-align:middle; padding:3px 10px; cursor:pointer; border:1px solid #333;	}
#searchBox{border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; padding:10px; margin-bottom:20px; background:url(../images/searchBg.png);}
.box, .boxS, .boxM, .boxM2, .boxL, .taS, .taM, .taM2, .taL, .seS, .seM, .seM2, .seL, .aBox{	font-family: 'Open Sans', Arial, sans-serif;	font-size:12px; color:#000; background:#fff; border:1px solid #ccc; padding:2px 4px;}
.aBox{border:0;}
.boxS{width:100px;}
.boxM2{width:150px;}
.boxM{width:180px;}
.boxL{width:250px;}

.taS{width:100px; height:100px;}
.taM2{width:150px; height:100px;}
.taM{width:180px; height:100px;}
.taL{width:250px; height:100px;}

.seS{width:110px;}
.seM2{width:160px;}
.seM{width:190px;}
.seL{width:260px;}

.submit, .submitM{	border:1px solid #333; background:#006698; color:#fff; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; padding:1px 5px; cursor:pointer;}
#mid td{padding:4px;}

#listView td, #listView2 td{border-bottom:1px solid #ccc; padding:4px;}
#listView, #listView2 table{border:1px solid #ccc; border-bottom:0;}

.tabBorder{border:1px solid #ccc;}

.tab{background:#ccc;}

.tr1{background:url(../images/tr1Bg.png) repeat-x; font-weight:bold; color:#000; height:20px;}
.tr{background:#fff;}
.tr2{background:#f2f2f2;}
.tr3{background:#f3f3f3;}
.tr4{background:#b9dd9c; font-weight:bold; color:#fff;}

 
#myHome{position:absolute; left:50%; top:120px; border:0px solid red; width:300px; margin-left:-150px;}
 

#myHome h3{background:#f2f2f2; padding:10px; border:1px solid #ccc; margin:0; font-size:18px; color:#006699}

#myHome ul {display:block; border:0px solid; float:left; padding:0; margin:0;}

#myHome li {list-style:none; text-align:center; padding:0px 0 0 0; display:block; float:left;  
font-size:16px;
}

#myHome li a{text-decoration:none; color:#fff; border:1px solid #red; float:left; display:block; background:#666; padding:15px 0px; -moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius: 6px; width:125px;}

#myHome li a:hover{color:red;}


.billBoxMain{
-moz-border-radius:2px;
-webkit-border-radius:2px;
background:#fff;  
   }
#bbm .tr1{background:#666; color:#fff;}
#billIcon {float:right; clear:both; margin-top:-48px; margin-left:10px;}

#billIcon span{display:block; padding:10px; background:url(../images/but1.png) repeat-x top #9e2409; color:#fff; float:left; margin-left:10px;
-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}


#holdList{display:none; position:absolute; z-index:125; background:#fff; border:1px solid #333; right:15px; top:38px; padding:0px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius: 6px; font-size:12px;}

.barcodeList{position:absolute; top:15%; left:50%; width:800px; margin-left:-400px; background:#ccc; border:1px solid #e2e2e2; display:block; z-index:333;}

.close{display:block; float:right; padding:1px 5px; background:#333; color:#fff;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius: 6px; font-size:12px;}

.customerReg{position:absolute; top:15%; left:50%; width:800px; margin-left:-400px; background:#ccc; border:1px solid #e2e2e2; display:block; z-index:333;}
.boxS{	width: 50px;}
.but{background:url(../images/submitBg.png) repeat-x top #313131;	-moz-border-radius:6px;-webkit-border-radius:6px;border-radius: 6px;text-shadow: 1px 1px 2px #000;color:#fff; font-size:12px; font-family:arial; vertical-align:middle; padding:3px 10px; cursor:pointer; border:1px solid #333;}
.topBut li{float:left; display:block;}
.topBut li a{padding:4px 15px; background:#cd3300; color:#fff; border-radius:3px; margin-left:5px;}
.circle{background:#cc3300; display:inline-block; color:#fff; padding:2px 4px; border-radius:40px; text-align:center;}
.logout{background:url(../images/logout.png) no-repeat; width:13px; height:14px; display:inline-block;}
.lab1{font-size: 12px; font-weight:bold; color:#333;}

.myHome ul{display:block; }
.myHome li{border-bottom:3px solid #ccc; padding:10px 10px 10px 73px; margin:8px; float:left; background:#fff; width:170px; height:65px;  position:relative; z-index:55; font-size:14px; font-weight:bold; color:#000; }
.myHome li a{color:#333; font-size:14px;}
.myHome li li{padding:0; margin:0; float:left;  border:0px solid green; font-size:12px; font-weight:normal; display:block; width:auto; height:auto; min-width:60px; margin:2px 5px; background:url(../images/arr1.png) no-repeat 0 5px; padding-left:8px;}
.myHome li li a{color:#333; font-size:12px; display:block; float:left;    }
.ic1, .ic2, .ic3, .ic4, .ic5, .ic6, .ic7, .ic8, .ic9, .ic10, .ic11, .ic12{ position:absolute; top:10px; left:10px; width:53px; height:53px; display:block;}
.ic1{background:url(../images/ic_1.jpg) no-repeat 0 0;}
.ic2{background:url(../images/ic_2.jpg) no-repeat 0 0;}
.ic3{background:url(../images/ic_3.jpg) no-repeat 0 0;}
.ic4{background:url(../images/ic_4.jpg) no-repeat 0 0;}
.ic5{background:url(../images/ic_5.jpg) no-repeat 0 0;}
.ic6{background:url(../images/ic_6.jpg) no-repeat 0 0;}
.ic7{background:url(../images/ic_7.jpg) no-repeat 0 0;}
.ic8{background:url(../images/ic_8.jpg) no-repeat 0 0;}
.ic9{background:url(../images/ic_9.jpg) no-repeat 0 0;}
.ic10{background:url(../images/ic_10.jpg) no-repeat 0 0;}
.ic11{background:url(../images/ic_11.jpg) no-repeat 0 0;}
.ic12{background:url(../images/ic_12.jpg) no-repeat 0 0;}

/* for simple drop menu*/

/* LEVEL ONE */
ul.dropdown                         { position: relative; }
ul.dropdown li                      { float: left; zoom: 1; /*background: #ccc;font-weight: bold; */ }
ul.dropdown a:hover		            { color: #000; }
ul.dropdown a:active                { color: #fff; }
ul.dropdown li a                    { display: block; padding: 8px 8px; border-right: 1px solid #ccc;
	 								  color: #fff !important; font-weight:normal; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background: #333; color:#000; position: relative; }
ul.dropdown li.hover a              { color: black; }
ul.dropdown li li:hover  {background:#cc3300;}

.dropdown .dArr{background:url(../images/dArr.png) 3px 8px no-repeat; width:12px; height:4px; display:inline-block; height:17px;}

ul.dropdown .active  { background: #cc3300; }

/* 	LEVEL TWO*/
ul.dropdown ul 						{ width: 140px; visibility: hidden; position: absolute; top: 100%; left: 0; }
ul.dropdown ul li 					{ font-weight: normal; background: #333; color: #000; 
									  border-bottom: 1px solid #000; float: none; }
							  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 124px; display: inline-block; } 

/* LEVEL THREE */
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }

/*Paging*/

#paging{float:right;}
#paging a{border:1px solid #e2e2e2;text-decoration:none;color:#000;padding:2px 5px 2px 5px; background:#fff;}
#paging a:hover{border:1px solid #e2e2e2;text-decoration:none;color:#000;background:#edf7db;}
#paging .active{border:1px solid #e2e2e2;text-decoration:none;color:#fff;background:#333;}
td{ height: 35px !important;}

#mid INPUT[TYPE="TEXT"], INPUT[TYPE="PASSWORD"] { height: 30px !important; font-size: 14px !important; }
#mid select { height: 30px !important; font-size: 14px !important; }
	INPUT[TYPE="BUTTON"] {
   
    font-size: 16px !important;
	padding: 4px 10px !important;
    
}

INPUT[TYPE="SUBMIT"], INPUT[TYPE="RESET"] {
   
    font-size: 16px !important;
	padding: 10px 30px !important;
    
}