#customEncoreHeader {
   margin-bottom: 5px;
}
#customEncoreHeader .header {
/*   background: #fcfbf5 url(header-bg.png) repeat-x top left; */
   padding: 0 20px 5px 20px;
   position: relative;
}
#customEncoreHeader .culturalStatement {
   position: relative;
/*   top: 5px; */
/*   right: 10px; */
   font-size: 13px;
   background-color: #efefef; 
   padding: 5px;
   border-radius: 5px;
   -webkit-border-radius: 0px;
/*   border: 1px solid #d4d4d4; */
}
#customEncoreHeader .culturalStatement p {
   margin: 10px;
}
#customEncoreHeader .subNav {
   position: relative;
   float: right;
/*   top: 5px; */
/*   right: 10px; */
   font-size: 13px;
/*   background-color: #fcfbf5; */
   padding: 5px;
   border-radius: 5px;
   -webkit-border-radius: 5px;
   border: 1px solid #d4d4d4;
}
#customEncoreHeader .subNav li {
   border-left: 1px solid #b2b2b2;
   display: inline-block;
   padding: 0 10px;
}
#customEncoreHeader .subNav li:first-child {
   border-left: none;
   padding-left: 5px;
}
#customEncoreHeader .subNav a {
   padding-left: 22px;
   padding-bottom: 5px;
   cursor: pointer;
}

/* Tiny icons courtesy of Pixabay https://pixabay.com/ */
#customEncoreHeader .subNav .hours {
   background: url(clock.png) no-repeat top left;
}
#customEncoreHeader .subNav .visit {
   background: url(visit.png) no-repeat top left;
}
#customEncoreHeader .subNav .help {
   background: url(talkbubble.png) no-repeat top left;
}

#customEncoreHeader .widget {
   position: absolute;
   top: 35px;
   right: 10px;
   font-size: 13px;
   padding: 5px;
}

#customEncoreHeader .logo {
/*   background-color: #fff;
   width: 291px;
   box-shadow: 2px 3px 5px #b2b2b2;
   -webkit-box-shadow: 2px 3px 5px #b2b2b2; */
}
#customEncoreHeader .logo img {
   padding: 0px 0px;
}

/* Styling for menu and drop down lists */
/*CSS functional base */
#customEncoreHeader .mainNav { padding: 0 0px; position: relative; }
#customEncoreHeader .mainNav li { display: inline-block; line-height:3em; }
#customEncoreHeader .mainNav a { color: #111; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; text-decoration: none; padding: 5px 15px; font-size: 12pt; display: block; }
#customEncoreHeader .mainNav  ul, li { list-style: none; margin: 0; padding: 0; }
#customEncoreHeader .mainNav  ul {position: relative; z-index: 597; }
#customEncoreHeader .mainNav  ul li { float: left; min-height: 1px; vertical-align: middle; }
#customEncoreHeader .mainNav  ul li.hover,
#customEncoreHeader .mainNav  ul li:hover { position: relative; z-index: 599; cursor: default; }
#customEncoreHeader .mainNav  ul ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 100%; }
#customEncoreHeader .mainNav  ul ul li { float: none;}
#customEncoreHeader .mainNav  ul ul ul { top: 0; left: auto; right: -99.5%; }
#customEncoreHeader .mainNav  ul li:hover > ul { visibility: visible }
#customEncoreHeader .mainNav  ul ul { bottom: 0; left: 0; }
#customEncoreHeader .mainNav  ul ul { margin-top: 0; }
#customEncoreHeader .mainNav  ul ul li { font-weight: normal; }

/*General DIV styling */
#customEncoreHeader .mainNav {
  background: #555;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 12px; 
}

/* IE7 float fix */
#customEncoreHeader .mainNav > ul { *display: inline-block; }

/* Clearfix for floats */
#customEncoreHeader .mainNav:after, #customEncoreHeader .mainNav ul:after {
    content: '';
    display: block;
    clear: both; 
}

/* Top level links */
#customEncoreHeader .mainNav a {
    background: #555;
    color: #fff;
    padding: 0 20px; 
}

/* Vertical drop down menu text boxes */
#customEncoreHeader .mainNav ul ul {
      border-top: 1px solid #fff;
      text-transform: none;
}

/* Vertical drop down menu links */
#customEncoreHeader .mainNav ul ul a {
        background: #555;
        color: #fff;
        border: 1px solid #fff;
        border-top: 0 none;
        line-height: 150%;
        padding: 16px 20px; 
        width: 9em;
}

/* Second level sub-menu text boxes */
#customEncoreHeader .mainNav ul ul ul { border-top: 0 none; }

/* Set positioning of submenu list items*/
#customEncoreHeader .mainNav ul ul li { position: relative }

/* Set a line height for direct children of main menu only */
#customEncoreHeader .mainNav > ul > li > a { line-height: 38px;  }

/* Set top border of first drop down box */
#customEncoreHeader .mainNav ul ul li:first-child > a { border-top: 1px solid #fff; }

/* Set hover colour for drop down menu boxes */
#customEncoreHeader .mainNav ul ul li:hover > a { background: #111; }

/* Adds a + sign to any expandable submenu */maylands
#customEncoreHeader .mainNav ul ul li.has-sub > a:after {
          content: '+';
          position: absolute;
          top: 50%;
          right: 15px;
          margin-top: -8px;
}

/* Hover/active state for top level menu items */#82d0ff
#customEncoreHeader .mainNav ul li:hover > a, #cssmenu ul li.active > a {
      background: #111;
      color: #fff;
}

/* Adds a + sign to any expandable menu item */
#customEncoreHeader .mainNav ul li.has-sub > a:after {
      content: '+';
      margin-left: 5px; 
}

/* Reverse submenu display from right to left if too wide */
#customEncoreHeader .mainNav ul li.last ul {
      left: auto;
      right: 0; 
}
#customEncoreHeader .mainNav ul li.last ul ul {
        left: auto;
        right: 99.5%;
}


/* Other styling for Encore - iii has indicated that this can be done via this header CSS file as well */

/* Request it! button */
.requestButton .button {
        background-color: #114f8c!important;
        background-image: -webkit-linear-gradient(#2190ff, #114f8c)!important; /* Chrome 10-25, iOS 5+, Safari 5.1+ */
        background-image:                linear-gradient(to bottom, #2190ff, #114f8c)!important; /* Chrome 26, Firefox 16+, IE 10+ Opera */
        background-image: none;
        color: #ffffff!important;
}

.button:hover {
        background-color: #64a0c4!important;
        background-image: -webkit-linear-gradient(#82d0ff, #64a0c4)!important; /* Chrome 10-25, iOS 5+, Safari 5.1+ */
        background-image:                linear-gradient(to bottom, #82d0ff, #64a0c4)!important; /* Chrome 26, Firefox 16+, IE 10+ Opera */
        background-image: none;
        color: #ffffff!important;
}

/* Check out with OverDrive button */
.CheckoutOverdrive .requestButton .button, .PlaceHoldOverdrive .requestButton .button {
        background-color: #01912a!important;
        background-image: -webkit-linear-gradient(#00601c, #01912a)!important; /* Chrome 10-25, iOS 5+, Safari 5.1+ */
        background-image:                linear-gradient(to bottom, #00601c, #01912a)!important; /* Chrome 26, Firefox 16+, IE 10+ Opera */
        background-image: none;
        color: #ffffff!important;
}

.CheckoutOverdrive .requestButton .button:hover, .PlaceHoldOverdrive .requestButton .button:hover {
        background-color: #00d63e!important;
        background-image: -webkit-linear-gradient(#00a32f, #00d63e)!important; /* Chrome 10-25, iOS 5+, Safari 5.1+ */
        background-image:                linear-gradient(to bottom, #00a32f, #00d63e)!important; /* Chrome 26, Firefox 16+, IE 10+ Opera */
        background-image: none;
        color: #ffffff!important;
}

/* Make the Did you mean suggestion text larger */
.spellingSuggestion { font-size: large; }

/* styles for RefChatter widget */
.chat-widget {
    border: 1px solid #bfb0a7;
    bottom: 0;
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.2);
    height: 0;
    max-height: 400px;
    max-width: 21.5%;
    transition: all 0.5s ease 0s;
    width: 100%;
    z-index: 10;
    position: fixed;
    right: 1.5%;
}
.chat-widget-closed {
    height: 36px;
}
.chat-widget-opened {
    height: 100%;
    max-height: 400px;
}
.chat-widget-button {
    background: #45909f none repeat scroll 0 0;
    border: 0 none;
    min-height: 36px;
    outline: 0 none;
    padding: 0 1em;
    text-align: left;
    width: 100%;
}
.chat-widget-button:active, .chat-widget-button:hover {
    background-color: #000;
    cursor: pointer;
}
.chat-button-label {
    color: #fff;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 1.3rem;
    line-height: 36px;
    margin-left: -5px;
    margin-right: 5px;
    letter-spacing: 1px;
}
.chat-button-label:before {
    content: "";
    width: 32px;
    height: 28px;
    background: url(https://slwa.wa.gov.au/sites/all/themes/library/images/sprite.png) no-repeat -312px -44px;
    display: inline-block;
}
.chat-widget-button button, button.chat-widget-button {
    background: #45909f none repeat scroll 0 0;
    color: #fff;
    margin: 0;
}
.chat-widget iframe {
    border: medium none;
    height: 100%;
    max-height: 362px;
    width: 100%;
}