body,th {
	font-family: tahoma,arial, verdana, sans-serif;
	font-size:14px; 
	background-image: url(../images/bg-1920x12001.jpg);
    background-repeat:no-repeat;
	margin:0px;
}
table, td {
	font-size: 14px;
}
a:link, a:visited {
	color: #0DA4D6;
	text-decoration: none;
}
a:hover {
	color: #cc6600;
	text-decoration: underline;
}
input, select, option, textarea, {
	FONT-SIZE: 14px; FONT-FAMILY: "Tahoma"; color:#666666;
}
.button {
	FONT-SIZE: 14px; FONT-FAMILY: "Tahoma"; color:#666666;
}
input {
	VERTICAL-ALIGN: middle
}
.bgTable {
	background: url(../images/bgtable.gif) 0 0 scroll;
}
.bgTop {
	background-image: url(../images/bgtop.gif) 0 0 scroll;
}
.bgMenu {
	background: url(../images/bgmenu.gif) 0 0 repeat-y;
	padding-left:25px; padding-right:25px;
}
.bgTopMenu a:link, .bgTopMenu a:visited{
	color:#fff; text-decoration: none;
}
.bgTopMenu a:hover{
	color:#ffff00; text-decoration:none;
}
.bgpreMenu {
	background: url(../images/bgpremenu.gif) 0 0 repeat-y;
	padding-left:25px; padding-right:25px;
}
.bgFooter {
	background-image: url(../images/bgfooter.gif);
}
.errorText {
	color:#cc0000;
}
.fieldset  {border:1px solid #999999; padding:10px; margin:0px 0px 0px 0px}
.legend    {
border:1px solid #999999; 
padding:5px 5px 5px 5px; 
text-align:center;
font-size:13px; font-weight:bold; position:relative; top:-20px; white-space:nowrap; 
border-bottom:0px; display:inline; filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0); height:18px; width:150px;
text-transform:uppercase;
}
.hdot {
	background-image: url(../images/hdot.gif);
}
.darkrow {
	background-color: #ededed; font-weight:bold; line-height:20px;
}
.bgTopmenu {
	background:url(../images/bgtopmenu.gif) 0 0 scroll; font:13px arial, verdana, tahoma;
	color:#fff; padding:0 0 8px 0;
}
.head {
	background: #333; color:#fff; font:bold 12px arial, verdana;
	padding:3px 10px 3px 10px; text-transform: uppercase;
}
.subhead {
	background: #777777; color:#fff; font:bold 12px arial, verdana;
	padding:3px 10px 3px 10px; text-transform: uppercase;
}
.subhead01 {
	background: #d7d7d7; color:#000000; font:bold 12px arial, verdana;
	padding:3px 10px 3px 10px; text-transform: uppercase;
}
.para {
	padding:0 0 0 10px;
}
.editlink {
	color:#0DA4D6; text-decoration: none;
}
.editlink a:link {
	color:#0DA4D6; text-decoration:none;
}
.editlink a:visited {
	color:#0DA4D6; text-decoration:none;
}
.editlink a:hover {
	color:#c60; text-decoration:none;
}
.txtHead {
	font-weight:bold; text-transform:uppercase; color:#000;
}
.textBox {
	width:400px; height:100px;
}
TD.ListTitle  {
	background-color: #DDDDDD;
	text-decoration: none;
	color: Black;
	font-weight: bold;
		vertical-align: text-top;
}

TD.ListTitleCashier  {
	background-color: #DDDDDD;
	text-decoration: none;
	color: Black;
	font-weight: bold;
	font-size:18px;
	height:40px;
}

TD.ListTitle01  {
	background-color: #add3fa;
	text-decoration: none;
	color: Black;
	font-weight: bold;
}

TD.ListTitle02  {
	background-color: #d7f3ab;
	text-decoration: none;
	color: Black;
	font-weight: bold;
}

TD.ListDetail {
	background-color: #F1F1F1;
	color: #000000;
}
TD.ListDetail01 {
	background-color: #e1effd;
	color: black;
}
	
TD.ListDetail02 {
	background-color: #e2fee9;
	color: black;
}	


TABLE.search {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
	color : Black;
	border : 1px solid Silver;
}

input.input_text{
	height:30px;
	font-size : 14px;
	padding:2px;
}

input.input_num{
	height:30px;
	font-size : 14px;
	padding:2px;
	text-align:right;
}

.input_select{
	height:30px;
	font-size : 14px;
	padding:2px;
}



span.font1{
	font-size : 12px;
	color:#004080
}
.error{
	color:red;
}

.input select.service-area{
	fontsize:14px;
}

.input optgroup {
    font-size: 14px;
}

.input option.service-small {
	font-size: 14px;
	padding: 0px;
	background: #5c5c5c;
}

.field1{margin-left:100px;float:left;width:200px;height:25px;text-align:center;background-color:#efefef;padding:3px;border:1px solid white;}
.field2{float:left;width:130px;height:25px;text-align:center;background-color:#efefef;padding:3px;border:1px solid white;}
.field3{float:left;width:150px;height:25px;text-align:center;background-color:#efefef;padding:3px;border:1px solid white;}
.field4{float:left;width:100px;height:25px;text-align:center;background-color:#efefef;padding:3px;border:1px solid white;}
.field5{float:left;width:100px;height:25px;text-align:center;background-color:#efefef;padding:3px;border:1px solid white;}
.field6{float:left;width:100px;height:25px;text-align:center;background-color:#efefef;padding:3px;border:1px solid white;}

.fields1{margin-left:100px;float:left;width:200px;height:25px;text-align:center;background-color:#cbcbcb;padding:3px;border:1px solid white;}
.fields2{float:left;width:130px;height:25px;text-align:center;background-color:#cbcbcb;padding:3px;border:1px solid white;}
.fields3{float:left;width:150px;height:25px;text-align:center;background-color:#cbcbcb;padding:3px;border:1px solid white;}
.fields4{float:left;width:100px;height:25px;text-align:center;background-color:#cbcbcb;padding:3px;border:1px solid white;}
.fields5{float:left;width:100px;height:25px;text-align:center;background-color:#cbcbcb;padding:3px;border:1px solid white;}
.fields6{float:left;width:100px;height:25px;text-align:center;background-color:#cbcbcb;padding:3px;border:1px solid white;}
.fields7{float:left;width:612px;height:25px;text-align:center;background-color:#cbcbcb;padding:3px;border:1px solid white;color:#000000!important;font-size:15px!important;font-style:bold;}


.fieldx1{margin-left:100px;float:left;width:200px;height:25px;text-align:center;background-color:#d2e4f9;padding:3px;border:1px solid white;}
.fieldx2{float:left;width:130px;height:25px;text-align:center;background-color:#d2e4f9;padding:3px;border:1px solid white;}
.fieldx3{float:left;width:150px;height:25px;text-align:center;background-color:#d2e4f9;padding:3px;border:1px solid white;}
.fieldx4{float:left;width:100px;height:25px;text-align:center;background-color:#d2e4f9;padding:3px;border:1px solid white;}
.fieldx5{float:left;width:100px;height:25px;text-align:center;background-color:#d2e4f9;padding:3px;border:1px solid white;}
.fieldx6{float:left;width:100px;height:25px;text-align:center;background-color:#d2e4f9;padding:3px;border:1px solid white;}


input.cashier_text{
	font-size:20px;
	padding:5px;
}

input.cashier_text:focus{
	font-size:20px;
	padding:5px;
	border:1px solid #0080ff;
}


input.cashier_text_small{
	font-size:15px;
	padding:5px;
}

input.cashier_text_small:focus{
	font-size:15px;
	padding:5px;
	border:1px solid #0080ff;
}



input.cashier_text_po{
	font-size:20px;
	padding:0px;
}

input.cashier_text_po:focus{
	font-size:20px;
	padding:0px;
	border:1px solid #0080ff;
}


input.cashier_num{
	font-size:20px;
	padding:5px;
	text-align:right;
}

input.cashier_num:focus{
	font-size:20px;
	padding:5px;
	text-align:right;
	border:1px solid #0080ff;
}



div.cashier_save_text{
	float:left;
	font-size:20px;
	font-weight:bold;
	padding:10px;
	width:150px;
}

div.cashier_view_profile{
	float:left;
	font-size:14px;
	font-weight:bold;
	padding:5px;
}

td.cashier_label{
	font-size:18px;
	font-weight:bold;
}

.price_net{
	border:0px;
	font-size:30px;
	font-weight:bold;
	color:#0080ff;
	width:150px;
	text-align:right;
}

.price_paid{
	border:0px;
	font-size:30px;
	font-weight:bold;
	color:#000000;
	width:150px;	
	text-align:right;	
}

.price_refund{
	border:0px;
	font-size:30px;
	font-weight:bold;
	color:#ff8000;
	width:150px;	
	text-align:right;	
}

.btn_cashier{
	background-color:#0080ff;
	font-size:20px;
	font-wight:bold;
	color:white;
    border: 5px solid #b3d9ff;
    border-radius: 2px 2px 2px 2px;	
}


input.frm_text{
	width:200px;
	height:30px;
	font-family: tahoma,arial, verdana, sans-serif;
	font-size:13px; color:#666666;
	
}

a.btn-primary, input.btn-primary {
	background:#0059b3;
	margin:0 10px 0 0;
	padding:1px 15px 3px 15px;
	border:none;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	line-height:18px;
	font-family: tahoma,arial, verdana, sans-serif;
	font-size:14px;
	font-weight:400;
	text-shadow:none;
	color:#fff;
	cursor:pointer;
}
a.btn-primary:focus ,  input.btn-primary:focus {
	background:#134eb9;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
a.btn-primary:hover , input.btn-primary:hover{
	background:#4c4848;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	text-decoration: none;
}

a.btn-primary_form, input.btn-primary_form {
	background:#0059b3;
	margin:0 0px 0 0;
	padding:1px 5px 3px 5px;
	border:none;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	line-height:28px;
	font-family: tahoma,arial, verdana, sans-serif;
	font-size:14px;
	font-weight:400;
	text-shadow:none;
	color:#fff;
	cursor:pointer;
}
a.btn-primary_form:focus ,  input.btn-primary_form:focus {
	background:#134eb9;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
a.btn-primary_form:hover , input.btn-primary_form:hover{
	background:#4c4848;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	text-decoration: none;
}

input.input-text{
	z-index: 100;
	border: 1px solid #a2a2a2;
	background: #fff;
	padding: .2em .8em;
	width:200px;
	height:30px;
	font-family: tahoma,arial, verdana, sans-serif;
	font-size:15px;
}

.cashier_table{

	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	margin-bottom:10px;

}

select.cashier_select{
	width:200px;
	height:30px;
	font-family: tahoma,arial, verdana, sans-serif;
	font-size:15px;
}

select.cashier_select:focus{
	background-color:#359aff;
}

#tweets {
    width: 100%;
    font-family: Helvetica, Arial, sans-serif;
}
#tweets li {
    background-color: #fafafa;
    margin: 2px;
    list-style-type: none;
	float:left;
}
#tweets li:hover {
    background-color: #f2f2f2;
}
.big_text{
	font-size:20px;
	font-weight:bold;
}

#tabs { 
    padding: 0px; 
	width:95%;
} 
#tabs .ui-tabs-nav { 
    background: transparent; 
    border-width: 0px 0px 1px 0px; 
    -moz-border-radius: 0px; 
    -webkit-border-radius: 0px; 
    border-radius: 0px; 
} 
#tabs .ui-tabs-panel { 
    margin: 0em 0.2em 0.2em 0.2em; 
}

.main_frame{
	margin-top:2px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	margin-bottom:10px;	
	width:1200px;
	background-color:white;
}




/* -------------------- Page Styles (not required) */


.styled-select {
   background: url(../images/15xvbd5.png) no-repeat 96% 0;
   height: 29px;
   overflow: hidden;
   width: 240px;
}

.styled-select select {
  background: transparent;
   
   border: none;
   font-size: 14px;
   height: 29px;
   padding: 5px; /* If you add too much padding here, the options won't show in IE */
   width: 268px;
}

.styled-select.slate {
   background: url(../images/2e3ybe1.jpg) no-repeat right center;
   height: 34px;
   width: 240px;
   backgroun-color:white;
}

.styled-select.slate select {
   border: 1px solid #ccc;
   font-size: 16px;
   height: 34px;
   width: 268px;
}

/* -------------------- Rounded Corners */
.rounded {
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
}

.semi-square {
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}

/* -------------------- Colors: Background */
.slate   { background-color: #ddd; }
.green   { background-color: #779126; }
.blue    { background-color: #3b8ec2; }
.yellow  { background-color: #eec111; }
.black   { background-color: #000; }

/* -------------------- Colors: Text */
.slate select   { color: #000; }
.green select   { color: #fff; }
.blue select    { color: #fff; }
.yellow select  { color: #000; }
.black select   { color: #fff; }


#mainselection select {
   border: 0;
   color: #EEE;
   background: transparent;   font-size: 20px;
   font-weight: bold;
   padding: 2px 10px;
   width: 378px;
   *width: 350px;
   background: #58B14C;
   -webkit-appearance: none;
}

#mainselection {
   overflow:hidden;
   width:350px;
   -moz-border-radius: 9px 9px 9px 9px;
   -webkit-border-radius: 9px 9px 9px 9px;
   border-radius: 9px 9px 9px 9px;
   box-shadow: 1px 1px 11px #330033;
   background: #58B14C url("../images/15xvbd5.png") no-repeat scroll 319px center;
}


select#soflow, select#soflow-color {
   -webkit-appearance: button;
   -webkit-border-radius: 2px;
   -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   -webkit-padding-end: 20px;
   -webkit-padding-start: 2px;
   -webkit-user-select: none;
   background-image: url(../images/15xvbd5.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
   background-position: 97% center;
   background-repeat: no-repeat;
   border: 1px solid #AAA;
   color: #555;
   font-size: inherit;
   margin: 20px;
   overflow: hidden;
   padding: 5px 10px;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 300px;
}

select#soflow-color {
   color: #fff;
   background-image: url(../images/15xvbd5.png), -webkit-linear-gradient(#779126, #779126 40%, #779126);
   background-color: #779126;
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
   padding-left: 15px;
}


table.form td{font-size:20px;}

.header_title{
	font-size:30px;
	color:white;
	font-style:bold;
}

.purchase_status{
	font-family:arial;
	background-color:#0080ff;
	width:50px;
	height:50px;
	font-size:40px;
	font-weight:bold;
	color:white;
   -webkit-border-radius: 35px;
   -moz-border-radius: 35px;
   border-radius: 35px;
   float:center;
   text-align:center;
}

.purchase_tab{
	font-family:arial;
	border-bottom:3px solid #0080ff;
	font-size:15px;
    text-align:left;
	color:#0080ff;
	cursor:pointer;
}

.purchase_tab1{
	font-family:arial;
	border-bottom:3px solid #c6c6c6;
	font-size:15px;
    text-align:left;
	color:#5a5a5a;
	cursor:pointer;
}

.purchase_tab1:hover{
	font-family:arial;
	border-bottom:3px solid #0080ff;
	font-size:15px;
    text-align:left;
	color:#0080ff;
}

.btn-edit{
	background-color:#0080ff;
	color:white;
	
}

.select_warehouse{
	width:50px;	
}