/*
 *= require jquery-ui
 *
 */

body,div,p,td,th,li,h1,h2,h3,h4,h5,h6,h7 {
  font-family: arial, tahoma, verdana, sans-serif;
  font-size: 13px;
  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:#006699; text-decoration:none;
}
a:visited {
  color:#006699; text-decoration:none;
}
a:hover, a:focus {
  color:#0e6fcf;
  text-decoration:underline;
}
a:active {
  color:#0e6fcf;
}

/* 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;
  }

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

.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:73px;
  background:#999999 url("/images/topper_bg.jpg") top left repeat-x;
  }

#menubar {
  width: 100%;
  height:40px;
  background: white url("/images/menu_bg.png") top left repeat-x;
  margin-bottom: 16px;
  }

#menubar td {
  text-align: left;
  white-space: nowrap;
  font: bold 13px/13px 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 18px/22px Arial;
  color: #333333;
  text-align: left;
  margin:0px 0px 10px 20px;
  }

#crm_header .floatHeadLeft {
  float: left;
  }

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


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


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

.home {
  }

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

td.leftSplit {
  width:240px;
  }

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

.sizer {
  width:240px;
  }

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 14px/14px Arial;
  padding: 2px;
  border: 1px inset #333333;
  background-color: #ffffff;
  color: #333333;
  width: 120px;
  }

.quantitybox { width: 30px; }

.dollarbox { width: 70px; }

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

.notes {
  font: normal 13px/13px 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 16px/18px 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 16px/18px 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;
  }

/* Builds upon or modifies former .textbox style */
.centerContainer .textbox, .centerContainer select {
  width:98.5%;
  }

.centerContainer select {
  width:100%;
  }

.centerContainer .notes {
  width:98.5%;
  }

.dash_section {
  font-weight: 400; line-height: 170%; font-size: 110%;
  border:1px inset #333333;
  float:left; width:47%;
  margin:0; margin-bottom:30px;
  }

.dash_section .section {
  padding:4px 6px;
  border-top:1px solid #cccccc;
  }

.dash_section.leftfloat {
  margin-right:5%;
  }

.dash_section h2 {
  background:#cccccc url("/images/containerhead_bg.jpg") top left repeat-x;
  margin:0; padding:4px 6px 4px 6px;
  font-size:1.1em; line-height:105%;
  }

#SearchArea {
  width:100%;
  }

#SearchArea h3 {
  font-size:1.1em; line-height:110%;
  margin:0;
  margin-bottom:4px;
  }

#SearchArea h4 {
  font-size:1.0em; line-height:105%;
  color:#006699;
  margin:0;
  margin-bottom:4px;
  }

#SearchArea .textbox {
  }

.filterBlock, .searchBlock {
  padding:4px;
  border:1px solid #cccccc;
  margin-bottom:30px;
  }

.filterBlock {
  border-top:16px solid #cccccc;
  }


.searchBlock {
  border-top:16px solid #cccccc;
  margin-bottom:30px;
  }

.searchBlock .searchControl {
  margin-bottom:16px;
  }

.searchBlock .textbox, .filterBlock .textbox {
  width:60%;
  font: normal 14px/14px Arial;
  padding: 2px;
  border: 1px inset #333333;
  background-color: #ffffff;
  color: #333333;
  margin-right:4px;
  }

.searchBlock select {
  width:98%;
  }

#searchExtras {
  text-align:center;
  margin-left:auto; margin-right:auto;
  margin-bottom:20px;
  }

.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: 14px; }

.inv_blk {
  margin-left: 20px;
  margin-right: 10px;
  border: 1px inset silver;
  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 14px/20px 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;
  }

#order_results_info {
  text-align:center !important;
  color: orange !important;
  }

.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;
  }

.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 13px/13px Arial; color: #fbf5f5; padding:3px 4px 6px 4px; text-decoration: none; }
#nav a:visited { color: #fbf5f5; padding:3px 4px 6px 4px; text-decoration: none; }
#nav a:hover { color: #ffffff; padding:3px 4px 6px 4px; text-decoration: none; background:#0054a4; }
#nav a:active { color: #ffffff; padding:3px 4px 6px 4px; text-decoration: none; background:#0054a4; }
#logout { color: #ffffff; }

#nav li { /* all list items */
  float: left;
  padding: 1px 5px 3px 5px;
  white-space: nowrap;
  list-style: none;
}

#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 13px/13px 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; }

.currentPage {
  background:#0054a4;
  }

div.ui-datepicker{
 font-size:10px;
}

.flash_warning {
  color:yellow;
  }

#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; }

#istreportstbl select {
  font: normal 13px/13px Arial;
  padding: 2px;
  border: 1px inset #333333;
  background-color: #ffffff;
  color: #333333;
  }

#istreportstbl input[type=submit] {
  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;
  }

#istreportstbl input[type=text] { width: 100px; font-size: 13px; }

.toast {
  border: 1px outset #373737;
  padding: 2px .40em;
  background-color: yellow;
  box-shadow: 7px 7px 6px #888;
}