/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *
 *= require_self
 *= require_tree .
 */

body,div,p,td,th,li,h1,h2,h3,h4,h5,h6,h7,span,input,select,label {
  font-family: arial, tahoma, verdana, sans-serif;
  font-size: 13px;
  line-height: 17px;
  color:#333333;
}

/* For modern browsers */
.clearfix:before,
.clearfix:after {
  content:"";
  display:table;
  }

.clearfix:after { clear:both; }

/* For IE 6/7 (trigger hasLayout) */
.clearfix { zoom:1; }

/* Default link style */
a:link {
  color:#44a250; text-decoration:none;
}
a:visited {
  color:#44a250; text-decoration:none;
}
a:hover, a:focus {
  text-decoration:underline;
}
a:active {
  color:#347b3d;
}

h1 { font-weight: bold; font-size: 130%; line-height: 130% }
h2 { font-weight: bold; font-size: 120%; line-height: 120% }
h3 { font-weight: bold; font-size: 110%; line-height: 110% }
h4 { font-weight: bold; }

.indent { margin: 10px 0px 5px 20px; }

/* 11/21/13 current design has a different style link in the header/topper */
a:link {
  color:#0060a1; text-decoration:none;
}
a:visited {
  color:#0060a1; text-decoration:none;
}
a:hover, a:focus {
  text-decoration:underline;
}
a:active {
  color:#004c80;
}

/* Negative action link style (delete, remove, stop, etc. */
a.neg:link {
  color:#ff3030; text-decoration:none; font-style:italic; font-size:.93em;
}
a.neg:visited {
  color:#ff3030;
}
a.neg:hover, a:focus {
   text-decoration:underline;
}
a.neg:active {
  color:#ff3030;
}

select {
  min-width:100px;
  padding:1px;
  }

body {
/*  height: 98%;
  margin: 1% auto;
  background-color: #999999;
*/
background-color: white;
  }

.enclosure {
/*  margin: 0 auto; */
  padding: 10px 0px 20px 0px;
/*  width: 98%; */
  background-color: white;
  min-height:600px;

min-width: 1260px;
max-width: 1560px;
  }

.shadow {
/*
  -moz-box-shadow: 3px 3px 4px #000;
  -webkit-box-shadow: 3px 3px 4px #000;
  box-shadow: 3px 3px 4px #000;
  /* For IE 8 */
/*
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
  /* For IE 5.5 - 7 */
/*
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
*/
  }

#topper {
  width:100%; height:100px;
  background:#ffffff;
  }

#menubar {
  width: 100%;
  height:30px; /* if this changes, set #nav li height to correspond */
  background: white;
  margin-bottom: 30px;
  }

#menubar td {
  text-align: left;
  white-space: nowrap;
  font: bold 12px/12px Arial;
  color: #000;
  padding: 0px 20px 18px 0px;
  }

#crm_nav {
  width: 98%;
  border-collapse: collapse;
  margin: 2px auto;
  }

#crm_nav td { padding: 4px 10px; vertical-align:top; }

/* For Page titles; if h1 is used elsewhere, be specific under ID  */
h1 {
  font: normal 700 17px/21px Arial;
  color: #333333;
  text-align: left;
  margin:0px 0px 10px 20px;
  }

abbr[title], acronym[title] {
  border-bottom-width: 0;
  }

#content { margin: 10px 20px 10px 20px }

#content .input.hidden { padding: 0; display: none; }

#content abbr { font: bold 13px/16px Arial; }

#content .show_label { display: inline-block; width: 150px; border: 0px solid red; font-weight: bold; }
#content .show_label_narrow { display: inline-block; width: 100px; border: 0px solid red; font-weight: bold; }

#content .show_numeric { display: inline-block; width: 100px;  text-align: right; border: 0px solid green;}

#content td.numCell { text-align: right; }

#content td.stdWidth, #content th.stdWidth { width: 80px; }

#content div.input { padding: 10px 0px; font: bold 13px/16px Arial; }

#content .input label { display: inline-block; width: 120px;  }

#content .input .label { font: bold 13px/16px Arial; display: inline-block; width: 120px; }

#content .string.optional.control-label.with-check { font: bold 13px/16px Arial; display: inline-block; width: 161px; }

#content .input select { font: bold 13px/16px Arial; }

#content .input .string input { font: bold 13px/16px Arial;  width: 80px; }

#content .input .numeric { font: bold 13px/16px Arial;  width: 60px; }

/* #content .input .integer { font: bold 13px/16px Arial;  width: 60px; } */

#content .subbtn { margin: 20px; }
#content input[type=submit] { margin: 20px; }

#content .btn { font: bold 13px/16px Arial; }

.genericLabel { font: bold 13px/16px Arial; }

/* special label widths */

#content .input.string.required.production_shipment_shipment_number label { width: 150px; }
#content .input.string.optional.production_shipment_invoice_number label { width: 150px; }
#content .input.string.optional.production_shipment_creation_date label { width: 150px; }
#content .input.select.optional.production_shipment_destination label { width: 150px; }
#content .input.string.optional.production_shipment_estimated_arrival_date label { width: 150px; }

.lefthalf { float: left; width: 65%; height: 100%; }
.righthalf { float: right; width: 25%; margin-left: 5%; height: 100%;}

.w100padbtm { width: 100%; padding-bottom: 10px; }

.scrolltab { height: 20%; scrolling: auto; border: 1px inset #e0e0e0; padding: 5px; width: 75%;}
/* 11/15 sv added to accomodate sales dashboard table */
.scrolltabwide { height: 20%; scrolling: auto; border: 1px inset #e0e0e0; padding: 5px; width: 98%;}

.oddrow { background-color: white; }
.evenrow { background-color: #e8ecf4; }
.overdue_shipment { background-color: #eeab0d; }
.in_testing { background-color: #eeab0d; }

.prodDashTab { margin-top: 4px; }
.prodDashTab td { padding: 3px 6px; }
.prodDashTab th { background-color: #e3e9ff; padding: 3px 6px; }

.prodDashTab td:first-child + td { text-align:right; padding-right: 10px; }
.prodDashTab td:first-child + td + td { text-align:right; padding-right: 10px; }
.prodDashTab td:first-child + td + td + td { text-align:right; padding-right: 10px; }
.prodDashTab td:first-child + td + td + td + td { text-align:right; padding-right: 10px; }
.prodDashTab td:first-child + td + td + td + td + td { white-space: nowrap; text-align:right; padding-right: 10px; }

.prodLotTab { width: 100%; margin-top: 4px; }
.prodLotTab th { background-color: #e3e9ff; padding: 3px; }

.prodLotTab td:first-child + td + td { text-align:right; padding-right: 10px; }
.prodLotTab td:first-child + td + td + td { text-align:right; padding-right: 10px; }
.prodLotTab td:first-child + td + td + td + td { text-align:right; padding-right: 10px; }
.prodLotTab td:first-child + td + td + td + td + td { text-align:center; }
.prodLotTab td:first-child + td + td + td + td + td + td { text-align:right; white-space: nowrap; padding-right: 10px; }

.packLotTab { width: 100%; margin-top: 4px; }
.packLotTab th { background-color: #e3e9ff; padding: 3px; }

.packLotTab td:first-child + td + td { text-align:right; padding-right: 10px; }
.packLotTab td:first-child + td + td + td { text-align:right; padding-right: 10px; }
.packLotTab td:first-child + td + td + td + td { text-align:right; padding-right: 10px; }
.packLotTab td:first-child + td + td + td + td + td { text-align:right; padding-right: 10px; }
.packLotTab td:first-child + td + td + td + td + td + td { text-align:right; padding-right: 10px; }
.packLotTab td:first-child + td + td + td + td + td + td + td { text-align:center; white-space: nowrap; }

.shipmentTab { width: 100%; margin-top: 4px; }
.shipmentTab th { background-color: #e3e9ff; padding: 3px; }
.shipmentTab td { padding: 4px 6px; }
.shipmentTab th { padding: 4px 6px; }

.shipmentTab td:first-child + td + td { text-align:right; padding-right: 10px; }
.shipmentTab td:first-child + td + td + td { text-align:left; }
.shipmentTab td:first-child + td + td + td + td { text-align:center; white-space: nowrap; }
.shipmentTab td:first-child + td + td + td + td + td { text-align:center; }
.shipmentTab td:first-child + td + td + td + td + td + td { padding: 3px 8px; text-align:center; white-space: nowrap; }

.salesDashTab, .salesSalesTab { width: 100%; margin-top: 4px; }
.salesDashTab th, .salesSalesTab th { background-color: #e3e9ff; padding: 3px; }

.salesDashTab td:first-child { font-weight: bold; width: 5%; }
.salesDashTab td:first-child + td { text-align:center; }
.salesDashTab td:first-child + td + td { text-align:center; }
.salesDashTab td:first-child + td + td + td { text-align:right; padding-right: 10px; }
.salesDashTab td:first-child + td + td + td + td { text-align:right; padding-right: 10px; }
.salesDashTab td:first-child + td + td + td + td + td { text-align:right; padding-right: 10px; }
.salesDashTab td:first-child + td + td + td + td + td + td { text-align:right; padding-right: 10px; }
.salesDashTab td:first-child + td + td + td + td + td + td + td { text-align:right; padding-right: 10px; }
.salesDashTab td:first-child + td + td + td + td + td + td + td + td { text-align:right; padding-right: 10px; }
.salesDashTab td:first-child + td + td + td + td + td + td + td + td + td { text-align:right; padding-right: 10px; }
.salesDashTab td:first-child + td + td + td + td + td + td + td + td + td + td { text-align:right; padding-right: 10px; }
.salesDashTab td:first-child + td + td + td + td + td + td + td + td + td + td + td { text-align:right; padding-right: 10px; }
.salesDashTab td:first-child + td + td + td + td + td + td + td + td + td + td + td + td { text-align:right; padding-right: 10px; }
.salesDashTab td:first-child + td + td + td + td + td + td + td + td + td + td + td + td + td { text-align:right; padding-right: 10px; }
.salesDashTab td:first-child + td + td + td + td + td + td + td + td + td + td + td + td + td + td { text-align:right; padding-right: 10px; }

.salesSalesTab td:first-child { font-weight: bold; width: 5%; }
.salesSalesTab td:first-child + td { text-align:right; padding-right: 10px; }
.salesSalesTab td:first-child + td + td { text-align:right; padding-right: 10px; }
.salesSalesTab td:first-child + td + td + td { text-align:right; padding-right: 10px; }
.salesSalesTab td:first-child + td + td + td + td { text-align:right; padding-right: 10px; }
.salesSalesTab td:first-child + td + td + td + td + td { text-align:right; padding-right: 10px; }
.salesSalesTab td:first-child + td + td + td + td + td + td { text-align:right; padding-right: 10px; }
.salesSalesTab td:first-child + td + td + td + td + td + td + td { text-align:right; padding-right: 10px; }
.salesSalesTab td:first-child + td + td + td + td + td + td + td + td { text-align:right; padding-right: 10px; }
.salesSalesTab td:first-child + td + td + td + td + td + td + td + td + td { text-align:right; padding-right: 10px; }
.salesSalesTab td:first-child + td + td + td + td + td + td + td + td + td + td { text-align:right; padding-right: 10px; }
.salesSalesTab td:first-child + td + td + td + td + td + td + td + td + td + td + td { text-align:right; padding-right: 10px; }
.salesSalesTab td:first-child + td + td + td + td + td + td + td + td + td + td + td + td { text-align:right; padding-right: 10px; }
.salesSalesTab td:first-child + td + td + td + td + td + td + td + td + td + td + td + td + td { text-align:right; padding-left: 10px; white-space: nowrap; }

.adminSalesForeTbl tr:last-child td { border-bottom: 1px solid silver; }

.inspDashTab { width: 100%; margin-top: 4px; }
.inspDashTab th { background-color: #e3e9ff; padding: 3px; }

.inspDashTab td { padding: 4px; }
.inspDashTab td:first-child + td {  }
.inspDashTab td:first-child + td + td { text-align: center; }
.inspDashTab td:first-child + td + td + td { text-align:left; }
.inspDashTab td:first-child + td + td + td + td { text-align:right; }
.inspDashTab td:first-child + td + td + td + td + td { text-align:right; padding-right: 10px; }
.inspDashTab td:first-child + td + td + td + td + td + td { text-align:center; white-space: nowrap; }

.inspArrivingTab { width: 100%; margin-top: 4px; }
.inspArrivingTab th { background-color: #e3e9ff; padding: 3px; }
.inspArrivingTab td { padding: 4px; }

.inspArrivingTab td:first-child + td + td { text-align: center; }
.inspArrivingTab td:first-child + td + td + td { text-align:right; padding-right: 10px; }
.inspArrivingTab td:first-child + td + td + td + td { text-align:right; padding-right: 10px; }
.inspArrivingTab td:first-child + td + td + td + td + td { text-align:left; padding-right: 10px; }
.inspArrivingTab td:first-child + td + td + td + td + td + td { text-align:right; white-space: nowrap; padding-right: 10px; }

.inspBeforeTab { width: 100%; margin-top: 4px; }
.inspBeforeTab th { background-color: #e3e9ff; padding: 3px; }
.inspBeforeTab td { padding: 4px; }

.inspBeforeTab td:first-child + td + td { text-align:center; }
.inspBeforeTab td:first-child + td + td + td { text-align:right; padding-right: 10px; }
.inspBeforeTab td:first-child + td + td + td + td { text-align:right; padding-right: 10px; }
.inspBeforeTab td:first-child + td + td + td + td + td { text-align:left; padding-right: 10px; }
.inspBeforeTab td:first-child + td + td + td + td + td + td { text-align:right; white-space: nowrap; padding-right: 10px; }

.inspInspTab { width: 100%; margin-top: 4px; }
.inspInspTab th { background-color: #e3e9ff; padding: 3px; }
.inspInspTab td { padding: 4px; }

.inspInspTab td:first-child + td + td { text-align:center; }
.inspInspTab td:first-child + td + td + td { text-align:right; padding-right: 10px; }
.inspInspTab td:first-child + td + td + td + td { text-align:right; padding-right: 10px; }
.inspInspTab td:first-child + td + td + td + td + td { text-align:right; padding-right: 10px; }
.inspInspTab td:first-child + td + td + td + td + td + td { text-align:right; padding-right: 10px; }
.inspInspTab td:first-child + td + td + td + td + td + td + td { text-align:left; padding-right: 10px; }
.inspInspTab td:first-child + td + td + td + td + td + td + td + td { text-align:right; white-space: nowrap; padding-right: 10px; }

.inspPackTab { width: 100%; margin-top: 4px; }
.inspPackTab th { background-color: #e3e9ff; padding: 3px; }
.inspPackTab td { padding: 4px; }

.inspPackTab td:first-child + td { text-align:right; padding-right: 10px; }
.inspPackTab td:first-child + td + td { text-align:right; padding-right: 10px; }
.inspPackTab td:first-child + td + td + td { text-align:right; padding-right: 10px; }
.inspPackTab td:first-child + td + td + td + td { text-align:right; padding-right: 10px; }
.inspPackTab td:first-child + td + td + td + td + td { text-align:right; white-space: nowrap; padding-right: 10px; }

#inspProdShipTbl td { padding: 10px 40px; }

.inspShippingTab { width: 100%; margin-top: 4px; }
.inspShippingTab th { background-color: #e3e9ff; padding: 3px; }
.inspShippingTab td { padding: 4px; }

.inspShippingTab td:first-child + td + td + td + td + td { text-align:center; padding-right: 10px; }
.inspShippingTab td:first-child + td + td + td + td + td + td { text-align:right; white-space: nowrap; padding-right: 10px; }

.inspSalesTab { width: 100%; margin-top: 4px; }
.inspSalesTab th { background-color: #e3e9ff; padding: 3px; }

.inspSalesTab td:first-child { font-weight: bold; width: 5%; }
.inspSalesTab td:first-child + td { text-align:center; }
.inspSalesTab td:first-child + td + td { text-align:center; }
.inspSalesTab td:first-child + td + td + td { text-align:right; padding-right: 10px; }
.inspSalesTab td:first-child + td + td + td + td { text-align:right; padding-right: 10px; }
.inspSalesTab td:first-child + td + td + td + td + td { text-align:right; padding-right: 10px; }
.inspSalesTab td:first-child + td + td + td + td + td + td { text-align:right; padding-right: 10px; }
.inspSalesTab td:first-child + td + td + td + td + td + td + td { text-align:right; padding-right: 10px; }
.inspSalesTab td:first-child + td + td + td + td + td + td + td + td { text-align:right; padding-right: 10px; }
.inspSalesTab td:first-child + td + td + td + td + td + td + td + td + td { text-align:right; padding-right: 10px; }
.inspSalesTab td:first-child + td + td + td + td + td + td + td + td + td + td { text-align:right; padding-right: 10px; }
.inspSalesTab td:first-child + td + td + td + td + td + td + td + td + td + td + td { text-align:right; padding-right: 10px; }
.inspSalesTab td:first-child + td + td + td + td + td + td + td + td + td + td + td + td { text-align:right; padding-right: 10px; }
.inspSalesTab td:first-child + td + td + td + td + td + td + td + td + td + td + td + td + td { text-align:right; padding-right: 10px; }
.inspSalesTab td:first-child + td + td + td + td + td + td + td + td + td + td + td + td + td + td { text-align:right; padding-right: 10px; }

#crm_header .floatHeadLeft {
  float: left;
  }

#crm_header .floatHeadRight {
  font-size:12px; line-height:105%;
  float: right; padding-right:32px;
  }


#crm_header .floatHeadRight a {
  font-weight:700;
  }


.header {
  font: normal 700 17px/21px Arial;
  color: #333333;
  text-align: left;
  vertical-align: top;
  }

.home {
  }

.std_wrapper {
  margin: 10px 2%;
  width: 95%;
  padding: 6px 10px;
  border: 1px inset darkblue;
  background-color: #f0f0ff;
  font: 700 13px/13px Arial;
  }

td.leftSplit {
  width:240px;
  }

td.rightSplit {
  border-left:1px solid #cccccc;
 }

.sizer {
  width:240px;
  }

.add_btn_div, .add_btn_div_wide {
  width: 180px;
  height: 30px;
  display: inline-block;
  margin: 0 5px 0 35px;
  font-weight: bold;
  }

.add_btn_div_wide { width: 300px; }

.add_btn_div img { vertical-align: -7px; padding-right: 5px; }

.add_btn_div_wide img { vertical-align: -7px; padding-right: 5px; }

button, .iButton, .iButton_sm, .negButton {
  color: white;
  background-color: #006699;
  padding: 2px .40em;
  font: bold 12px/14px Arial;
  border: 1px outset #373737;
  text-align: center;
  display: inline;
  overflow: visible;
  cursor:pointer;
  }

.negButton {
  background:#cc1010;
  border: 1px outset #373737;
  }

/* additive to negButton for anchors that should look like the neg button */
a.negButtonLink:link {
  color:white; text-decoration:none;
  }

a.negButtonLink:visited {
  color:white; text-decoration:none;
  }

a.negButtonLink:hover, a.negButtonLink:focus {
  color:white; text-decoration:none;
  }

a.negButtonLink:active {
  color:white; text-decoration:none;
  }

button:first-child+html {
  padding: 0px .30em;
  width: 1px;
  }

.iButton:first-child+html {
  padding: 0px .30em;
  width: 1px;
  }

.iButton_sm { font: bold 12px/12px Arial; }

.textbox, .quantitybox, .dollarbox {
  font: normal 13px/13px Arial;
  padding: 2px;
  border: 1px inset #333333;
  background-color: #ffffff;
  color: #333333;
  width: 120px;
  }

.std_drop {
  font: normal 12px/12px Arial;
  padding: 2px;
  border: 1px inset #333333;
  background-color: #ffffff;
  color: #333333;
  }

.notes {
  font: normal 12px/12px Arial;
  padding: 2px;
  border: 1px inset #333333;
  width: 90%;
  }

.info_section {
  padding: 0px;
}

.info_section div div {
  margin: 10px;
  margin-bottom: 25px;
  width: 100%;
  padding: 10px;
  line-height: 220%;
  border: 1px inset #333333;
  background-color: #f0f0ff;
  font-weight: 700;
  text-align: right;
}


.info_section .textbox {
   width: 140px;
}

.subsection_hdr {
  font: 700 15px/17px Arial;
  width: 100%;
  padding: 0px 10px 0px 10px;
  margin: 0px 10px 0px 20px;
  }

form .container, .inv.container {
  float: left;
  padding: 0px;
  text-align: center;
  margin: 10px;
  margin-right: 40px;
  margin-left: 20px;
  }

form .section, .inv.section {
  margin: 10px;
  margin-bottom: 25px;
  width: 100%;
  padding: 10px;
  line-height: 220%;
  border: 1px inset #333333;
  background-color: #efefef;
  font-weight: 700;
  text-align: right;
  }

/* BEGIN New form containers and elements, per redesign */
#crm_header h2 {
  margin-bottom:10px;
  font-size:1.2em; line-height:120%;
  color:#000000;
  }

.centerContainer {
  width:70%;
  margin:0px; padding:0px;
  margin-left:auto; margin-right:auto;
  }

.centerContainer .section {
  margin:0px; padding:0px;
  margin-bottom:25px;
  background:#fefefe;
  border:1px outset #c9c9c9;
  text-align:left;
  }

.centerContainer h2 {
    background:#cccccc url("/images/containerhead_bg.jpg") top left repeat-x;
    margin:0; padding:4px 6px 4px 6px;
    font-size:1.2em; line-height:105%;
  }
.centerContainer .subsection_hdr {
  font: 700 15px/17px Arial;
  width: 100%;
  margin:0;
  padding: 4px 6px 4px 6px;
  }

/* For forms that go in tables */
.formTable td  {
  text-align:left;
  padding:3px 16px;
  border-right:1px solid #cccccc;
  border-bottom:1px solid #cccccc;
  border-collapse:collapse;
  }
.formTable td.tdFormLabel {
  padding-left:6px;
  }

.reportLine .textbox {
  width:120px;
  }

.reportLine h3 {
  display:inline;
  font-size:1.0em;
  color:#666666;
  }
/* END New form containers and elements, per redesign */

.inv.section, .inv.section div, .inv.section p { font-size: 13px; }

.inv_blk {
  margin-left: 20px;
  margin-right: 10px;
  border: 1px inset #e0e0e0;
  padding: 4px;
  background: #fff;
  }

.inv_blk p { line-height: 110%; }

form .section.prodSection { padding: 0px; margin-bottom: 12px; line-height: 150%; }

.error_field {
  background-color: yellow;
  }

.warning_field {
  background-color: SandyBrown;
  }

#order_list {
  }

.clientlist, .reportlist {
  width:100%;
  margin-left:auto; margin-right:auto;
  border:1px solid #cccccc;
  border-top:16px solid #cccccc; border-bottom:1px solid #cccccc;
  font: bold 13px/19px Arial;
  }

.clientlist .oldname {
  font: italic normal 12px/20px Arial;
  color:#333333;
  }


#order_results {
  width:100%;
  border-collapse:collapse;
  }

#order_results th, #order_results td {
  text-align:left; vertical-align:bottom;
  padding:4px 8px;
  border-bottom:1px solid #cccccc;
  }

.trth {
  background:#eeeeee;
  }

#order_results td {
  vertical-align:top;
  }

.clientLine, .reportLine {
  padding:3px 10px;
  border-bottom:1px solid #cccccc;
  color:#006699;
  }

.clientLine:hover {
  background:#eeeeff;
  cursor:pointer;
  padding:4px 6px;
  }

.orderLine td {
  color:#006699;
  }

.orderLine:hover {
  background:#eeeeff;
  cursor:pointer;
  }

.inv_age, .dol_disp { background-color: #f8f8f8; padding: 2px; border: 1px solid #c0c0c0; }

#prodSpecTbl {
  width: 100%;
  border: 0;
  }

#prodSpecTbl td {
  text-align: center;
  padding: 2px;
  border-right:1px solid #cccccc;
  border-collapse:collapse;
  }

.prodSpecStyleTbl {
  width: 100%;
  border: 0;
  }

.prodSpecStyleTbl td {
  text-align: center;
  padding: 2px;
  border-right:1px solid #cccccc;
  border-collapse:collapse;
  }

#flash_notice, #flash_error, #beta_warning, #flash_warning {
  width: 700px;
  margin: 5px auto;
  border: 2px outset darkgreen;
  background-color: darkgreen;
  font: bold 13px/16px Arial;
  color: white;
  padding: 8px;
  text-align: center;
  }

#flash_error {
  border: 2px outset firebrick;
  background-color: firebrick;
  }

#beta_warning {
  border: 2px outset orange;
  background-color: orange;
  }

#flash_warning {
  background:#ff5500;
  }

.pending_quantity {
  color:firebrick; text-decoration:none; font-style:italic; font-size:.93em;
}
.available_quantity {
  color:green; text-decoration:none; font-style:italic; font-size:.93em;
}
.delivered_quantity {
  color:blue; text-decoration:none; font-style:italic; font-size:.93em;
}

/* Some general classes that can be applied to any element for effect */
.disable {
  color:#999999;
  }

.shaded {
  background:#eeeeee;
  }

.shaded2 {
  background:#e5f5ff;
  }

.centered { text-align: center; }

.rightJust {
  float:right;
  }

.leftJust {
  float:left;
  }

.formFieldHelp {
  font-size:.8em;
  line-height:105%;
  color:#666666;
  }

#inventoryDiv .tinyLabel {
  color:#666666;
  font-size:.8em; line-height:100%;
  width:100%; text-align:left;
  margin:0; padding:0;
  }

#inventoryFilter ul {
  margin: 0; padding:0;
  }

#inventoryFilter li {
  list-style:none;
  display:inline;
  margin-right:10px;
  font-size:1.1em; line-height:105%;
  }

#inventoryFilter li.selected {
  font-weight:700;
  color:green;
  }

#inventoryFilter l1 a:link {
  font-size:1.1em;
  color:green;
  }

.headHelp {
  font-size:.8em;
  font-weight:400;
  }
/***************************/
/* css for drop down menus */
/***************************/
#nav, #nav ul { /* all lists */
  margin: 0; padding:0;
  list-style: none;
  line-height: 1;
}

#nav a { display:block; }
#nav a:link { font: bold 15px/15px Arial; color: #fbf5f5; padding:5px 4px 8px 4px; text-decoration: none; }
#nav a:visited { color: #fbf5f5; }
#nav a:hover { color: #ffffff; background:#e3e9ff; }
#nav a:active { color: #ffffff; background:#f47920; }

#nav li { /* all list items */
  float: left;
  padding: 0;
  white-space: nowrap;
  list-style: none;
  background: #0060a1;
  width:13.68%; /* currently based on 7 sections */
  height:28px; /* 2 less than menubar */
  margin-right:4px;
  text-align:center;
}

#nav li ul { /* second-level lists */
  position: absolute;
  background: #7fa9d1;
  left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul ul { /* third-and-above-level lists */
  margin: -1em 0 0 11em;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
  left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
  left: auto;
}

#nav li ul a:link { font: bold 15px/15px Arial; color: #fbf5f5; padding:4px; padding-top:3px; text-decoration: none; }
#nav li ul a:visited { color: #333333; padding:4px; padding-top:3px; text-decoration: none; }
#nav li ul a:hover { color: #e33939; padding:4px; padding-top:3px; text-decoration: none; background:transparent; }
#nav li ul a:active { color: #e33939; padding:4px; padding-top:3px; text-decoration: none; background:transparent; }

/* 11/15 sv styles to show user's current tab in nav */

#nav li.curtab { background:#f47920; }

#nav li.navfirst { margin-left:10px; }

#nav li.firstcurtab { background:#f47920; margin-left:10px; }

.currentPage {
  background:#0054a4;
  }

.flash_warning {
  color:yellow;
  }

/* To style positive and negative numbers for callout */
.posnum {
  color:#019328;
}
.negnum {
  color:#bb0106;
}

.topper-user { /* color same as nav curtab */
  color:#f47920; text-align: right;
}

.topper-text {
  color:#0060a1;
}

#dashboard_items { border:0; min-width: 780px; max-width: 1250px; width: 99%; border-spacing: 0; }
#dashboard_items_all { border:0; min-width: 780px; max-width: 1550px; width: 99%; border-spacing: 0; }

#dashboard_items > td:first-child { width: 30%; text-align: center; padding: 0 35px 35px 0; }
#dashboard_items > td:first-child + td { width: 25%; text-align: center; padding: 0 35px 35px 0; }
#dashboard_items > td:first-child + td + td { width: 45%; text-align: center; padding: 0 0 35px 0; }

#dashboard_items_all > td:first-child { width: 30%; text-align: center; padding: 0 35px 35px 0; }
#dashboard_items_all > td:first-child + td { width: 25%; text-align: center; padding: 0 35px 35px 0; }
#dashboard_items_all > td:first-child + td + td { width: 45%; text-align: center; padding: 0 0 35px 0; }

.dashhdr_td { border-width: 6px 35px 35px 0; border-color: white; border-style: solid}

.dashhdr {
  font: bold 18px/22px Arial;
  width: 100%;
  height: 28px;
  color: black;
  padding-top: 6px;
  background-color:  #e3e9ff;
  text-align: center;
  }

.istadmin_dashhdr {
  font: bold 18px/22px Arial;
  width: 100%;
  max-width: 800px;
  height: 28px;
  color: black;
  padding-top: 6px;
  background-color:  #e3e9ff;
  text-align: center;
  }

#istadmin_dash_inv_tbl, #istadmin_dash_sales_tbl, #istadmin_dash_alerts_tbl, #istadmin_dash_prod_tbl, .istadmin_dash_alerts_tbl {
  border-spacing:0;
  border-collapse: collapse;
  background: white;
  margin-top: 8px;
  width: 100%;
  max-width: 800px;
  height: 100%;
  }

#istadmin_dash_inv_tbl td { padding: 4px 6px; border-bottom: 0px solid #e0e0e0; text-align: left; }
#istadmin_dash_sales_tbl td { padding: 4px 6px; border-bottom: 0px solid #e0e0e0; text-align: left; }
#istadmin_dash_prod_tbl td { padding: 4px 6px; border-bottom: 0px solid #e0e0e0; text-align: left; }

#dashboard_items_all #istadmin_dash_inv_tbl td, #dashboard_items_all #istadmin_dash_inv_tbl th { width: 20%; }
#istadmin_dash_inv_tbl th { text-align:center; border-bottom: 0px solid #e0e0e0; padding: 8px 6px; }
#istadmin_dash_inv_tbl td:first-child { white-space: nowrap; text-align: left; padding: 4px 6px; }
#istadmin_dash_inv_tbl td:first-child + td { text-align:right; padding-right: 6px; }
#istadmin_dash_inv_tbl td:first-child + td + td { text-align:right; padding-right: 6px; }
#istadmin_dash_inv_tbl td:first-child + td + td + td { text-align:right; padding-right: 6px; }
#istadmin_dash_inv_tbl th:first-child + td { text-align:right; padding-right: 6px; }
#istadmin_dash_inv_tbl th:first-child + td + td { text-align:right; padding-right: 6px; }
#istadmin_dash_inv_tbl th:first-child + td + td + td { text-align:right; padding-right: 6px; }

#istadmin_dash_prod_tbl td { width: 25%; }
#istadmin_dash_prod_tbl td:first-child { white-space: nowrap;  padding: 4px 6px; }
#istadmin_dash_prod_tbl td:first-child + td { text-align:right;  padding: 4px 6px;  }
#istadmin_dash_prod_tbl td:first-child + td + td { text-align:right;  padding: 4px 6px;  }
#istadmin_dash_prod_tbl td:first-child + td + td + td { text-align:right;  padding: 8px 6px;  }
#istadmin_dash_prod_tbl th { text-align:center; border-bottom: 1px solid #e0e0e0;  padding: 8px 9px;  width: 25%; }
#istadmin_dash_prod_tbl th:first-child + th { text-align:center;  padding: 8px 6px; }

#dashboard_items_all #istadmin_dash_sales_tbl td, #dashboard_items_all #istadmin_dash_sales_tbl_all th { width: 25%; }
#dashboard_items #istadmin_dash_sales_tbl td, #dashboard_items #istadmin_dash_sales_tbl th { width: 50%; }

#istadmin_dash_sales_tbl td:first-child { white-space: nowrap; padding: 4px 9px; }
#istadmin_dash_sales_tbl td:first-child + td { text-align:right; padding-right: 9px; }
#istadmin_dash_sales_tbl td:first-child + td + td { text-align:right; padding-right: 9px; }
#istadmin_dash_sales_tbl td:first-child + td + td + td { text-align:right; padding-right: 9px; }
#istadmin_dash_sales_tbl th { text-align:center; border-bottom: 1px solid #e0e0e0; padding: 4px 9px; }
#istadmin_dash_sales_tbl th:first-child + th { text-align:center; border-bottom: 1px solid #e0e0e0; padding: 8px 9px; }
#istadmin_dash_sales_tbl th:first-child + th + th { text-align:center; border-bottom: 1px solid #e0e0e0; padding: 8px 9px; }
#istadmin_dash_sales_tbl th:first-child + th + th + th { text-align:center; border-bottom: 1px solid #e0e0e0; padding: 8px 9px; }

.istadmin_dash_alerts_tbl { border-bottom: 1px solid #e0e0e0; }
.istadmin_dash_alerts_tbl .alert { min-width: 200px; }
.istadmin_dash_alerts_tbl th { width: 30%; border-bottom: 1px solid #e0e0e0; font-weight: bold; padding: 8px 6px; }
.istadmin_dash_alerts_tbl th:first-child + th { width: 70%; border-bottom: 1px solid #e0e0e0; font-weight: bold; padding: 8px 6px; }

.istadmin_dash_alerts_tbl td { width: 60%; border-bottom: 1px solid #e0e0e0; padding: 4px 6px; text-align: left; }
.istadmin_dash_alerts_tbl td:first-child + td { width: 40%; border-bottom: 1px solid #e0e0e0; padding: 4px 6px; text-align: left; }

#istadmin_prod_tab { width: 700px; margin-top: 4px;   border-spacing: 2px; border-collapse: separate; }
#istadmin_prod_tab th, #istadmin_prod_td { background-color: #e3e9ff; padding: 3px 6px; font-size: 110%; }

.sectionhdr { text-align: center; font-weight: bold; }

.po_div {
  position: absolute;
  left: 40px;
  display:none;
  border: 2px inset darkblue;
  padding: 10px;
  background-color: white;
  -moz-box-shadow: 2px 2px 3px #000;
  -webkit-box-shadow: 2px 2px 3px #000;
  box-shadow: 2px 2px 3px #000;
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#000000')";
  }

.po_div ul { list-style: none;  margin: 0;  padding: 0; }
.po_div li { margin: 0; padding: 5px 0; }

#istreportstbl { width: 100%; }
#istreportstbl td { padding: 20px; }

.monthpicker { width: 90px; }

#istreportstbl .report_year_2014 { display:inline-block; width: 70px; }
#istreportstbl .report_year_2015 { display:inline-block; width: 70px; }
#istreportstbl .report_year_2016 { display:inline-block; width: 70px; }
#istreportstbl .report_year_2017 { display:inline-block; width: 70px; }
#istreportstbl .report_year_2018 { display:inline-block; width: 70px; }
#istreportstbl .report_year_2019 { display:inline-block; width: 70px; }

#istbisalesreportcust2 {
  border-spacing: 10px;
  border-collapse: separate;
  }
#istbisalesreportcust2 td { text-align: center; padding: 4px; }

#istbisalesreportcust2 .report_start_month1 label { width: 50px; }
#istbisalesreportcust2 .report_end_month1 label { width: 50px; }
#istbisalesreportcust2 .report_start_month2 label { width: 50px; }
#istbisalesreportcust2 .report_end_month2 label { width: 50px; }

#magicInvTbl { width: 60%; margin-bottom: 25px; margin-left: 20px; }
#magicInvTbl > td { padding: 20px; }

#magicInvTbl .invSection { width: 100%; }
#magicInvTbl .invSection th { font: bold 16px/18px Arial; white-space: nowrap; }
#magicInvTbl .locSection { width: 100%; border-spacing: 8px; }
#magicInvTbl .locSection th { font: bold 14px/15px Arial; white-space: nowrap; padding: 4px; }
#magicInvTbl .locSection td { text-align: right; padding: 2px 8px 2px 2px;  background-color:white;}

#inventory_partial td, #inventory_partial th { font-size: 110%; }