@font-face {
                font-family: "Supermarket";
                src:url('/Fonts/supermarket.ttf') format("truetype");
 }
* {font-family:Tahoma,Thonburi !important;}

.food img {margin-top:10px;margin-left:5px;-webkit-border-radius: 10px;
                      -webkit-box-shadow: 3px 3px 3px #bbbbbb; 
}

.ui-header .ui-btn{margin-top:5px !important;}
/*.ui-btn-text {font-size:17px !important;}*/
/*.ui-title {font-size:18px !important;}*/
/*label.ui-input-text {font-size:18px !important;}*/
/*input.ui-input-text {font-size:18px !important;}*/

input[type='text'],textarea {-webkit-appearance:none;}

/*            
.tableA {width:100%;
            border-bottom: 1px solid #B3B3B3;
	        color: #333333;
	        text-shadow: 0 1px 0 	#fff;
	        background: 			#f0f0f0;
	        background-image: -moz-linear-gradient(top, 
				#ffffff, 
				#dddddd);
	        background-image: -webkit-gradient(linear,left top,left bottom,
		        color-stop(0, 		#ffffff),
		        color-stop(1, 		#dddddd));
	        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#dddddd')";
}
*/

.tableA {width:100%;
            border-bottom: 1px solid #B3B3B3;
	        color: #333333;
	        text-shadow: 0 1px 0 	#fff;
	        background: white;

}
            
.circleC 
{
    border: 1px solid #ccc;
	background: #eee;
	font-weight: bold;
	color: #444;
	text-shadow: 0 1px 1px #f6f6f6;
	background-image: -moz-linear-gradient(top, 
				#fefefe, 
				#eeeeee);
	background-image: -webkit-gradient(linear,left top,left bottom,
		color-stop(0, 		#fdfdfd),
		color-stop(1, 		#eeeeee));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fdfdfd', EndColorStr='#eeeeee')";
	
	padding: .2em .5em;
	-moz-border-radius: 1em;
	-webkit-border-radius:1em;
	border-radius:1em;
}

.circleE
{
	border: 1px solid #F7C942;
	background:#fadb4e;
	font-weight: bold;
	color:#333;
	text-shadow: 0 1px 0 	#fff;
	background-image: -moz-linear-gradient(top, 
							#fceda7, 
							#fadb4e);
	background-image: -webkit-gradient(linear,left top,left bottom,
		color-stop(0, 		#fceda7),
		color-stop(1, 		#fadb4e));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fceda7', EndColorStr='#fadb4e')";
	
	padding: .2em .5em;
	-moz-border-radius: 1em;
	-webkit-border-radius:1em;
	border-radius:1em;
}

.circleB
{
    font-size:16px !important;
	border: 1px solid #145072;
	background: #2567ab;
	font-weight: bold;
	color: #fff;
	text-shadow: 0 -1px 1px #145072;
	background-image: -moz-linear-gradient(top, 
							#4e89c5, 
							#2567ab);
	background-image: -webkit-gradient(linear,left top,left bottom,
			color-stop(0, 	#5f9cc5),
			color-stop(1, 	#396b9e));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#4e89c5', EndColorStr='#2567ab')";
	
	padding: .2em .5em;
	-moz-border-radius: 1em;
	-webkit-border-radius:1em;
	border-radius:1em;
}

.circleR
{
    font-size:16px !important;
	border: 1px solid #145072;
	background: #bf0c51;
	font-weight: bold;
	color: #fff;
	text-shadow: 0 -1px 1px #145072;
	background-image: -moz-linear-gradient(top, 
							#4e89c5, 
							#2567ab);
	background-image: -webkit-gradient(linear,left top,left bottom,
			color-stop(0, 	#af7979),
			color-stop(1, 	#f54848));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#4e89c5', EndColorStr='#2567ab')";
	
	padding: .2em .5em;
	-moz-border-radius: 1em;
	-webkit-border-radius:1em;
	border-radius:1em;
}

.headerG  
{
	background: -moz-linear-gradient(left,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */

	
           text-shadow:0 1px 0 #fff; height : 28px;color:white; padding-top:8px;
           }

.headerA{border:1px solid #111111;background:#3c3c3c;color:white;
         text-shadow:0 1px 0 #fff;
         background-image:-moz-linear-gradient(top,#3c3c3c,#111);
         background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#3c3c3c),color-stop(1,#111));
         -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#3c3c3c', EndColorStr='#111')";padding:4px;
         font-weight:bold;}      

.headerB{border:1px solid #456f9a;background:#5e87b0;color:#fff !important;font-weight:bold;
         text-shadow:0 -1px 1px #254f7a;background-image:-moz-linear-gradient(top,#81a8ce,#5e87b0);
         background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#81a8ce),color-stop(1,#5e87b0));
         -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#81a8ce', EndColorStr='#5e87b0')";padding:4px;
         }
         
.headerE{border:1px solid #f7c942;background:#fadb4e;color:#333;
         text-shadow:0 1px 0 #fff;
         background-image:-moz-linear-gradient(top,#fceda7,#fadb4e);
         background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fceda7),color-stop(1,#fadb4e));
         -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#fceda7', EndColorStr='#fadb4e')";padding:4px;
         font-weight:bold;}         
         
          
         
.iteErr {color:Red;display:block;}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;}

option {font-size:19px !important;}

.ite-li-c {width:100%;
            padding:5px;
        border-bottom: 1px solid #B3B3B3;
	    color: #333333;
	    text-shadow: 0 1px 0 	#fff;
	    background: 			#f0f0f0;
	    background-image: -moz-linear-gradient(top, 
			#ffffff, 
			#dddddd);
	    background-image: -webkit-gradient(linear,left top,left bottom,
		    color-stop(0, 		#ffffff),
		    color-stop(1, 		#dddddd));
	    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#dddddd')";
}
    
.ite-li-e{width:100%;
            padding:5px;
        border-bottom: 1px solid #B3B3B3;
	    color: #333333;
	    text-shadow: 0 1px 0 	#fff;
	    background: 			#f0f0f0;
	    background-image: -moz-linear-gradient(top, 
			#fceda7, 
			#fadb4e);
	    background-image: -webkit-gradient(linear,left top,left bottom,
		    color-stop(0, 		#fceda7),
		    color-stop(1, 		#fadb4e));
	    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fceda7', EndColorStr='#fadb4e')";
}


   .iteList {margin:-15px;padding:0px;}
   .iteList li {display:block;margin:0px;border-bottom:solid 1px #BBBBBB;padding:7px 6px 7px 6px; list-style-image:none;background-color:White;cursor:pointer;
                 background-image:url('images/arrow.gif'); background-repeat:no-repeat; background-position:99% 50%;text-shadow:none !important;color:Black !important;}
                 
      .iteList lih {display:block;margin:0px;border-bottom:solid 1px #BBBBBB;padding:7px 6px 7px 6px; list-style-image:none;background-color:White;
                 background-repeat:no-repeat; background-position:99% 50%;text-shadow:none !important;color:Black !important;}              
                 
   .iteList li:hover{background-color:#DADCDC;}
   .iteList li a {display:block;text-decoration:none;color:black !important;text-shadow:none !important;}
   
   .iteList2 {margin:-15px;padding:0px;}
   .iteList2 li {display:block;margin:0px;border-bottom:solid 1px #BBBBBB;padding:7px 6px 7px 6px; list-style-image:none;
                 background-color:White;text-shadow:none !important;color:Black;}
   .iteList2 li:hover{background-color:#DADCDC;}
   .iteList2 li a {color:Black;;text-decoration:none;}
   
   .iteList4 {margin:-15px;padding:0px;}
   .iteList4 li {display:block;margin:0px;border-bottom:solid 1px #BBBBBB;padding:7px 6px 7px 6px; list-style-image:none;
                 background-color:White;text-shadow:none !important;color:Black;}
                 
   .iteList5 {margin:0px;padding:0px;}
   .iteList5 li {display:block;margin:0px;border-bottom:solid 1px #BBBBBB;padding:0px 0px 0px 0px; list-style-image:none;
                 background-color:White;text-shadow:none !important;color:Black;}          

   
   .tableB {width:100%;background-color:White;}
   .tableB td {border-bottom:solid 1px #BBBBBB;}

.iteShadow{-moz-box-shadow:0 0 12px #AAAAAA;-webkit-box-shadow:0 0 12px #AAAAAA;box-shadow:0 0 12px #AAAAAA;}

.liarrow {background-image:url('images/arrow.gif'); background-repeat:no-repeat; background-position:99% 50%;cursor:pointer;}

.double { width:120px;text-align:right;}
.int {width:120px;text-align:right;}
.date {width:120px;}
.time {width:120px;}

input[type='text'],textarea {-webkit-appearance:none;border:solid 1px #DDDDDD;padding:4px 2px;}

.bigK1 {font-size:17px;font-weight:bold;color:#5943FD;padding:5px;}

.graph1 {background-image:url('images/green.jpg');}

.infoA {margin:20px 0px 10px 0px;text-align:center;}

.radius8 {
	-moz-border-radius: 8px;
	-webkit-border-radius:8px;
	border-radius:8px;
}

 input[readonly],input[disabled] {color:#999999;}