a.no-bg:hover {
  background: none; }

body {
  margin: 0px;
  padding: 0px;
  background-color: white;
  font-size: 9pt;
  font-family: Helvetica; }
  body a, body a:visited {
    color: #0066cc; }
  body a:hover {
    background-color: #0066cc;
    color: white; }
  body a.no-highlight:hover {
    background: none; }

.table-sorted .filtered {
  display: none; }
.table-sorted .tablesorter-filter-row .disabled {
  display: none; }

div.picking {
  width: 800px; }
  div.picking table td {
    font-size: 8pt; }

.analytics-header {
  border: 2px solid black;
  padding: 5px;
  background-color: darkgrey;
  color: white;
  font-size: 18pt;
  text-align: center; }

.analytics-row:after {
  content: " ";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both; }

.analytics {
  min-height: 125px;
  float: left;
  margin: 3px;
  text-align: center;
  display: inline-block;
  width: 220px;
  padding: 10px;
  border: 1px solid grey;
  font-family: "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif; }
  .analytics .green {
    color: green; }
  .analytics .red {
    color: red; }
  .analytics .positive {
    color: green; }
  .analytics .negative {
    color: red; }
  .analytics a:visited, .analytics a {
    color: #73879c;
    background-color: white; }
  .analytics a:hover {
    color: white;
    background-color: #73879c; }
  .analytics div.small-count {
    margin-top: 10px;
    margin-bottom: 2px;
    color: #9c7373;
    font-size: 12pt; }
  .analytics div.medium-count {
    margin-top: 10px;
    color: #9c7373;
    font-size: 18pt; }
  .analytics div.count {
    margin-top: 10px;
    color: #9c7373;
    font-size: 26pt; }
  .analytics div.message {
    color: #73879c;
    font-size: 14pt; }
  .analytics div.compare {
    min-height: 20px;
    font-size: 10pt; }

td.hide-isbn {
  display: none; }

#packer {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: "Helvetica Neue"; }
  #packer .shipment_line {
    font-size: 11pt;
    font-weight: bold;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-top: 2px;
    margin-bottom: 2px; }
  #packer ul {
    border: none;
    margin-left: 0px;
    padding-left: 0px; }
  #packer ul.border {
    border: 0 solid silver;
    border-width: 0 0 1px 1px;
    margin-left: 0px;
    padding-left: 0px; }
  #packer li {
    margin-left: 0px;
    padding-top: 0px;
    list-style: none; }
  #packer li.border {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    border: 0 solid silver;
    border-width: 1px 1px 0 0; }
  #packer input {
    font-size: 10px;
    margin: 3px;
    padding: 3px;
    text-align: center; }
  #packer .assignAll {
    position: relative;
    top: -5px;
    left: -3px;
    float: right; }
    #packer .assignAll a {
      font-size: 12pt;
      padding-left: 9px;
      padding-right: 9px; }
  #packer .currentPackage {
    background-color: #fbfbaf; }
    #packer .currentPackage input {
      background-color: #fbfbaf; }
  #packer .errorPackage {
    background-color: #f9f2f4;
    color: #c7254e; }
  #packer .emptyPackage {
    background-color: #f9f2f4; }

.page {
  padding: 10px; }

.content {
  padding: 3px; }

td.login_status {
  padding-left: 20px;
  font-size: 10pt;
  color: #c8c8c8; }
  td.login_status a, td.login_status a:visited {
    color: white; }
  td.login_status a:hover {
    background-color: white;
    color: #191996; }

#ajax_busy {
  background-color: white;
  color: black;
  font-size: 18px;
  position: absolute;
  top: 5px;
  right: 5px;
  width: 120px;
  padding: 4px; }

ul.dev {
  background-color: red;
  font-size: 24pt; }

input.right {
  text-align: right; }

a.icon-button, a.icon-button:visited {
  margin: 2px;
  border: 1px solid grey;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  background-color: #e6e6e6;
  display: inline-block;
  padding: 4px; }
  a.icon-button img, a.icon-button:visited img {
    border: none;
    display: inline; }
  a.icon-button span, a.icon-button:visited span {
    display: inline; }

a.icon-button:hover {
  background-color: #f0f0f0; }

a.button, a.button:visited {
  border: 1px solid grey;
  color: #555555;
  display: inline-block;
  font-weight: bold;
  text-decoration: none;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  background-color: #e6e6e6; }
  a.button span, a.button:visited span {
    height: 30px;
    line-height: 29px;
    color: #555555;
    text-indent: 30px;
    padding: 0px 0px 0px 0px;
    display: inline-block;
    margin-right: 20px; }
  a.button span.no-button, a.button:visited span.no-button {
    text-indent: 20px; }
  a.button span.tiny, a.button:visited span.tiny {
    height: 20px;
    line-height: 19px;
    font-size: 8pt;
    padding: 1px; }
  a.button span.slim, a.button:visited span.slim {
    font-size: 8pt;
    padding: 1px; }
  a.button span.small, a.button:visited span.small {
    width: 150px; }
  a.button span.medium, a.button:visited span.medium {
    width: 200px; }
  a.button span.large, a.button:visited span.large {
    width: 250px; }

a.button:hover {
  background-color: #f0f0f0; }
  a.button:hover span {
    color: black; }

span.spacer {
  margin-left: 20px; }

a.not-impl, a.not-impl:visited {
  color: red; }

a.not-impl:hover {
  background-color: red;
  color: white; }

span.note {
  font-size: 80%;
  font-style: italic; }

div.follow-up {
  width: 750px;
  padding: 10px;
  border: 2px solid #640a0a;
  color: black;
  background: #fa9696;
  display: block; }
  div.follow-up div.body {
    line-height: 24px;
    font-weight: bold;
    font-size: 16pt; }

div.warning {
  width: 500px;
  padding: 5px;
  padding-left: 70px;
  margin-top: 5px;
  margin-bottom: 5px;
  display: block;
  line-height: 40px;
  font-weight: bold;
  font-size: 16pt;
  border: 2px solid #640a0a;
  color: white;
  background: #c83232 url("../images/icons/48/10.png") no-repeat 7px 4px; }
  div.warning a:visited, div.warning a:hover, div.warning a {
    color: white;
    text-decoration: underline; }

div.tabular {
  padding: 5px; }
  div.tabular table.invoice td {
    font-size: 8pt; }
  div.tabular ul.navigation_links {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
    font-family: Verdana, Arial, sans-serif;
    font-size: 1.1em;
    margin-right: 100px;
    float: left;
    position: relative;
    z-index: 1;
    border-right: 1px solid lightgrey;
    bottom: -1px; }
    div.tabular ul.navigation_links li.navigation_link {
      margin: 0;
      padding: 0;
      border: 0;
      outline: 0;
      line-height: 1.3;
      text-decoration: none;
      font-size: 100%;
      list-style: none;
      float: left;
      border: 1px solid lightgrey;
      border-right: none;
      font-size: 9pt;
      font-weight: normal;
      text-decoration: none;
      padding: 0.5em 1.7em;
      color: #555555;
      background: #e6e6e6; }
      div.tabular ul.navigation_links li.navigation_link a, div.tabular ul.navigation_links li.navigation_link a:hover, div.tabular ul.navigation_links li.navigation_link a:visited {
        background-color: inherit;
        color: black;
        text-decoration: none; }
      div.tabular ul.navigation_links li.navigation_link a:hover {
        text-decoration: underline; }
    div.tabular ul.navigation_links li.navigation_link:hover {
      background: #dadada;
      color: #212121; }
    div.tabular ul.navigation_links li.navigation_link:last-child {
      background: #dadada;
      color: #212121; }
      div.tabular ul.navigation_links li.navigation_link:last-child a, div.tabular ul.navigation_links li.navigation_link:last-child a:hover, div.tabular ul.navigation_links li.navigation_link:last-child a:visited {
        text-decoration: underline; }
  div.tabular ul.tab_buttons {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
    font-family: Verdana, Arial, sans-serif;
    font-size: 1.1em;
    float: left;
    position: relative;
    z-index: 1;
    border-right: 1px solid lightgrey;
    bottom: -1px; }
    div.tabular ul.tab_buttons li.tab {
      margin: 0;
      padding: 0;
      border: 0;
      outline: 0;
      line-height: 1.3;
      text-decoration: none;
      font-size: 100%;
      list-style: none;
      float: left;
      border: 1px solid lightgrey;
      border-right: none;
      font-size: 9pt;
      font-weight: normal;
      text-decoration: none;
      padding: 0.5em 1.7em;
      color: #555555;
      background: #e6e6e6; }
      div.tabular ul.tab_buttons li.tab a, div.tabular ul.tab_buttons li.tab a:hover, div.tabular ul.tab_buttons li.tab a:visited {
        background-color: inherit;
        color: black;
        text-decoration: none; }
      div.tabular ul.tab_buttons li.tab a:hover {
        text-decoration: underline; }
    div.tabular ul.tab_buttons li.tab:hover {
      background: #dadada;
      color: #212121; }
    div.tabular ul.tab_buttons li.selected, div.tabular ul.tab_buttons li.selected:hover {
      border-bottom-color: white;
      background: white;
      color: #222222; }
    div.tabular ul.tab_buttons li.navigation {
      border: 1px solid lightgrey; }
    div.tabular ul.tab_buttons li.tab_spacer {
      margin: 0;
      padding: 0;
      border: 0;
      outline: 0;
      line-height: 1.3;
      text-decoration: none;
      font-size: 100%;
      list-style: none;
      margin-left: 10px;
      width: 100px;
      height: 10px;
      float: left; }
  div.tabular div.tab_panel {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
    font-family: Verdana, Arial, sans-serif;
    clear: left;
    border: 1px solid lightgrey;
    background: white;
    color: #222222;
    padding: 1em 1.7em;
    font-size: 1.1em; }
  div.tabular div.navigation-top {
    margin-top: 0px; }
  div.tabular div.navigation-bottom {
    margin-top: 20px; }

div.tab_panel table {
  border-collapse: collapse; }
  div.tab_panel table thead tr {
    background-color: #0066cc;
    color: white;
    outline-color: black;
    outline-width: 1px; }
  div.tab_panel table thead a, div.tab_panel table thead a:visited {
    color: white; }
  div.tab_panel table thead th.headerSortUp:after {
    content: " \025BC"; }
  div.tab_panel table thead th.headerSortDown:after {
    content: " \025B2"; }
  div.tab_panel table tbody tr.divider {
    border-top: 3px solid black; }
  div.tab_panel table tbody tr:nth-child(odd) {
    background-color: lightgrey; }
  div.tab_panel table tbody tr:nth-child(even) {
    background-color: white; }
  div.tab_panel table tbody tr.odd-ts:nth-child(even), div.tab_panel table tbody tr.odd-ts:nth-child(odd) {
    background-color: lightgrey; }
  div.tab_panel table tbody tr.even-ts:nth-child(even), div.tab_panel table tbody tr.even-ts:nth-child(odd) {
    background-color: white; }
  div.tab_panel table tbody tr:nth-child(odd).header, div.tab_panel table tbody tr:nth-child(even).header {
    background-color: #0066cc;
    color: white;
    outline-color: black;
    outline-width: 1px; }
    div.tab_panel table tbody tr:nth-child(odd).header a, div.tab_panel table tbody tr:nth-child(odd).header a:visited, div.tab_panel table tbody tr:nth-child(even).header a, div.tab_panel table tbody tr:nth-child(even).header a:visited {
      color: white; }
  div.tab_panel table tbody tr:nth-child(odd).backordered, div.tab_panel table tbody tr:nth-child(even).backordered {
    background-color: #ff4d4d; }
  div.tab_panel table tbody tr:nth-child(odd).drop-ship, div.tab_panel table tbody tr:nth-child(even).drop-ship {
    background-color: greenyellow; }
  div.tab_panel table tbody tr:nth-child(odd).urgent, div.tab_panel table tbody tr:nth-child(even).urgent {
    background-color: #ff4dff; }
  div.tab_panel table tbody tr:nth-child(odd).highlight, div.tab_panel table tbody tr:nth-child(even).highlight {
    background-color: yellow; }
  div.tab_panel table tbody tr:nth-child(odd).packer-error, div.tab_panel table tbody tr:nth-child(even).packer-error {
    background-color: red; }
  div.tab_panel table tbody tr:nth-child(odd).pweb, div.tab_panel table tbody tr:nth-child(even).pweb {
    background-color: yellow; }
  div.tab_panel table tbody td.comment {
    font-size: 14pt; }
  div.tab_panel table tfoot tr.divider {
    border-top: 3px solid black; }
  div.tab_panel table td, div.tab_panel table th {
    font-size: 9pt;
    text-weight: normal;
    border: 1px solid black;
    padding: 3px; }
  div.tab_panel table td.right, div.tab_panel table th.right {
    text-align: right; }
  div.tab_panel table td.center, div.tab_panel table th.center {
    text-align: center; }
  div.tab_panel table td.center, div.tab_panel table th.center {
    text-align: center; }
  div.tab_panel table td.strike {
    text-decoration: line-through; }
  div.tab_panel table td.qty {
    width: 30px;
    text-align: right; }
  div.tab_panel table td.big-border-left {
    border-left: 3px solid black; }
  div.tab_panel table td.mismatch {
    background-color: red; }
  div.tab_panel table td.mismatch-warning {
    background-color: yellow; }
  div.tab_panel table td.match {
    background-color: lightgreen; }
div.tab_panel .half {
  width: 50%; }
div.tab_panel table.no-border td {
  border: none;
  background-color: inherit; }
div.tab_panel table.no-border tr:nth-child(odd), div.tab_panel table.no-border tr:nth-child(even) {
  border: none;
  background-color: inherit; }
div.tab_panel table.vertical-headers thead td, div.tab_panel table.vertical-headers thead th {
  -webkit-transform: rotate(-70deg);
  -moz-transform: rotate(-70deg); }

div.paginate {
  display: block;
  float: left; }

div.pagination span.current {
  color: yellow;
  font-weight: bold; }

div.paginate_per_page {
  display: block;
  float: right; }

div.flash-notice {
  background-color: orange;
  color: white;
  font-weight: bold;
  padding: 3px; }

div.flash-error {
  background-color: red;
  color: white;
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 40px;
  background: #c83232 url("../images/icons/24/10.png") no-repeat 7px 4px; }

table.address {
  margin: 10px; }
  table.address td {
    background-color: white; }
  table.address tr {
    background-color: white; }

div.inline-forms {
  margin-bottom: 10px; }
  div.inline-forms form {
    display: inline; }

a.icon-link:hover {
  background-color: inherit; }

.tipsy {
  opacity: 0.8;
  filter: alpha(opacity=80);
  background-repeat: no-repeat;
  padding: 5px; }
  .tipsy .tipsy-inner {
    padding: 8px 8px;
    max-width: 200px;
    font: 11px "Lucida Grande", "sans-serif";
    font-weight: bold;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: black;
    color: white;
    text-align: left; }

.tipsy-north {
  background-image: url("/images/tipsy/tipsy-north.gif");
  background-position: top center; }

.tipsy-south {
  background-image: url("/images/tipsy/tipsy-south.gif");
  background-position: bottom center; }

.tipsy-east {
  background-image: url("/images/tipsy/tipsy-east.gif");
  background-position: right center; }

.tipsy-west {
  background-image: url("/images/tipsy/tipsy-west.gif");
  background-position: left center; }

.container {
  padding: 5px; }
  .container .inline {
    padding: 0px;
    margin: 0px;
    margin-right: 20px;
    display: inline-block; }
  .container .top {
    vertical-align: top; }

#attention_messages {
  width: 600px;
  border: 2px solid red;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0; }
  #attention_messages p {
    margin: 5px;
    color: #333333;
    margin-bottom: 0;
    padding: 5px; }
  #attention_messages h2 {
    margin: 0px;
    text-align: left;
    font-weight: bold;
    padding: 5px 5px 5px 15px;
    font-size: 20px;
    background-color: #cc0000;
    color: white; }

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

.column-container .column {
  width: 400px;
  display: inline-block;
  vertical-align: top; }

.assembly-slip {
  font-size: 8pt; }
  .assembly-slip .header {
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-top: 1px solid black; }
    .assembly-slip .header div {
      display: inline-block;
      text-weight: bold;
      font-size: 14pt;
      text-align: center; }
    .assembly-slip .header .qty {
      text-align: center;
      width: 30px; }
    .assembly-slip .header .sku {
      text-align: center;
      width: 130px; }
    .assembly-slip .header .name {
      text-align: center;
      width: 350px; }
    .assembly-slip .header .spacer {
      width: 195px; }
    .assembly-slip .header .box {
      text-align: center;
      width: 60px; }
  .assembly-slip .lines .line:last-child {
    border-bottom: 1px solid black; }
  .assembly-slip .lines .bold {
    font-weight: bold; }
  .assembly-slip .lines .container-line {
    border-left: 1px solid black;
    border-right: 1px solid black;
    padding-top: 2px;
    padding-bottom: 2px;
    border-top: 1px solid black; }
    .assembly-slip .lines .container-line div {
      display: inline-block; }
    .assembly-slip .lines .container-line .qty {
      text-align: right;
      padding-right: 5px;
      width: 30px; }
    .assembly-slip .lines .container-line .sku {
      text-align: center;
      width: 130px; }
    .assembly-slip .lines .container-line .name {
      width: 450px; }
    .assembly-slip .lines .container-line .spacer {
      width: 90px; }
    .assembly-slip .lines .container-line .box {
      text-align: center;
      width: 60px; }
  .assembly-slip .lines .child-line {
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-top: 1px solid black; }
    .assembly-slip .lines .child-line div {
      display: inline-block; }
    .assembly-slip .lines .child-line .arrow {
      width: 60px;
      padding-right: 10px;
      text-align: right; }
    .assembly-slip .lines .child-line .qty {
      padding-right: 5px;
      text-align: right;
      width: 30px; }
    .assembly-slip .lines .child-line .sku {
      text-align: center;
      width: 150px; }
    .assembly-slip .lines .child-line .name {
      width: 450px; }
    .assembly-slip .lines .child-line .box {
      text-align: center;
      width: 60px; }
    .assembly-slip .lines .child-line .comment {
      padding-left: 25px;
      padding-top: 1px;
      padding-bottom: 1px; }

#packer {
  width: 1000px; }

#package_number_wrapper {
  border: 2px solid black;
  padding: 3px;
  float: right;
  position: relative;
  left: 300px;
  background-color: white; }

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  color: #555555;
  background-color: white;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }

.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px; }