/* -----------------------------------------------------------------------
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(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;}
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(icons/pdf.png); }
a[href$=".doc"]   { background-image: url(icons/doc.png); }
a[href$=".xls"]   { background-image: url(icons/xls.png); }

/* Misc */
a[href$=".rss"],
a[href$=".rdf"]   { background-image: url(icons/feed.png); }
a[href^="aim:"]   { background-image: url(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, .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); }

.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(/assets/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: .5em 0 0 1em;
}
#main_nav_list a {
	line-height:2;
	height:2em;
	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
{
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: pointer;
  opacity: 0; /* hide this */
  z-index: 2; /* and place it over the hamburger */
  -webkit-touch-callout: none;
}

#toggleShape {
  float: right;
  position: relative;
  top: 20px;
  right: 20px;
  width:33px; 
  
}
/* Just a  hamburger */
#toggleShape > span
{
  display: none;
  height: 5px;
  margin-bottom: 5px;
  position: relative;
  background: #cdcdcd;
  border-radius: 3px;
  z-index: 1;
  transform-origin: 4px 0px;
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

#toggleShape > span:first-child {
  transform-origin: 50% 50%;
}

#toggleShape > span:nth-last-child(2) {
  transform-origin: 0% 100%;  
}

/* Transform all the slices of hamburger into a crossmark.*/
#main_nav_toggle:checked ~ #toggleShape span {
  opacity: 1;
  transform: rotate(45deg) translate(-15px, -11px);
  background: #232323;
}

/* hide the middle one. */
#main_nav_toggle:checked ~ #toggleShape span:nth-last-child(3)
{
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2) translateY(50px);
}

/* and the last one should go the other direction */
#main_nav_toggle:checked ~ #toggleShape span:nth-last-child(2)
{
  transform: rotate(-45deg) translate(-8px, 6px);
}


@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;
    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: 10px 0;
    font-size: 2em;
  }

/* slide in from the left */
  #main_nav_toggle:checked ~ 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; }


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

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

label.invisible { visibility: hidden; }

.radio_group { padding-left: 10.91em;}

#login_form {
  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;
}
#login_form label { width:8em; }
#login_form input[type=text], #login_form input[type=password] { width: 150px; }
#login_form li { position:relative; }
#login_form #rememberCheckboxRow label { width:auto; text-align:left; font-weight:normal; float:none; }
#login_form #rememberCheckboxRow input {  margin:0 0.5em 0 9.82em; }
#login_form #forgot, #login_form #apply { padding-left: 9em; margin-top:1em; }

#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="readonly"], input[readonly="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(/assets/css/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; }
.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; }
.salesrep .data_table tfoot td { border-top:1px solid #7FAD71; }


.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(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: #D9F498; }
.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(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);
}


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

.code-window {
  position:relative;
}
.code-window pre {
  position: absolute;
  border: 1px solid #555;
  box-shadow: 4px 4px 4px rgba(0,0,0,0.4);
}
.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;
}
.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;
}