/*
body {
    background-color: #eae8da;
}
*/

body {
    background-color: rgb(47,9,70);
}
/*
#topArea {
    max-width: 1000px; 
}
*/

#container {
    /* max-width: 1000px; */
    background: none;
}

#gs_content {
    /* background-color: rgba(71, 8, 94,0.5); */
    background-color: hsla(284, 84%, 20%, 0.5);
    border: 0;
}


#gs_banner, #gs_footer {
    background: hsla(295, 47%, 24%, 0.7)
}


#resultsArea {
    width: 600px;
}

.termHighlight {
    background: hsl(195, 47%, 35%);;
}

.ui-widget-content a {
    color: #fff;
}

.ui-widget-content a:hover {
    color: #aaa;
}

.ui-widget-content a:visited {
    color: #aaa;
}

.ui-widget-content {
    color: #fff;
}

input[type="text"] {
    padding-left: 6px;
}

.ui-widget-content input[type="text"], .ui-widget-content input[type="email"] {
    color: #000;
}


/* NEW */
.ui-menu-item a {
    color: #000;
    font-size: 12px;
}

/*
.ui-menu-item a:hover, .ui-state-active {
     background: hsl(195, 47%, 35%); 
    color: #000;
}
*/

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: 1px solid hsl(284,  88%, 35%);
    background: hsl(195, 47%, 35%) none 50% 50% repeat-x;
    font-weight: bold;
    color: #000;
}

/*
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { background-color: #ffff00; text-decoration: none; }
.ui-state-focus a, .ui-state-focus a:link, .ui-state-focus a:visited { background-color: #ffff00; text-decoration: none; }
.ui-state-active { background-color: #ff00ff; text-decoration: none; }
.ui-state-focus { background-color: #ff00ff; text-decoration: none; }
*/

/*
.ui-menu .ui-menu-item-wrapper:hover, .ui-menu .ui-menu-item-wrapper.ui-state-active {
    color: #303030;
    background-color: red;
    border: #fff 1px solid;
}
*/


.ui-autocompleteXXX .ui-widget {
  /*font-family: Verdana,Arial,sans-serif; */
  font-size: 16px;
  color: #000;
  /* background-color: blue; */
}

/*
.ui-state-hover {
    background: #428BCA!important;
}
*/



.ui-widget-content input[type="submit"] {
    border: 1px solid hsl(284, 88%, 35%);
    background-color: hsl(284, 84%, 20%);
    padding-left: 6px;
    padding-right: 6px;
}

.ui-widget-content input[type="submit"] {
    color: #fff;
}

.ui-widget-content input[type="submit"]:hover {
    background-color: hsl(295, 92%, 30%);
}

.ui-widget-content input[type="submit"]:active {
    background-color: #fff;
    color: #000;
}


.ui-widget-content  #berrybasket a {
    color: #000;
}

.ui-widget-content #berrybasket {
    color: #000;
}

.ui-state-hover {
    background: hsl(295, 92%, 30%);
}

.ui-state-active {
    background: #fff;
}


.collectionLinkText {
    color: #000;
}

/*
#quicksearcharea { */

form select, form input {
    color: #000;
    font-weight: normal;
    font-size: 80%;
}

form input[type="submit"] {
    padding-left: 6px;
    padding-right: 6px;
}

#facetSelector .ui-widget-content {
    color: #000;
    font-size: 80%;
}

#facetSelector input[type="checkbox"] {
    margin-left: 6px;
    margin-right: 6px;
}


#facetSelector .ui-widget-content a {
    color: #000;
}

li.expandFacetListfcCU, li.expandFacetListfcYE, li.collapseFacetListfcCU, li.collapseFacetListfcYE {
    padding-left: 10px;
}

/* used in favourites basket page */

.navList {
    background-color: hsl(284, 84%, 20%);
}

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

/* Undo some effects caused by the Eurovision CSS file */

img {
    /*display: inherit; */
    display: inline-block;
}

#gs-nav li, #gs-nav li:hover a {
    cursor: pointer;
}

#gs-nav li:hover {
    background-color: hsl(295, 92%, 30%);
}

/* but keep the currently selected one white on-hover */
#gs-nav li.ui-tabs-selected:hover, #gs-nav li.ui-tabs-selected:hover a {
    background-color: #fff;
    cursor: default;
}


h1, h2, h3 {
    font-size: 130%;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 6px;
}

h3 {
    /* color: hsl(195, 47%, 35%); */
    color: #aaa;
}

ul {
    list-style: inherit;
    margin: inherit;
    margin-left: 20px;
    padding: inherit;
}

#about-desc a {
    text-decoration: underline;
}

#about-desc div.turnstyle-header a {
    text-decoration: none;
}

#about-desc p {
    padding-bottom: 10px;
}

#resultsTable td {
    padding-right: 6px;
}

input[type="checkbox"].optionCheckBox {
    vertical-align: bottom;
}