.drink_tags{
background:#fafafa;
border-radius:3px;
box-shadow:none;
border:1px solid #ccc;
min-width:250px;
}
.bcon{
width:30%
}
.helper{
	font-size:11px;
	margin-top:-8px;
}
#pdelete{
	background:#FF4040;
	border-radius:3px;
	border:none;
	color:#EEE;
	font-size:12px;
	padding:2px 10px;
}
.separator{
border-top:1px dotted #888;
display:block;
margin:auto;
margin-top:10px;
margin-bottom:10px;
min-height:1px;
width:80%;
}
.bleft{
background:#ddd;
float:left;
font-weight:bold;
padding:3px;
text-align:right;
}
.bright{
float:right;
}
.drinks_table{
width:60%;
}
.tc{
text-align:center;
}
.tl{
text-align:left;
}
.tr{
text-align:right;
}
.tc_small{
text-align:center;
font-size:11px;
}
#notice
{
	border-radius:3px;
	background:#FFC313;
	margin-top:5px;
	padding:10px;
	text-align:justify;
}
.asupport a
{
color:white;
}
#noti_Container {
display:inline;
position:relative;
}
.noti_bubble {
position:absolute;
top: -12px;
right:-5px;
padding:2px;
background-color:#ff0000;
color:#fdfdfd;
font-weight:normal;
font-size:8px;
border-radius:30px;
box-shadow:1px 1px 1px gray;
border-radius:3px;
text-shadow:none;
font-smoothing:always;
font-family:Verdana;
}
::selection{ background-color: #FF9900; color: white; }
::moz-selection{ background-color: #FF9900; color: white; }
::webkit-selection{ background-color: #FF9900; color: white; }
.message{
		background-size: 40px 40px;
		background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
							transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
							transparent 75%, transparent);										
		 box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
		 width: 100%;
		 border: 1px solid;
		 color: #fff;
		 padding: 15px;
		 text-shadow:1px 1px 1px #666;
		 animation: animate-bg 5s linear infinite;
}

.error{
background-color:#EC4646;
}
		 

.error a:hover{
text-decoration:underline;
}
.success{
		 background-color: #61b832;
		 border-color: #55a12c;
}

.message h3{
		 margin: 0 0 5px 0;													 
}

.message p{
		 margin: 0;													 
}

@keyframes animate-bg {
    from {
        background-position: 0 0;
    }
    to {
       background-position: -80px 0;
    }
}

.chatbox {
	position: fixed;
	position:expression("absolute");
	width: 225px;
	display:none;
	z-index:6;
}

.chatbox a:link{
color:#fff;}

.chatboxhead {
background:#F97D23;
background-image: -webkit-linear-gradient(#FFC313,#F97D23);
background-image: -moz-linear-gradient(#FFC313,#F97D23);
padding:7px;
color: #ffffff;
border:1px solid #f99d39;
border-bottom:0;
color:#2F2F2F;
font-weight:normal;
font-family:Verdana;
}

.chatboxhead a{
text-decoration:underline;
text-shadow:0;
}

.chatboxblink {
	background-color: #176689;
	border-right:1px solid #176689;
	border-left:1px solid #176689;
}

.chatboxcontent {
	font-family: arial,sans-serif;
	font-size: 13px;
	color: #333333;
	height:200px;
	width:209px;
	overflow-y:auto;
	overflow-x:auto;
	padding:7px;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	background-color: #ffffff;
	line-height: 1.3em;
}

.lastmsg{
font-family: arial,sans-serif;
font-size: 11px;
color: #333333;
height: 14px;
width: 209px;
padding: 3px 7px;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #eeeeee;
background-color: #ffffff;
line-height: 1.3em;
}

.chatboxinput {
	padding: 5px;
	background-color: #ffffff;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}

.chatboxtextarea {
background:#f8f8f8;
	width: 206px;
	height:44px;
	padding:3px 0pt 3px 3px;
	border: 1px solid #ccc;
	margin: 1px;
	overflow:hidden;
}

.chatboxtextareaselected {
	border: 2px solid #f99d39;
	margin:0;
}

.chatboxmessage {
	margin-left:1em;
}

.chatboxinfo {
	margin-left:-1em;
	color:#666666;

}

.chatboxmessagefrom {
	margin-left:-1em;
	font-weight: bold;
}

.chatboxmessagecontent {
}

.chatboxoptions {
	float: right;
}

.chatboxoptions a {
color:#2F2F2F;
font-weight:normal;
text-decoration:underline;
font-family:Verdana;
text-shadow:0;
}

.chatboxtitle {
	float: left;
}
.chat_support{
background:#F97D23;
background-image: -webkit-linear-gradient(#FFC313,#F97D23);
background-image: -moz-linear-gradient(#FFC313,#F97D23);
border-radius:1px;
border-bottom-left-radius:0;
border-bottom-right-radius:0;
border:1px solid #F99D39;
bottom:0;
float:right;
height:21px;
text-align:center;
margin-right:20px;
padding-top:5px;
position:absolute;
right:0;
width:224px;
z-index:1;

}
.chat_support a:link{
color:#2F2F2F;
font-weight:bold;
font-family:Verdana;
text-shadow:1px 1px 0px #FFC824;
}
.reveal-modal-bg { 
position: fixed; 
height: 100%;
width: 100%;
background: #000;
background: rgba(0,0,0,.8);
z-index: 100;
display: none;
top: 0;
left: 0; 
}

.reveal-modal {
visibility: hidden;
top: 100px; 
left: 50%;
margin-left: -300px;
width: 520px;
background: #eee url(modal-gloss.png) no-repeat -200px -80px;
position: absolute;
z-index: 101;
padding: 30px 40px 34px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
-box-shadow: 0 0 10px rgba(0,0,0,.4);
}

.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}

.reveal-modal .close-reveal-modal {
font-size: 22px;
line-height: .5;
position: absolute;
top: 8px;
right: 11px;
color: #aaa;
text-shadow: 0 -1px 1px rbga(0,0,0,.6);
font-weight: bold;
cursor: pointer;
}
.info_dialog{
background:#FFEB9D;
border:1px solid #FFB983;
border-radius:3px;
color:#585B66;
font-size:12px;
margin:auto;
padding:10px;
width:90%;
}

body img{
border:0;
}
.report_img{
border:3px solid #ccc;
max-width:90px;
max-height:80px;
}
.input_mini{
border:1px solid #aaa;
border-radius:2px;
color: #3F3F3F;
font-size:18px;
font-smooth:auto;
text-align:center;
width:54px;
}

.input_minid{
background:#eee;
border:1px solid #aaa;
border-radius:2px;
color: #3F3F3F;
font-size:18px;
font-smooth:auto;
text-align:center;
width:72px;
}

.count_no{
border:1px solid #aaa;
border-radius:2px;
color: #3F3F3F;
display:block;
font-size:18px;
font-smooth:auto;
margin:auto;
text-align:center;
width:54px;
}

.count_no2{
background:#f1f1f1;
border:1px solid #aaa;
border-radius:2px;
color: #3F3F3F;
display:block;
font-size:18px;
font-smooth:auto;
margin:auto;
text-align:center;
width:74px;
}

.count_no3{
background:#f1f1f1;
border:1px solid #aaa;
border-radius:2px;
color: #3F3F3F;
display:inline-block;
font-size:18px;
font-smooth:auto;
margin:auto;
margin-right:10px;
padding:4px 16px;
text-align:center;
text-shadow:1px 1px 1px #eee;
width:74px;
cursor: pointer;
}

.count_no4{
background:#f1f1f1;
border:1px solid #aaa;
border-radius:2px;
color: #3F3F3F;
display:inline-block;
font-size:22px;
font-smooth:auto;
margin:auto;
margin-right:10px;
padding:2px 20px;
text-align:center;
text-shadow:1px 1px 1px #eee;
width:124px;
}

#b20{background:#9BC3E9;border:1px solid #9BC3E9;}
#b50{background:#F09393;border:1px solid #F09393;}
#b100{background:#FA9C67;border:1px solid #F7805E;}
#b200{background:#8DCE87;border:1px solid #8DCE87;}
#b500{background:#B9A156;border:1px solid #94765A;color:#eee;text-shadow:1px 1px 1px #333;}
#b1000{background:#6C4F79;border:1px solid #4C3059;color:#eee;text-shadow:1px 1px 1px #333;}

.shop_total{
background:#f6f6f6;
border:1px solid #ccc;
border-radius:3px;
display:block;
font-size:38px;
height:36px;
margin:auto;
padding-top:18px;
text-align:center;
width:500px;
}
.order_actions{
display:block;
float:right;
}
.order_actions img{
width:32px;
}
.order_actions table td{
margin-left:50px;
}

.input_people{
border:1px solid #aaa;
border-radius:2px;
color: #3F3F3F;
font-size:22px;
font-smooth:auto;
height:34px;
text-align:center;
width:54px;
}

.div_people{
background:#efefef;
border:1px solid #aaa;
border-radius:5px;
display:block;
margin:auto;
margin-top:10px;
padding:5px;
width:50%;
}

.order_main{

}
.order_main_right{
float:right;
}
.order_main_left{
float:left;
}

.div_people img{
margin-top:5px;
}
#uploadz
{
    position:relative;
    height: 35px;
    overflow:hidden;
}

#uploadz button
{
    position: absolute;
    width: 100%;
    height: 100%;
}

#uploadz input
{
    opacity:0;
    filter: alpha(opacity=0);
    position: absolute;
    z-index: 1;
    top:0;
    right:0;
    padding:0;
    margin: 0;
}

.lefty { float: left;}
.righty{ float: right; }
.option{
border: 1px solid #C3C3C3;
border-radius: 3px;
color: #333;
height: 350px;
padding: 20px;
text-shadow: 1px 1px 1px #EEE;
width: 40%;
}
.recipe_title{
color: #333;
font-family: 'Satisfy',Arial;
font-size: 36px;
padding: 30px 25px 10px 25px;
}
.recipe_content{
margin: auto;
width: 90%;
}
.recipe_desc{
font-style: italic;
}

.recipe_ingredients{
margin-top: 30px;
}

.recipe_ingredients h4{
padding-top: 10px;
font-family: 'Satisfy',Arial;
font-size: 29px;
font-weight: normal;
}
.recipe_ingredients_ul{
padding-left: 10px;
}
.recipe_ingredients li{
padding-left: 20px;
cursor: pointer;
}
.optionlegend{
border: 1px solid #C3C3C3;
border-radius: 3px;
color: #333;
display: block;
height: auto;
margin-bottom: 10px;
min-height: 120px;
padding: 20px;
text-shadow: 1px 1px 1px #EEE;
width: 90%;
}
.optionright li{
font-weight: bold;
}
.optionleft{
display: block;
float:left;
text-align: center;
width: 25%;
}
.optionright{
display: block;
float:left;
font: normal 16px Helvetica;
line-height: 18px;
width: 73%;
}
.optionright li{
margin-bottom: 7px;
}
fieldset{
border: none;
}
#cart_content{
}
.option select{
border-radius: 2px;
border: 1px solid #AAA;
font: normal 14px Helvetica,Arial,sans-serif;
padding: 5px;
width: 100%;
}
.option img{
display: block;
height: 40px;
}
.option h2{
color: #222;
font: bold 18px Helvetica,Arial,sans-serif;
margin-top: 10px;
}
.option ul{
font: normal 14px Helvetica,Arial,sans-serif;
line-height: 16px;
margin-left: -25px;
text-align: left;
}
.option li{
margin-bottom: 16px;
}
.acart{
float: left;
}
.bcart{
float: right;
}
.ccart{
float: none;
}
body {
/*background: #F0F1F2;*/
background: #F0F1F2;
color: #4D4D4D;
font: normal 13px/140% "Helvetica Neue",Helvetica,Verdana,Arial,sans-serif
}
a:link, a:visited {
/*color: #2398C9;*/
color: #F98023;
text-decoration: none;
}
a:hover, .link:hover {
color: #FFC412;
text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
font-weight: bold;
line-height: 140%;
margin: 0 0 10px;
}
h3 { font-size: 17px;}
h4 { font-size: 15px;}
#loginBox h2 {
color: #4D4D4D;
display: block;
font-size: 1.5em;
font-weight: bold;
-webkit-margin-before: 0.83em;
-webkit-margin-after: 0.83em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}
#loginBox {
background: white;
border: 4px solid #D9D9D9;
display: block;
margin: auto;
margin-top: 150px;
padding: 20px;
width: 340px;
-webkit-border-radius: 3px;
border-radius: 30px;
}
.formStyle, #fname, #lname {
	background: #FCFCFC;
	border: 2px solid #D7D7D7;
	color: #4D4D4D;
	font-family: inherit;
	font-size: 13px;
	outline: none;
	padding: 6px;
	width: 96%;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	margin-top: 6px;
	background: -moz-linear-gradient(top, rgba(216,216,216,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(216,216,216,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(216,216,216,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(216,216,216,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(216,216,216,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(216,216,216,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d8d8', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
	}
#loginForm label{
font-size: 16px;
margin-bottom: 5px;
}
#loginForm p{
font-size: 15px;
line-height: 10px;
}
.forgotPass
{
	color: #999;
	float: right;
	margin-right: 5px;
}
.forgotPass a:link
{
	color: #999;
	text-decoration: none;
}
#submitdrop a:hover{
text-decoration: none;
}
.newButton, #submit, #submitdrop, #submitlarge, #submitsmall, #submitorder, #submit_top,#supplier_cart,#submitlargebar, #submitback, #submitlist,#submitsmall2,#submitsmall3{
	font: bold 11px Helvetica,Arial,sans-serif;
	height: 30px;
	padding: 10px 15px;
	text-align: center;
	text-transform: uppercase;
	text-shadow: rgba(0, 0, 0, 0.1) 0 -1px 0;
	background: #E6E6E8;
	background: -webkit-gradient(linear, left top, left bottom, from(#F8F8F9), to(#E6E6E8));
	background: -moz-linear-gradient(top, #F8F8F9, #E6E6E8);
	border: 1px solid #CCC;
	color: white;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: rgba(0, 0, 0, 0.1) 0 0 2px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 0 2px 0px;
	box-shadow: rgba(0, 0, 0, 0.1) 0 0 2px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.1) 0 0 2px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 0 2px 0px;
	box-shadow: rgba(0, 0, 0, 0.1) 0 0 2px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.1) 0 0 2px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 0 2px 0px;
	box-shadow: rgba(0, 0, 0, 0.1) 0 0 2px 0px;
}
#submit {
	background: #E6E6E8;
	background: -webkit-gradient(linear, left top, left bottom, from(#F8F8F9), to(#E6E6E8));
	background: -moz-linear-gradient(top, #F8F8F9, #E6E6E8);
	border: 1px solid #CCC;
	color: gray;
	height: 36px;
	margin-bottom: 6px;
}

#table_taken,#table_open{
border:1px solid #c0c0c0;
font:bold 11px Helvetica,Arial,sans-serif;
height:30px;
padding:10px 15px;
margin-bottom:7px;
text-align:center;
text-transform:uppercase;
text-shadow:0 -1px 0 #ccc;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: rgba(0, 0, 0, 0.1) 0 0 2px 0px;
-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 0 2px 0px;
box-shadow: rgba(0, 0, 0, 0.1) 0 0 2px 0px;
}

#table_taken{
background:-webkit-gradient(linear, left top, left bottom, from(#FF9625), to(#FFE000));
border:1px solid #FF3A3A;
color:#333;
}

#table_open{
background:-webkit-gradient(linear, left top, left bottom, from(#D5F780), to(#9CFC5C));
border:1px solid #8BE659;
color:#333;
}
#submitdelete {
	background: #E6E6E8;
	background: -webkit-gradient(linear, left top, left bottom, from(#F8F8F9), to(#E6E6E8));
	background: -moz-linear-gradient(top, #F8F8F9, #E6E6E8);
	border: 1px solid #CCC;
	color: #333;
	font-size: 10px;
	padding: 10px 5px -5px 5px;
	height: 16px;
	width: 16px;
}
.alt {
background: #DDD;
}
.cartLeft{
float: left;
border: 1px solid #CCC;
border-right: none;
border-spacing:0;
border-collapse:collapse;
width: 20%;
}
.cartRight{
float: left;
border: 1px solid #CCC;
border-left: none;
border-spacing:0;
border-collapse:collapse;
width: 80%;
}
.cartRight2{
float: left;
border: 1px solid #CCC;
border-spacing:0;
border-collapse:collapse;
width: 100%;
}
.cart100{
border: 1px solid #CCC;
border-spacing:0;
border-collapse:collapse;
margin: auto;
width: 90%;
}
.listtable{
border: 1px solid #CCC;
border-radius: 3px;
border-spacing:0;
border-collapse:collapse;
font: normal 13px/140% "Helvetica Neue",Helvetica,Verdana,Arial,sans-serif;
padding: 6px;
width: 95%;
}
.listtable th{
background: #ccc;
color: #222;
font-weight: bold;
}
.wrap {
/*border: 1px solid lime;*/
margin: auto;
max-width: 980px;
}
#submit_c{
	background: #E6E6E8;
	background: -webkit-gradient(linear, left top, left bottom, from(#F8F8F9), to(#E6E6E8));
	background: -moz-linear-gradient(top, #F8F8F9, #E6E6E8);
	border: 1px solid #CCC;
	color: gray;
	height: 31px;
	margin-bottom: 6px;
	margin-left: 3px;
	width: 31px;
}
#submit_top2{
	background: #E6E6E8;
	background: -webkit-gradient(linear, left top, left bottom, from(#F8F8F9), to(#E6E6E8));
	background: -moz-linear-gradient(top, #F8F8F9, #E6E6E8);
	border: 1px solid #C7C7C7;
	color: gray;
	font: bold 10px Helvetica,Arial,sans-serif;
	height: 14px;
	margin: 0 16px 6px 0;
	padding: 6px 16px;
}

#submit_top{
	background: #E6E6E8;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #FFC412), color-stop(100%, #FFC412));
	background-image: -webkit-linear-gradient(#FFD580,#FFC412);
	color: #262626;
	font: bold 10px Helvetica,Arial,sans-serif;
	height: 14px;
	margin: 0 16px 6px 0;
	padding: 6px 16px;
	border: 1px solid #FFC412;
	border-radius: 1px;
}

#submit_top:hover{
text-decoration: none;
}

#submitdrop {
	background: #E6E6E8;
	background: -webkit-gradient(linear, left top, left bottom, from(#F8F8F9), to(#E6E6E8));
	background: -moz-linear-gradient(top, #F8F8F9, #E6E6E8);
	border: 1px solid #CCC;
color: #333;
font: bold 12px Helvetica,Arial,sans-serif;
height: 42px;
margin-bottom: 6px;
width: 234px;
}

#submitback {
background-color: #F17D2F;
background-image: -webkit-linear-gradient(#FFC313,#F97D23);
background-image: -moz-linear-gradient(#FFC313,#F97D23);
background-image: -o-linear-gradient(#FFC313,#F97D23);
background-image: -ms-linear-gradient(#FFC313,#F97D23);
background-image: linear-gradient(#FFC313,#F97D23);
border: 1px solid #FFC412;
color: #333;
cursor:pointer;
font: bold 12px Helvetica,Arial,sans-serif;
height: 37px;
margin-bottom: 6px;
width: 187px;
color: #2B2C2A !important;
font: bold 0.9em Helvetica,Arial,sans-serif;
display:block;
}

#sback{
background-color: #F17D2F;
background-image: -webkit-linear-gradient(#FFC313,#F97D23);
background-image: -moz-linear-gradient(#FFC313,#F97D23);
background-image: -o-linear-gradient(#FFC313,#F97D23);
background-image: -ms-linear-gradient(#FFC313,#F97D23);
background-image: linear-gradient(#FFC313,#F97D23);
border: 1px solid #FFC412;
border-radius:3px;
color: #333;
display:block;
font: bold 12px Helvetica,Arial,sans-serif;
color: #2B2C2A;
font: bold 0.9em Helvetica,Arial,sans-serif;
margin-bottom:10px;
text-transform: uppercase;
padding:10px;
}

#submitlarge {
background: #FFD740;
background: -webkit-gradient(linear, left top, left bottom, from(#FFE773), to(#FFD740));
background: -moz-linear-gradient(top, #FFE773, #FFD740);
border: 1px solid #FFA400;
color: #242424;
font: bold 15px Helvetica,Arial,sans-serif;
height: 42px;
margin-bottom: 6px;
width: 100%;
}

#submitlist {
background: #FFD740;
background: -webkit-gradient(linear, left top, left bottom, from(#FFE773), to(#FFD740));
background: -moz-linear-gradient(top, #FFE773, #FFD740);
border: 1px solid #FFA400;
color: #242424;
display: block;
font: bold 15px Helvetica,Arial,sans-serif;
height: 18px;
margin-bottom: 6px;
width: 94%;
}
#submitlargebar {
background: #FF7373;
background: -webkit-gradient(linear, left top, left bottom, from(#FF7373), to(#FF4040));
background: -moz-linear-gradient(top, #FF7373, #FF4040);
border: 1px solid #A60000;
color: #242424;
font: bold 15px Helvetica,Arial,sans-serif;
height: 42px;
margin-bottom: 6px;
text-shadow: 1px 1px 1px #FF7373;
width: 100%;
}
#supplier_cart {
background: #FFD740;
background: -webkit-gradient(linear, left top, left bottom, from(#FFE773), to(#FFD740));
background: -moz-linear-gradient(top, #FFE773, #FFD740);
border: 1px solid #FFA400;
color: #242424;
font: bold 15px Helvetica,Arial,sans-serif;
height: 36px;
margin-bottom: 6px;
width: 100%;
display: block;
}
#supplier_block{
display: block;
height: auto;}

#show_inventory{
display:block;
height:auto;
}
#submitsmall {
background: #F7F7F7;
background: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#F7F7F7));
background: -moz-linear-gradient(top, #EEE, #F7F7F7);
border: 1px solid #DDD;
color: #242424;
display: inline;
font: bold 11px Helvetica,Arial,sans-serif;
height: auto;
margin-bottom: 6px;
margin-right: 6px;
width: 180px;
cursor:pointer;border-radius: 1px;
}

#submitsmall2 {
background: #F7F7F7;
background: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#F7F7F7));
background: -moz-linear-gradient(top, #EEE, #F7F7F7);
border: 1px solid #DDD;
color: #242424;
display: inline;
font: bold 11px Helvetica,Arial,sans-serif;
height: auto;
margin:10px auto;
width: 96%;
cursor:pointer;border-radius: 1px;
}

#submitsmall3
{
	background: #F7F7F7;
	background: -moz-linear-gradient(top, #EEE, #F7F7F7);
	border: 1px solid #DDD;
	color: #242424;
	display: inline;
	font: bold 11px Helvetica,Arial,sans-serif;
	height: auto;
	margin:10px auto;
	width: 96%;
	cursor:pointer;
	border-radius: 1px;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFC313), to(#F97D23));
}

#submitorder {
	background: #E6E6E8;
	background: -webkit-gradient(linear, left top, left bottom, from(#F8F8F9), to(#E6E6E8));
	background: -moz-linear-gradient(top, #F8F8F9, #E6E6E8);
	border: 1px solid #CCC;
	color: #444;
	font-size: 16px;
	height: 36px;
	margin-bottom: 6px;
	width: 400px;
}

#formsubmit{
	display: inline;
	}
.greenButton
{
	background: #B2EB14;
	background: -webkit-gradient(linear, left top, left bottom, from(#B2EB14), to(#A4DA14));
	background: -moz-linear-gradient(top, #B2EB14, #A4DA14);
	border: 1px solid #87B800;
	color: white;
	text-shadow: rgba(0, 0, 0, 0.1) 0 -1px 0;
	padding: 10px 20px;
	height: 36px;
}
.greenButton:hover
{
	background: #B2EB14;
	background: -webkit-gradient(linear, left top, left bottom, from(#B2EB14), to(#A4DA14));
	background: -moz-linear-gradient(top, #B2EB14, #A4DA14);
	text-decoration: none;
}
.blueButton
{
	background: #00a7e3;
	background: -webkit-gradient(linear, left top, left bottom, from(#00a7e3), to(#0099d1));
	background: -moz-linear-gradient(top, #00a7e3, #0099d1);
	border: 1px solid #0087b8;
	color: white;
	text-shadow: rgba(0, 0, 0, 0.1) 0 -1px 0;
	padding: 10px 20px;
	height: 36px;
	border-radius: 2px;
}
.blueButton:hover 
{
	background: #14b2eb;
	background: -webkit-gradient(linear, left top, left bottom, from(#14b2eb), to(#14a4da));
	background: -moz-linear-gradient(top, #14b2eb, #14a4da);
	text-decoration: none;
}
.loginButton
{
	background: #FFF;
	background: -webkit-gradient(linear, left top, left bottom, from(#FEFEFE), to(#EFEFEF));
	background: -moz-linear-gradient(top, #FEFEFE, #EFEFEF);
	border: 2px solid #DBDBDB;
	color: #777;
	text-shadow: rgba(0, 0, 0, 0.1) 0 -1px 0;
	padding: 5px 35px;
	height: 36px;
	border-radius: 6px;
	font: 15px PT Sans;
	text-transform: none;
	font-weight: 500;
}
.grayButton {
	background: #E6E6E8;
	background: -webkit-gradient(linear, left top, left bottom, from(#F8F8F9), to(#E6E6E8));
	background: -moz-linear-gradient(top, #F8F8F9, #E6E6E8);
	border: 1px solid #CCC;
	color: #666;
	height: 16px;
}
a.grayButton { color: #666;}
a.grayButton:hover { color: #666; text-decoration: none;}


.loginPage #loginForm .loginOrSignup .blueButton
 {
	float: left;
	margin: 0 10px 0 0;
}
#username, #password, #fname, #lname {
	color: #777;
	font-size: 18px;
}
#fname {float: left;}
#lname {float: right;}
#fname,#lname {
	margin-bottom: 5px;
	width: 150px;
}

#container 
{
	background: white;
	border: 1px solid #D9D9D9;
	position: relative;
	z-index: 2;
	-moz-box-shadow: rgba(0, 0, 0, 0.1) 0 0 2px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 0 2px 0px;
	box-shadow: rgba(0, 0, 0, 0.1) 0 0 2px 0px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	max-width: 960px;
	margin: auto;
}
#container .twoColumns 
{
	background: white;
	overflow: hidden;
	-moz-border-radius: 3px 3px 0px 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
	border-radius: 3px 3px 0px 0px;
}
#container .wideColumn {
	display: inline;
	float: left;
	overflow: hidden;
	padding: 3%;
	width: 64%;
}
#container .narrowColumn {
	display: inline;
	float: right;
	overflow: hidden;
	padding: 0px;
	width: 30%;
}
#header {
	/*background: url('/img/1343025940672.png') top left repeat-x;*/
	/*background-color: #FFC412;*/
	background-color: #F97D23;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFC313), to(#F97D23));
	border-bottom: 1px solid #E1E0DB;
	height: 50px;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 314159265;
	-webkit-text-stroke: 1px transparent;
	display: block;
	margin-bottom: 20px;
	/*border-bottom: 1px solid #E0C021;*/
	border-bottom: 1px solid #DDDDDD;
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.06);
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.06);
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.06);

}
#blockNum,#blockNum2 {
	background: #FFC412;
	color: white;
	font-size: 14px;
	float: left;
	font-weight: bold;
	line-height: 30px;
	text-align: center;
	width: 36px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
#blockNum2 { background: #FFC700; }
#welcomeBlock {
	margin-bottom: 20px;
	display: block;
}
#welcomeBlock  h4 {
	line-height: 30px;
}
.content{
display:block;
margin:10px;
width:100%;
}

.form{
display:block;
margin:10px 0 0 10px;
width:80%;
}

#blockMsg {
	display: block;
	margin: 10px;
}
#blockMsg span {
	font-size: 15px;
	font-weight: bold;
	line-height: 140%;
	margin: 0 0 10px;
	margin: 10px 0 0 10px;
	line-height: 30px;
}
.menuButton,.menuButtonAuto,.menuButtonAutoPay,.menuButtonBig,.menuButtonSmall,.menuButtonAutoRed{
background-color: #F17D2F;
background-image: -webkit-linear-gradient(#FFC313,#F97D23);
background-image: -moz-linear-gradient(#FFC313,#F97D23);
background-image: -o-linear-gradient(#FFC313,#F97D23);
background-image: -ms-linear-gradient(#FFC313,#F97D23);
background-image: linear-gradient(#FFC313,#F97D23);
color: #FBFCFA !important;
display: block;
font-size: 14px;
font-weight: bold;
line-height: 1.9;
padding: 10px 35px;
margin-bottom: 10px;
text-shadow: rgba(0, 0, 0, 0.2) 0px -1px 1px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset rgba(255, 255, 255, 0.47) 0px 1px 0px,rgba(0, 0, 0, 0.09) 0px 1px 2pt;
-moz-box-shadow: inset rgba(255,255,255,0.47) 0px 1px 0px,rgba(0,0,0,0.09) 0px 1px 2pt;
box-shadow: inset rgba(255, 255, 255, 0.47) 0px 1px 0px,rgba(0, 0, 0, 0.09) 0px 1px 2pt;
-webkit-transition: 0.1s linear all;
-moz-transition: 0.1s linear all;
-ms-transition: 0.1s linear all;
-o-transition: 0.1s linear all;
transition: 0.1s linear all;
display: inline-block;
font: bold 0.9em Helvetica,Arial,sans-serif;
text-transform:uppercase;
text-shadow: 1px 1px 1px #EDB715;
color: #2F2F2F !important;
-webkit-font-smoothing: antialiased;
font-weight: bold;
border-radius: 2px;
border: 1px solid #FFC412;
/*width: 140px;*/
width: 60%;

}
.menuButtonDos{
background-color: #F17D2F;
background-image: -webkit-linear-gradient(#FFC313,#F97D23);
background-image: -moz-linear-gradient(#FFC313,#F97D23);
background-image: -o-linear-gradient(#FFC313,#F97D23);
background-image: -ms-linear-gradient(#FFC313,#F97D23);
background-image: linear-gradient(#FFC313,#F97D23);
color: #FBFCFA !important;
display: block;
font-size: 14px;
font-weight: bold;
line-height: 1.9;
padding: 10px 0px;
margin-bottom: 10px;
text-shadow: rgba(0, 0, 0, 0.2) 0px -1px 1px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset rgba(255, 255, 255, 0.47) 0px 1px 0px,rgba(0, 0, 0, 0.09) 0px 1px 2pt;
-moz-box-shadow: inset rgba(255,255,255,0.47) 0px 1px 0px,rgba(0,0,0,0.09) 0px 1px 2pt;
box-shadow: inset rgba(255, 255, 255, 0.47) 0px 1px 0px,rgba(0, 0, 0, 0.09) 0px 1px 2pt;
-webkit-transition: 0.1s linear all;
-moz-transition: 0.1s linear all;
-ms-transition: 0.1s linear all;
-o-transition: 0.1s linear all;
transition: 0.1s linear all;
display: inline-block;
font: bold 0.9em Helvetica,Arial,sans-serif;
text-transform:uppercase;
text-shadow: 1px 1px 1px #EDB715;
color: #2F2F2F !important;
-webkit-font-smoothing: antialiased;
font-weight: bold;
border-radius: 2px;
border: 1px solid #FFC412;
width: 100%;
/*width: 140px;*/

}
.menuButtonBig{
font-size: 18px;
padding: 15px 85px;
width: auto;
}
#alert_warning{
background-color: #FFEA73;
border: 1px solid #FFF340;
border-radius: 3px;
color: #3d3d3d;
font-size: 13px;
padding-left: 30px;
padding: 6px;
width: 93%;
}
#alert_success{
background-color: #DCFA70;
border: 1px solid #BEF73E;
border-radius: 3px;
color: #3d3d3d;
font-size: 13px;
padding-left: 30px;
padding: 6px;
width: 93%;
}
.menuButtonSmall{
font-size: 11px;
padding: 5px 15px;
width: auto;
}

#menulink,#link{
background-color: #FFC313;
color: #FBFCFA !important;
display: block;
margin: auto;
margin-bottom: 10px;
padding: 5px;
text-shadow: rgba(0, 0, 0, 0.2) 0px -1px 1px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset rgba(255, 255, 255, 0.47) 0px 1px 0px,rgba(0, 0, 0, 0.09) 0px 1px 2pt;
-moz-box-shadow: inset rgba(255,255,255,0.47) 0px 1px 0px,rgba(0,0,0,0.09) 0px 1px 2pt;
box-shadow: inset rgba(255, 255, 255, 0.47) 0px 1px 0px,rgba(0, 0, 0, 0.09) 0px 1px 2pt;
-webkit-transition: 0.1s linear all;
-moz-transition: 0.1s linear all;
-ms-transition: 0.1s linear all;
-o-transition: 0.1s linear all;
transition: 0.1s linear all;
display: inline-block;
font: bold 12px Helvetica,Arial,sans-serif;
text-transform:uppercase;
text-shadow: 1px 1px 1px #EDB715;
color: #2F2F2F !important;
-webkit-font-smoothing: antialiased;
border-radius: 2px;
border: 1px solid #FFC412;
width: 90%;
text-align: center;
}

#link{
background-color: #F17D2F;
background-image: -webkit-linear-gradient(#FFC313,#F97D23);
background-image: -moz-linear-gradient(#FFC313,#F97D23);
background-image: -o-linear-gradient(#FFC313,#F97D23);
background-image: -ms-linear-gradient(#FFC313,#F97D23);
background-image: linear-gradient(#FFC313,#F97D23);
}
.menuAdd, .menuInventory, .menuRecipes,.menuPOS{
margin: auto;
width: 100%;
}
.menuButtonAuto{
width: auto;
}
.button{
background-color: #F17D2F;
background-image: -webkit-linear-gradient(#FFC313,#F97D23);
background-image: -moz-linear-gradient(#FFC313,#F97D23);
background-image: -o-linear-gradient(#FFC313,#F97D23);
background-image: -ms-linear-gradient(#FFC313,#F97D23);
background-image: linear-gradient(#FFC313,#F97D23);
color: #FBFCFA !important;
display: block;
font-size: 14px;
font-weight: bold;
line-height: 1.9;
padding: 10px 35px;
margin-bottom: 10px;
text-shadow: rgba(0, 0, 0, 0.2) 0px -1px 1px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset rgba(255, 255, 255, 0.47) 0px 1px 0px,rgba(0, 0, 0, 0.09) 0px 1px 2pt;
-moz-box-shadow: inset rgba(255,255,255,0.47) 0px 1px 0px,rgba(0,0,0,0.09) 0px 1px 2pt;
box-shadow: inset rgba(255, 255, 255, 0.47) 0px 1px 0px,rgba(0, 0, 0, 0.09) 0px 1px 2pt;
-webkit-transition: 0.1s linear all;
-moz-transition: 0.1s linear all;
-ms-transition: 0.1s linear all;
-o-transition: 0.1s linear all;
transition: 0.1s linear all;
display: inline-block;
font: bold 0.9em Helvetica,Arial,sans-serif;
text-align:center;
text-transform:uppercase;
text-shadow: 1px 1px 1px #EDB715;
color: #2F2F2F !important;
-webkit-font-smoothing: antialiased;
font-weight: bold;
border-radius: 2px;
border: 1px solid #FFC412;
margin-top:-10px;
width:88%;
}
.submit,.back,.submit30,.back30{
background-color: #F17D2F;
background-image: -webkit-linear-gradient(#FFC313,#F97D23);
background-image: -moz-linear-gradient(#FFC313,#F97D23);
background-image: -o-linear-gradient(#FFC313,#F97D23);
background-image: -ms-linear-gradient(#FFC313,#F97D23);
background-image: linear-gradient(#FFC313,#F97D23);
color: #FBFCFA !important;
cursor:pointer;
display: block;
font-size: 14px;
font-weight: bold;
line-height: 1.9;
padding: 10px 35px;
margin-bottom: 10px;
text-shadow: rgba(0, 0, 0, 0.2) 0px -1px 1px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset rgba(255, 255, 255, 0.47) 0px 1px 0px,rgba(0, 0, 0, 0.09) 0px 1px 2pt;
-moz-box-shadow: inset rgba(255,255,255,0.47) 0px 1px 0px,rgba(0,0,0,0.09) 0px 1px 2pt;
box-shadow: inset rgba(255, 255, 255, 0.47) 0px 1px 0px,rgba(0, 0, 0, 0.09) 0px 1px 2pt;
-webkit-transition: 0.1s linear all;
-moz-transition: 0.1s linear all;
-ms-transition: 0.1s linear all;
-o-transition: 0.1s linear all;
transition: 0.1s linear all;
display: inline-block;
font: bold 0.9em Helvetica,Arial,sans-serif;
text-align:center;
text-transform:uppercase;
text-shadow: 1px 1px 1px #EDB715;
color: #2F2F2F !important;
-webkit-font-smoothing: antialiased;
font-weight: bold;
border-radius: 2px;
border: 1px solid #FFC412;
width:100%;
}
.title{
background:#F1F1F1;
border-radius:3px;
color:#3f3f3f;
margin:5px 0;
padding:2px 5px;
width:auto;
}
.submit30,.back30{
display:block;
margin:auto;
width:40%;
}
.back{
margin-top:-13px;
}
.menuButtonAutoPay{
font-size:18px;
height:40px;
width:400px;
}

.menuButtonAutoPayDisabled{
background-color: #F17D2F;
background-image: -webkit-linear-gradient(#D6CEB4,#9B8B7F);
background-image: -moz-linear-gradient(#D6CEB4,#9B8B7F);
background-image: -o-linear-gradient(#D6CEB4,#9B8B7F);
background-image: -ms-linear-gradient(#D6CEB4,#9B8B7F);
background-image: linear-gradient(#D6CEB4,#9B8B7F);
color: #707070 !important;
font-size:20px;
height:40px;
width:300px;
}

.menuButtonAutoRed{
background-color: #DA4848;
background-image: -webkit-linear-gradient(rgba(255, 18, 18, 0.36),#E44141);
background-image: -moz-linear-gradient(#FFC313,#F97D23);
background-image: -o-linear-gradient(#FFC313,#F97D23);
background-image: -ms-linear-gradient(#FFC313,#F97D23);
background-image: linear-gradient(#FFC313,#F97D23);
color: #FBFCFA !important;
display: block;
font-size: 14px;
font-weight: bold;
line-height: 1.9;
padding: 10px 35px;
margin-bottom: 10px;
text-shadow: rgba(0, 0, 0, 0.2) 0px -1px 1px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset rgba(255, 255, 255, 0.47) 0px 1px 0px,rgba(0, 0, 0, 0.09) 0px 1px 2pt;
-moz-box-shadow: inset rgba(255,255,255,0.47) 0px 1px 0px,rgba(0,0,0,0.09) 0px 1px 2pt;
box-shadow: inset rgba(255, 255, 255, 0.47) 0px 1px 0px,rgba(0, 0, 0, 0.09) 0px 1px 2pt;
-webkit-transition: 0.1s linear all;
-moz-transition: 0.1s linear all;
-ms-transition: 0.1s linear all;
-o-transition: 0.1s linear all;
transition: 0.1s linear all;
display: inline-block;
font: bold 0.9em Helvetica,Arial,sans-serif;
text-transform: uppercase;
text-shadow: 1px 1px 1px #090909;
color: #ECECEC !important;
-webkit-font-smoothing: antialiased;
font-weight: bold;
border-radius: 2px;
border: 1px solid #C53737;
width: auto;
}
.grayB{
background-color: #F17D2F;
background-image: -webkit-linear-gradient(#BFBFBF,#CFCFCF);
background-image: -moz-linear-gradient(#FFC313,#F97D23);
background-image: -o-linear-gradient(#FFC313,#F97D23);
background-image: -ms-linear-gradient(#FFC313,#F97D23);
background-image: linear-gradient(#FFC313,#F97D23);
border: 1px solid #CCC;
text-shadow: 1px 1px 1px #CCC;
}
.menuButton:hover{
text-decoration: none;
}
#loginTitle{
background: #EBF0F3;
font: normal 1.3em Helvetica,Arial,sans-serif;
margin: -20px 0 10px -20px;
padding: 10px;
width: 360px;
}
.menuAdd, .menuInventory{
text-transform:uppercase;

}
.menuAdd a, .menuInventory a{
font-size: 14px;
}
.imglogin{
margin-top: -39px;
}
#blockMsg p { font-size: 16px; }
#header a{ color: white; }
#newsFlash.newsFlashGreen { background: #EBF3EB; max-width: 305px;}
#newsFlash { border: 1px solid #DFE7DF; border-top: none; max-width: 305px;}

.box { 
	text-align:center;
}
#logo{
	font: bold 16px Helvetica,Arial,sans-serif;
	text-shadow: rgba(0, 0, 0, 0.1) 0 -1px 0;
	margin: 6px 0 0 10px;
	float:left;
	color: white;
	}
	
.logoin{ text-shadow: 1px 1px 1x white; }

#logout {
color: #3F3F3F;
float: right;
font-size: 16px;
margin: 15px 10px 0 0;
display: block;
font: normal 14px Helvetica,Arial,sans-serif;
text-shadow: 1px 1px 0px #FFC824;
}

#logout a { color: #2F2F2F; }

.subSideBar{ background: #FCFCFC; }

.post{ margin-left: 10px; }

.right{ float: right; }

.mini{
	font: bold 11px Helvetica,Arial,sans-serif;
	height: 10px;
	padding: 10px 10px;
	}
.entrada, #entrada, #qty, #money, #money_wholesale,#money_retail,#money_percentage,#measure, #qtymeasure,#min_qty{
	color: #777;
	font-size: 12px;
	background-image: none;
	padding: .4em;
	margin: .5em 0;
	line-height: 1.4;
	font-size: 16px;
	display: block;
	width: 65%;
	outline: 0;
	-moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, .2);
	box-shadow: inset 0px 1px 2px rgba(0, 0, 0, .2);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #AAA /*{c-body-border}*/;
	color: #333 /*{c-body-color}*/;
	text-shadow: 0 /*{c-body-shadow-x}*/ 1px /*{c-body-shadow-y}*/ 0 /*{c-body-shadow-radius}*/ white /*{c-body-shadow-color}*/;
	background: #F9F9F9 /*{c-body-background-color}*/;

}
.entrada:focus,#entrada:focus, #qty:focus, #money_wholesale:focus, #money:focus, #money_retail:focus,#measure:focus, #qtymeasure:focus{
	border: 1px solid #bbb;
    box-shadow: 0 0 8px #7BC1F7;
    -webkit-box-shadow: 0 0 8px #7BC1F7; 
    -moz-box-shadow: 0 0 8px #7BC1F7; 
}

.input{
-moz-box-shadow:inset 0px 1px 2px rgba(0,0,0,.2);
-webkit-box-shadow:inset 0px 1px 2px rgba(0,0,0,.2);
box-shadow:inset 0px 1px 2px rgba(0,0,0,.2);
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
background:#F9F9F9;
border:1px solid #AAA;
color:#333;
display:block;
font-size:16px;
line-height:1.4;
margin:.5em 0;
outline:0;
padding:.4em;
text-shadow:0 1px 0 white;
width:100%;
}

.input:focus{
border: 1px solid #bbb;
box-shadow: 0 0 8px #7BC1F7;
-webkit-box-shadow: 0 0 8px #7BC1F7; 
-moz-box-shadow: 0 0 8px #7BC1F7; 
}

#drop {
border: 1px solid #CCC;
border-radius: 3px;
font-size: 20px;
margin: 15px 0 0 5px;
width: 100px;
}

#money,#money_wholesale,#money_retail { width: 60%; }

#min_qty,#money_percentage{
float: right;
text-align: center;
width: 27px;
}
.mayoreo{
font-size: 16px;
font-weight: bold;
}
#qtymeasure {
float: left;
padding-left: 10px;
width: 40%;
}

#measure {
float: right;
padding-left: 10px;
width: 147px;
}
#qty {
float: left;
width: 100px;
}

.measure { width: 67%; }

#categories, #supplier,#supplier_bar {
	background: #EEE;
	border: 1px dotted #AAA;
	border-radius: 3px;
	color: #333;
	display: block;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 5px;
	padding: 10px;
	text-shadow: 0 1px 0 white;
	width: 100%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
#supplier_bar{
	background: #FFB9B9;
}
#supplier_selected{
	background: #7EB6DB;
}
#supplier:hover {background: #F0F0F0;}
#supplier a {color: #333;}
#supplier_fr {float: right;}
#supplier_fr a:link {color: white;}

#filter{
	margin: 5px;
	width: auto;
	display: block;
	-moz-box-shadow: inset 0px 1px 4px rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0px 1px 4px rgba(0, 0, 0, .2);
	box-shadow: inset 0px 1px 4px rgba(0, 0, 0, .2);
	border: 1px solid #AAA /*{c-body-border}*/;
	color: #333 /*{c-body-color}*/;
	text-shadow: 0 /*{c-body-shadow-x}*/ 1px /*{c-body-shadow-y}*/ 0 /*{c-body-shadow-radius}*/ white /*{c-body-shadow-color}*/;
	background: #F9F9F9 /*{c-body-background-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #F9F9F9 /*{c-body-background-start}*/), to( #EEE /*{c-body-background-end}*/));
	background-image: -webkit-linear-gradient( #F9F9F9 /*{c-body-background-start}*/, #EEE /*{c-body-background-end}*/);
	background-image: -moz-linear-gradient( #F9F9F9 /*{c-body-background-start}*/, #EEE /*{c-body-background-end}*/);
	background-image: -ms-linear-gradient( #F9F9F9 /*{c-body-background-start}*/, #EEE /*{c-body-background-end}*/);
	background-image: -o-linear-gradient( #F9F9F9 /*{c-body-background-start}*/, #EEE /*{c-body-background-end}*/);
	background-image: linear-gradient( #F9F9F9 /*{c-body-background-start}*/, #EEE /*{c-body-background-end}*/);
	background: #FFF;
	background-image: url(img/icons-18-white.png);
	background-repeat: no-repeat;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	font-size: 17px;
	padding: 0 30px;
	margin: .5em 0;
	background-image: none;
	position: relative;
		color: #777;
	font-size: 12px;
	background-image: none;
	padding: .4em;
	margin: .5em 0;
	line-height: 1.4;
	font-size: 16px;
	display: block;
	width: 456px;
}
#filterfont{
	float: left;
	font-size: 18px;
	margin: 10px 10px 0 0;
}
.alerts_notice {
	background: #9FF33D;
	border-bottom: 1px solid #519600;
	color: #3A6B00;
	display: block;
	font-size: 15px;
	font-weight: bold;
	line-height: 40px;
	margin: -10px 0 10px;
	text-align: center;
	width: 100%;
}
#dropdowncss,.permits {
	background: #F9F9F9;
	border: 1px solid #AAA;
	border-radius: 3px;
	box-shadow: inset 0px 1px 2px rgba(0, 0, 0, .2);
	color: #333;
	font-size: 18px;
	margin-bottom: 6px;
	padding: 6px;
	text-shadow: 1px 1px 1px white;
	width: 360px;
	
}
.permits{
	float: right;
	width: 66px;
}
	
ul.products{  
    list-style-type: none;  
} 
.products span {
	font-size: 11px;
}

ul.products_recipes {
display: block;
list-style-type: none;
margin: 0;
padding: 0;
width: 98%;
}
ul.products_recipes h3{  
margin: 0;  
padding: 0px 0px 5px 0px;  
font: bold 15px Helvetica,Arial,sans-serif;
text-shadow: 1px 1px 1px #eee;
} 
ul.products_recipes li {  
background: #eeeeee;  
border: 1px solid #d3d3d3;
border-radius: 2px;
padding: 5px;
text-align: center;   
margin-right: 10px;
margin-bottom: 10px;
display: block;
width: 100%;  
}

ul.products_recipes li .part_a{  
border-radius: 2px;
display: block;
float: left;
margin-top: 10px;
padding: 5px;
text-align: center;
width: 20%;
}

ul.products_recipes li .part_b{  
border-radius: 2px;
float: left;
padding: 5px;
text-align: center;
display: block;
width: 50%;
}

ul.products_recipes li .part_c{  
border-radius: 2px;
float: right;
padding: 5px;
text-align: center;
display: block;
width: 20%;
}

#recipes_add{
border-radius: 3px;
border: 1px solid #ccc;
font-size: 20px;
padding:3px;
width:24px;
}
#recipes_submit{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: rgba(0, 0, 0, 0.1) 0 0 2px 0px;
-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 0 2px 0px;
background: #E6E6E8;
background: -webkit-gradient(linear, left top, left bottom, from(#F8F8F9), to(#E6E6E8));
background: -moz-linear-gradient(top, #F8F8F9, #E6E6E8);
border: 1px solid #CCC;
box-shadow: rgba(0, 0, 0, 0.1) 0 0 2px 0px;
color: #777;
font: bold 14px Helvetica,Arial,sans-serif;
height: 40px;
padding: 10px 20px;
text-align: center;
text-shadow: rgba(0, 0, 0, 0.1) 0 -1px 0;
}
#recipes_dropdown {
background: #F9F9F9;
border: 1px solid #AAA;
border-radius: 3px;
box-shadow: inset 0px 1px 2px rgba(0, 0, 0, .2);
color: #333;
font-size: 18px;
margin-bottom: 6px;
padding: 6px;
text-shadow: 1px 1px 1px white;
width: 90%;
}
    ul.products h3{  
        margin: 0;  
        padding: 0px 0px 5px 0px;  
        font-size: 14px;  
		height: 35px;
    }  
      
    ul.products small{  
        display: block;  
    }  
      
    ul.products form fieldset{  
        border: 0px;  
    }  
      
    ul.products form label{  
        font-size: 12px;  
    }  
      
    ul.products form input[type=text]{  
        width: 18px;  
        background: #FFF;  
        border: 1px solid #d3d3d3;  
    }  
	
.moreinfo,.moreinfo2{
background: inherit;
border: 1px solid #ccc;
color: #666;
font-size: 11px;
padding: 4px 8px;
}

.moreinfo_1,.moreinfo_2,.moreinfo_3,.moreinfo_4,.moreinfo_5,.moreinfo_6{
background: inherit;
border: 1px solid #ccc;
color: #666;
font-size: 13px;
padding: 4px 30px;
margin-left: 200px;
margin-bottom: 5px;
}
#blockData {
	font-size: 16px;
	line-height: 24px;
	}
.orderData { color: #222; }
.tableSupplier {
	font-weight: bold;
	text-decoration: underline;
}
#tableData {
background: #fafafa;
border: 1px solid #CCC;
border-radius: 3px;
font-size: 16px;
line-height: 21px;
margin: auto;
width: 100%;
}

#tableData td{
	font-size: 14px;
	padding: 6px;
	border: 1px solid #CCC;
	}
	
#tableData th{
padding: 3px 5px;
font-size:15px;
font-weight:bold;
border: 1px solid #CCC;
text-shadow: 1px 2px 1px #fcfcfc;
background:#e9e9e9;
}


#pos_qty{
font-size:18px;
vertical-align:middle;
}

.tleft{
	color: #555;
	font-weight: bold;
	text-align: right;
	width: 140px;
	background:#DFDFDF;
	background: -webkit-linear-gradient(top, #DFDFDF, #E9E9E9);
	text-shadow: 1px 2px 1px #FFF;
	border-bottom: 1px solid #AAA;
	}
.tright{
	font-size: 14px;
}
#ranger{
width: 250px;
}
.tcenter{
	font-size: 14px;
	text-align: center;
}
#tableData th a{
color: #4D4D4D;
}
#centertable{ text-align: center; }

#lefttable{ text-align: right; }

#righttable{ text-align: left; }

.grad1 { background: #FF9898; }
.grad2 { background: #FDC393; }
.grad3 { background: #E7FF90; }
.grad4 { background: #FFF393; }
.grad5 { background: #D99DE6; }
.grad6 { background: #CEB0FF; }
.grad7 { background: #A4E5FA; }
.grad8 { background: #97D3BF; }
.grad9 { background: #97D3BF; }
.grad10 { background: #97D3BF; }
.grad11 { background: #97D3BF; }

#moneychar {
	float:left;
	font-size: 20px;
	margin: 10px 10px 0 0;
}

#usuarioTitle { height: 15px; }

.topleft { float: left; }
.topright { float: right; }

.tgreen { background: #C4F66F; text-shadow: 1px 1px 1px #EEE;}
.tyellow { background: #FFCF40; text-shadow: 1px 1px 1px #EEE;}

.place1 { background: #FFEA73; }
.place2 { background: #FF9696; }
.place3 { background: #CFD2D4; }
.place4 { background: #EDEDED; }
.place5 { background: #EDEDED; }

#goods_public {
border: 1px solid #CCC;
border-radius: 3px;
padding: 5px 5px;
margin-bottom: 3px;
text-align: left;
width: 433px;
}
#goods_public:hover { background-color: #F3F3F3; }

#goods_public a:link {
background-color: #F3F3F3;
border: 1px solid #ccc;
border-radius: 3px;
font-size: 11px;
padding: 3px 8px;
text-decoration: none;
}
#goods_public a:visited { border: 1px solid #ccc; }

@media only screen and (max-width: 768px), only screen and (max-device-width: 768px) {
   #container { max-width: 980px; }
	#container .wideColumn {
	display: inline;
	float: left;
	overflow: hidden;
	padding: 20px;
	width: 468px;
}
#container .narrowColumn {
	display: inline;
	float: left;
	overflow: hidden;
	padding: 0px;
	width: 30%;
}
	
#checklist{
font-size: 123px;
font-smooth: always;
padding: 5px;
display: block;
}

#submit_categories{
	display: inline-block;
	background: gray;
	padding:5px 10px 6px 10px;
	font-weight:bold;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
	border:1px solid rgba(0,0,0,0.4);
	-moz-border-radius: 5px;
	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
}

#logo img{
	width: 30px;
	height: 30px;
	}