/* -----------------------------------------------------------------------
using Blueprint CSS Framework 0.9
----------------------------------------------------------------------- */

/* reset.css */
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
code,
del,
dfn,
em,
img,
q,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
dialog,
figure,
footer,
header,
hgroup,
nav,
section {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

article,
aside,
dialog,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}

body {
  line-height: 1.5;
}

table {
  border-collapse: separate;
  border-spacing: 0;
}

caption,
th,
td {
  text-align: left;
  font-weight: normal;
}

table,
td,
th {
  vertical-align: middle;
}

td[data-type="number"],
th[data-type="number"] {
  text-align: right;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}

blockquote,
q {
  quotes: """";
}

a img {
  border: none;
}

/* typography.css */
html,
body {
  height: 100%;
}

html {
  font-size: 100.01%;
}

body {
  font-size: 75%;
  background-color: #fff;
  color: #525252;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  color: #51a23a;
  font-family: "Helvetica Neue", "Franklin Gothic", Arial, sans-serif;
}

h3,
h4,
h5 {
  color: grey;
}

h1 {
  font-size: 3em;
  line-height: 1;
  margin-bottom: 0.25em;
}

h2 {
  font-size: 2em;
  margin-bottom: 0.35em;
}

h3 {
  font-size: 1.5em;
  line-height: 1;
  margin-bottom: 1em;
}

h4 {
  font-size: 1.2em;
  line-height: 1.25;
  margin-bottom: 1.25em;
}

h5 {
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 1.5em;
}

h6 {
  font-size: 1em;
  font-weight: bold;
}

h1 img,
h2 img,
h3 img,
h4 img,
h5 img,
h6 img {
  margin: 0;
}

p {
  margin: 0 0 1.5em;
}

p img.left {
  float: left;
  margin: 1.5em 1.5em 1.5em 0;
  padding: 0;
}

p img.right {
  float: right;
  margin: 1.5em 0 1.5em 1.5em;
}

a:focus,
a:hover {
  color: #3e832b;
}

a {
  color: #285d19;
  text-decoration: underline;
}

blockquote {
  margin: 1.5em;
  color: #666;
  font-style: italic;
}

strong {
  font-weight: bold;
}

em,
dfn {
  font-style: italic;
}

dfn {
  font-weight: bold;
}

sup,
sub {
  line-height: 0;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
}

address {
  margin: 0 0 1.5em;
  font-style: italic;
}

del {
  color: #666;
}

pre {
  margin: 1.5em 0;
  white-space: pre;
}

pre,
code,
tt {
  font: 1em 'andale mono', 'lucida console', monospace;
  line-height: 1.5;
}

li ul,
li ol {
  margin: 0;
}

ul,
ol {
  margin: 0 1.5em 1.5em 0;
  padding-left: 3.333em;
}

ul {
  list-style-type: disc;
}

ol {
  list-style-type: decimal;
}

dl {
  margin: 0 0 1.5em 0;
}

dl dt {
  font-weight: bold;
}

dd {
  margin-left: 1.5em;
}

table {
  margin-bottom: 1.4em;
  width: 100%;
}

th {
  font-weight: bold;
}

th,
td,
caption {
  padding: 4px 5px 4px 5px;
}

tr.even td {
  background: #e5ecf9;
}

td.number,
th.number,
td.date,
th.date {
  text-align: right;
}

td.left,
th.left {
  text-align: left;
}

td.right,
th.right {
  text-align: right;
}

td.center,
th.center {
  text-align: center;
}

tfoot {
  font-style: italic;
}

caption {
  background: #eee;
}

.small {
  font-size: .8em;
  margin-bottom: 1.875em;
  line-height: 1.875em;
}

.large {
  font-size: 1.2em;
  line-height: 2.5em;
  margin-bottom: 1.25em;
}

.hide {
  display: none;
}

.quiet {
  color: #666;
}

.loud {
  color: #000;
}

.highlight {
  background: #ff0;
}

.added {
  background: #060;
  color: #fff;
}

.removed {
  background: #900;
  color: #fff;
}

.first {
  margin-left: 0;
  padding-left: 0;
}

.last {
  margin-right: 0;
  padding-right: 0;
}

.top {
  margin-top: 0;
  padding-top: 0;
}

.bottom {
  margin-bottom: 0;
  padding-bottom: 0;
}

.nobull {
  list-style-type: none;
  padding-left: 0;
}

/* forms.css */
fieldset {
  padding: 1.4em;
  margin: 0 0 1.5em 0;
  border: 1px solid #ccc;
}

legend {
  font-weight: bold;
  font-size: 1.2em;
}

label {
  font-weight: bold;
  margin: 0.25em 0;
  padding: 5px 0;
}

input[type=text],
input[type=password],
input[type=email],
input[type=url],
input.text,
input.title,
textarea,
select {
  background-color: #fff;
  border: 1px solid #bbb;
  padding: 5px;
  /* testing */
}

input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=url]:focus,
input.text:focus,
input.title:focus,
textarea:focus,
select:focus {
  border-color: #666;
  /*outline: 2px solid #666;*/
  background-color: #ffd;
}

input[type=text],
input[type=password],
input[type=email],
input[type=url],
input.text,
input.title,
textarea,
select {
  margin: 0.25em 0;
}

input.text,
input.title {
  width: 200px;
  padding: 5px;
}

input.title {
  font-size: 1.5em;
}

textarea {
  padding: 0.25em;
  width: 14.5em;
}

textarea.large {
  width: 390px;
  height: 250px;
}

input[type=checkbox],
input[type=radio],
input.checkbox,
input.radio {
  position: relative;
  top: .25em;
}

form.inline {
  line-height: 3;
}

form.inline p {
  margin-bottom: 0;
}

.error,
.notice,
.success,
.warning {
  padding: .4em .8em;
  margin-bottom: 1em;
  border: 1px solid #ddd;
  border-radius: 3px;
}

.error {
  background: #FCF5F5;
  color: #8a1f11;
  border-color: #FF7176;
}

.notice,
.warning {
  background: #FFF6BF;
  color: #514721;
  border-color: #FFD324;
}

.success {
  background: #E6EFC2;
  color: #264409;
  border-color: #C6D880;
}

.error a {
  color: #8a1f11;
}

.notice a,
.warning a {
  color: #514721;
}

.success a {
  color: #264409;
}

input.error {
  border-color: #D44950;
}

.alert {}

.alert .ss_icon {
  margin-right: 0.8em;
}

.announcement {
  clear: both;
}

.notification ul,
.notification p:last-child {
  margin-bottom: 0;
}

.notification .ss_icon {
  float: left;
  margin-right: 0.5em;
}

.closer {
  display: block;
  float: right;
  text-decoration: none;
}

.closer b {
  font-size: 2em;
}



.input-lg,
.btn-lg {
  font-size: 13px;
  line-height: 18px;
  padding: 8px;
  border-radius: 3px;
  border: 1px solid #aaa;
  margin-right: 10px;
}

select.input-lg {
  -webkit-appearance: none;
}

select.input-lg:after {
  display: block;
  content: '';
  width: 0;
  height: 0;
  border-top: 5px solid #555;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  position: absolute;
  top: 8px;
  right: 8px;
}

.btn-lg {
  box-sizing: border-box;
  display: inline-block;
  border: 1px solid #aaa;
  font-weight: bold;
  font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
  background: #e5e5e5 url(img/btn-grey-bkg.png) left top;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #E4E1E1), color-stop(0.8, #F3F0F0));
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e4e1e1), color-stop(0.8, #F3F0F0));
  background-image: -webkit-linear-gradient(center bottom, #e4e1e1 0%, #F3F0F0 80%);
  background-image: -moz-linear-gradient(center bottom, #e4e1e1 0%, #F3F0F0 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F3F0F0', endColorstr='#e4e1e1', GradientType=0);
  background-image: linear-gradient(top, #e4e1e1 0%, #F3F0F0 80%);
  box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.1);
}

.input-full-width {
  box-sizing: border-box;
  width: 100%;
}

#customDeliveryAddressForm label {
  text-transform: uppercase;
}

/* --------------------------------------------------------------
   responsive grid - 960.gs converted to fluid grid
-------------------------------------------------------------- */

/* grid.css */
.container {
  min-width: 950px;
  max-width: 1280px;
  padding: 0 1em;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.showgrid {
  background: url(https://xleonline.com.au/assets/css/src/grid.png);
}

.column,
.span-1,
.span-2,
.span-3,
.span-4,
.span-5,
.span-6,
.span-7,
.span-8,
.span-9,
.span-10,
.span-11,
.span-12,
.span-13,
.span-14,
.span-15,
.span-16,
.span-17,
.span-18,
.span-19,
.span-20,
.span-21,
.span-22,
.span-23,
.span-24 {
  float: left;
  margin-right: 1.0526316%;
}

.last {
  margin-right: 0;
}

.span-1 {
  width: 3.1578947%;
}

.span-2 {
  width: 7.3684211%;
}

.span-3 {
  width: 11.578947%;
}

.span-4 {
  width: 15.789474%;
}

.span-5 {
  width: 20%;
}

.span-6 {
  width: 24.210526%;
}

.span-7 {
  width: 28.421053%;
}

.span-8 {
  width: 32.631579%;
}

.span-9 {
  width: 36.842105%;
}

.span-10 {
  width: 41.052632%;
}

.span-11 {
  width: 45.263158%;
}

.span-12 {
  width: 49.473684%;
}

.span-13 {
  width: 53.684211%;
}

.span-14 {
  width: 57.894737%;
}

.span-15 {
  width: 62.105263%;
}

.span-16 {
  width: 66.315789%;
}

.span-17 {
  width: 70.526316%;
}

.span-18 {
  width: 74.736842%;
}

.span-19 {
  width: 78.947368%;
}

.span-20 {
  width: 83.157895%;
}

.span-21 {
  width: 87.368421%;
}

.span-22 {
  width: 91.578947%;
}

.span-23 {
  width: 95.789474%;
}

.span-24 {
  width: 100%;
  margin-right: 0;
}

input.span-1,
textarea.span-1,
input.span-2,
textarea.span-2,
input.span-3,
textarea.span-3,
input.span-4,
textarea.span-4,
input.span-5,
textarea.span-5,
input.span-6,
textarea.span-6,
input.span-7,
textarea.span-7,
input.span-8,
textarea.span-8,
input.span-9,
textarea.span-9,
input.span-10,
textarea.span-10,
input.span-11,
textarea.span-11,
input.span-12,
textarea.span-12,
input.span-13,
textarea.span-13,
input.span-14,
textarea.span-14,
input.span-15,
textarea.span-15,
input.span-16,
textarea.span-16,
input.span-17,
textarea.span-17,
input.span-18,
textarea.span-18,
input.span-19,
textarea.span-19,
input.span-20,
textarea.span-20,
input.span-21,
textarea.span-21,
input.span-22,
textarea.span-22,
input.span-23,
textarea.span-23,
input.span-24,
textarea.span-24 {
  border-left-width: 1px !important;
  border-right-width: 1px !important;
  padding-left: 0.52631579% !important;
  padding-right: 0.52631579% !important;
}

input.span-1,
textarea.span-1 {
  width: 1.8947368% !important;
}

input.span-2,
textarea.span-2 {
  width: 6.1052632% !important;
}

input.span-3,
textarea.span-3 {
  width: 10.315789% !important;
}

input.span-4,
textarea.span-4 {
  width: 14.526316% !important;
}

input.span-5,
textarea.span-5 {
  width: 18.736842% !important;
}

input.span-6,
textarea.span-6 {
  width: 22.947368% !important;
}

input.span-7,
textarea.span-7 {
  width: 27.157895% !important;
}

input.span-8,
textarea.span-8 {
  width: 31.368421% !important;
}

input.span-9,
textarea.span-9 {
  width: 35.578947% !important;
}

input.span-10,
textarea.span-10 {
  width: 39.789474% !important;
}

input.span-11,
textarea.span-11 {
  width: 44% !important;
}

input.span-12,
textarea.span-12 {
  width: 48.210526% !important;
}

input.span-13,
textarea.span-13 {
  width: 52.421053% !important;
}

input.span-14,
textarea.span-14 {
  width: 56.631579% !important;
}

input.span-15,
textarea.span-15 {
  width: 60.842105% !important;
}

input.span-16,
textarea.span-16 {
  width: 65.052632% !important;
}

input.span-17,
textarea.span-17 {
  width: 69.263158% !important;
}

input.span-18,
textarea.span-18 {
  width: 73.473684% !important;
}

input.span-19,
textarea.span-19 {
  width: 77.684211% !important;
}

input.span-20,
textarea.span-20 {
  width: 81.894737% !important;
}

input.span-21,
textarea.span-21 {
  width: 86.105263% !important;
}

input.span-22,
textarea.span-22 {
  width: 90.315789% !important;
}

input.span-23,
textarea.span-23 {
  width: 94.526316% !important;
}

input.span-24,
textarea.span-24 {
  width: 98.736842% !important;
}

.append-1 {
  padding-right: 4.2105263%;
}

.append-2 {
  padding-right: 8.4210526%;
}

.append-3 {
  padding-right: 12.631579%;
}

.append-4 {
  padding-right: 16.842105%;
}

.append-5 {
  padding-right: 21.052632%;
}

.append-6 {
  padding-right: 25.263158%;
}

.append-7 {
  padding-right: 29.473684%;
}

.append-8 {
  padding-right: 33.684211%;
}

.append-9 {
  padding-right: 37.894737%;
}

.append-10 {
  padding-right: 42.105263%;
}

.append-11 {
  padding-right: 46.315789%;
}

.append-12 {
  padding-right: 50.526316%;
}

.append-13 {
  padding-right: 54.736842%;
}

.append-14 {
  padding-right: 58.947368%;
}

.append-15 {
  padding-right: 63.157895%;
}

.append-16 {
  padding-right: 67.368421%;
}

.append-17 {
  padding-right: 71.578947%;
}

.append-18 {
  padding-right: 75.789474%;
}

.append-19 {
  padding-right: 80%;
}

.append-20 {
  padding-right: 84.210526%;
}

.append-21 {
  padding-right: 88.421053%;
}

.append-22 {
  padding-right: 92.631579%;
}

.append-23 {
  padding-right: 96.842105%;
}

.prepend-1 {
  padding-left: 4.2105263%;
}

.prepend-2 {
  padding-left: 8.4210526%;
}

.prepend-3 {
  padding-left: 12.631579%;
}

.prepend-4 {
  padding-left: 16.842105%;
}

.prepend-5 {
  padding-left: 21.052632%;
}

.prepend-6 {
  padding-left: 25.263158%;
}

.prepend-7 {
  padding-left: 29.473684%;
}

.prepend-8 {
  padding-left: 33.684211%;
}

.prepend-9 {
  padding-left: 37.894737%;
}

.prepend-10 {
  padding-left: 42.105263%;
}

.prepend-11 {
  padding-left: 46.315789%;
}

.prepend-12 {
  padding-left: 50.526316%;
}

.prepend-13 {
  padding-left: 54.736842%;
}

.prepend-14 {
  padding-left: 58.947368%;
}

.prepend-15 {
  padding-left: 63.157895%;
}

.prepend-16 {
  padding-left: 67.368421%;
}

.prepend-17 {
  padding-left: 71.578947%;
}

.prepend-18 {
  padding-left: 75.789474%;
}

.prepend-19 {
  padding-left: 80%;
}

.prepend-20 {
  padding-left: 84.210526%;
}

.prepend-21 {
  padding-left: 88.421053%;
}

.prepend-22 {
  padding-left: 92.631579%;
}

.prepend-23 {
  padding-left: 96.842105%;
}

.border {
  padding-right: 0.42105263%;
  margin-right: 0.52631579%;
  border-right: 1px solid #eee;
}

.colborder {
  padding-right: 2.5263158%;
  margin-right: 2.6315789%;
  border-right: 1px solid #eee;
}

.pull-1 {
  margin-left: -4.2105263%;
}

.pull-2 {
  margin-left: -8.4210526%;
}

.pull-3 {
  margin-left: -12.631579%;
}

.pull-4 {
  margin-left: -16.842105%;
}

.pull-5 {
  margin-left: -21.052632%;
}

.pull-6 {
  margin-left: -25.263158%;
}

.pull-7 {
  margin-left: -29.473684%;
}

.pull-8 {
  margin-left: -33.684211%;
}

.pull-9 {
  margin-left: -37.894737%;
}

.pull-10 {
  margin-left: -42.105263%;
}

.pull-11 {
  margin-left: -46.315789%;
}

.pull-12 {
  margin-left: -50.526316%;
}

.pull-13 {
  margin-left: -54.736842%;
}

.pull-14 {
  margin-left: -58.947368%;
}

.pull-15 {
  margin-left: -63.157895%;
}

.pull-16 {
  margin-left: -67.368421%;
}

.pull-17 {
  margin-left: -71.578947%;
}

.pull-18 {
  margin-left: -75.789474%;
}

.pull-19 {
  margin-left: -80%;
}

.pull-20 {
  margin-left: -84.210526%;
}

.pull-21 {
  margin-left: -88.421053%;
}

.pull-22 {
  margin-left: -92.631579%;
}

.pull-23 {
  margin-left: -96.842105%;
}

.pull-24 {
  margin-left: -101.052632%;
}

.pull-1,
.pull-2,
.pull-3,
.pull-4,
.pull-5,
.pull-6,
.pull-7,
.pull-8,
.pull-9,
.pull-10,
.pull-11,
.pull-12,
.pull-13,
.pull-14,
.pull-15,
.pull-16,
.pull-17,
.pull-18,
.pull-19,
.pull-20,
.pull-21,
.pull-22,
.pull-23,
.pull-24 {
  float: left;
  position: relative;
}

.push-1 {
  margin: 0 -4.2105263% 1.5em 4.2105263%;
}

.push-2 {
  margin: 0 -8.4210526% 1.5em 8.4210526%;
}

.push-3 {
  margin: 0 -12.631579% 1.5em 12.631579%;
}

.push-4 {
  margin: 0 -16.842105% 1.5em 16.842105%;
}

.push-5 {
  margin: 0 -21.052632% 1.5em 21.052632%;
}

.push-6 {
  margin: 0 -25.263158% 1.5em 25.263158%;
}

.push-7 {
  margin: 0 -29.473684% 1.5em 29.473684%;
}

.push-8 {
  margin: 0 -33.684211% 1.5em 33.684211%;
}

.push-9 {
  margin: 0 -37.894737% 1.5em 37.894737%;
}

.push-10 {
  margin: 0 -42.105263% 1.5em 42.105263%;
}

.push-11 {
  margin: 0 -46.315789% 1.5em 46.315789%;
}

.push-12 {
  margin: 0 -50.526316% 1.5em 50.526316%;
}

.push-13 {
  margin: 0 -54.736842% 1.5em 54.736842%;
}

.push-14 {
  margin: 0 -58.947368% 1.5em 58.947368%;
}

.push-15 {
  margin: 0 -63.157895% 1.5em 63.157895%;
}

.push-16 {
  margin: 0 -67.368421% 1.5em 67.368421%;
}

.push-17 {
  margin: 0 -71.578947% 1.5em 71.578947%;
}

.push-18 {
  margin: 0 -75.789474% 1.5em 75.789474%;
}

.push-19 {
  margin: 0 -80% 1.5em 80%;
}

.push-20 {
  margin: 0 -84.210526% 1.5em 84.210526%;
}

.push-21 {
  margin: 0 -88.421053% 1.5em 88.421053%;
}

.push-22 {
  margin: 0 -92.631579% 1.5em 92.631579%;
}

.push-23 {
  margin: 0 -96.842105% 1.5em 96.842105%;
}

.push-24 {
  margin: 0 -101.052632% 1.5em 101.052632%;
}

.push-1,
.push-2,
.push-3,
.push-4,
.push-5,
.push-6,
.push-7,
.push-8,
.push-9,
.push-10,
.push-11,
.push-12,
.push-13,
.push-14,
.push-15,
.push-16,
.push-17,
.push-18,
.push-19,
.push-20,
.push-21,
.push-22,
.push-23,
.push-24 {
  float: right;
  position: relative;
}

.prepend-top {
  margin-top: 1.5em;
}

.append-bottom {
  margin-bottom: 1.5em;
}

.box {
  padding: 1.5em;
  margin-bottom: 1.5em;
  background: #E5ECF9;
}

.box--grey {
  padding: 1em;
  margin-bottom: 1.5em;
  background-color: #fbfbfb;
  border: 1px solid #e8e8e8;
  border-radius: 10px;
  margin-bottom: 20px;
}

.box--grey>*:last-child {
  margin-bottom: 0;
}

hr {
  background: #ddd;
  color: #ddd;
  clear: both;
  float: none;
  width: 100%;
  height: .1em;
  margin: 0 0 1.45em;
  border: none;
}

hr.space {
  background: #fff;
  color: #fff;
  visibility: hidden;
}

.clearfix:after,
.container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden;
}

.clearfix,
.container {
  display: block;
}

.clear {
  clear: both;
}




/* --------------------------------------------------------------
   link-icons.css
-------------------------------------------------------------- */

/* Use this class if a link gets an icon when it shouldn't. */
body a.noicon {
  background: transparent none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Make sure the icons are not cut */
a[href^="mailto:"],
a[href$=".pdf"],
a[href$=".doc"],
a[href$=".xls"],
a[href$=".rss"],
a[href$=".rdf"],
a[href^="aim:"] {
  padding: 2px 22px 2px 0;
  margin: -2px 0;
  background-repeat: no-repeat;
  background-position: right center;
}

/* External links */
a[href^="mailto:"] {
  background-image: url(blueprint/plugins/link-icons/icons/email.png);
}

/* Files */
a[href$=".pdf"] {
  background-image: url(https://xleonline.com.au/assets/css/icons/pdf.png);
}

a[href$=".doc"] {
  background-image: url(https://xleonline.com.au/assets/css/icons/doc.png);
}

a[href$=".xls"] {
  background-image: url(https://xleonline.com.au/assets/css/icons/xls.png);
}

/* Misc */
a[href$=".rss"],
a[href$=".rdf"] {
  background-image: url(icons/feed.png);
}

a[href^="aim:"] {
  background-image: url(https://xleonline.com.au/assets/css/icons/im.png);
}


.ss_icon {
  background: transparent url(icons/add.png) left top no-repeat;
  height: 16px;
  width: 16px;
  text-indent: -9999em;
  display: inline-block;
  outline: none;
  vertical-align: text-top;
}

.ss_icon.floatLeft {
  margin-right: 5px;
}

.ss_icon.floatRight {
  margin-left: 5px;
}

.ss_book {
  background-image: url(icons/book_open.png);
}

.ss_bullet_arrow_down {
  background-image: url(icons/bullet_arrow_down.png);
}

.ss_calendar {
  background-image: url(icons/calendar.png);
}

.ss_cancel {
  background-image: url(icons/cross.png);
}

.ss_cart {
  background-image: url(icons/cart.png);
}

.ss_cart_add {
  background-image: url(icons/cart_add.png);
}

.ss_cancel2 {
  background-image: url(icons/cancel.png);
}

.ss_delete {
  background-image: url(icons/delete.png);
}

.ss_dot_grey {
  background-image: url(icons/bullet_grey.png);
  opacity: 0.3;
}

.ss_dot_orange {
  background-image: url(icons/bullet_orange.png);
}

.ss_dot_green {
  background-image: url(icons/bullet_green.png);
}

.ss_dot_red {
  background-image: url(icons/bullet_red.png);
}

.ss_subtract {
  background-image: url(icons/subtract.png);
}

.ss_success {
  background-image: url(icons/accept.png);
}

.ss_tick {
  background-image: url(icons/tick.png);
}

.ss_warning {
  background-image: url(icons/error.png);
}

.ss_error {
  background-image: url(icons/exclamation.png);
}

.ss_link {
  background-image: url(icons/link.png);
}

.ss_link_add {
  background-image: url(icons/link_add.png);
}

.ss_link_break {
  background-image: url(icons/link_break.png);
}

.ss_info {
  background-image: url(icons/information.png);
}

.ss_stop {
  background-image: url(icons/stop.png);
}

.ss_clock {
  background-image: url(icons/clock.png);
}

.error .ss_icon {
  float: left;
  margin-right: 0.5em;
}

tr.error .ss_icon,
td.error .ss_icon {
  float: none;
}

/* -----------------------------------------------------------------------
 and we're off
-------------------------------------------------------------------------- */
/* 'sticky' footer using flexbox */
body {
  display: flex;
  flex-direction: column;
}

body>.contentContainer {
  flex: 1 0 auto;
}

body>.footerContainer {
  flex-shrink: 0;
}

.floatRight {
  float: right;
  margin-left: 20px;
}

.floatLeft {
  float: left;
  margin-right: 20px;
}

.top {
  vertical-align: top;
}

.bottom {
  vertical-align: bottom;
}

.text_center {
  text-align: center;
}

.text_center .ss_icon {
  margin: 0 auto;
}

.text_left,
.left {
  text-align: left;
}

.text_right,
.right {
  text-align: right;
}


address span {
  display: block;
}

tr .revealOnRowHover {
  visibility: hidden;
}

tr:hover .revealOnRowHover {
  visibility: visible;
}

tr.hoverable:hover {
  background-color: #ffffc7;
}

.actionable:hover {
  cursor: pointer;
}

#header {
  background: white;
  border-top: 10px solid #FACD01;
  border-bottom: 10px solid #00833e;
  display: flex;
  flex-direction: row;
}

#header>#logo {
  flex: 0 0 auto;
}

#header>div {
  flex: 1 0 auto;
}

#logo {
  background: transparent url(../img/XLE_Online_250x30.png) 10px 50% no-repeat;
  text-indent: -9999em;
}

#logo a {
  display: block;
  height: 60px;
  width: 280px;
}

#main_nav_list {
  position: absolute;
  top: 10px;
  right: 1em;
  font-weight: bold;
  letter-spacing: 1px;
  margin: 0;
  transition: none;
}

#main_nav_list li {
  margin: .75em 0 0 1em;
}

#main_nav_list a {
  line-height: 1.5;
  min-height: 1.5em;
  padding: 0.25em 0.75em;
  border-radius: 5px;
  transition-property: background, color;
  transition-duration: .2s;
  transition-timing-function: ease-out;
}

#main_nav_list li:last-child a {
  padding-right: 0.5em;
}

#main_nav_list a:link,
#main_nav_list a:visited {
  color: #555;
  background-color: #FFF;
}

#main_nav_list a:focus,
#main_nav_list a:hover,
#main_nav_list a:active {
  color: #FFF;
  background-color: #00833e;
}

#main_nav {
  position: relative;
  z-index: 1;
  -webkit-user-select: none;
  user-select: none;
}

#main_nav_toggle {
  position: absolute;
  top: 10px;
  right: 15px;
  display: block;
  padding: 0;
  width: 44px;
  min-height: 44px;
  background: transparent;
  border: 0 none transparent;
}

/* hamburger */
.toggleShape {
  width: 100%;
  display: block;
  position: relative;
}

.toggleShape>span {
  display: none;
  position: absolute;
  top: -3px;
  width: 100%;
  height: 6px;
  background: #cdcdcd;
  border-radius: 3px;
  z-index: 1;
  transform-origin: 50% 50%;
  transition: all 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
}

.toggleShape>span:first-child {
  top: calc(-12px - 3px);
}

.toggleShape>span:nth-child(3) {
  top: calc(12px - 3px);
}

/* Transform all the slices of hamburger into a crossmark.*/
#main_nav_toggle.active .toggleShape span {
  opacity: 1;
  top: -3px;
  background: #232323;
}

#main_nav_toggle.active .toggleShape span:first-child {
  transform: rotate(45deg);
}

/* .. but hide the middle one */
#main_nav_toggle.active .toggleShape span:nth-child(2) {
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

/* and reverse rotation of the last one */
#main_nav_toggle.active .toggleShape span:nth-child(3) {
  transform: rotate(-45deg);
}


@media (max-width:800px) {
  .toggleShape>span {
    display: block;
  }

  #main_nav_list {
    position: fixed;
    top: 80px;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 50px;
    box-sizing: border-box;
    background: #ededed;
    background: rgba(200, 200, 200, 0.9);
    list-style-type: none;
    -webkit-font-smoothing: antialiased;
    /* to stop flickering of text in safari */
    transform-origin: 0% 0%;
    transform: translate(100%, 0);
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
  }

  #main_nav_list li {
    padding: 0;
    font-size: 2em;
  }

  /* slide in from the left */
  #main_nav_toggle.active~ul {
    transform: none;
  }

  #header li {
    float: none !important;
  }
}


#footer,
#header {
  text-transform: uppercase;
}

#footer a,
#header a {
  text-decoration: none;
}

#footer a {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

#footer ul,
#header ul {
  list-style-type: none;
  padding-left: 0;
}

#header li {
  float: left;
}

#footer li {
  display: inline-block;
}

#footer li a,
#header li a {
  display: block;
}

#footerBanner {
  border-top: 5px solid #00833e;
  border-bottom: 5px solid #00833e;
  background: #fff;
  text-align: center;
}

#footer {
  border-top: 1px solid transparent;
  box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.25);
  background: #646464;
  background: #646464 radial-gradient(ellipse at 50% 0, #767676 0, #525252 75%);
  padding: 10px 0;
}

#footer_nav {
  margin: 0;
}

#footer_nav li {
  margin-right: 2em;
}

#footer a:link,
#footer a:visited {
  color: #a9a9a9;
}

#footer a:hover,
#footer a:active {
  color: #fff;
}

#content {
  padding-top: 2em;
  padding-bottom: 3em;
  clear: both;
}


/* panda search form: general */

#panda_searchform {
  margin: 0;
}

#panda_searchform fieldset {
  border: 0px none transparent;
  padding: 0;
  margin: 0;
}

#panda_searchform ol {
  list-style-type: none;
  padding-left: 0;
  margin: 0;
}

#panda_searchform label {
  font-weight: normal;
}

#panda_submit {
  background: transparent url(img/search-go-sm.png) right center no-repeat;
  text-transform: uppercase;
  border: 0px none transparent;
  width: auto;
  height: 30px;
  padding: 0 40px 0 0;
  text-align: left;
  color: #525252;
  font-weight: bold;
  cursor: pointer;
  *cursor: hand;
}

#panda_searchform label.error {}

#panda_searchform label.error.checked {
  display: none !important;
}

/* panda search form: long kind */

#longsearch {
  background: #7cbe6b url(img/searchlong-bkg.jpg) top center no-repeat;
  height: 90px;
  color: #525252;
}

#longsearch form {
  background: transparent url(img/search-books-g.png) left center no-repeat;
  padding-left: 80px;
  height: 90px;
}

#longsearch legend {
  padding-top: 10px;
}

#longsearch li {
  float: left;
  margin-right: 20px;
  position: relative;
}

#longsearch label.error {
  display: block;
  padding: 0.25em 0.5em 0.25 auto;
  position: absolute;
  top: 100%;
  right: 0;
  width: 60%;
  background-position: 0 0.5em;
  line-height: 1.5;
  text-align: left;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
  border-top-width: 3px;
}

#longsearch label.error:before {
  content: '';
  display: block;
  position: absolute;
  top: -11px;
  left: 10px;
  width: 0;
  height: 0;
  border-bottom: 8px solid #FF7176;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}

#longsearch .server_response .error {
  position: relative;
  float: left;
  margin-right: 10px;
}

#longsearch .text,
#longsearch select {
  width: 60%;
}

#longsearch li {
  width: 20%;
}

#longsearch li:last-child {
  width: auto;
}

#longsearch #panda_publisher {
  padding: 5px;
  border: 1px solid #bbb;
  background-color: white;
  background-image: none;
  border-radius: 6px;
  height: 25px;
  line-height: 1;
  /*    -webkit-appearance: none;
    -moz-appearance: none;
*/
}

/* pseudo elements on selects no possible? */
/*
#longsearch #panda_publisher:before {
    content: '';
    display: block;
    position: absolute;
    top: 3px;
    right: 5px;
    width: 0;
    height: 0;
    border-top: 8px solid #555;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
}
#panda_publisher::-ms-expand {
    display: none;
}
*/
#last_updated {
  margin: 1em 0;
  font-style: italic;
}


/* panda search form: sidebar */


#sidebar #panda_searchform {
  padding: 25px 5%;
  background: #c8e7a8 url(img/searchbox-bg.png) center top repeat-x;
  margin-bottom: 20px;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
}

#sidebar #panda_searchform li {
  position: relative;
}

#sidebar #panda_searchform label.error {
  display: block;
  padding: 0.25em 0.5em 0.25 auto;
  position: absolute;
  top: 0;
  right: -150px;
  width: 150px;
  background-position: 0 0.5em;
}

/* rule for ie
#sidebar #panda_searchform { padding:15px 25px 10px; background:transparent url(img/searchbox-bg-top.png) center top repeat-x; }
*/
#sidebar #panda_searchform legend {
  background: transparent url(img/searchbox-books.png) top left no-repeat;
  height: 61px;
  color: #51a23a;
  font-weight: normal;
  font-size: 2em;
  padding-left: 30%;
  width: 70%;
  display: block;
  line-height: 1;
}

#sidebar #panda_searchform legend strong {
  display: block;
}

#sidebar #panda_searchform label {
  display: inline-block;
  width: 30%;
}

#sidebar #panda_searchform .text {
  width: 60%;
}

#sidebar #panda_publisher {
  padding: 4px;
  width: 65%;
}

#sidebar #panda_submit {
  display: block;
  margin: 5px 0 0 25%;
  width: 76px;
  height: 66px;
  background-image: url(img/search-go.png);
  text-indent: -9999em;
  padding: 0;
}


.brand-band {
  margin: 0 -1em;
  padding-top: 1em;
  padding-bottom: 1em;
  background-image: -webkit-linear-gradient(left, #7cbe6b 0%, #b3d6aa 50%, #7cbe6b 95%);
  background-image: linear-gradient(left, #7cbe6b 0%, #b3d6aa 50%, #7cbe6b 95%);
  color: #525252;
  box-shadow: inset 0 10px 20px rgba(0, 0, 0, 0.5);
}

.brand-band--admin {
  color: #e3d6ec;
  background-image: -webkit-linear-gradient(left, #74518b 0%, #9272a7 50%, #74518b 95%);
  background-image: linear-gradient(left, #74518b 0%, #9272a7 50%, #74518b 95%);
}

.brand-band--admin-dark {
  color: #dad2e0;
  background-image: -webkit-linear-gradient(left, #6c5c77 0%, #967fa7 50%, #6c5c77 95%);
  background-image: linear-gradient(left, #6c5c77 0%, #967fa7 50%, #6c5c77 95%);
}

.brand-band--admin-dark legend {
  color: #aa95b9;
}

.brand-band--publisher-dark {
  color: #dce8ea;
  background-image: -webkit-linear-gradient(left, #7fa8b1 0%, #95b8bf 50%, #7fa8b1 95%);
  background-image: linear-gradient(left, #7fa8b1 0%, #95b8bf 50%, #7fa8b1 95%);
}

.brand-band--publisher-dark legend {
  color: #a0c6d0;
}




.form-inline li {
  display: inline-block;
  margin-right: 1em;
}

.form-inline legend {
  float: left;
  margin-right: 2em;
  line-height: 2;
}



/* panda search results */

#panda_results {
  border-top: 1px solid #3c8227;
}

#panda_results thead tr {
  background: #4ec24c url(img/table-th-bkg.jpg) top left repeat-x;
}

#panda_results th {
  border-top: 1px solid #7fad71;
  color: #fff;
  border-right: 1px solid #7fad71;
  border-bottom: 1px solid #7fad71;
}

#panda_results tr,
#panda_results td {
  font-size: 11px;
  line-height: 1.364;
}

#panda_results .row1 td {
  background-color: #ffffff;
}

#panda_results .row2 td {
  background-color: #e8f8e1;
}

#panda_results .row3 td {
  background-color: #e5f3d2;
}

#panda_results a:link,
#panda_results a:visited {
  text-decoration: none;
}

#panda_results a:hover,
#panda_results a:active {
  text-decoration: underline;
}

#panda_results tr.hovr td {
  background-color: #eef397 !important;
}


.new_edition {
  background: transparent url(icons/book_next.png) center center no-repeat;
  height: 16px;
  width: 16px;
  text-indent: -9999em;
  display: block;
  float: right;
  outline: none;
}

td,
th {
  border-bottom: 1px solid #d6d6d6;
}

.qtip h1 {
  font-size: 2em;
}

.qtip h2 {
  font-size: 1.25em;
}

.qtip h4 {
  color: #888;
  font-size: 1em;
}

.button {
  box-sizing: border-box;
  display: inline-block;
  border: 1px solid #aaa;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 20px;
  min-height: 28px;
  /* 1 + 3 + 20 + 3 + 1 = 28 */
  font-size: 12px;
  font-weight: bold;
  font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
  border-radius: 4px;
  background: #e5e5e5 url(img/btn-grey-bkg.png) left top;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #E4E1E1), color-stop(0.8, #F3F0F0));
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e4e1e1), color-stop(0.8, #F3F0F0));
  background-image: -webkit-linear-gradient(center bottom, #e4e1e1 0%, #F3F0F0 80%);
  background-image: -moz-linear-gradient(center bottom, #e4e1e1 0%, #F3F0F0 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F3F0F0', endColorstr='#e4e1e1', GradientType=0);
  background-image: linear-gradient(top, #e4e1e1 0%, #F3F0F0 80%);
  box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.1);
}

.button:hover {
  cursor: pointer;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e4e1e1), color-stop(0.8, #F3F0F0));
  background-image: -webkit-linear-gradient(center top, #e4e1e1 0%, #F3F0F0 80%);
  background-image: -moz-linear-gradient(center top, #e4e1e1 0%, #F3F0F0 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e1e1', endColorstr='#F3F0F0', GradientType=0);
  background-image: linear-gradient(bottom, #e4e1e1 0%, #F3F0F0 80%);
}

.button:active,
.button:focus {
  position: relative;
  top: 1px;
  left: 1px;
  box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
}

.button-sm {
  min-height: initial;
  padding: 2px 8px;
}

.button a {
  padding: 3px 12px;
  text-decoration: none;
  border-radius: 4px;
  text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5);
  display: block;
  line-height: 20px;
  min-height: 16px;
}

.button a:link,
.button a:visited {
  background-color: transparent;
}

.button a:hover,
.button a:active {
  text-shadow: none;
}

input.button {
  padding: 3px 12px;
  font-size: 12px;
  margin-top: 0;
}

.button+.button {
  margin-left: 1em;
}

.button.green {
  border: 1px solid #51A23A;
  color: #fff;
  text-shadow: 1px 1px 1px #38672b;
  background: #51A23A url(img/btn-green-bkg.png) left top;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #719966), color-stop(0.8, #8eb783));
  background-image: -webkit-linear-gradient(center bottom, #719966 0%, #8eb783 80%);
  background-image: -moz-linear-gradient(center bottom, #719966 0%, #8eb783 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8eb783', endColorstr='#719966', GradientType=0);
  background-image: linear-gradient(top, #719966 0%, #8eb783 80%);
}

.button.green:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #719966), color-stop(0.8, #8eb783));
  background-image: -webkit-linear-gradient(center top, #719966 0%, #8eb783 80%);
  background-image: -moz-linear-gradient(center top, #719966 0%, #8eb783 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#719966', endColorstr='#8eb783', GradientType=0);
  background-image: linear-gradient(bottom, #719966 0%, #8eb783 80%);
}

.button.green a:link,
.button.green a:visited {
  color: #fff;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
}

.button.green a:hover,
.button.green a:active,
.button.green a:focus {
  color: #fff;
  text-shadow: none;
}



.btn-green {
  border: 1px solid #51A23A;
  color: #555;
  background: #51A23A url(img/btn-green-bkg.png) left top;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #a6c59d), color-stop(0.8, #dbf1d6));
  background-image: -webkit-linear-gradient(center bottom, #a6c59d 0%, #dbf1d6 80%);
  background-image: -moz-linear-gradient(center bottom, #a6c59d 0%, #dbf1d6 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dbf1d6', endColorstr='#a6c59d', GradientType=0);
  background-image: linear-gradient(top, #719966 0%, #8eb783 80%);
}

.something {
  border: 1px solid #70af5f;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #a6c59d), color-stop(0.8, #dbf1d6))
}

a.csvFile {
  background-image: url(icons/page_white_excel.png);
  background-position: 5px 50%;
  background-repeat: no-repeat;
  padding-left: 25px;
}

.icon-excel {
  background-image: url(icons/page_white_excel.png);
  background-position: 5px 50%;
  background-repeat: no-repeat;
  padding-left: 25px;
}


/* a generic searchform ruleset */
.searchform {
  margin: 0 0 20px;
  padding: 25px 20px 10px;
  background: #eaeaea url(img/searchform-bkg.png) center top repeat-x;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
}

.searchform.floatRight {
  margin-left: 20px;
}

.searchform ol {
  list-style-type: none;
  padding-left: 0;
  margin: 0;
}

.searchform li {
  position: relative;
}

.searchform fieldset {
  border: 0px none transparent;
  padding: 0;
  margin: 0;
}

.searchform legend {
  background: transparent url(img/searchbox-books.png) top left no-repeat;
  height: 61px;
  color: #51a23a;
  font-weight: normal;
  font-size: 2em;
  padding-left: 3em;
  line-height: 1;
}

.searchform legend strong {
  display: block;
}

.searchform label {
  display: block;
  float: left;
  width: 6em;
}

.searchform .text {
  width: 150px;
}

.searchform select {
  padding: 4px;
  width: 160px;
}

.searchform label {
  font-weight: normal;
}

.searchform label.error {
  display: block;
  padding: 0.25em 0.5em 0.25 auto;
  position: absolute;
  top: 0%;
  right: -150px;
  width: 150px;
  background-position: 0 0.5em;
}

.searchform label.error.checked {
  display: none !important;
}

.searchform label.error {
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
}

.searchform input[type="submit"],
.searchform button[type="submit"] {
  margin-left: 6.6em;
}


/* homepage */
#home .container {
  /* restrict layout of home page to fixed */
  max-width: 60em;
}

#splash {
  background: #79bc67 url(img/splash-bkg.jpg) calc(50% + 25vw) 0 no-repeat;
  min-height: 247px;
}

@media (min-width:1000px) {
  #splash {
    background-position: 20vw top;
  }
}

#splash h1 {
  color: #fff;
  margin-top: 20px;
  text-shadow: 2px 2px 2px #78a46c;
}

#splash p {
  color: #0c4c2a;
}

#registerButton {
  display: block;
  text-indent: -9999em;
  width: 191px;
  height: 43px;
  background: transparent url(img/register-butt.png) top left no-repeat;
}

#registerButton:link,
#registerButton:visited {
  background-position: 0px 0px;
}

#registerButton:hover,
#registerButton:active {
  background-position: 0px -43px;
}

/* contact page */
#contact_details {
  font-size: 1.5em;
}

#contact_details ul {
  list-style-type: none;
  padding-left: 0;
}

#contact_details li {
  margin: 0.5em 0;
}

/* title details page */
.title_details {
  width: auto;
}

.title_details th:first-child {
  padding-left: 0;
}

.title_details .new_edition {
  float: none;
  text-indent: 0;
  width: auto;
  background-position: right center;
}


/* member registration page */
#registration ol {
  padding-left: 0;
}

#registration li {
  list-style-type: none;
  padding-left: 0;
}

#registration .accNo {
  margin-bottom: 0.5em;
  padding-left: 2em;
}

#registration .accNo label {
  font-weight: normal;
  display: block;
}



#member_functions {
  background: #7cbe6b url(img/searchlong-bkg.jpg) top center no-repeat;
  height: 36px;
  color: #314a36;
}

#member_functions p {
  margin: 0.5em 0;
  text-align: right;
}

#member_functions a {
  color: #fff;
  margin-left: 1em;
}

#member_functions a:link,
#member_functions a:visited {
  text-decoration: none;
}

#member_functions a:hover,
#member_functions a:active {
  text-decoration: underline;
}

#member_functions a:last-child {
  margin-right: 0.5em;
}

.member_overview {
  float: right;
  padding: 9px 0 6px;
  /* line-height + padding top/bot = height of bar = 36 */
}

.member_overview ul {
  list-style: none;
  padding-left: 0;
}

.member_overview>ul>li {
  float: left;
  margin-right: 1em;
}

.dropdownMenuParent {
  position: relative;
  padding-bottom: 3px;
}

.dropdownMenu {
  position: absolute;
  top: 100%;
  width: 12em;
  display: none;
  background-color: #7CBE6B;
  border: 1px solid #fff;
  padding: 0.25em;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
  border-radius: 3px;
}

.dropdownMenuParent:hover .dropdownMenu {
  display: block;
}

.dropdownMenuParent:hover .dropdownMenu:after {
  position: absolute;
  top: -5px;
  left: 1.5em;
  content: ' ';
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid white;
}

#member_functions .userProfile:hover {
  text-decoration: none;
}

/* members page */

#account_toolbar {
  margin-bottom: 2em;
  border-bottom: 1px solid #CACACA;
  padding-bottom: 1em;
  overflow: auto;
}

.account_selector_area {
  float: left;
  padding: 10px;
  margin-right: 10px;
  border-radius: 6px;
}

.account_selector_area h3 {
  margin: 0;
}

.account_selector_area form {
  margin: 0;
}

.account_selector_area label {
  font-weight: normal;
}

#current_account_view {
  background: #479635;
}

#current_account_view h3 {
  color: #fff;
}

#current_account_view label {
  color: #bcd6b6;
}

#current_account_view_logo {
  float: right;
  margin-right: 10px;
  max-width: 300px;
  max-height: 75px;
}

.salesrep #current_account_view {
  background: #8a832e;
}

.salesrep #current_account_view label {
  color: #d6d1b6;
}


/* members page - tabs */
#memberTabContent {
  border-left: 1px solid #bfbfbf;
  border-right: 1px solid #bfbfbf;
  border-bottom: 1px solid #bfbfbf;
  background: #fff;
  padding: 20px 0px 10px;
  margin: 0 0 30px;
  clear: both;
  min-height: 200px;
}

#memberTabs {
  float: left;
  width: 100%;
  border-bottom: 1px solid #bfbfbf;
  margin-bottom: 0;
}

#memberTabs ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#memberTabs li {
  float: left;
  background-color: #e4e4e4;
  margin: 0 0.5em 0 0;
  border-left: 1px solid #bfbfbf;
  border-right: 1px solid #bfbfbf;
  border-top: 1px solid #bfbfbf;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

#memberTabs a {
  float: left;
  display: block;
  background-color: #e4e4e4;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEE), to(#DDD), color-stop(.5, #FFF));
  background: -moz-linear-gradient(0% 100% 90deg, #DDDDDD, #FFFFFF, #EEEEEE 100%);
  padding: 5px 10px 5px 10px;
  text-decoration: none;
  color: #6d6d6d;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

#memberTabs a:hover {
  background-color: #8fb287;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#CCC), to(#BBB), color-stop(.5, #DDD));
  background: -moz-linear-gradient(0% 100% 90deg, #BBBBBB, #DDDDDD, #CCCCCC 100%);
  color: #285d19;
}

#memberTabs .disabled a {
  color: #b4b4b4;
}

#memberTabs .disabled a:hover {
  background-color: #e4e4e4;
  color: #b4b4b4;
  cursor: default;
}

.disabled {
  color: #b4b4b4;
}

/* current active tab */
#overview #memberTabs li.overview,
#transactions #memberTabs li.transactions,
#statements #memberTabs li.statements,
#marketing #memberTabs li.marketing,
#forms #memberTabs li.forms,
#search #memberTabs li.search,
#orders #memberTabs li.orders,
#cart #memberTabs li.cart {
  /*background-image: url("https://xleonline.com.au/assets/css/images/tab_active_left.gif");*/
  /* missing image */
  background-color: #fff;
  position: relative;
  top: 1px;
  left: 0px;
}

#overview #memberTabs li.overview a,
#transactions #memberTabs li.transactions a,
#statements #memberTabs li.statements a,
#marketing #memberTabs li.marketing a,
#forms #memberTabs li.forms a,
#search #memberTabs li.search a,
#orders #memberTabs li.orders a,
#cart #memberTabs li.cart a {
  /*background-image: url("https://xleonline.com.au/assets/css/images/tab_active_right.gif");*/
  /* missing image */
  background: #fff;
  font-weight: bold;
}

#overview #memberTabs li.overview a:hover,
#transactions #memberTabs li.transactions a:hover,
#statements #memberTabs li.statements a:hover,
#marketing #memberTabs li.marketing a:hover,
#forms #memberTabs li.forms a:hover,
#search #memberTabs li.search a:hover,
#orders #memberTabs li.orders a:hover,
#cart #memberTabs li.cart a:hover {
  color: #6d6d6d;
}


.panel {
  padding-left: 10px;
}

.last>.panel {
  padding-right: 10px;
}

/* tab: account overview */
dd {}

dt {
  font-weight: bold;
  color: #989898;
}

.overviewPanel dt {
  float: left;
  clear: left;
  width: 10em;
}

.overviewPanel dd {
  margin-left: 10em;
}

.overviewPanel dl {
  margin-bottom: 1em;
  clear: both;
}

.overviewPanel th {
  color: #989898;
}

dl.table-list {
  display: table;
}

dl.table-list>div {
  display: table-row;
}

dl.table-list>div>dt,
dl.table-list>div>dd {
  display: table-cell;
  /* unfortunate extra styles to over-ride the .overviewPanel above */
  float: none;
  width: auto;
  margin-left: 0;
}

dl.table-list>div>dd {
  padding-left: 1em;
}

#account_balance_summary {
  background: #d2debc url(img/balance-bkg.jpg) center center no-repeat;
  background-size: cover;
  /* image not quite big enough - quick fix */
  padding: 10px;
  border: 1px solid #c0c0c0;
  border-radius: 10px;
}

#account_balance_summary h3 {
  border-bottom: 1px solid #51A23A;
  padding-bottom: 5px;
  font-size: 1.25em;
  margin-bottom: 0.25em;
}

#account_balance_summary dl {
  font-size: 1.25em;
  margin-bottom: 0;
}

#account_balance_summary dt {
  width: 8em;
  float: left;
  font-weight: normal;
  color: #525252;
}

#account_balance_summary dd {
  margin-left: 8em;
}

#account_balance_summary .total {
  border-top: 1px solid #8b8b8b;
  padding-top: 0.5em;
  margin-top: 0.5em;
}

#account_balance_summary .large {
  font-size: 1.5em;
  line-height: 1.5;
  margin-bottom: 0;
}

#account_balance_summary dt.large {
  width: 5.3em;
}

#account_balance_summary dd.large {
  margin-left: 5.3em;
}

#account_balance_summary .overdue,
#account_balance_summary .future,
#account_balance_summary .total {
  color: #797;
}

#account_balance_summary .overdue.outstanding {
  color: #a33;
}

#account_balance_summary #account_status {
  font-size: 1em;
}

#your_account h2 {
  border-bottom: 1px solid #51A23A;
  font-size: 1.25em;
  margin: 0 0 1em;
}

#net_sales_history {
  margin-top: 20px;
}

#net_sales_history h2 {
  border-bottom: 1px solid #51A23A;
  font-size: 1.25em;
  margin: 10px 10px 0.4em 0;
}

#net_sales_history h3 {
  color: #676767;
}


#overviewPanel1 dt,
#overviewPanel2 dt {
  text-align: right;
  width: 9em;
  padding-right: 1em;
}

#overviewPanel3 {
  padding-left: 0;
}

.year td {
  background-color: #ccc;
  font-weight: bold;
}

.month td {
  background-color: #eee;
  color: #999;
}


#customer_service_contacts h4 {
  margin-bottom: 0;
  color: #404040;
}

/* tab: transactions */

#current_activity,
#additional_activity {
  margin-bottom: 20px;
}

#current_activity h2,
#additional_activity h2 {
  border-bottom: 1px solid #51A23A;
  font-size: 1.25em;
  margin: 0 10px 0.4em;
}

#current_activity h3,
#additional_activity h3 {
  color: #676767;
  margin-bottom: 0.5em;
}


.data_table thead th {
  color: white;
  color: rgba(255, 255, 255, 0.7);
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  text-transform: uppercase;
}

.data_table {
  border-top: 1px solid #3c8227;
  margin-bottom: 1em;
}

.data_table thead tr {
  background: #4ec24c url(img/table-th-bkg.jpg) top left repeat-x;
}

.data_table th {
  border-top: 1px solid #7fad71;
  color: #accca4;
  border-right: 1px solid #7fad71;
  border-bottom: 1px solid #7fad71;
}

.data_table tr,
.data_table td {
  font-size: 11px;
  line-height: 1.364;
  color: #525252;
  border-bottom: 0px none transparent;
  background-color: #fff;
}

.data_table .row1 td {
  background-color: #ffffff;
}

.data_table .row2 td {
  background-color: #ECF8E7;
}

.data_table .row3 td {
  background-color: #e5f3d2;
}

.data_table td:last-child {
  white-space: nowrap;
}

.data_table a:link,
.data_table a:visited {
  text-decoration: none;
}

.data_table a:hover,
.data_table a:active {
  text-decoration: underline;
}

.data_table tr.hovr td {
  background-color: #eef397 !important;
}

.data_table tfoot td {
  background-color: #eee;
  border-top: 1px solid #7FAD71;
  color: #777;
  font-style: normal;
}

.data_table.striped tr:nth-child(even) td {
  background-color: #F3FAF0;
}

.data_table_sm tr,
.data_table_sm td {
  font-size: 10px;
  padding: 4px 3px;
}


#additional_activity .data_table {
  border-top: 1px solid #9aa099;
}

#additional_activity .data_table thead tr {
  background: #a4aaa3 url(img/table-th-bkg2.jpg) top left repeat-x;
}

#additional_activity .data_table th {
  border-top: 1px solid #bec1bd;
  color: #accca4;
  border-right: 1px solid #7fad71;
  border-bottom: 1px solid #7fad71;
}

#additional_activity .data_table thead th {
  background-color: #a4aaa3;
  color: #eee;
}

.num_records {
  font-style: italic;
  text-align: right;
  margin-bottom: 0;
  color: #999;
  font-size: 0.667em;
}

.all_transactions {
  text-align: right;
}

.all_transactions a {
  padding-right: 25px;
  background: transparent url(img/search-go-v-sm.png) top right no-repeat;
  height: 22px;
  display: block;
  float: right;
  text-decoration: none;
}

.no_data {
  font-style: italic;
  color: #aaa;
}

.back_link a {
  margin-top: 1em;
  padding-left: 25px;
  background: transparent url(img/search-back-v-sm.png) top left no-repeat;
  height: 22px;
  display: block;
  float: left;
  text-decoration: none;
}


#transaction_table h3 {
  float: left;
  margin-right: 2em;
}

#transaction_table_switcher {
  float: right;
}

/* link for xl */
#track_consignment {
  text-align: center;
}

#track_consignment a {
  width: 300px;
  border: 1px solid #ccc;
  background-color: #eee;
  font-weight: bold;
  padding: 0.5em 1em;
}

/* .client_form is a general form style */
.client_form {
  margin: 0;
}

.client_form fieldset {
  border: 0px none transparent;
  padding: 1em 0 0;
  margin: 0;
}

.client_form legend {
  padding-left: 10px;
}

.client_form ol {
  list-style-type: none;
  padding-left: 0;
  margin: 0;
}

.client_form li {
  margin-bottom: 0.5em;
  clear: both;
}

.client_form li p {
  margin-left: 12em;
  font-size: 10px;
  font-style: italic;
}

.client_form label {
  font-weight: bold;
  color: #989898;
  float: left;
  min-width: 9em;
  text-align: right;
  padding-right: 1em;
}

.client_form label.error.checked {
  display: none !important;
}

.client_form input[type=text],
.client_form input[type=email],
.client_form input[type=url] {
  width: 15em;
}

.client_form input.no_label {
  margin-left: 8.91em;
}

.client_form .error.inline {
  display: inline;
  padding: 0;
}

.client_form label.radio {
  float: none;
  min-width: initial;
}

label.invisible {
  visibility: hidden;
}

.radio_group {
  padding-left: 10.91em;
}

.panelbox {
  padding: 10px;
  background: white;
  background: linear-gradient(#eee 0%, white 50%, #eee 100%);
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
  border: 1px solid #ccc;
  border-radius: 15px;
}

#activation_form input[type="submit"] {
  margin-left: 1em;
}

#rra_form label {
  text-align: left;
}

#rra_form label.error {
  float: none;
  display: block;
}

#rra_form textarea {
  width: 400px;
  height: 100px;
}

#rra_form input[type="text"] {
  width: 12em;
}

#rra_form input[type="submit"] {
  margin-left: 0;
}

#rra_form td {
  vertical-align: top;
}


/* THEMES */
/* default theme styles */
.contentContainer {
  background: #fff;
  background-image: linear-gradient(bottom, #c7d6ab 0%, #fff 180px);
  /* W3C */
  background-image: -moz-linear-gradient(bottom, #c7d6ab 0%, #fff 180px);
  /* FF3.6+ */
  background-image: -webkit-linear-gradient(bottom, #c7d6ab 0%, #fff 180px);
  /* Chrome10+,Safari5.1+ */
  color: #525252;
}


/* Admin Section Theme */
/* ------------------- */
/*
.admin class name used on pages where both normal members and admins can view
#admin id name used to target admin only pages
*/
#admin .contentContainer {
  background-image: linear-gradient(bottom, #ccc2e7 0%, #fff 180px);
  /* W3C */
  background-image: -moz-linear-gradient(bottom, #ccc2e7 0%, #fff 180px);
  /* FF3.6+ */
  background-image: -webkit-linear-gradient(bottom, #ccc2e7 0%, #fff 180px);
  /* Chrome10+,Safari5.1+ */
}

#admin h1 {
  color: #502a6a;
}

.admin #member_functions {
  background: #6d3b8f url(img/admin-bkg.jpg) center top repeat-y;
  color: #bba7ca;
}

#admin h2 {
  color: #9a56c8;
}

#admin h3 {
  color: #502a6a;
}

#member_nav {
  float: left;
  margin-right: 20px;
  padding: 0.75em 0;
  font-weight: bold;
}

#member_nav a {
  background-color: #479635;
  padding: 0.33em 1em;
  border-radius: 5px;
  font-weight: normal;
  margin: 0.5em 0 0.5em 0.5em;
}

#admin #member_nav a,
.admin #member_nav a,
.admin .dropdownMenu {
  background-color: #572e71;
}

/* override when in an admin page */
#admin #member_nav a,
.admin #member_nav a {
  border: 1px solid #9059B3;
}



#admin thead th {
  background-color: transparent;
}

#admin .data_table {
  border-top-color: #55326F;
}

#admin .data_table th {
  color: #D1B9E3;
  border-top: 1px solid #9271A7;
  border-right: 1px solid #9271A7;
  border-bottom: 1px solid #9271A7;
}

#admin .data_table thead tr {
  background: #6d3b8f url(img/admin-bkg.jpg) center top repeat-y;
}

/* #admin .data_table .row2 td { background-color:#EBE1F8; } */
.admin .data_table.striped tr:nth-child(even) td {
  background-color: #f8f2fd;
}


/* admin account form */
#account_submit {
  clear: both;
}

#account_submit input {
  margin-left: 0;
  margin-right: 1em;
}

/* admin account search form */
/* account search form: general */

#account_searchform {
  margin: 0;
}

#account_searchform fieldset {
  border: 0px none transparent;
  padding: 0;
  margin: 0;
}

#account_searchform ol {
  list-style-type: none;
  padding-left: 0;
  margin: 0;
}

/* account search form: sidebar */
#sidebar #account_searchform {
  padding: 25px 25px 10px;
  background: #ceb5f6 url(img/admin-searchbox-bg.png) center top repeat-x;
  margin-bottom: 20px;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
}

#sidebar #account_searchform legend {
  color: #502a6a;
  font-weight: normal;
  font-size: 2em;
  line-height: 1;
  padding-bottom: 10px;
}

#sidebar #account_searchform label {
  display: block;
  float: left;
  width: 5em;
  text-align: right;
  padding-right: 1em;
  padding: 0.5em 1em 0.5em 0;
}

#sidebar #account_searchform #search_by_container label {
  position: relative;
  top: 0.25em;
  /* match radio to be in line */
  float: none;
  width: auto;
  text-align: left;
  display: inline-block;
  padding: 0;
}

#sidebar #account_searchform .text {
  width: 150px;
}

#search_by_container {
  padding-left: 6em;
}


.status_A {
  background: transparent url(icons/bullet_green.png) center center no-repeat;
  text-indent: -9999em;
}

.status_S {
  background: transparent url(icons/bullet_orange.png) center center no-repeat;
  text-indent: -9999em;
}

.status_C {
  background: transparent url(icons/bullet_red.png) center center no-repeat;
  text-indent: -9999em;
}

.status_A,
.status_S,
.status_C {
  text-indent: 0;
  padding-left: 18px;
  background-position: left center;
}

h2 span.status_A,
h2 span.status_B,
h2 span.status_C {
  color: #404040;
}

/* account update request form */
#use_as_delivery {
  margin-left: 10.81em;
}

/* pending users */
/*#pending_users_table input {margin-left:none; }*/
input[readonly],
input[readonly]:focus {
  color: #999;
  border-color: #999;
}

.admin h4 {
  color: #808080;
}

.admin a {
  color: #502A6A;
}

.admin .box {
  background-color: #F7F2FE;
  border: 1px solid #CEB6F6;
  border-radius: 10px;
}

.box ul {
  padding-left: 2em;
}

/* banners for maintenance mode etc */
.banner {
  margin: 0;
  padding: 5px 1em;
  text-align: center;
  color: #fff;
  background: #944;
  box-shadow: inset 0 -5px 5px rgba(0, 0, 0, 0.2);
}

.banner p {
  margin: 0;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
}

.banner strong {
  color: #ff9;
  text-transform: uppercase;
}

#bannerMaintenance {
  /* background: #fc0 url(img/banner-bkg.png) top left repeat-x;  */
  background-color: #941e1e;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23dbd79f' fill-opacity='0.1' fill-rule='evenodd'%3E%3Cpath d='M0 20L20 0H10L0 10M20 20V10L10 20'/%3E%3C/g%3E%3C/svg%3E");
}

#bannerMaintenance strong {
  color: #f1b665;
}


.reference_table {
  margin-top: 20px;
  width: auto;
  border-top: 0 none transparent;
}

.reference_table td,
.reference_table th {
  font-size: 10px;
  padding: 2px;
  color: #525252;
}

.salesrepDetails .actions {
  clear: both;
  margin-left: 10em;
}

.salesrepDetails .actions form {
  float: left;
}


/* Publisher Section Theme */
/* ----------------- */

.publisher a {
  color: #195E5C;
}

.publisher .contentContainer {
  background-image: linear-gradient(bottom, #bdd5df 0%, #fff 180px);
  /* W3C */
  background-image: -moz-linear-gradient(bottom, #bdd5df 0%, #fff 180px);
  /* FF3.6+ */
  background-image: -webkit-linear-gradient(bottom, #bdd5df 0%, #fff 180px);
  /* Chrome10+,Safari5.1+ */
}

.publisher #member_functions {
  background: #6bb0be url(img/publisher/member-functions-bkg.jpg) center top repeat-y;
  color: #DDEAED;
}

.publisher h1,
.publisher h2,
.publisher h3,
.publisher h4,
.publisher h5,
.publisher h6 {
  color: #3a86a2;
}

.publisher h2 {
  color: #2B6B84;
}

.publisher #member_nav a,
.publisher .dropdownMenu {
  background-color: #5F919C;
}

.publisher #sidebar #account_searchform {
  background: #b9d1d8 url(img/publisher/searchbox-bg.jpg) center top repeat-x;
}

.publisher #sidebar #account_searchform legend {
  color: #3a86a2;
}

.publisher .data_table {
  border-top: 1px solid #398887;
}

.publisher .data_table thead tr {
  background: #60bec6 url(img/publisher/table-th-bkg.png) top left repeat-x;
}

.publisher .data_table th {
  color: #DBF1E8;
  border-top: 1px solid #3EB5AB;
  border-right: 1px solid #3EB5AB;
  border-bottom: 1px solid #52A6A2;
}

.publisher .data_table .row1 td {
  background-color: #ffffff;
}

.publisher .data_table .row2 td {
  background-color: #EDFCF7;
}

.publisher .data_table .row3 td {
  background-color: #e5f3d2;
}

.publisher .data_table tr.hovr td {
  background-color: #D9F498 !important;
}

.publisher .data_table tfoot td {
  border-top: 1px solid #7FAD71;
}

.publisher .data_table.striped tr:nth-child(even) td {
  background-color: #f0fafa;
}

/* Sales Rep Section Theme */
/* ------------------- */

.salesrep a {
  color: #195E5C;
}

.salesrep .contentContainer {
  background-image: linear-gradient(bottom, #dedfbd 0%, #fff 180px);
  /* W3C */
  background-image: -moz-linear-gradient(bottom, #dedfbd 0%, #fff 180px);
  /* FF3.6+ */
  background-image: -webkit-linear-gradient(bottom, #dedfbd 0%, #fff 180px);
  /* Chrome10+,Safari5.1+ */
}

.salesrep #member_functions {
  color: #898440;
  background: #C0BA6E url(img/salesrep/member-functions-bkg.jpg) center top repeat-y;
}

.salesrep h1,
.salesrep h2,
.salesrep h3,
.salesrep h4,
.salesrep h5,
.salesrep h6 {
  color: #A29739;
}

.salesrep h2 {
  color: #84802B;
}

.salesrep #member_nav a,
.salesrep .dropdownMenu {
  background-color: #A7A04A;
}

.salesrep #sidebar #account_searchform {
  background: #b9d1d8 url(img/salesrep/searchbox-bg.jpg) center top repeat-x;
}

.salesrep #sidebar #account_searchform legend {
  color: #3a86a2;
}

.salesrep .data_table {
  border-top: 1px solid #868839;
}

.salesrep .data_table thead tr {
  background: #c6b160 url(img/salesrep/table-th-bkg.png) top left repeat-x;
}

.salesrep .data_table th {
  color: #F1ECDB;
  border-top: 1px solid #B2B53E;
  border-right: 1px solid #AAB53E;
  border-bottom: 1px solid #AAB53E;
}

.salesrep .data_table .row1 td {
  background-color: #ffffff;
}

.salesrep .data_table .row2 td {
  background-color: #f3f2ee;
}

.salesrep .data_table .row3 td {
  background-color: #f9f6e3;
}

.salesrep .data_table tr.hovr td {
  background-color: #eae7b7 !important;
}

.salesrep .data_table tfoot td {
  border-top: 1px solid #7FAD71;
}

.salesrep .data_table.striped tr:nth-child(even) td {
  background-color: #faf6f0;
}



.status {
  display: inline-block;
  min-width: 16px;
  text-indent: -9999em;
}

.status-active {
  background: transparent url(icons/bullet_green.png) center center no-repeat;
}

.status-inactive {
  background: transparent url(icons/bullet_grey_light.png) center center no-repeat;
}

.status-none {
  background: transparent url(icons/bullet_grey_light.png) center center no-repeat;
}

.status-revoked {
  background: transparent url(icons/bullet_red.png) center center no-repeat;
}

/* Booksellers Section Theme */
/* ------------------- */

.seller a {
  color: #285D19;
}

.seller .contentContainer {
  background-image: linear-gradient(bottom, #c7d6ab 0%, #fff 180px);
  /* W3C */
  background-image: -moz-linear-gradient(bottom, #c7d6ab 0%, #fff 180px);
  /* FF3.6+ */
  background-image: -webkit-linear-gradient(bottom, #c7d6ab 0%, #fff 180px);
  /* Chrome10+,Safari5.1+ */
}

.seller #member_functions {
  color: #538049;
  background: #7cbe6b url(img/searchlong-bkg.jpg) top center no-repeat;
}

.seller h1,
.seller h2,
.seller h3,
.seller h4,
.seller h5,
.seller h6 {
  color: #51a23a;
}

.seller h2 {
  color: #51a23a;
}

.seller #member_nav a {
  background-color: #479635;
}

.seller #sidebar #account_searchform {
  background: #b9d1d8 url(https://xleonline.com.au/assets/css/img/seller/searchbox-bg.jpg) center top repeat-x;
}

.seller #sidebar #account_searchform legend {
  color: #3a86a2;
}

.seller .data_table {
  border-top: 1px solid #868839;
}

.seller .data_table thead tr {
  background: #4C9C39 url(img/seller/table-th-bkg.jpg) top left repeat-x;
}

.seller .data_table th {
  color: #ACCCA4;
  border-top: 1px solid #7FAD71;
  border-right: 1px solid #7FAD71;
  border-bottom: 1px solid #7FAD71;
}

.seller .data_table .row1 td {
  background-color: #ffffff;
}

.seller .data_table .row2 td {
  background-color: #EDFCF7;
}

.seller .data_table .row3 td {
  background-color: #e5f3d2;
}

.seller .data_table tr.hovr td {
  background-color: #ebf1dc !important;
}

.seller .data_table tfoot td {
  border-top: 1px solid #7FAD71;
}

.seller .box {
  background-color: #ecf5ea;
  border: 1px solid #c6e4c0;
  border-radius: 5px;
}

.box.box-clear {
  background: transparent;
}

.box.inactive {
  background-color: #eee;
  border-color: #ddd;
  color: #aaa;
}

/* cart and ordering */
/* ----------------- */

.productActions .button a {
  padding: 0 6px;
}

div.growlUI {
  background: url(https://xleonline.com.au/assets/css/check48.png) no-repeat 10px 10px
}

div.growlUI h1,
div.growlUI h2 {
  color: white;
  padding: 5px 5px 5px 75px;
  text-align: left;
}

.errors {
  color: #8a1f11;
  background: #FBE3E4;
  border-color: #8a1f11 !important;
}



/* quick add form */
.quickadd_form {}

.quickadd_form table {
  /* width: auto; */
}

input.input_number {}

input.input_isbn {
  width: 10em;
}

.loading-ui-blocker {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: table;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 10;
}

.loading-ui-blocker::after {
  display: table-cell;
  width: 100%;
  height: 100%;
  content: 'Please wait...';
  text-align: center;
  color: #fff;
  vertical-align: middle;
  font-size: 2em;
}



/* download links */

.link-download {
  padding-left: 24px !important;
  /* stupid rules i wrote */
  position: relative;
}

.link-download:before {
  content: ' ';
  display: block;
  position: absolute;
  top: 3px;
  left: 4px;
  width: 16px;
  height: 16px;
}

.link-download[href$="PDF"]:before {
  background-image: url(icons/page_white_acrobat.png);
}

.link-download[href$="CSV"]:before {
  background-image: url(icons/page_white_excel.png);
}

.link-download[href$="XML"]:before,
.link-download[href$="XOT"]:before {
  background-image: url(icons/page_white_code.png);
}


#available_branch_accounts,
#available_account_select {
  max-width: 180px;
}


#debug_panel {
  border: 2px solid red;
  background: white;
  position: fixed;
  top: 0;
  right: 0;
  color: black;
  overflow: auto;
  max-width: 100%;
}

#debug_header {
  background: red;
  padding: 0 1em;
  color: white;
  margin-bottom: 0;
  font-size: 1.5em;
}

#debug_content {
  padding: 1em;
  overflow: auto;
}

#debug_toggle {
  float: right;
  font-size: 2em;
  line-height: 0.5;
  display: block;
}

#title_searchform {
  clear: both;
}

/*
components
*/

.tabs-tablist {
  border-bottom: 1px solid #bfbfbf;
  position: relative;
  z-index: 1;
}

.tabs-tablist ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.tabs-tablist ul:after,
.tabs-tablist ul:before {
  content: ' ';
  display: table;
}

.tabs-tablist ul:after {
  clear: both;
}

.tabs-tablist-tab {
  float: left;
  position: relative;
  top: 1px;
  margin-right: 0.5em;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border: 1px solid #bfbfbf;
  border-bottom: 0px solid transparent;
  background-color: white;
}

.tabs-tablist-tab a {
  display: block;
  padding: 5px 10px;
  text-decoration: none;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEE), to(#DDD), color-stop(.5, #FFF));
  background: -moz-linear-gradient(0% 100% 90deg, #DDDDDD, #FFFFFF, #EEEEEE 100%);
  padding: 5px 10px 5px 10px;
  text-decoration: none;
  color: #6d6d6d;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.tabs-tablist a:hover {
  background-color: #8fb287;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#CCC), to(#BBB), color-stop(.5, #DDD));
  background: -moz-linear-gradient(0% 100% 90deg, #BBBBBB, #DDDDDD, #CCCCCC 100%);
  color: #285d19;
}

.tabs-tablist-tab.active a {
  border-bottom: 1px solid white;
  background: #fff;
}

.tabs-content {
  padding: 20px 10px;
  border: 1px solid #bfbfbf;
  border-top-width: 0px;
  background-color: #fff;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}



.grid {
  display: table;
}

.gridrow {
  display: table-row;
}

.gridcell {
  display: table-cell;
}

.gridcell+.gridcell {
  margin-left: 1em;
}

.code-window {
  position: relative;
}

.code-window pre {
  position: absolute;
  border: 1px solid #555;
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.4);
  padding-top: 2em !important;
}

.code-window .closer {
  position: absolute;
  top: 0;
  right: 0;
  padding: 4px;
  background-color: white;
}

.hidden {
  display: none;
}

.publisherName {
  position: relative;
  border-radius: 5px;
  padding: 0.3em 0.2em;
  border: 1px solid gray;
  margin-bottom: 10px;
}

.publisherName::after {
  font-size: 0.75em;
  text-transform: uppercase;
  text-align: right;
  position: absolute;
  top: 0;
  right: 0.26667em;
  -webkit-transform: translateY(50%);
  -ms-transform: translateY(50%);
  -o-transform: translateY(50%);
  transform: translateY(50%);
  opacity: 0.5;
}

.publisherName.active {
  background: #F0F5DE;
  color: #264409;
  border-color: #C6D880;
}

.publisherName.active::after {
  color: #8FB669;
  content: 'Active';
}

.publisherName.inactive {
  background: #eee;
  color: #999;
  border-color: #ddd;
}

.publisherName.inactive::after {
  color: #777;
  content: 'Inactive';
}

.publisherName.terminated {
  background: #FCF5F5;
  color: #990000;
  border-color: #CCA9A9;
}

.publisherName.terminated::after {
  color: #990000;
  content: 'TERMINATED';
}

.editablePanel {
  background-color: #eee;
  padding: 1em;
  border: 1px solid #ccc;
}


.blockLink {
  display: block;
  background: #fff;
  color: #51a23a;
  border: 1px solid #51a23a;
}

.blockLink:hover {
  background: #51a23a;
  color: #fff;
}

.blockLink-inline {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  padding: 1em;
  margin: 1em 0.5em;
  text-decoration: none;
}

.blockLink-inline h3 {
  margin: 0;
  color: inherit;
}


/* button that looks like a link */
button.linkButton {
  border: 0 none transparent;
  background: transparent;
  opacity: 0.5;
}

button.linkButton:hover,
button.linkButton:active,
button.linkButton:focus {
  opacity: 1;
  cursor: pointer;
}

ul.pagination {
  padding: 0;
  margin: 0;
}

ul.pagination li {
  display: inline;
}

.pagination a {
  display: inline-block;
  background: #fff;
  color: #51a23a;
  border: 1px solid #51a23a;
  text-align: center;
  vertical-align: middle;
  padding: 0.25em 0.5em;
  margin: 0.5em 0.25em;
}

.pagination a:hover {
  background: #51a23a;
  color: #fff;
}


/* chart */
.legend {
  list-style-type: none;
  padding-left: 0;
}

.legend-item-key {
  display: inline-block;
  vertical-align: text-top;
  width: 1em;
  height: 1em;
}

/* matched to chartist ct-series-* styles */
.legend-item-key-a {
  background-color: #99C754;
}

.legend-item-key-b {
  background-color: #51A23A;
}

.legend-item-key-c {
  background-color: #f4c63d;
}

.legend-item-key-d {
  background-color: #d17905;
}

.legend-item-key-e {
  background-color: #453d3f;
}

.legend-item-key-f {
  background-color: #59922b;
}

.legend-item-key-g {
  background-color: #0544d3;
}

.legend-item-key-h {
  background-color: #6b0392;
}

.legend-item-key-i {
  background-color: #f05b4f;
}

.legend-item-key-j {
  background-color: #dda458;
}

.legend-item-key-k {
  background-color: #eacf7d;
}

.legend-item-key-l {
  background-color: #86797d;
}

.legend-item-key-m {
  background-color: #b2c326;
}

.legend-item-key-n {
  background-color: #6188e2;
}

.legend-item-key-o {
  background-color: #a748ca;
}


.arrow {
  border-top: 0.75em solid #694a7d;
  border-left: 0.5em solid transparent;
  border-right: 0.5em solid transparent;
  height: 0;
  width: 0;
  display: inline-block;
}

.arrow-down {
  border-top: 0.75em solid #694a7d;
  border-left: 0.5em solid transparent;
  border-right: 0.5em solid transparent;
  border-bottom: 0;
}

.arrow-up {
  border-top: 0;
  border-left: 0.5em solid transparent;
  border-right: 0.5em solid transparent;
  border-bottom: 0.75em solid #694a7d;
}

.arrow-white.arrow-down {
  border-top-color: white;
}

.arrow-white.arrow-up {
  border-bottom-color: white;
}



/* highcharts */
.chartContainer {
  margin: 0 0 3em 0;
}



.targetFigure-positive {
  color: #008c00;
}

.targetFigure-negative {
  color: #c70000;
}


/* daterangepicker */
/* overrides because of old bad css */
.daterangepicker th,
.daterangepicker td {
  padding: inherit;
}

/* general overrides */
.supplier .daterangepicker .ranges li.active {
  background-color: #00833e;
}

.supplier .daterangepicker td.in-range {
  background-color: #fff6ce;
}

.supplier .daterangepicker td.active,
.supplier .daterangepicker td.active:hover {
  background-color: #00833e;
}

.supplier .daterangepicker td.available:hover {
  background-color: #facd01;
}

.supplier .daterangepicker td.active:hover {
  background-color: #00833e;
}

.daterangepicker .drp-buttons .btn-primary {
  /* background: #51A23A;
  background-image: linear-gradient(top, #719966 0%, #8eb783 80%); */
}


.modal-wrapper.modal-closed {
  display: none;
}

.modal-wrapper {
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.25);
  justify-content: center;
  align-items: center;
  z-index: 1;
}

.modal {
  width: 50%;
  max-width: 95%;
  background: white;
  border: 10px solid white;
  box-shadow: 0px 10px 20px 5px rgba(0, 0, 0, 0.5);
}

.modal-header {
  color: #7cbe6b;
  padding: 10px 20px;
  background-color: #538049;
  text-transform: uppercase;
}

.modal-header .modal-close {
  float: right;
  font-size: 2em;
  line-height: 0.5;
  opacity: 0.5;
}

.modal-header .modal-close:hover,
.modal-header .modal-close:focus,
.modal-header .modal-close:active {
  opacity: 1;
  cursor: pointer;
}

.modal-header,
.modal-content {
  border: 3px solid #538049;
}

.modal-content {
  padding: 20px;
}

.admin .modal-header {
  background-color: #502a6a;
  color: #b8a5c5;
}

.admin .modal-header,
.admin .modal-content {
  border-color: #502a6a;
}

.publisher .modal-header {
  background: #6bb0be;
  color: #DDEAED;
}

.publisher .modal-header,
.publisher .modal-content {
  border-color: #6bb0be;
}

.formlist {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

/*
form layout pattern in 2 column style label/input:
.flex-formrow
  .flex-formrow-label 
    label
  .flex-formrow-control
    input        
*/
.flex-formrow {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin: 0.25em 0;
}

.flex-formrow-label {
  flex: 1;
  margin-right: 1em;
  text-align: right;
}

.flex-formrow-label label {
  padding: 6px 0;
  margin: 0;
  display: inline-block;
}

.flex-formrow-control {
  flex: 2;
}

.flex-formrow-control input[type="text"],
.flex-formrow-control input[type="password"],
.flex-formrow-control input[type="tel"],
.flex-formrow-control input[type="number"],
.flex-formrow-control input[type="submit"],
.flex-formrow-control textarea,
.flex-formrow-control button {
  width: 100%;
  box-sizing: border-box;
  margin-top: 0;
}

/* screen-reader only utility class */
.sr-only {
  position: absolute;
  white-space: nowrap;
  width: 1px;
  height: 1px;
  overflow: hidden;
  border: 0;
  padding: 0;
  clip-path: inset(50%);
  margin: -1px;
}

/*Modal popup*/
.modal-popup {
  z-index: 3;
  display: none;
  padding-top: 100px;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
}

.modal-popup-content {
  margin: auto;
  background-color: #fff;
  position: relative;
  padding: 2rem;
  outline: 0;
  width: 600px;
  border-radius: 1rem;
}

.display-topright {
  position: absolute;
  right: 0;
  top: 0
}

.modal-popup-button {
  border: none;
  display: inline-block;
  padding: 0px 8px;
  vertical-align: middle;
  overflow: hidden;
  text-decoration: none;
  color: #ff0000;
  background-color: inherit;
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
  font-size: large;
  border-radius: 1rem;
}

.modal-popup-button:hover {
  color: inherit;
  background-color: #ff8080;
}

.clickable-text {
  color: #0544d3;
  cursor: pointer;
}

/*END Modal popup*/