body #gs_banner {
    background-color: #D5C8AF;
    border-color: #D5C8AF;
    background-image: none;
}

body .ui-widget-header {
    background-color: #D5C8AF;
    border-color: #D5C8AF;
    color: #1F1A17;
}
body .ui-widget-content {
    background-color: #E9E2D3;
    border-color: #E9E2D3;
}

body .ui-state-default,
body .ui-widget-content .ui-state-default,
body .ui-widget-header .ui-state-default {
    background-color: transparent;
    border: none;
    font-weight: bold;       
    color: #000;
}

body .ui-state-default:hover,
body .ui-widget-content .ui-state-default:hover,
body .ui-widget-header .ui-state-default:hover {
    background-color: transparent;
}

body .ui-state-default a,
body .ui-widget-content .ui-state-default a,
body .ui-widget-header .ui-state-default a {
    background-color: #1F1A17;
    border-radius: 40px;
    color: #fff;
    display: flex;
    justify-content: center;
    justify-items: center;
    padding: 16px 24px 17px 24px;
    width: 100%;
    font-weight: 500;
    font-size: 14px;
    line-height: 110%;
    word-break: keep-all;
}

body .ui-state-active a,
body .ui-state-active a:link,
body .ui-state-active a:visited {
    color: #1F1A17AD;
}

body #gs-nav li {
    display: flex;
    justify-content: center;
    align-items: center;
}

body #gs-nav li:hover {
    background-color: transparent;
}

body #gs-nav li a {
    transition: background-color 150ms ease-in-out;
}

body #gs-nav li a:hover {
    background-color: #1F1A17AD;
    cursor: pointer;
}


body #gotohelp a {
    background-color: transparent;
    border: solid 2px;
    color: #312e25;
}

body #gotohelp:hover {
    background-color: transparent;
    border: none;
}

body #gotohelp a {
    transition: background-color 150ms ease-in-out;
}

body #gotohelp a:hover {
    background-color: #1F1A17AD;
    cursor: pointer;
}

body .ui-widget-content a {
    color: #544F4B;   
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 110%;
    text-decoration-line: underline;
}

body .querybox input {
    background-color: transparent;
    padding: 0;
    border: none;
    border-bottom: #1F1A17 solid 1px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 110%;
    color: #1F1A17;
    padding: 23px 0 23px 0;
    box-sizing: border-box;
    width: 359px;
}

body .querybox {
    position: relative;
    display: inline-block;
}

body .querybox::after {
    content: url("data: image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M16.031 15.117L20.314 19.399L18.899 20.814L14.617 16.531C13.0237 17.8082 11.042 18.5029 9 18.5C4.032 18.5 0 14.468 0 9.5C0 4.532 4.032 0.5 9 0.5C13.968 0.5 18 4.532 18 9.5C18.0029 11.542 17.3082 13.5237 16.031 15.117ZM14.025 14.375C15.2941 13.0699 16.0029 11.3204 16 9.5C16 5.632 12.867 2.5 9 2.5C5.132 2.5 2 5.632 2 9.5C2 13.367 5.132 16.5 9 16.5C10.8204 16.5029 12.5699 15.7941 13.875 14.525L14.025 14.375Z' fill='%231F1A17' /%3E%3C/svg%3E%0A");
    width: 24px;
    height: 100%;
    display: flex;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    justify-content: center;
    align-items: center;
}

body .querybox input:focus-visible {
    outline: none;
    border-bottom: #1F1A17 solid 2px;
}

body .querybox input:focus-visible::placeholder {
    opacity: 0;
}

body .querybox input::placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 110%;
    color: #1F1A17
}

body .textselect {
    position: relative;
    display: inline-block;
}

body .textselect select {
    appearance: none;
    background-color: transparent;
    border: none;
    border-bottom: #1F1A17 solid 1px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 110%;color: #1F1A17;
    padding: 23px 0 23px 0;
    box-sizing: border-box;
    width: 250px;
}

body .textselect select:focus-visible {
    outline: none;
}

body .textselect::after{
    content: url("data: image/svg+xml,%3Csvg width='13' height='9' viewBox='0 0 13 9' fill='none' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M2.11508 0.795078L0.705078 2.20508L6.70508 8.20508L12.7051 2.20508L11.2951 0.795078L6.70508 5.37508L2.11508 0.795078Z' fill='%231F1A17' /%3E%3C/svg%3E%0A");
    width: 24px;
    height: 100%;
    display: flex;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    justify-content: center;
    align-items: center;
}

body form {
    display: flex;
    flex-wrap: wrap;
    gap: 24px 24px;
}

body #quickSearchSubmitButton {
    background-color: rgba(31, 26, 23, 0.08);
    border-radius: 60px;
    padding: 23px 90px;
    border: none;
    transition: background-color 150ms ease-in-out;
}

body #quickSearchSubmitButton:hover {
    background-color: rgba(31, 26, 23, 0.18);
    cursor: pointer;
}

body #quicksearcharea ul {
    float: right;
    text-align: right;
    margin-top: 10px;
}

body #quicksearcharea li {
    padding: 6px;
    background-color: transparent;
    color: #1F1A17;
    border: none;
}

body #quicksearcharea li a {
    background-color: transparent;
    color: #1F1A17;
    text-decoration: underline;
    transition: opacity 150ms ease-in-out;
}

body #quicksearcharea li a:hover {
    opacity: 0.68;
}

body #gs-nav {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    gap: 16px;
}

body #inpage-browsing-tabs {
    width: auto;   
}

body #inpage-browsing-tabs li {
    margin: 0;
    padding: 0;
}

body .ui-widget-header a {
    color: black
}

body #gs_content {
    margin-top: -4px;
}

body .ui-widget-header #gs-nav {
    padding: 0 0 0 20px;
}

body .ui-widget-header #gs-nav .ui-state-default {
    padding: 0;
    word-break: keep-all;
}

body .ui-widget-header .ui-state-default a {
    display: block;
    background-color: rgba(31, 26, 23, 0.18);
    border-radius: 6px 6px 0px 0px;
    color: #1F1A17;
    display: flex;
    justify-content: center;
    justify-items: center;
    padding: 6px 12px;
    width: 100%;
    font-weight: 500;
    font-size: 14px;
    line-height: 110%;
    word-break: keep-all;
}

body #quicksearcharea {
    padding: 0 20px;
}

body #viewAndZoomOptions {
    background-color: rgba(31, 26, 23, 0.18);
}

/* DL Custom */
/* override greenstone's background image which was showing as a white piece in the page.*/
.ui-widget-content {
  background-image: none; 

}

.navList {
  background-color: #1F1A17AD; /*rgb(12,90,115);*/
}

.navList td.current {
  background-color: #D5C8AF;
}

@media screen and (max-width: 500px) {
    #wrapHASH {
	display: none;
    }
}

#berrybasket {
    background: transparent;
}

/* moved here from <style> in main.xsl */
/* not sure which bits are actually used */
#container { line-height: 1.5; } 

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #400000;
    background: #660000 repeat-x scroll 50% 50%; 
    font-weight: bold;
    color: #000;
}

.ui-widget-header {
    border: 1px solid #400000;
    background: #660000 repeat-x scroll 50% 50%; 
    color: #FFF;
    font-weight: bold;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #888888;
    text-decoration: underline;
}

#gs_footer {
    font-size: 90%;
    background-image: none;
}