/* ---------------------------------------------------------------------------------------------

	global

--------------------------------------------------------------------------------------------- */
* {
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  padding: 0;
  font: 12px/18px verdana, geneva, sans-serif;
  color: #333333;
  text-align: center;
	background-color: #EBEBEB;
}

label {
	font-weight: bold; 
}

.error {
	color: red;
}

div.errorExplanation {
	padding-bottom: 5px;
}

.errorExplanation {
	font-size: 12px;
}

.errorExplanation p {
	color: #787242;
}


.errorExplanation li {
	margin-left: 20px;
	color: #f00;
}

div.fieldWithErrors {
	display: inline;
}

.fieldWithErrors input {
	background-color: #f99;
}

.fieldWithErrors textarea {
	background-color: #f99;
}

.clrfix { zoom:1; }
.clrfix:after { 
	content: ".";
	display: block;
	height: 0;
	width: 0;
	line-height: 0;
	clear: both;
	visibility: hidden; 
}

a.btn {
  padding: 8px;
  background-color: #333333;
  color: #EBEBEB;
  text-decoration: none;
}

a.btn-disabled {
	opacity: 0.4;
	cursor: not-allowed;
}

input[type="submit"],
input[type="button"] {
	padding: 5px 10px;
	background-color: #EBEBEB;
	color: #333333;
	border: solid 1px #333333;
}


/* ---------------------------------------------------------------------------------------------

	general

--------------------------------------------------------------------------------------------- */
/* Image Replacement */
.ir { text-indent: -9999px; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;	
}

img, a.image { border: none; }

.float-r { float: right; }
.float-l { float: left; }

/* Self Clearing Floats */
#header:after, #nav:after, #content:after, #content #content-header:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

/* ---------------------------------------------------------------------------------------------

	general errors - form error styles are located in uni-form.css

--------------------------------------------------------------------------------------------- */
#login div.flash-error {
	padding: 10px;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 5px;
	width: 300px;
}

div.flash-error {
  margin: 18px 18px 0;
  border: 1px solid #900;
  background: #C00;
  color: #FFF;
}

/* ---------------------------------------------------------------------------------------------

	links

--------------------------------------------------------------------------------------------- */
/*
a:link, a:active, a:visited, a:hover {
  text-decoration: none;
  border-bottom: 1px solid;
}
*/

a { text-decoration: underline; padding: 2px; color: #002A40; }
a.image:hover { background: none; }

.action a img {
	padding-top: 5px;
}

/* ---------------------------------------------------------------------------------------------

	container

--------------------------------------------------------------------------------------------- */
#container {
  text-align: left;
}

/* ---------------------------------------------------------------------------------------------

	header

--------------------------------------------------------------------------------------------- */
div#header {
  background-color: #333333;
}

#header div {
  margin: 0 auto;
  width: 960px;
	height: 64px;
	background-color: #333333;
}

#header .board-name a {
  display: block;
  text-decoration: none;
	color: #fff;
	padding: 20px 0px 0px 25px;
	font-weight: bold;
	font-size: 18px;
}

#header p.logged {
  margin: 15px 25px 10px 0;
  font-size: 11px;
  color: #fff;
}

#header p.logged a {
  color: #fff;
}

div#flash {
	text-align: center;
	background-color: #D20F34;
	padding: 5px;
	min-height: 15px;
}

div#flash .blank {
	background-color: #EBEBEB;
}

/* ---------------------------------------------------------------------------------------------

	nav

--------------------------------------------------------------------------------------------- */

div#top-content {
	border: solid 1px #D20F34;
	width: 960px;
	margin: 0 auto;
	margin-top: 10px;
}

#nav div {
  margin: 0 auto;
  width: 960px;
}

#nav div ul {
  margin-top: 15px;
  padding: 0;
  list-style: none;
  font-size: 14px;
  color: #FFF;
}

#nav ul li {
  margin: 0;
  padding: 0 10px 0 0;
  list-style: none;
  float: left;
}

#nav ul li a {
  padding: 8px 30px;
  float: left;
  text-decoration: none;
  color: #FFF;
  background-color: #D20F34;
}

#nav ul li a:hover { color: #EBEBEB; }

#s-order-entry #nav ul li#order-entry-tab a,
#s-order-review #nav ul li#order-review a,
#s-order-confirmation #nav ul li#order-review a,
#s-orders #nav ul li#orders-tab a,
#s-products #nav ul li#products-tab a,
#s-items #nav ul li#items-tab a,
#s-saved-orders #nav ul li#saved-orders-tab a,
#s-account #nav ul li#account-tab a {
  background-color: #333333;
  color: #FFF;
}

#nav ul li#saved-orders-tab,
#nav ul li#orders-tab,
#nav ul li#account-tab {
	float: right;
}

/* ---------------------------------------------------------------------------------------------

	content

--------------------------------------------------------------------------------------------- */
#content {
  margin: 0px auto;
  width: 960px;
	background: #fff;
  /*background: #FFF url(/images/bg_content.gif) top right repeat-y;*/
  border-top: 2px solid #D20F34;
	min-height: 400px;
}

/* ---------------------------------------------------------------------------------------------

	footer

--------------------------------------------------------------------------------------------- */
#footer {
  margin: 0px auto;
  width: 960px;
	/*background: #fff;*/
  /*background: #FFF url(/images/bg_content.gif) top right repeat-y;*/
  border-top: 2px solid #D20F34;
	padding-top: 30px;
}

#footer div {
	text-align: center;
}

/* ---------------------------------------------------------------------------------------------

	login

--------------------------------------------------------------------------------------------- */
#s-login {
  /*background-image: url(/images/bg_login.gif);*/
}

#login {
  margin: 70px auto 0;
  height: 500px;
  text-align: center;
}

#login div#login-body {
  margin: 0 auto;
  width: 525px;
  text-align: left;
  /*background: #FFF url(/images/bg_logo_login.png) no-repeat;*/
	background-color: #fff;
	border: 10px solid #D20F34;
}

#login dl {
	margin: 20px 0 20px 200px;
}

#login dt {
	width: 120px;
	font-size: 14px;
	font-weight: normal;
	float: left;
	clear: right;
}

#login dd {
	margin: 0 0 5px 85px;
	color: #666;
}

#login input {
	font-size: 14px;
}

#login input#licensee_number {
  width: 150px;
}

#login input#licensee_password {
	width: 150px;
}

#login input#board_store_number {
  width: 150px;
}

#login input#board_store_password {
	width: 150px;
}

#login input#board_store_user_id {
  width: 150px;
}

#login dl#logo {
	margin: 0px;
}

#login div.spacer {
	height: 5px;
}

#licensee_forgot_password {
	height: 500px;
}

div#licensee_forgot_password {
	padding: 150px 0px 0 0;
	text-align: center;
}

#licensee_forgot_password input {
	margin-top: 10px;
}

#login div#login_message {
  background: #DBF8DC;
  margin: 0 auto 20px;
  width: 521px;
  border: 2px solid #87C487;
  padding: 10px;
}


/* ---------------------------------------------------------------------------------------------

	content-header

--------------------------------------------------------------------------------------------- */
#content-header {
  padding: 20px 0 9px 0;
}

#content-header h2 {
  margin: 5px 0 0px 29px;
  font-size: 24px;
  letter-spacing: -1px;
}

#content-header h2.saved-orders {
	font-size: 14px;
  font-weight: bold;
	margin-right: 140px;
}

/* ---------------------------------------------------------------------------------------------

	content-main

--------------------------------------------------------------------------------------------- */
#content-main {
  padding: 10px 29px 29px 29px;
	float: left;
}

#content-main-licensees {
  padding: 10px 20px 29px 20px;
}

#content-main dl {
	margin: 0;
	padding: 0;
}

#content-main dt {
  margin: 5px 10px 0 0;
  width: 100px;
	font-size: 11px;
	float: left;
	text-align: right;
}

#content-main dd {
	margin-bottom: 5px;
	font-size: 11px;
}

/* ---------------------------------------------------------------------------------------------

	order entry & review screens

--------------------------------------------------------------------------------------------- */
#content-header .order-total {
	margin-right: 70px;
}

#content-header #order-total {
	color: green;
}

#content-header #order-total-bottles {
	color: green;
}

#content-main table#order-entry th,
#content-main table#order-entry td {
	padding: 15px 0 0 0;
}

#content-main table#order-review th,
#content-main table#order-review td {
  padding: 0 0 0 0;
}

#s-order-entry,
#s-order-review,
#s-order-confirmation {
	/* background: #FFF url(/images/bg.gif) repeat-x; */
}

table#order-entry {
	width: 900px;
	border-collapse: collapse;
	empty-cells: hide;
}

#order-entry #order-heading th.delete,
#order-entry td.delete	
	{ 
		width: 8%; 
		text-align: center;
	}
#order-entry th.item-code,
#order-entry td.item-code	
	{ width: 15%; }
#order-entry th.item-description,
#order-entry td.item-description 
	{ width: 25%; }
#order-entry th.item-size,
#order-entry td.item-size 
	{ width: 8%; }
#order-entry th.item-qty 
#order-entry td.item-qty 
	{ width: 10%; }
#order-entry th.item-unit,
#order-entry td.item-unit 
	{ width: 10%; }
#order-entry th.item-tax,
#order-entry td.item-tax 
	{ width: 10%; }
#order-entry th.item-total,
#order-entry td.item-total 
	{ width: 15%; }

#order-entry td.item-unit.on-sale {
	font-weight: bold;
	color: green;
}

#order-entry td.delete a {
	margin: 0;
  padding: 0 0 0 50px;
  width: 20px;
  height: 20px;
	border: none;
  display: block;
  background: url(/images/delete.png) no-repeat bottom;
}

#order-entry tr#order-heading {
	font-size: 12px;
	font-weight: bold;
}

#order-entry #order-heading tr {
	border-bottom: solid 1px #CCC;
}

#order-entry .order-line td input { font-size: 16px; }

#order-entry .order-line td.item-code input { width: 100px; }
#order-entry .order-line td.item-qty input { width: 50px; }

#order-entry .error-msg { 
	font-size: 11px; 
	color: red; 
}

#order-entry .error-msg .item-unit { 
	font-size: 11px; 
	font-weight: bold;
	color: green; 
}

#content-main table#order-entry tr.error-msg td {
	padding: 5px 0 0 0;
} 

#content-main table#order-entry,
#content-main table#order-review {
  font-size: 12px;
}

#content-main table#order-review {
  width: 900px;
}

#content-main table#order-entry th,
#content-main table#order-review th {
  padding-bottom: 5px;
  font-weight: normal;
  border-bottom: 1px solid #CCC;
  text-align: left;
}

#content-main table#order-entry input {
  font-size: 16px;
}

#content-main form p.action {
  margin-bottom: 5px;
  padding: 5px;
  background-color: #EBEBEB;
}

#content-main form p.action a {
  font-size: 12px;
}

#content-main form p.review, #content-main form p.submit {
  border-top: 3px solid #D20F34;
	padding: 10px 0 10px 10px;
}

div#csv-order {
	margin-top: 20px;
	background-color: #EBEBEB;
	padding: 5px 0 5px 10px;
}

#csv-order #icon-link a {
	vertical-align: 45%;
}

#csv-order #csv-form {
	display: none;
	margin-top: 10px;
}

table#order-review {
	width: 900px;
	border-collapse: collapse;
	empty-cells: hide;
}

#order-review th#order-heading {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 25px;
	border-bottom: solid 1px #CCC;
}

#order-review #order-heading th {
	border-bottom: solid 1px #CCC;
}

#order-review th.item-code,
#order-review td.item-code	
	{ width: 10%; }
#order-review th.item-description,
#order-review td.item-description 
	{ width: 35%; }
#order-review th.item-size,
#order-review td.item-size 
	{ width: 5%; }
#order-review th.item-qty 
#order-review td.item-qty 
	{ width: 10%; }
#order-review th.item-unit,
#order-review td.item-unit 
	{ width: 10%; }
#order-review th.item-tax,
#order-review td.item-tax 
	{ width: 10%; }
#order-review th.item-total,
#order-review td.item-total 
	{ width: 15%; }

#content-main #order-review td.item-delete a {
  margin: 0;
  padding: 0;
  width: 16px;
  height: 16px;
  display: block;
  background: url(/images/delete.png) no-repeat;
}

#content-main #order-review td.item-delete a:hover {
  background-position: 0 -16px;
}

#content-main #order-review .order-line td.item-delete {
	font-size: 16px;
	padding: 16px 0 0 0;
}

#order-review .order-line td.item-code, 
#order-review .order-line td.item-description,
#order-review .order-line td.item-size,  
#order-review .order-line td.item-qty,  
#order-review .order-line td.item-unit, 
#order-review .order-line td.item-total,
#order-review .order-line td.item-tax,
#order-review .order-line td.item-right-pad {
  font-size: 16px;
	/* border-bottom: 1px solid #CCC; */
	padding: 15px 0 0 0 !important;
}

#order-review .order-line td.item-unit.on-sale {
	font-weight: bold;
	color: green;
}

#order-review .order-line-msg td {
	color: green;
	padding: 5px 0 5px 0 !important;
	border-bottom: 1px solid #ccc;
} 

#order-review .order-line-msg td.item-unit {
	text-align: center !important;
}

#order-review .order-line-msg-empty {
	height: 1px !important;
	border-bottom: 1px solid #ccc;
}

#content-main #order-review th.item-qty,
#content-main #order-review td.item-qty,
#content-main #order-review th.item-unit,
#content-main #order-review td.item-unit,
#content-main #order-review th.item-tax,
#content-main #order-review td.item-tax,
#content-main #order-review th.item-total,
#content-main #order-review td.item-total {
  text-align: right;
}

#content-main #order-review tr.divider {
	padding-bottom: 20px;
}

#content-main #order-review td.order-total-label {
  background-color: #B5D2E0;
	font-size: 16px;
	font-weight: bold;
	border-bottom: none;
  text-align: right;
  /* color: #4A9BBE; */
	padding: 10px 0;
	padding-right: 10px;
}

#content-main #order-review td.order-total {
  background-color: #B5D2E0;
	font-size: 16px;
  font-weight: bold;
	text-align: right;
  border-bottom: none;
	padding: 10px 0;
}

#content-main #order-review td.order-total-pad-right {
	background-color: #B5D2E0;
	padding: 10px 0;
}

div#edit-utility {
	border: solid 1px #333333;
	background-color: #D20F34;
	color: #333333;
	padding: 8px 5px 8px 15px;
	width: 100%;
}

#content-main #order-review td.savings {
	color: green;
}

#content-main #order-review td.restocking-fee {
	color: red;
}

.blank-item-row {
  display: none;
}

.ui-autocomplete {
  min-width: 350px;
  overflow-y: auto;
  /* prevent horizontal scrollbar */
  overflow-x: auto;
}
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
  height: 200px;
}

.ui-menu .ui-menu-item {
  text-align: left;
}

.ui-menu .ui-menu-item a.ui-corner-all:hover, .ui-menu .ui-menu-item a.ui-corner-all:focus, .ui-menu .ui-menu-item a.ui-corner-all:active {
    background: #ff8a00 !important;
    color: #000;
    border-radius: 0;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    background: #666;
    border: none;
    color: #FFF;
    border-radius: 0;
    font-weight: normal;
}

/* ---------------------------------------------------------------------------------------------

	order confirmation & order saved

--------------------------------------------------------------------------------------------- */
#content-main table#order-confirmation {
	width: 900px;
	border-collapse: collapse;
	empty-cells: hide;
}

#content-main #order-confirmation #order-heading tr {
	font-size: 12px;
	border-bottom: 1px solid #CCC;
	padding-bottom: 10px;
}

#order-confirmation th.item-code,
#order-confirmation td.item-code	
	{ width: 10%; }
#order-confirmation th.item-description,
#order-confirmation td.item-description 
	{ width: 30%; }
#order-confirmation th.item-size,
#order-confirmation td.item-size 
	{ width: 10%; }
#order-confirmation th.item-qty 
#order-confirmation td.item-qty 
	{ width: 10%; }
#order-confirmation th.item-unit,
#order-confirmation td.item-unit 
	{ width: 10%; }
#order-confirmation th.item-tax,
#order-confirmation td.item-tax 
	{ width: 10%; }
#order-confirmation th.item-total
	{ width: 15%; }
#order-confirmation td.item-total 
	{ width: 15%; }

#content-main #order-confirmation .order-line td.item-code, 
#content-main #order-confirmation .order-line td.item-description,
#content-main #order-confirmation .order-line td.item-size,  
#content-main #order-confirmation .order-line td.item-qty,  
#content-main #order-confirmation .order-line td.item-unit, 
#content-main #order-confirmation .order-line td.item-tax,
#content-main #order-confirmation .order-line td.item-total,
#content-main #order-confirmation .order-line td.item-right-pad {
  font-size: 16px;
	border-bottom: 1px solid #CCC;
	padding: 15px 0;
}

#content-main #order-confirmation th.item-qty,
#content-main #order-confirmation td.item-qty,
#content-main #order-confirmation th.item-unit,
#content-main #order-confirmation td.item-unit,
#content-main #order-confirmation th.item-tax,
#content-main #order-confirmation td.item-tax,
#content-main #order-confirmation th.item-total,
#content-main #order-confirmation td.item-total {
  text-align: right;
}

#content-main #order-confirmation th.item-total,
#content-main #order-confirmation td.item-total {
	padding-right: 5px;
}

#content-main #order-confirmation td.item-total.previous_balance {
	color: green;
}

#content-main #order-confirmation td.order-total.restocking-fee {
	color: red;
}


#content-main #order-confirmation tr.divider {
	padding-bottom: 20px;
	clear: left;
}

#content-main #order-confirmation td.order-total-bottles-label {
  font-size: 16px;
	font-weight: bold;
	border-bottom: none;
  text-align: right;
  color: #4A9BBE;
	padding: 10px 0;
	
}

#content-main #order-confirmation td.order-total-bottles-qty {
  font-size: 16px;
	font-weight: bold;
	border-bottom: none;
  text-align: right;
  color: #4A9BBE;
	padding: 10px 0;
	
}

#content-main #order-confirmation td.order-total-label {
  background-color: #B5D2E0;
	font-size: 16px;
	font-weight: bold;
	border-bottom: none;
  text-align: right;
  color: #4A9BBE;
	padding: 10px 0;
}

#content-main #order-confirmation td.order-total {
  background-color: #B5D2E0;
	font-size: 16px;
  font-weight: bold;
	text-align: right;
  border-bottom: none;
	padding: 10px 0;
	padding-right: 5px;
}

#content-main #order-confirmation td.order-total-pad-right {
	padding: 10px 0;
}

#content-main .confirmation h3 { 
  /* margin-bottom: 25px; */
  padding: 10px 45px;
  font-size: 20px;
  color: #FFF;   
  background: #749B5A url(/images/bg_icon-thank-you.gif) 3px 2px no-repeat;   
  border-bottom: 2px solid #4D7136;
}

#content-main .confirmation h4 {
  margin-bottom: 15px;
  padding: 10px; 
  font-size: 16px;
  color: #135476;
  background: #D5E9F3;
}

#content-main .confirmation h4 span { 
  margin: 10px 0;
  padding: 10px 45px;
  font-size: 16px;
  color: #FFF;   
  background: #135476 url(/images/bg_icon-pickup.gif) 3px 2px no-repeat;  
  border: 2px solid #002A40; 
  display: block;
}

#content-main .confirmation h4 span a {
	color: #fff;
} 

#content-main .confirmation h4.saved-name span {   
  background: #135476 url(/images/bg_icon-saved.gif) 3px 2px no-repeat;  
}

#content-main .confirmation h4.saved-name span a {   
  font-weight: bold;
  color: #FFF;  
}

#content-main div.confirmation {
	width: 900px;
}

#content-main .confirmation div {
  margin-bottom: 45px;
  padding: 10px 45px; 
  font-size: 12px;
  color: #135476;
  background: #D5E9F3 url(/images/bg_icon-information.gif) 5px 5px no-repeat;
}

#content-main .confirmation div p {
  margin-bottom: 15px;
  width: 50%;
}

#content-main .confirmation div form {
  padding-top: 10px; 
  color: #135476;
  border-top: 1px dotted #002A40;
}

#content-main .confirmation div input {
  font-size: 14px;
}

#content-main .confirmation div.save_order  {
	display: block;
}

#content-main h2.confirmation {
	font-size: 16px;
}

/* ---------------------------------------------------------------------------------------------

	account

--------------------------------------------------------------------------------------------- */
#s-account #content-main h3 { 
  margin-bottom: 25px;
  padding: 10px 5px;
  font-size: 20px;
  color: #FFF;   
  background: #749B5A;   
  border-bottom: 2px solid #4D7136;
}

#s-account #content-main form {
  margin-bottom: 36px;
  font-size: 12px;
}

#s-account #content-main form input {
  font-size: 14px;
}

#s-account #content-main dt {
  margin: 5px 10px 0 0;
  width: 100px;
	float: left;
	text-align: left;
}

#s-account #content-main dd {
	margin: 0 0 5px 110px;
	font-size: 11px;
}

#s-account #content-main ul {
  padding: 9px;
  background: #EEE;
  list-style-type: square;
  font-size: 12px;
}

#s-account #content-main li {
  margin-left: 18px;
  margin-bottom: 5px;
}

/* ---------------------------------------------------------------------------------------------

	content-sidebar

--------------------------------------------------------------------------------------------- */
#content-sidebar{
  margin-bottom: 300px;
  width: 240px;
	float: right;
}

/*#content-sidebar h2,
#content-sidebar h3,
#content-sidebar p,
#content-sidebar ul,
#content-sidebar form {
  margin: 0 15px;
}*/

#content-sidebar form {
  margin-bottom: 45px;
}

#content-sidebar ul {
  list-style: none;
	padding-right :10px;
	padding-top: 10px;
}

#content-sidebar li a {
  padding: 4px;
  display: block;
  font-size: 10px;
  color: #002A40;
}

#content-sidebar li a:hover {
  color: #FFF;
}

#content-sidebar li.fresh a {
  font-weight: bold;
  color: #4D7136;
}


/* ---------------------------------------------------------------------------------------------

	saved-order-list

--------------------------------------------------------------------------------------------- */

#content-main #saved-orders { 
	width: 900px; 
}

#content-main #saved-orders div#saved-orders-header {
	padding: 6px;
	padding-left: 10px;
	background-color: #EBEBEB;
	font-size: 14px;
	font-weight: bold;
	min-height: 15px;
	height: 15px;
}

#content-main #saved-orders .name { float: left; width: 50%; }
#content-main #saved-orders .action { text-align: right; float: right; width: 40%; padding-right: 50px; }

#content-main #saved-orders .saved-orders-line {
	min-height: 15px;
	height: 15px;
	padding: 10px;
}

#content-main #saved-orders div.even { background: #f0f0f0; }

#content-main #saved-orders div.show-inline {
	width: 99%;
	border: solid 4px #113F57;
	padding: 10px;
}

/* ---------------------------------------------------------------------------------------------

	order-list

--------------------------------------------------------------------------------------------- */
#content-main #orders { 
	width: 900px; 
}

#content-main #orders div#orders-header {
	padding: 6px;
	padding-left: 10px;
	background-color: #EBEBEB;
	font-size: 14px;
	font-weight: bold;
	min-height: 15px;
	height: 15px;
}

#content-main #orders .number { display: inline-block; text-align: left; width: 10%; }
#content-main #orders .status { display: inline-block; text-align: left; width: 15%; }
#content-main #orders .date-placed { display: inline-block; text-align: left; width: 18%; }
#content-main #orders .date-ready { display: inline-block; text-align: left; width: 18%; }
#content-main #orders .total-bottles { display: inline-block; text-align: right; width: 8%; }
#content-main #orders .total { display: inline-block; text-align: right; width: 12%; }
#content-main #orders .action { display: inline-block; text-align: right; width: 15%; }

#content-main #orders .orders-line {
	height :10px;
	min-height: 10px;
	padding: 10px;
}

#content-main #orders div.even { background: #f0f0f0; }

#content-main #orders div.show-inline {
	width: 99%;
	border: solid 4px #113F57;
	padding: 10px;
}

#content-main #orders .show-inline { padding: 5px; }

#content-main #orders .show-inline .item-code { width: 10%; float: left; }
#content-main #orders .show-inline .item-description { width: 30%; float: left; }
#content-main #orders .show-inline .item-size { width: 12%; float: left; }
#content-main #orders .show-inline .item-qty { width: 10%; float: left; text-align: right; }
#content-main #orders .show-inline .item-unit { width: 12%; float: left; text-align: right; }
#content-main #orders .show-inline .item-tax { width: 12%; float: left; text-align: right; }
#content-main #orders .show-inline .item-total { width: 12%; float: right; text-align: right; }

#content-main table#orders-table {
  width: 100%;
  border: none;
	margin-bottom: 36px;
}

#content-main table#orders-table tr.even td { background: #fbfbe2; } 

#content-main table#orders-table th,
#content-main table#orders-table td { padding: 0 8px; }

#content-main table#orders-table th {
  padding: 10px 8px;
  font-weight: bold;
  border-top: 2px solid;
  border-bottom: 2px solid;
  border-right: 1px solid #BEBEBE;
  background: #DDD;
}

#content-main table#orders-table td {
  border: none;
  border-bottom: 1px solid #BEBEBE;
}

#content-main table#orders-table td.date-placed,
#content-main table#orders-table td.type,
#content-main table#orders-table td.major,
#content-main table#orders-table td.location,
#content-main table#orders-table td.posted {
  padding-top: 5px;
  padding-bottom: 5px;
}

#content-main table#orders-table th.posted { border-right: none; }

#content-main #orders #bottle-count-report {
  margin-top: 20px;
}

/* ---------------------------------------------------------------------
	
	Autocomplete

------------------------------------------------------------------------ */

div.auto_complete {
  width: 350px;
  background: #fff;
}
div.auto_complete ul {
  border:1px solid #888;
  margin:0;
  padding:0;
  width: 350px !important;
  list-style-type:none;
	background: #333333;
}
div.auto_complete ul li {
  margin:0;
  padding:3px;
	color: #fff;
}
div.auto_complete ul li.selected {
  background-color: #D20F34;
	color: #fff;
}
div.auto_complete ul strong.highlight {
  color: #800;
  margin:0;
  padding:0;
}

/* ----------------------------------------------------------

	Licensee Table

------------------------------------------------------------ */

table#licensee-table {
	width: 100%;
	border-spacing: 0px;
}

#licensee-table th {
	background-color: #D20F34;
  color: #fff;
	padding: 5px;
}

#licensee-table td {
	padding: 5px;
}

#licensee-table .alternate-row td {
	background-color: #EBEBEB;
}

.blocked {
  color: red;
}

/* ----------------------------------------------------------

	Board Store Orders

------------------------------------------------------------ */

div#filters {
	clear: both;
	width: 90%;
	border: solid 1px #000;
	background-color: #EBEBEB;
	margin: 0 auto;
	padding: 10px 0 10px 10px;
	min-height: 20px;
}

div#board_store {
	width: 90%;
	margin: 0 auto;
}

div#board_store #new_orders a,
div#board_store #wip_orders a,
div#board_store #ready_orders a {
	display: inline-block;
	/*border: solid 1px #D20F34;
	background-color: #EBEBEB;
	text-decoration: none;
	padding: 2px 5px 2px 5px;
	margin: 3px;*/
}

#board_store table#new_orders,
#board_store table#wip_orders,
#board_store table#ready_orders {
	width: 100%;
}

#board_store #new_orders th,
#board_store #wip_orders th,
#board_store #ready_orders th {
	background-color: #EBEBEB;
}

#board_store #new_orders td, 
#board_store #new_orders th,
#board_store #wip_orders td, 
#board_store #wip_orders th,
#board_store #ready_orders td, 
#board_store #ready_orders th {
	padding: 8px;
	border-color: #333333;
	border-style: solid;
	border-width: 1px 0px 0px 1px;
	font-size: 10px;
}

#board_store #new_orders td.delivery, 
#board_store #wip_orders td.delivery, 
#board_store #ready_orders td.delivery {
	background-color: rgba(136, 206, 250, .3);
	border-bottom: none;
	padding-bottom: 0px;
	text-align: center;
	color: darkblue;
	font-size: 110%;
}

#board_store #new_orders tr.delivery td, 
#board_store #wip_orders tr.delivery td, 
#board_store #ready_orders tr.delivery td {
	border-top: none;
	padding-top: 0px;
}

#board_store #new_orders tr.delivery, 
#board_store #wip_orders tr.delivery, 
#board_store #ready_orders tr.delivery {
	background-color: rgba(136, 206, 250, .3);
}

#board_store #new_orders .last-column,
#board_store #wip_orders .last-column,
#board_store #ready_orders .last-column {
	border-right: solid 1px #333333;
}

#board_store #new_orders .last-row td,
#board_store #wip_orders .last-row td,
#board_store #ready_orders .last-row td {
	border-bottom: solid 1px #333333;
}

#board_store tr.even {
	background-color: #EBEBEB;
}

#board_store #new_orders .select,
#board_store #wip_orders .select,
#board_store #ready_orders .select {
	text-align: center;
	width: 5%;
}

#board_store #new_orders.licensee-order-no,
#board_store #wip_orders.licensee-order-no,
#board_store #ready_orders .licensee-order-no {
	text-align: left;
	width: 5%;
}

#board_store #new_orders .order-date,
#board_store #wip_orders .order-date,
#board_store #ready_orders .order-date {
	text-align: left;
	width: 15%;
}

#board_store #new_orders .licensee-no,
#board_store #wip_orders .licensee-no,
#board_store #ready_orders .licensee-no {
	text-align: left;
	width: 8%;
}

#board_store #new_orders .licensee,
#board_store #wip_orders .licensee,
#board_store #ready_orders .licensee {
	text-align: left;
	width: 28%;
}

#board_store #new_orders .total,
#board_store #wip_orders .total,
#board_store #ready_orders .total {
	text-align: right;
	width: 12%;
}

#board_store #new_orders .action,
#board_store #wip_orders .action,
#board_store #ready_orders .action {
	text-align: center;
	width: 30%;
}

/* -----------------------------------------------------------------------------

	Products
	
-------------------------------------------------------------------------------- */

div#products-search {
	margin-top: 50px !important;
	padding: 20px;
	width: 90%;
	margin: 0 auto;
	background-color: #f0f0f0;
}

#products-search label {
	margin-right: 10px;
}

label[for=category] {
	margin-left: 25px;
}

div#products-paging {
	text-align: center;
	margin-bottom: 20px;
}

table#products_table {
	width: 95%;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
}

#products #new_orders th {
	background-color: #D20F34;
}

#products_table td,
#products_table th {
	border-color: lightgray;
	border-style: solid;
	border-width: 1px 0px 0px 1px;
	font-size: 12px;
}

#products_table th {
	background-color: #333333;
	color: #fff;
	padding: 5px 10px;
}

#products_table td {
	padding: 5px 10px;
}

#products_table .last-column {
	border-right: solid 1px #333333;
}

#products_table .last-row td {
	border-bottom: solid 1px #333333;
}

#products tr.even {
	background-color: #EBEBEB;
}

#products_table .code {
	text-align: left;
	width: 8%;
}

#products_table .type {
	text-align: left;
	width: 30%;
}

#products_table .description {
	text-align: left;
	width: 30%;
}

#products_table .size {
	text-align: right;
	width: 8%;
}

#products_table .price {
	text-align: right;
	width: 12%;
}

#products_table .on-hand {
	text-align: center;
	width: 10%;
}

/* -----------------------------------------------------------------------------

	Product On Hand
	
-------------------------------------------------------------------------------- */

table#product_on_hand {
	width: 100%;
}

#product_on_hand td.col {
	padding: 10px;
	width: 30%;
}

.qoh {
	color: green;
	font-weight: bold;
}

/* -------------------------------------------------------------------------

	Prototip
	
---------------------------------------------------------------------------- */

.prototip .default {
	width: 250px;
	color: #808080;
}
.prototip .default .toolbar {
	background: #D20F34;
	font-weight: bold;
	color: #333333;
}
.prototip .default .title { padding: 5px; }
.prototip .default .content {
	padding: 5px;
	background: #fff;
	color: #333333;
}

/* -----------------------------------------------------------------------------

	Payment Table
	
-------------------------------------------------------------------------------- */

table#payment-table {
	width: 100%;
}

#payment-table .alternate-row td {
	background-color: #EBEBEB;
}

table#payment-table td {
	padding: 5px 10px 5px 10px;
}

table#payment-table th {
	padding: 5px 10px 5px 10px;
	background-color: #EBEBEB
}

#payment-table .item-code {
	width: 10%;
}

#payment-table .description {
	width: 25%;
}

#payment-table .size {
	width: 8%;
}

#payment-table .bottles {
	width: 8%;
	text-align: right;
}

#payment-table .price {
	width: 15%;
	text-align: right;
}

#payment-table .tax {
	width: 15%;
	text-align: right;
}

#payment-table .total {
	width: 15%;
	text-align: right;
}

#payment-table .order-total {
	font-weight: bold;
}

div#payment-method {
	display: block;
	background-color: #EBEBEB;
	border: solid 1px #333333;
  padding: 10px;
}

#payment-method td {
	padding: 5px 0px 5px 10px;
	width: 15%;
}

#payment-credit-card {
	width: 100%;
	min-height: 100px;
	background-color: #f7f7f7;
}

#payment-credit-card div {
	padding: 20px;
}

.ui-dialog .ui-dialog-titlebar {
	display: none;
}

div#payment-credit-card-paid-payment {
  float: left;
  width: 50%;
  background-color: #f7f7f7;
  padding: 10px;
  min-height: 100px;
}

#payment-credit-card-paid-payment table td.label {
  font-weight: bold;
  padding: 5px 20px 5px 0px;
}

#payment-credit-card-paid-payment table td.data {
  padding: 5px 20px 5px 0px;
}

div#credit_card_receipt {
  float: right;
  width: 45%;
}

/* -----------------------------------------------------------------------------

	Daily Summary
	
-------------------------------------------------------------------------------- */

table#daily-summary {
	width: 100%;
}

#daily-summary th {
	padding: 5px 10px 5px 5px;
}

#daily-summary td {
	padding: 5px 10px 5px 5px;
}

#daily-summary .licensee-no {
	width: 12%;	
}

#daily-summary .licensee-name {
	width: 30%;	
}

#daily-summary .licensee-order-no {
	/* width: 15%;	*/
}

#daily-summary .date-paid {
	text-align: right;
	width: 12%;	
}

#daily-summary .bottles {
	text-align: right;
	padding-left: 10px;
	width: 12%;	
}

#daily-summary .amt-paid {
	text-align: right;
	width: 15%;	
}


/* -----------------------------------------------------------------------------

	Items
	
-------------------------------------------------------------------------------- */

div#items {
	width: 100%;
	margin: 0 auto;
}

#items table#products_table {
	width: 100%;
}

#items #new_orders th {
	background-color: #D20F34;
}

#items #items_table td,
#items #items_table th {
	border-color: #333333;
	border-style: solid;
	border-width: 1px 0px 0px 1px;
	font-size: 10px;
}

#items #items_table th {
	background-color: #333333;
	color: #fff;
	padding: 5px 10px;
}

#items #items_table td {
	padding: 5px 10px;
}

#items #items_table .last-column {
	border-right: solid 1px #333333;
}

#items #items_table .last-row td {
	border-bottom: solid 1px #333333;
}

#items tr.even {
	background-color: #EBEBEB;
}

#items #items_table .code {
	text-align: left;
	width: 8%;
}

#items #items_table .type {
	text-align: left;
	width: 30%;
}

#items #items_table .description {
	text-align: left;
	width: 30%;
}

#items #items_table .size {
	text-align: right;
	width: 8%;
}

#items #items_table .price {
	text-align: right;
	width: 12%;
}

#items #items_table .action {
	text-align: center;
	width: 10%;
}

div#barcodes {
	width: 100%;
	margin: 0 auto;
  padding: 20px;
}

div#barcodes table {
  width: 90%;
}

div#barcodes table tr th {
  padding: 5px;
  background-color: #D20F34;
  color: #fff;
}

div#barcodes table tr td {
  border-bottom: solid 1px #aaa;
}

div#barcodes td {
  padding: 5px;
}

div#barcodes #barcode {
  border: none;
  color: white;
}

div#barcodes td.checkmark {
  width: 20px;
  text-align: center;
  font-size: 1.5em;
}

/* -----------------------------------------------------------------------------

  Licensees
  
-------------------------------------------------------------------------------- */
div#licensees {
  width: 100%;
}

#content-main-licensees table td {
  padding: 8px 3px 8px 3px;
}

#licensee td {
  padding: 5px;
}

#licensee input {
  padding: 5px;
}

#licensee input#licensee_state {
  width: 35px;
}

#licensee input#licensee_zip {
  width: 75px;
}

/* -----------------------------------------------------------------------------

  Order Show
  
-------------------------------------------------------------------------------- */
#order-show #content-header {
	margin-left: 30px;
}

#order-show #order-details td.label {
	font-weight: bold;
	width: 200px;
	padding-bottom: 5px;
}

#order-show #order-details td.data {
	width: 300px;
}

#order-show #order-details td {
	/*padding: 10px;*/
}

#order-show .order-line td {
	border: solid 1px #EBEBEB;
	padding: 10px;
}

#order-show #order-details td.label {
	/*background-color: #EBEBEB;*/
}

#order-show #order-details td.data {
	/*background-color: #eee;*/
}

#order-show table {
	width: 100%;
}

#order-show th {
	background-color: #EBEBEB;
	border: solid 1px #EBEBEB;
	padding: 5px;
}

#order-show table th,
#order-show table td.order-line {
	padding: 10px !important;
}

#order-show .item-code,
#order-show .item-size,
#order-show .item-unit,
#order-show .item-tax,
#order-show .item-total {
	width: 10%;
}

#order-show .item-description {
	width: 40%;
}

#order-show .item-size,
#order-show .item-qty,
#order-show .item-unit,
#order-show .item-tax,
#order-show .item-total,
#order-show .return,
#order-show .total {
  text-align: right;
}

.table-size {
  max-width: 15%;
}

.nav-color {
  background-color: #00273b !important;
}

.form-pad {
  padding-top: 5%;
}

/* -----------------------------------------------------------------------------

  Custome Input Styles
  
-------------------------------------------------------------------------------- */

.large-input {
	padding: 5px;
}

/* -----------------------------------------------------------------------------

  Bridgepay Manual Form
  
-------------------------------------------------------------------------------- */

table#bridepay-manual-form td{
	padding: 10px;
}

table#bridepay-manual-form input {
	padding: 5px;
}