/**
 * CSSReset.com - How To Keep Footer At Bottom of Page with CSS
 * 
 * Original Tutorial: http://www.cssreset.com/2010/css-tutorials/how-to-keep-footer-at-bottom-of-page-with-css/
 * License: Free - do whatever you like with it! Credit and linkbacks much appreciated.
 *
 * NB: Make sure the value for 'padding-bottom' on #content is equal to or greater than the height of #footer.
 */
html,
body {
	margin:0;
	padding:0;
        width:100%;
	height:100%;
       /* background-image:url(../../lib/bg4.jpg);*/
	   background-color:#000;
        
}
/*****POS Login Style CSS******/ 
#login-wrapper {
	min-height:100%;
	position:relative;
}
#login-header {
	padding:10px;
}
#login-content {
	padding-bottom:100px; /* Height of the footer element */
}
#login-footer {
	background:#ffab62;
	width:100%;
	height:100px;
	position:absolute;
	bottom:0;
	left:0;
}
.login-box {
    width: 800px;
    margin: 0 auto;
}

/*****POS Mian Style CSS******/
.pos-wapper{
            margin: auto;
            width: 1000px;
        }
        .pos-header{
            background-color: #FF9900;
            width: 1000px;height: 100px;
            float: left;overflow: hidden;   
        }
        .pos-bodyfluid{
            background-color: #FF0000;
            width: 1000px;
             float: left;
            overflow: hidden;
        }
        .pos-menu{
            background-color: #212D12;
            width: 265px;
            float: left;overflow: hidden;
            min-height:708px; 
        }
        .pos-cont{
            background-color: #FFFF00;
            width: 735px;
            float: left;overflow: hidden;
            min-height:700px; 
        }
        .pos-cont2{
            background-color: #FFFF00;
            width: 1000px;
            overflow: hidden;
            min-height:700px; 
			margin:0 auto;
        }
		
        .pos-footer{
            background: #07210D;
            width: 1000px;
            min-height: 50px;
            overflow: hidden;
            margin: 0 auto;
        }


        .mysidebut{
            width:130px;height:100px;
            background-image:url(../../lib/but1.png);
            background-repeat:no-repeat;
            text-align:center;
            color:#1B1919;
            font-size:15px;
            font-weight:bold;
            padding-top:30px;cursor:pointer;
            float:left;margin-left:5px;margin:0 auto;
            }
        .mysidebut:hover{
            background-image:url(../../lib/but2.png);
            background-repeat:no-repeat;
            color:#000099;
            font-size:16px;
            font-weight:bold;

            }

        .mysidebut span{
            padding:5px;margin-left:-12px;
            line-height:100%;
            }

        .mysidebut img{
            margin-left:-12px;
            }
            
        .mysidebut2{
            width:130px;height:100px;
            background-image:url(../../lib/but2.png);
            background-repeat:no-repeat;
            text-align:center;
            color:#1B1919;
            font-size:15px;
            font-weight:bold;
            padding-top:30px;cursor:pointer;
            float:left;margin-left:5px;margin:0 auto;
            }
        .mysidebut2:hover{
            background-image:url(../../lib/but2.png);
            background-repeat:no-repeat;
            color:#000099;
            font-size:16px;
            font-weight:bold;

            }

        .mysidebut2 span{
            padding:5px;margin-left:-12px;
            line-height:100%;
            }

        .mysidebut2 img{
            margin-left:-12px;
            }

            
.mysidebut22{
            width:200px;height:35px;
            background-image:url(../../lib/but14.png);
            background-repeat:no-repeat;
            text-align:center;
            padding-top:10px;cursor:pointer;margin:0 auto;
            font-size:12px;
            }
.mysidebut22:hover{
            background-image:url(../../lib/but15.png);
            background-repeat:no-repeat;
            font-weight:bold;
            }
.reportbtn {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 3;
  -moz-border-radius: 3;
  border-radius: 3px;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px;
  text-decoration: none;
  cursor: pointer;
  width: 209px;
  text-align: center;
}

.reportbtn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}
.printbtn {
  background: #d9d134;
  background-image: -webkit-linear-gradient(top, #d9d134, #d6d322);
  background-image: -moz-linear-gradient(top, #d9d134, #d6d322);
  background-image: -ms-linear-gradient(top, #d9d134, #d6d322);
  background-image: -o-linear-gradient(top, #d9d134, #d6d322);
  background-image: linear-gradient(to bottom, #d9d134, #d6d322);
  -webkit-border-radius: 3;
  -moz-border-radius: 3;
  border-radius: 3px;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
  font-family: Arial;
  color: #000000;
  font-size: 14px;
  padding: 5px;
  text-decoration: none;
  cursor: pointer;
}

.printbtn:hover {
  background: #b3fc3c;
  background-image: -webkit-linear-gradient(top, #b3fc3c, #a7d934);
  background-image: -moz-linear-gradient(top, #b3fc3c, #a7d934);
  background-image: -ms-linear-gradient(top, #b3fc3c, #a7d934);
  background-image: -o-linear-gradient(top, #b3fc3c, #a7d934);
  background-image: linear-gradient(to bottom, #b3fc3c, #a7d934);
  text-decoration: none;
}

.rpttit{
    background-color: #076b0f;
    color: #FFFFFF;
}
.table1{margin:20px;margin-left:100px;margin-top:-100px}
.table2{margin:20px;margin-left:30px;margin-top:10px}
.table3{margin:20px;margin-left:120px;margin-top:-100px}
.table4{margin:20px;margin-left:10px;margin-top:10px} 

.table1 p{font-family:Tahoma, Geneva, sans-serif;font-size:14px}
.table1 input[type=text]{margin-bottom:5px;font-size:14px;}

/*.table1 input[type=text]:hover { 
    border: 0px solid #4195fc;
	
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;

    -webkit-box-shadow: 0px 0px 4px #4195fc;
       -moz-box-shadow: 0px 0px 4px #4195fc;
            box-shadow: 0px 0px 4px #4195fc; 
}*/
.kk input[type=text]{background-color:transparent;border: 0px solid #4195fc;margin-bottom:5px;font-size:18px;}
.kk input[type=text]:hover { 
    background-color:transparent;
    border: 0px solid #4195fc;
	
    -webkit-border-radius: 00px;
       -moz-border-radius: 0px;
            border-radius: 0px;

    -webkit-box-shadow: 0px 0px 0px #4195fc;
       -moz-box-shadow: 0px 0px 0px #4195fc;
            box-shadow: 0px 0px 0px #4195fc; 
}
.mycombo{margin-bottom:5px;font-size:18px;}

.mycombo:hover { 
    border: 1px solid #4195fc;
	
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;

    -webkit-box-shadow: 0px 0px 4px #4195fc;
       -moz-box-shadow: 0px 0px 4px #4195fc;
            box-shadow: 0px 0px 4px #4195fc; 
}
.dd{margin-top:-115px;margin-left:95px;font-family:Tahoma, Geneva, sans-serif;max-width:120px;}
.cc{background:none;width:112px;height:30px;margin-top:55px;margin-left:5px;text-align:center;}
.ee{height:130px;float:left;margin:10px;}
.cc1{background:#FFFF00;width:30px;height:23px;margin-top:-15px;margin-left:5px;text-align:center;padding-top:5px;}
.ccc1{background:#FFFF00;width:30px;height:23px;margin-top:-135px;margin-left:5px;text-align:center;padding-top:5px;}
            
.myButton {
	-moz-box-shadow: 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow: 0px 1px 0px 0px #fff6af;
	box-shadow: 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
	background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
	background-color:#ffec64;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
	background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
	background-color:#ffab23;
}
.myButton:active {
	position:relative;
	top:1px;
}

.myButton2 {
	-moz-box-shadow: 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow: 0px 1px 0px 0px #fff6af;
	box-shadow: 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #4197d1), color-stop(1, #7cd1e6));
	background:-moz-linear-gradient(top, #4197d1 5%, #7cd1e6 100%);
	background:-webkit-linear-gradient(top, #4197d1 5%, #7cd1e6 100%);
	background:-o-linear-gradient(top, #4197d1 5%, #7cd1e6 100%);
	background:-ms-linear-gradient(top, #4197d1 5%, #7cd1e6 100%);
	background:linear-gradient(to bottom, #4197d1 5%, #7cd1e6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4197d1', endColorstr='#7cd1e6',GradientType=0);
	background-color:#4197d1;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #1763bf;
	display:inline-block;
	cursor:pointer;
	color:#faf7f7;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #226ea8;
}
.myButton2:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7cd1e6), color-stop(1, #4197d1));
	background:-moz-linear-gradient(top, #7cd1e6 5%, #4197d1 100%);
	background:-webkit-linear-gradient(top, #7cd1e6 5%, #4197d1 100%);
	background:-o-linear-gradient(top, #7cd1e6 5%, #4197d1 100%);
	background:-ms-linear-gradient(top, #7cd1e6 5%, #4197d1 100%);
	background:linear-gradient(to bottom, #7cd1e6 5%, #4197d1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7cd1e6', endColorstr='#4197d1',GradientType=0);
	background-color:#7cd1e6;
}
.myButton2:active {
	position:relative;
	top:1px;
}

.myButton3 {
	-moz-box-shadow:inset 0px 1px 0px 0px #f5978e;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f5978e;
	box-shadow:inset 0px 1px 0px 0px #f5978e;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f24537), color-stop(1, #c62d1f));
	background:-moz-linear-gradient(top, #f24537 5%, #c62d1f 100%);
	background:-webkit-linear-gradient(top, #f24537 5%, #c62d1f 100%);
	background:-o-linear-gradient(top, #f24537 5%, #c62d1f 100%);
	background:-ms-linear-gradient(top, #f24537 5%, #c62d1f 100%);
	background:linear-gradient(to bottom, #f24537 5%, #c62d1f 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f',GradientType=0);
	background-color:#f24537;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #d02718;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:2px 11px;
	text-decoration:none;
	text-shadow:0px 1px 0px #810e05;
}
.myButton3:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24537));
	background:-moz-linear-gradient(top, #c62d1f 5%, #f24537 100%);
	background:-webkit-linear-gradient(top, #c62d1f 5%, #f24537 100%);
	background:-o-linear-gradient(top, #c62d1f 5%, #f24537 100%);
	background:-ms-linear-gradient(top, #c62d1f 5%, #f24537 100%);
	background:linear-gradient(to bottom, #c62d1f 5%, #f24537 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537',GradientType=0);
	background-color:#c62d1f;
}
.myButton3:active {
	position:relative;
	top:1px;
}

.myButton4 {
	-moz-box-shadow: 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow: 0px 1px 0px 0px #fff6af;
	box-shadow: 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
	background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
	background-color:#ffec64;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:2px 11px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}
.myButton4:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
	background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
	background-color:#ffab23;
}
.myButton4:active {
	position:relative;
	top:1px;
}

/*****POS home Style CSS******/
.homemidbut2 {
            width: 150px;
            height: 150px;
            margin: 10px;
            margin-top: 5px;
            margin-bottom: 5px;
            float: left;
            text-align: center;
            padding-top: 5px;
            cursor: pointer;
/*            border: 1px solid #006633;*/
            background-image: url(images/midbut3.png);
            background-repeat: no-repeat;
            font-size: 20px;
            text-shadow: 0 0 2px #797A73;
        }
.homemidbut2:hover {
    background-image: url(images/midbut4.png);
    background-repeat: no-repeat;
    font-weight: bold;
}
.homemidbut3 {
            width: 100px;
            height: 125px;
            margin: 10px;
            margin-top: 7px;
            margin-bottom: 7px;
            float: left;
            text-align: center;
            padding-top: 5px;
            cursor: pointer;
/*            border: 1px solid #006633;*/
            background-image: url(images/midbut3.png);
            background-repeat: no-repeat;
            font-size: 18px;
            text-shadow: 0 0 2px #797A73;
        }
.homemidbut3:hover {
    background-image: url(images/midbut4.png);
    background-repeat: no-repeat;
    font-weight: bold;
}
        
/*****POS home Style CSS******/
.page_content{
    background-color:#FFFFFF;
    height:670px;
    border-top:1px solid #333333;
}
.pageTitle1 {
    padding-left: 5px;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 28px;
}
@font-face {
    font-family: digital-7;
    src: url(digital-7.ttf);
}
.clock_div3{
    font-family: digital-7;
}

    
/******CSSTableGenerator******/
.CSSTableGenerator {
	
	margin-left:5px;
	margin-top:-50px;
	padding-top:0px;
	width:99%;
	border:1px solid #000000;
	
	
}.CSSTableGenerator table{
   background-color:#4c4c4c; 
   border-collapse: collapse;
   border-spacing: 0;
    width:100%;
	margin:0px;padding:0px;
	
	

}.CSSTableGenerator tr:hover td{
	background-color:#ffffff;
		

}.CSSTableGenerator td{
	vertical-align:middle;
	
	background-color:#e5e5e5;

	border:1px solid #000000;
	border-width:0px 1px 1px 0px;
	text-align:center;
	padding:7px;
	font-size:12px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;

}.CSSTableGenerator tr:first-child td{
		background:-o-linear-gradient(bottom, #4c4c4c 5%, #000000 100%);
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4c4c4c), color-stop(1, #000000) );
	background:-moz-linear-gradient( center top, #4c4c4c 5%, #000000 100% );
	background: -o-linear-gradient(top,#4c4c4c,000000);
    
	

	background-color:#4c4c4c;
	border:0px solid #000000;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}
.CSSTableGenerator tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #4c4c4c 5%, #000000 100%);	
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4c4c4c), color-stop(1, #000000) );
	background:-moz-linear-gradient( center top, #4c4c4c 5%, #000000 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#4c4c4c", endColorstr="#000000");	background: -o-linear-gradient(top,#4c4c4c,000000);

	background-color:#4c4c4c;
}
        .ud{
            cursor: pointer;
            color: #C8C829;
        }
        .upact{
            color: #FF0000;
        }
        .dwnct{
            color: #FF0000;
        }
		
		
.CSSTableGenerator_table{
   background-color:#4c4c4c; 
   border-collapse: collapse;
   border-spacing: 0;
    width:100%;
	margin:0px;padding:0px;
	
	

}.CSSTableGenerator_table_td{
		background:-o-linear-gradient(bottom, #4c4c4c 5%, #000000 100%);
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4c4c4c), color-stop(1, #000000) );
	background:-moz-linear-gradient( center top, #4c4c4c 5%, #000000 100% );
	background: -o-linear-gradient(top,#4c4c4c,000000);
    
	

	background-color:#4c4c4c;
	border:0px solid #000000;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}
.CSSTableGenerator_table tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #4c4c4c 5%, #000000 100%);	
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4c4c4c), color-stop(1, #000000) );
	background:-moz-linear-gradient( center top, #4c4c4c 5%, #000000 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#4c4c4c", endColorstr="#000000");	background: -o-linear-gradient(top,#4c4c4c,000000);

	background-color:#4c4c4c;
}	
.new_tr{
border-collapse: collapse;
}
.new_tr tr { border: solid thin; }	