/*  We use boxSizing to simplify the 100% w/h type layouts. */
.nonSelectable {
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
  -o-user-select: none;
  user-select: none;
}
.truncateText {
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
body {
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}
input {
  font-family: Arial, Helvetica, sans-serif;
}
/* The chrome user agent was displaying this a little ugly.. reset */
ul {
  padding: 0;
  margin: 0;
}
.mainarea {
  padding-left: 10px;
  padding-right: 10px;
  min-width: 1024px;
}
.mainarea .header {
  min-width: 1024px;
}
.mainarea .header .headerTitleAndUser {
  min-width: 1024px;
}
.mainarea .header .headerTitle {
  float: left;
  font-size: 32pt;
  font-weight: normal;
  color: #648004;
}
.mainarea .header .headerWelcomeUser {
  float: right;
  padding-right: 50px;
  font-style: italic;
  font-size: 8pt;
  margin-top: 15px;
}
.mainarea .headerNav {
  padding-bottom: 10px;
}
.mainarea .headerNav .headerNavBar {
  padding-left: 0;
  margin-left: 0;
  position: relative;
  background-color: #668005;
  border-bottom: 5px solid #c3cd5d;
}
.mainarea .headerNav .headerNavBar .headerNavElem {
  height: 28px;
  background-color: #668005;
  padding-left: 10px;
  PADDING-RIGHT: 5px;
  FLOAT: left;
  display: flex;
  align-items: center;
  font-size: 12px;
}
.mainarea .headerNav .headerNavBar a.headerNavElemLink {
  text-decoration: none;
  color: #FFFFFF;
}
.mainarea .headerNav .headerNavBar a.headerNavElemLink:hover {
  text-decoration: underline;
}
.mainarea .searchresults .header td {
  font-weight: bold;
}
.mainarea .searchresults .expeditedShipping {
  background-color: yellow;
}
.mainarea .searchresults .commands {
  float: left;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 15px;
}
.mainarea .searchresults .details {
  padding-left: 10px;
  padding-right: 10px;
  margin-left: 32px;
  padding-bottom: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.mainarea .searchresults .details .lineitems .header {
  font-weight: bold;
}
.mainarea .searchresults .orderTableInner {
  border-top: solid 1px black;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
  border-spacing: 0;
  width: 100%;
}
.mainarea .searchresults .orderTableInner td,
.mainarea .searchresults .orderTableInner th {
  padding: 0;
}
.order-summary {
  padding-bottom: 1em;
  font-size: 16px;
}
.order-summary .label {
  width: 10em;
  display: inline-block;
}
.AdminLinks .Message {
  display: inline-block;
  font-size: larger;
  font-weight: bold;
  color: green;
}
.roundedBox {
  min-width: 1014px;
}
.roundedBox .roundedBoxHeader {
  height: 35px;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.roundedBox .roundedBoxHeader .roundedBoxTL {
  -ms-flex: 0 0 11px;
  -webkit-flex: 0 0 11px;
  flex: 0 0 11px;
  background-image: url(images/search_left.jpg);
  background-repeat: no-repeat;
  width: 11px;
  height: 35px;
}
.roundedBox .roundedBoxHeader .roundedBoxHeaderTextArea {
  -ms-flex: 1 0 992px;
  -webkit-flex: 1 0 992px;
  flex: 1 0 992px;
  height: 35px;
  background-image: url(images/search_bg.jpg);
  font-size: 18px;
  color: #E3EAC9;
}
.roundedBox .roundedBoxHeader .roundedBoxHeaderTextArea .roundedBoxHeaderText {
  margin-top: 7px;
}
.roundedBox .roundedBoxHeader .roundedBoxTR {
  -ms-flex: 0 0 11px;
  -webkit-flex: 0 0 11px;
  flex: 0 0 11px;
  background-image: url(images/search_right.jpg);
  background-repeat: no-repeat;
  width: 11px;
  height: 35px;
}
.roundedBox .roundedBoxMainContent {
  border-left: solid 2px #658300;
  border-right: solid 2px #658300;
}
.roundedBox .roundedBoxMainContent .roundedBoxMainContentPadding {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
}
.roundedBox .roundedBoxFooter {
  height: 11px;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.roundedBox .roundedBoxFooter .roundedBoxBL {
  -ms-flex: 0 0 11px;
  -webkit-flex: 0 0 11px;
  flex: 0 0 11px;
  background-image: url(images/botcurve_left.gif);
  background-repeat: no-repeat;
  width: 11px;
  height: 11px;
}
.roundedBox .roundedBoxFooter .roundedBoxFooterMiddle {
  -ms-flex: 1 0 992px;
  -webkit-flex: 1 0 992px;
  flex: 1 0 992px;
  height: 11px;
  background-image: url(images/botcurvebg.gif);
}
.roundedBox .roundedBoxFooter .roundedBoxBR {
  -ms-flex: 0 0 11px;
  -webkit-flex: 0 0 11px;
  flex: 0 0 11px;
  background-image: url(images/botcurve_right.gif);
  background-repeat: no-repeat;
  width: 11px;
  height: 11px;
}
.resultsBox {
  min-width: 1014px;
}
.resultsBox .resultsBoxHeader {
  height: 55px;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.resultsBox .resultsBoxHeader .resultsBoxTL {
  -ms-flex: 0 0 11px;
  -webkit-flex: 0 0 11px;
  flex: 0 0 11px;
  background-image: url(images/order_left.gif);
  background-repeat: no-repeat;
  width: 11px;
  height: 55px;
}
.resultsBox .resultsBoxHeader .resultsBoxHeaderTextArea {
  -ms-flex: 1 0 992px;
  -webkit-flex: 1 0 992px;
  flex: 1 0 992px;
  height: 55px;
  color: #000000;
  background: url(images/orderbg.gif) repeat top;
  margin: 0;
  padding: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.resultsBox .resultsBoxHeader .resultsBoxHeaderText {
  margin-top: 7px;
}
.resultsBox .resultsBoxHeader .resultsBoxTR {
  -ms-flex: 0 0 11px;
  -webkit-flex: 0 0 11px;
  flex: 0 0 11px;
  background-image: url(images/order_right.gif);
  background-repeat: no-repeat;
  width: 11px;
  height: 55px;
}
.resultsBox .resultsBoxMainContent {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  border-left: solid 2px #658300;
  border-right: solid 2px #658300;
}
.resultsBox .resultsBoxMainContent .resultsBoxMainContentPadding {
  padding-top: 10px;
}
.resultsBox .resultsBoxFooter {
  height: 11px;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.resultsBox .resultsBoxFooter .resultsBoxBL {
  -ms-flex: 0 0 11px;
  -webkit-flex: 0 0 11px;
  flex: 0 0 11px;
  background-image: url(images/botcurve_left.gif);
  background-repeat: no-repeat;
  width: 11px;
  height: 11px;
}
.resultsBox .resultsBoxFooter .resultsBoxFooterMiddle {
  -ms-flex: 1 0 992px;
  -webkit-flex: 1 0 992px;
  flex: 1 0 992px;
  height: 11px;
  background-image: url(images/botcurvebg.gif);
}
.resultsBox .resultsBoxFooter .resultsBoxBR {
  -ms-flex: 0 0 11px;
  -webkit-flex: 0 0 11px;
  flex: 0 0 11px;
  background-image: url(images/botcurve_right.gif);
  background-repeat: no-repeat;
  width: 11px;
  height: 11px;
}
.bodytxt {
  color: #000000;
  font-weight: normal;
}
.fieldlabel {
  color: #000000;
  font-weight: bold;
}
.topbg {
  background-image: url(images/search_bg.jpg);
  font-size: 18px;
  color: #E3EAC9;
}
.leftbg {
  background-image: url(images/searchleftbg.gif);
}
.rightbg {
  background-image: url(images/searchrightbg.gif);
}
.bottombg {
  background-image: url(images/botcurvebg.gif);
}
.orderbg {
  background: url(images/orderbg.gif) repeat top;
  height: 55px;
  color: #000000;
  margin: 0;
  padding: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.greenbg {
  background-color: #DEE0A1;
  color: #000000;
  font-weight: normal;
}
.lightorangebg2 {
  background-color: #F9DEA7;
  color: #000000;
  font-weight: normal;
}
.orangebg {
  background-color: #FFCC67;
  color: #000000;
  font-weight: normal;
}
.lightorangebg {
  background-color: #F9DEA7;
  color: #000000;
  font-weight: normal;
}
.linebg {
  background-color: #6A8011;
  height: 1px;
}
/*
*****************************************************************************************
Portal/Users.aspx
*****************************************************************************************
*/
#divUsersASPXInstructions {
  padding-bottom: 10px;
}
#ulUserOptions {
  list-style-type: none;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
#ulUserOptions > li {
  margin-left: 20px;
  padding-bottom: 20px;
}
.viewUserHistorySearchOptions {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  margin-bottom: 1em;
}
.viewUserHistorySearchOptions .from {
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  padding-right: 2em;
}
.viewUserHistorySearchOptions .to {
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  padding-right: 2em;
}
.viewUserHistorySearchOptions .users {
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  padding-right: 2em;
}
.viewUserHistorySearchOptions .search {
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: right;
}
/*
*****************************************************************************************
Portal/AddEditUser.aspx
*****************************************************************************************
*/
#divAddEditUserASPXFields {
  padding-top: 25px;
}
#divAddEditUserASPXFields .fieldlabel {
  padding-right: 1em;
}
#divAddEditUserASPXFields .permissionsGrid {
  margin-top: 1em;
}
.AddEditUserASPXInputField {
  width: 100%;
}
/*
*****************************************************************************************
 The following styles are used to support the "css" button 
*****************************************************************************************
*/
a.cssButton {
  background: transparent url('images/css_left.gif') no-repeat top left;
  display: block;
  /*opera*/
  display: -moz-inline-box;
  /*ff*/
  display: inline-block;
  /*ie*/
  color: #000000;
  text-transform: uppercase;
  line-height: 19px;
  /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background */
  height: 27px;
  /* Height of button background height */
  padding-left: 22px;
  /* Width of left menu image */
  text-decoration: none;
}
a.iconCancel {
  background: transparent url('images/icon_cancel.gif') no-repeat top left;
}
a.iconRemake {
  background: transparent url('images/icon_remake.gif') no-repeat top left;
}
a.iconAddNote {
  background: transparent url('images/icon_addnote.gif') no-repeat top left;
}
a.iconOrderDetail {
  background: transparent url('images/icon_detail.gif') no-repeat top left;
}
a.iconSearch {
  background: transparent url('images/icon_search.gif') no-repeat top left;
}
a.iconCreateInvoice {
  background: transparent url('images/icon_invoice.gif') no-repeat top left;
}
a.iconDownload {
  background: transparent url('images/icon_download.gif') no-repeat top left;
}
a.iconUpdateStatus {
  background: transparent url('images/icon_updatestatus.gif') no-repeat top left;
}
a.iconSelectAll {
  background: transparent url('images/icon_selectall.gif') no-repeat top left;
}
a.iconSelectNone {
  background: transparent url('images/icon_selectnonepsd.gif') no-repeat top left;
}
a.iconRefresh {
  background: transparent url('images/icon_refresh.gif') no-repeat top left;
}
a.iconEdit {
  background: transparent url('images/icon_addnote.gif') no-repeat top left;
}
a.iconSave {
  background: transparent url('images/icon_save.gif') no-repeat top left;
}
a.iconShip {
  background: transparent url('images/icon_updatestatus.gif') no-repeat top left;
}
a.iconDelete {
  background: transparent url('images/icon_cancel.gif') no-repeat top left;
}
a.cssButton span {
  background: transparent url('images/css_right.gif') no-repeat top right;
  display: block;
  display: inline-block;
  padding: 4px 8px 4px 4px;
  /* Set 22px below to match value of 'padding-left' value above */
  text-align: center;
  min-width: 100px;
  font-weight: bold;
  font-size: 12px;
}
a.cssButton:hover span {
  cursor: hand;
}
/*Modal Popup*/
.modalBackground {
  background-color: Gray;
  filter: alpha(opacity=70);
  opacity: 0.7;
}
.modalPopup {
  background-color: #FFFFFF;
  border-width: 3px;
  border-style: solid;
  border-color: Gray;
  padding-top: 20px;
  padding-bottom: 20px;
}
.Note_Container .greenbg {
  font-weight: normal ;
}
.orderdetails-lines .header td {
  font-weight: bold;
}