/* jqueryUI background remover */

.ui-widget-header,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.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,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    background-image: none;
}

.ui-widget-header {
    background-color: #eeeeee;
}

.ui-tabs-nav {
    height: 28px;
}

li.ui-menu-item {
    list-style-type: none;
}

.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
}

.ui-dialog-title {
    font-size: 14px;
}


/* LS 2017-03-08: Latest jquery update changed the default button text color to #454545 and background color to grey, so changing it back */

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    color: #ffffff;
    background: #15abd7;
    border: 1px solid #11aaff;
}

.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 #bfbfbf;
    background: #ee631b;
    font-weight: normal;
    color: #ffffff;
}


/*** STYLE ***/

html,
body {
    width: 100%;
    height: 100%;
    min-width: 960px;
}

body_removed_till_jquery_bug_resolved {
    overflow-y: scroll;
}

* {
    margin: 0;
    /*	padding: 0;	*/
    vertical-align: top;
}

ul,
ol {
    margin-left: 12px;
}

ul li {
    list-style-type: circle;
    padding: 2px;
}

table,
tr,
td,
th {
    /*	padding: 0;*/
    margin: 0;
    border: 0;
    text-align: left;
}

body {
    background-color: #ffffff;
    font-size: 12px;
    color: #111111;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

a {
    text-decoration: underline;
    color: #000000;
}

#recollect_bar {
    font-size: 13px;
    font-weight: bold;
    padding: 0;
    background-color: #111111;
    color: #eeeeee;
    vertical-align: middle;
    text-align: right;
    display: block;
}

#recollect_bar img {
    padding-right: 6px;
}

#recollect_bar a {
    color: #eeeeee;
}

#recollect_bar a:hover {
    color: #ffffff;
}

#menuBar {
    background-color: #eeeeee;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    width: 290px;
    padding: 2px;
}

#rightMenu {
    background-color: #eeeeee;
    border-left: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    width: 290px;
    padding: 2px;
}

#mainContent {
    background-color: #ffffff;
    padding: 2px;
    padding-left: 6px;
    width: 99%;
}

.downsize {
    font-variant: small-caps;
}

ul.downsize {
    font-size: 10.9px;
    /* because firefox is a bit silly */
}

.colapse {
    cursor: s-resize;
}

#logohole {
    text-align: center;
    margin-bottom: 5px;
}

#logohole img {
    max-width: 290px;
}


/* HEADINGS */

h1 {
    /* Page Titles */
    background-color: #111111;
    font-size: 20px;
    color: #ffffff;
    font-weight: normal;
    padding: 6px 1px 6px 6px;
    margin-bottom: 5px;
}

h2 {
    /* Node Titles */
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    margin-top: 10px;
    border-bottom: 1px solid #cccccc;
}

h3 {
    /* Subsection Titles */
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    margin-top: 10px;
    margin-bottom: 4px;
    border-bottom: 1px solid #cccccc;
}

h4 {
    /* Highlighted Titles */
    background-color: #EBEDFA;
    color: #111111;
    font-weight: bold;
    font-size: 14px;
    padding: 4px;
}

h5 {
    /* NodeType Title */
    color: #ffffff;
    background-color: #111111;
    font-weight: bold;
    font-size: 20px;
    padding: 2px;
    padding-left: 4px;
}

h6 {
    /* Accordions (usually) */
}


/* underline strip from linked headings */

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
    text-decoration: none;
}

p {
    margin-bottom: 6px;
}

.pagelinksminibg {
    background-color: #EBEDFA;
    vertical-align: middle;
}

img {
    border: 0;
}

div.submit {
    display: inline-block;
}

#searchForm div.submit {
    margin-top: 12px;
}

label {
    color: #333333;
    display: block;
    font-weight: 300;
    font-size: 1.1em;
}

.clear {
    clear: both;
}

.notitlebar .ui-dialog-titlebar {
    display: none;
    padding: 0px;
}

#remove_titval,
#remove_related {
    float: right;
}

.blockOcode {
    padding: 6px;
}

.blockOcode ul,
.blockOcode ol {
    margin-left: 34px;
}

fieldset {
    border: 1px dashed #cccccc;
    padding: 6px;
}

legend {
    color: #333333;
    font-weight: 400;
    font-size: 1.2em;
    background-color: #FFFFFF;
    padding: 0 2px;
    margin-left: 12px;
}

#searchForm {
    font-size: 13px;
}

#searchForm input,
#searchForm select {
    width: 235px;
}

#facet input {
    width: auto;
}

#facet input.facetFind {
    width: 210px;
}

#searchForm input.half,
#searchForm select.half,
#facet input.half,
#facet .half select {
    width: 80px;
}

#searchForm div.submit input.half {
    width: 110px;
}

#searchForm input.checkbox {
    width: auto;
    height: auto;
    margin-left: 6px;
    margin-right: 6px;
}

#searchForm table.typeselect label {
    margin-top: 0px;
    cursor: pointer;
}

fieldset.facetgroups {
    margin-top: 6px;
}

#searchForm select option {
    overflow: visible;
    white-space: nowrap;
}

#searchForm label {
    margin-top: 6px;
}

#facet {
    margin-top: 10px;
}

#facet div.checkbox label {
    display: inline;
    margin: 3px;
}

#facet .autoComplete {
    width: 170px;
}

.search_by_val,
.search_rel_link {
    border: 1px dashed #999999;
    background-color: #FFFFCC;
    padding: 4px;
}

.keywordHighlight {
    background-color: #FFFFAA;
}

#menulogin {
    display: block;
    background-color: #000000;
    color: #eeeeee;
    text-align: center;
    padding: 6px 1px;
    font-size: 12px;
    font-weight: 800;
}

#menulogin a {
    color: #eeeeee;
    text-decoration: none;
}

#menulogin a:hover {
    color: #ffffff;
    text-decoration: underline;
}

.menutitle {
    display: block;
    font-variant: small-caps;
    font-size: 18px;
    padding: 4px;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}

#menuTabs select {
    margin-bottom: 3px;
}

#menuBar div.menutab ul {
    margin-left: 5px;
}

#menuBar div.menutab ul li {
    list-style-type: none;
}

#menuBar div.menutab a {
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
}

#menuBar div.menutab a:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

#menuBar div.menutab a.search_backlink {
    display: block;
    color: #111111;
    text-decoration: none;
    padding: 4px;
    padding-left: 22px;
    margin-bottom: 8px;
    border: 1px dotted #aaaaaa;
    background-color: #f0f0f0;
    font-weight: normal;
}

#menuBar div.menutab a.search_backlink:hover {
    background-color: #cccccc;
}

#menuBar div.menutab a.search_backlink img {
    margin-right: 4px;
    margin-left: -18px;
}

a.refinesearchlink {
    display: block;
    margin: 10px;
    margin-top: 4px;
}

a.tooltiplink,
a.tooltiplink:hover {
    color: #FFFFFF;
}

a.extlink {
    cursor: alias;
}

div.error-message,
span.error {
    font-weight: bold;
    color: #FF0000;
}

div.error-message,
span.error {
    font-weight: 400;
    color: #ffffff;
    font-size: 14px;
    background-color: #cc0000;
    padding: 1px 6px 1px 20px;
    border: 2px inset #ff0000;
    background-image: url(/img/i_alert.png);
    background-position: left;
    background-repeat: no-repeat;
}

div.copyright_footer {
    border-top: 1px solid #eeeeee;
    margin-top: 12px;
    padding-top: 12px;
    font-size: 11px;
    text-align: center;
    line-height: 16px;
    color: #666666;
    clear: both;
}

div.copyright_footer a {
    color: #666666;
}

div.copyright_footer a:hover {
    color: #000000;
}

.addpadd {
    padding: 6px;
}

#menuBar ul.historypages li>a,
#menuBar ul.bookmarkpages li>a {
    font-weight: normal;
    font-size: 90%;
}

#menuBar ul.historypages li>a.downsize,
#menuBar ul.bookmarkpages li>a.downsize {
    font-weight: bold;
    font-size: 110%;
}

.userhead {
    margin-left: 5px;
    margin-top: 2px;
    width: 14px;
    height: 14px;
    opacity: 0.3;
}

.userhead:hover {
    opacity: 1.0;
}

.ui-autocomplete-loading {
    background-image: url(/img/ajax-loader.gif);
    background-position: right;
    background-repeat: no-repeat;
}


/* @ST Autocomplete */

.newresults {
    font-weight: bold !important;
    color: grey;
    line-height: 20px;
    text-transform: uppercase;
}

.newresults:hover {
    background-color: white !important;
    color: grey;
    border: 1px solid white;
    cursor: default !important;
}


/**********************************************************************************************************************************************************************/

body {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 10px;
    background: #262626;
    color: #111111;
}


/*ORIG ... a.sprite, span.sprite, .sprite a {
@BB 2019-09-23: this needs to be like all themed versions so we have consistency with background sprites
*/

a.sprite,
span.sprite,
.sprite a,
#showHideTags label span,
.request_action,
.request_download,
.toolbox_button,
#zoom_wrap,
.ui-slider-vertical .ui-slider-handle,
.img_tag span,
.img_tag a {
    background-image: url(/css/images/sprite.png);
    background-repeat: no-repeat;
}


/* Retina-specific stuff here
@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {

  a.sprite, span.sprite, .sprite a {
    background-image: url(/css/images/sprite-retina.png);
    background-size: 1122px 837px;
  }
}
*/

.ui-widget {
    font-family: 'Source Sans Pro', sans-serif;
}

.ui-resizable-handle {
    z-index: auto !important;
}

#header {
    background: #fff;
    padding: 10px 20px 10px 20px;
    height: 40px;
}

#client_header {
    width: 980px;
    padding: 0;
    margin: 0 auto;
    background-color: #ffffff;
    border: 0;
    border-bottom: 2px solid #ff0000;
}

#client_logo {
    float: left;
    vertical-align: middle;
    padding: 0;
}

#client_logo img {
    height: 40px;
}

#login_logout {
    font-size: 1.2em;
    font-weight: 300;
    line-height: 34px;
    margin: 3px 0;
    text-align: right;
    white-space: nowrap;
}

#logout {
    display: inline-block;
    padding-left: 15px;
    border-left: solid 1px #f0f0f0;
    margin-left: 15px;
}

#logout a {
    display: inline-block;
    padding-right: 18px;
    background-position: -1010px -90px;
    color: #0899d5;
    text-decoration: none;
    width: 36px;
    /* CJD */
}

#logout a:hover {
    background-position: -1010px -124px;
    color: #ee631b;
}

#welcome {
    display: inline-block;
}

#welcome a {
    text-decoration: none;
    color: #333;
}

#welcome a:hover {
    color: #ee631b;
}

#header_search {
    text-align: right;
    vertical-align: top;
    padding: 4px;
}

#refinesearchform {
    display: none;
    color: #000000;
    background-color: #ffffff;
    width: 210px;
    border: 1px solid #343434;
    margin-top: 5px;
    position: absolute;
    padding: 12px;
    z-index: 10;
    text-align: left;
}

#refinesearchform select {
    width: 185px;
    margin-bottom: 4px;
}

#refinesearchform select.half {
    width: 80px;
}

#refinesearchform span.ftitle {
    font-weight: bold;
    color: #990000;
    display: block;
}

#main_content_wrap {
    margin: 0 0 0 349px;
    background: #e1e1e1;
    color: #333;
}

#main_content {}

#footer {
    clear: both;
    margin: 0 20px 0 69px;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #262626;
    z-index: 3;
}

#copyright {
    margin-left: 35%;
    text-align: right;
    color: #FFFFFF;
}

#copyright a {
    color: #FFFFFF;
    text-align: right;
}

#footer-links {
    float: left;
    width: 35%;
    color: #FFFFFF;
}

#footer-links a {
    color: #ffffff;
    text-decoration: none;
}

#footer-links a:hover {
    text-decoration: underline;
}

#menu_bar {
    float: left;
    /*position: fixed;
  left: 0;
  top: 0;*/
    width: 69px;
    height: 100%;
    background: #262626;
}

#client_menu {
    font-weight: 300;
    line-height: 1;
    text-transform: uppercase;
}

#client_menu ul,
#client_menu li {
    list-style: none;
    margin: 0;
    padding: 0;
}

#client_menu li {
    float: left;
    width: 100%;
    border-top: solid 1px #3f3c3c;
    border-bottom: solid 1px #000;
    border-right: solid 1px #000;
}

#client_menu a {
    float: left;
    display: block;
    width: 100%;
    padding: 44px 0 10px;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
}

#client_menu a:hover,
#client_menu a.active {
    background-color: #363636;
}

#client_menu a.active:hover {
    cursor: auto;
}

#client_menu .home a {
    background-position: -35px -105px;
}

#client_menu .contribute a {
    background-position: -35px -170px;
}

#client_menu .search a {
    background-position: -35px -233px;
}

#client_menu .history a {
    background-position: -35px -298px;
}

#client_menu .basket a {
    background-position: -35px -361px;
}

#client_menu .profile a {
    background-position: -35px -424px;
}

#client_menu .info a {
    background-position: -35px -487px;
}

#client_menu .mycollection a {
    background-position: -35px -554px;
}

#client_menu .admin a {
    background-position: -35px -616px;
}

#client_menu .crowdsource a {
    background-position: -35px -55px;
}

#client_menu .research a {
    background-position: -35px -2px;
}

#client_menu .browse a {
    background-position: -35px -170px;
}

#client_menu .home a:hover,
#client_menu .home a.active {
    background-position: -104px -105px;
}

#client_menu .contribute a:hover,
#client_menu .contribute a.active {
    background-position: -104px -170px;
}

#client_menu .search a:hover,
#client_menu .search a.active {
    background-position: -104px -233px;
}

#client_menu .history a:hover,
#client_menu .history a.active {
    background-position: -104px -298px;
}

#client_menu .basket a:hover,
#client_menu .basket a.active {
    background-position: -104px -361px;
}

#client_menu .profile a:hover,
#client_menu .profile a.active {
    background-position: -104px -424px;
}

#client_menu .info a:hover,
#client_menu .info a.active {
    background-position: -104px -487px;
}

#client_menu .mycollection a:hover,
#client_menu .mycollection a.active {
    background-position: -104px -554px;
}

#client_menu .admin a:hover,
#client_menu .admin a.active {
    background-position: -104px -616px;
}

#client_menu .crowdsource a:hover,
#client_menu .crowdsource a.active {
    background-position: -104px -55px;
}

#client_menu .research a:hover,
#client_menu .research a.active {
    background-position: -104px -2px;
}

#client_menu .browse a:hover,
#client_menu .browse a.active {
    background-position: -104px -170px;
}

#client_menu ul ul {
    display: none;
}

#info_menu,
#info_menu2 {
    display: none;
    position: absolute;
    top: 0px;
    left: 69px;
    min-width: 200px;
    height: 100%;
    background-color: #363636;
    z-index: 120;
    border-right: solid 1px #000;
    border-bottom: solid 1px #000;
    color: #ffffff;
}

#info_menu a,
#info_menu2 a {
    display: block;
    font-size: 14px;
    color: #FFFFFF;
    margin-top: 6px;
    text-decoration: none;
}

#info_menu a:hover,
#info_menu2 a:hover {
    color: #EE631B;
}

#info_menu div.info_menu_inner,
#info_menu2 div.info_menu_inner {
    width: 100%;
    height: 100%;
    padding: 10px;
    vertical-align: bottom;
}

p.smallerer {
    font-size: 0.85em;
}

div.the-header {
    padding: 8px 20px;
    background: #efefef;
    /*  box-shadow: 0 3px 3px rgba(52,52,52,0.05);	*/
}


/* LS 2017-03-13: Added h1 to help migrate from using h2 to h1 for headings */

div.the-header h1,
div.the-header h2 {
    display: block;
    text-align: center;
    font-size: 2.0em;
    line-height: 25px;
    font-weight: 600;
    margin: 0;
    clear: none;
    vertical-align: baseline;
    color: #444444;
    padding: 0;
}

div.the-body {
    background-color: #ffffff;
    margin-left: 70px;
}

div.main_content {
    padding: 12px;
}

legend {
    background: none;
    padding: 4px;
}

#search-back {
    display: block;
    float: left;
    width: 33px;
    line-height: 25px;
    padding: 0 0 0 25px;
    margin-right: 10px;
    background-color: #f0f0f0;
    background-position: -239px -225px;
    border-radius: 2px;
}

#search-back:hover {
    color: #ee631b;
    background-position: -239px -200px;
}

#search-next-prev {
    width: 124px;
    white-space: nowrap;
    overflow: hidden;
}

span.and_date_search {
    color: #dddddd;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    background-color: transparent;
    color: #333333;
    border: 0;
    margin: 6px 0px;
}

h5 {
    text-align: center;
}

a {
    color: #0899d5;
}

a:hover {
    color: #000000;
}

a.button:hover {
    color: #ffffff;
}

ul {
    margin-left: 0;
    padding-left: 16px;
}

ol {
    margin-left: 0;
    padding-left: 20px;
}

ul li {
    list-style-type: disc;
    padding: 0;
}

.centre {
    text-align: center;
}

.smallcaps {
    font-variant: small-caps;
}

.block {
    display: block;
}

.pointer {
    cursor: pointer;
}

.left {
    float: left;
}

.newrec {
    width: 700px;
    height: 80px;
}

.widthwatch {
    max-width: 640px;
    border: 2px solid #ff0000;
}

#flashMessage,
div.message {
    position: absolute;
    text-align: center;
    top: 20px;
    width: 100%;
    font-size: 2.0em;
    color: #990000;
}


/* CONTENT HEADINGS ETC */

div.main_content,
div.popped_content,
div.main_content input {
    font-size: 14px;
    font-weight: normal;
}

.heading1 {
    color: #333333;
    font-size: 28px;
    font-weight: 300;
    display: block;
}

hr.underline {
    border: 0;
    background-color: #eeeeee;
    color: #eeeeee;
    height: 1px;
    margin-bottom: 10px;
}

.leftfloating {
    float: left;
    display: inline;
    margin: 10px;
}


/* PLACEHOLDER TEXT */

::-webkit-input-placeholder {
    color: #dddddd;
    font-size: 0.8em;
    padding: 0.1em;
}


/* WebKit browsers */

:-moz-placeholder {
    color: #dddddd;
    font-size: 0.8em;
    padding: 0.1em;
    opacity: 1;
}


/* Mozilla Firefox 4 to 18 */

::-moz-placeholder {
    color: #dddddd;
    font-size: 0.8em;
    padding: 0.1em;
    opacity: 1;
}


/* Mozilla Firefox 19+ */

:-ms-input-placeholder {
    color: #dddddd;
    font-size: 0.8em;
    padding: 0.1em;
}


/* Internet Explorer 10+ */


/* STICKY FOOTER */

html,
body {
    height: 100%;
}

#wrap {
    min-height: 100%;
    min-width: 960px;
}


/* #main { overflow: auto; padding-bottom: 4.6em; } BB 2016-05-16: fix for bottom scroll & IE9 black space*/

#main {
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 4.6em;
}

#footer {
    position: relative;
    margin-top: -4.6em;
    height: 2.6em;
    clear: both;
}

#sqlDump {
    background-color: #eeeeee;
    color: #222222;
    padding: 10px;
    font-size: 13px;
}

#sqlDump table {
    border-collapse: collapse;
}

#sqlDump table td,
#sqlDump table th {
    padding: 2px;
    border: 1px solid #dddddd;
}


/* UTILITIES */

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}

.clearfix:before,
.clearfix:after {
    content: '.';
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0
}

.clearfix:after {
    clear: both
}

.clearfix {
    zoom: 1
}

.ir {
    display: block;
    border: 0;
    text-indent: -999em;
    overflow: hidden;
    background-color: transparent;
    background-repeat: no-repeat;
    text-align: left;
    direction: ltr;
    line-height: 0
}

.ir br {
    display: none
}

.hidden {
    display: none!important;
    visibility: hidden
}

.visuallyhidden {
    border: 0;
    clip: rect(0000);
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
    margin: -1px;
    padding: 0
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    overflow: visible;
    position: static;
    width: auto;
    margin: 0
}

.invisible {
    visibility: hidden
}

.textright {
    text-align: right;
}


/* mCustomScrollbar */


/* LS 2016-08-11 Added margin to make a gap for scrollbar instead of overlapping */

.mCSB_container {
    margin-right: 20px;
    border-top: 1px solid #f5f5f5;
}

.mCustomScrollBox>.mCSB_scrollTools {
    width: 20px;
}

.mCSB_scrollTools .mCSB_dragger {
    right: 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #000;
    background: rgba(0, 0, 0, 0.2);
    -ms-filter: "alpha(opacity=10)";
    filter: alpha(opacity=10);
}

.ie7 .mCSB_scrollTools .mCSB_draggerRail {
    height: 100%;
    position: absolute;
    right: 5px;
    z-index: 2;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 10px;
    background: #000;
    background: rgba(8, 153, 213, 0.75);
    -ms-filter: "alpha(opacity=10)";
    filter: alpha(opacity=10);
}

.ie7 .mCSB_scrollTools .mCSB_dragger {
    z-index: 3;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover,
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: #0899d5;
    background: rgba(8, 153, 213, 0.85);
    -ms-filter: "alpha(opacity=85)";
    filter: alpha(opacity=85);
}


/* horizontal */

.mCSB_horizontal>.mCSB_container {
    margin-bottom: 16px;
}

.mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools {
    background: #fff;
}

.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {
    height: 10px;
    margin: 3px auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.cke_show_borders {
    background: #fff!important;
}


/* BB fixes black background inside editor pane */

body.cke_panel_frame {
    background: #fff!important;
}

.cke_panel_list {
    background: #ffffff!important;
}


/*a.admin_active{color:#EE631B!important;}*/

.altColor {
    color: #15ABD7;
}


/* BB accordion  */


/*.ui-accordion-content{ background-image: url("images/accordian_back.jpg"); } */

.ui-button .ui-button-text {
    line-height: 16px;
}


/*aim to fix inconsistant .em heights on buttons? */

.ui-button.butt_big span.ui-button-text {
    line-height: 22px!important;
}

.ui-button.butt_big>span {
    font-size: 16px;
    padding: 3px 25px!important;
}

.butt_on {
    background-color: #585455;
    border-color: #585455;
}

.butt_on:hover {
    background-color: #ebe2de;
}

.butt_on:hover span {
    color: #585455;
}

.copyDescrip {
    clear: both;
    padding-top: 12px;
}


/** contributions / form2 helper **/

.contribButtons {
    margin: 5px;
}


/** BB fixing streetview button   **/

img.svedit {
    height: auto!important;
    width: auto!important;
    background: transparent!important;
    border-radius: 0!important;
    border: 0!important;
}

.trans {
    opacity: 0.4;
    filter: alpha(opacity=40);
    /* For IE8 and earlier */
}

.cursorArrow {
    cursor: initial;
}

.imagePreview {
    width: 180px;
    height: 180px;
    background-position: center center;
    background-size: cover;
    -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, .3);
    display: inline-block;
}


/* BBCode alignments */

.bbleft {
    text-align: left;
}

.bbright {
    text-align: right;
}

.bbcentre {
    text-align: center;
}


/* BB: fixes default small font in ck-editor */

.cke_show_borders {
    font-size: 14px;
}


/* BB: stuff nodes */

.stuffThumbsLink a {
    text-decoration: none;
}

div.portlet a.readmore {
    padding: 5px 20px;
    font-size: 14px;
}


/* BB: Audio/Video default */

.avhero {
    height: 850px!important;
}

.captions[style] {
    height: 510px!important;
}

div.video,
div.audio,
div.captions {
    margin: 0;
    padding: 0;
}


/* BB: Audio/Video resize on laptop */

@media only screen and (max-width: 1400px) {
    .video-js {
        width: 380px!important;
        height: 308px!important;
    }
    .avhero {
        height: 560px!important;
    }
    .captions[style] {
        height: 316px!important;
    }
    div.video,
    div.audio,
    div.captions {
        margin: 0;
        padding: 0;
    }
}


/* Default mobile view */

@media only screen and (max-width: 790px) {
    #buttonsFullMonty {
        display: none;
    }
}


/* Mobile Last queries - retro-fitting responsiveness (phase 1) */

#rMenuCont,
#rTaxCont {
    display: none;
}

.nomobile_pop {
    font-size: 14px;
    color: #ff0000;
    display: none;
}


/* search_menu - previously only available on nodes/index specific .css - needs to be global for new mobile search box */

#search_menu {
    background-color: #282828;
    padding-top: 4px;
    padding-left: 10px;
    z-index: 99;
}

#search_menu #kwsearch {
    font-size: 16px;
    border: 1px solid #cccccc;
    width: 140px;
    height: 24px;
    color: #333333;
    vertical-align: middle;
}

#search_menu .asearchbutton {
    background-color: #0899D5;
    width: 60px;
    height: 26px;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 1.2em;
    text-align: center;
    vertical-align: middle;
    border: 0;
}

#search_menu .asearchbutton:hover {
    background-color: #EE631B;
}

#search_menu .asearchbutton.fullwidth {
    width: 63%;
}

#search_menu a.resetbutton {
    height: 26px;
    background-color: #EE631B;
    color: #ffffff;
    font-size: 12px;
    line-height: 6px;
    font-weight: 600;
    padding: 0px;
    border: 0px;
    display: inline-block;
    width: auto;
    margin: 0;
    vertical-align: middle;
}

#search_menu h2 {
    color: #15ABD7;
    font-size: 1.6em;
    font-weight: 400;
    border-bottom: 2px solid #15ABD7;
    margin-top: 20px;
}

#search_menu h2:first-of-type {
    margin-top: 0px;
}

#search_menu label {
    color: #dddddd;
    font-size: 1.2em;
    font-variant: normal;
    font-weight: 600;
}

#search_menu label.inline {
    display: inline-block;
    padding-right: 4px;
    width: 40px;
    text-align: center;
    white-space: nowrap;
}

#search_menu div.radio * {
    display: inline-block;
    margin: 3px;
}

#search_menu div.radio label {
    width: 24%;
    min-width: 65px;
    white-space: nowrap;
    overflow: visible;
}

hr.greybeard {
    border: 0;
    background-color: #666666;
    color: #666666;
    height: 1px;
    margin: 8px 0px;
}

#search_menu a.showhistory {
    float: right;
    font-size: 1.3em;
    padding-right: 6px;
}

#search_menu .tick {
    text-decoration: none;
    color: #FFFFFF;
    font-size: 1.4em;
    display: block;
    padding-left: 20px;
}

#search_menu .tick span {
    width: 16px;
    height: 16px;
    display: inline-block;
    text-indent: -9999px;
    background-position: -217px -180px;
    margin-right: 4px;
    margin-left: -20px;
}

#search_menu .tick:hover span.none2on,
#search_menu .tick:focus span.none2on {
    background-position: -217px -237px;
}

#search_menu .tick span.on2off,
#search_menu .tick span.alwayson {
    background-position: -217px -237px;
}

#search_menu .tick:hover span.on2off,
#search_menu .tick:focus span.on2off {
    background-position: -217px -204px;
}

#search_menu .tick.showalllessopts {
    color: #EE631B;
}

#search_menu .lab {
    font-size: 1.5em;
    color: #15ABD7;
    margin: 2px 0;
    font-weight: 600;
}

#search_menu .taxwrap {
    margin-left: -15px;
}

#search_menu .taxwrap ul,
#search_menu .taxwrap li {
    list-style-type: none;
}

#search_menu .taxwrap li span.expandcolapse {
    float: left;
    display: block;
    width: 9px;
    height: 13px;
    margin-right: 2px;
    cursor: pointer;
    margin-left: -15px;
    background-position: -184px -315px;
}

#search_menu .taxwrap li span.expandcolapse.open {
    background-position: -175px -315px;
}


/* show/hide options enabled in personalised css */

#search_menu #advancedsearch {}

#search_menu #advsearch {
    color: #dddddd;
    padding: 8px;
    font-size: 1.3em;
    font-weight: 800;
    text-decoration: none;
    display: none;
}

#search_menu #advsearch:hover {
    color: #FFFFFF;
}

#search_menu .pick {
    width: 125px;
}

#search_menu .pick2 {
    width: 80px;
}


/* LS 2017-03-09: Very specific CSS to target the x in dialog popups */

button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only.ui-dialog-titlebar-close {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
}

button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only.ui-dialog-titlebar-close:hover,
button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only.ui-dialog-titlebar-close:focus {
    border: 1px solid #cccccc;
    background: #ededed;
}

button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only.ui-dialog-titlebar-close span.ui-button-text {
    line-height: 8px;
}


/* NEW stuff divs - removed table layout in view */

div#StuffCont {
    display: block;
}

div.StuffMainCont {
    display: inline-block;
    width: 68%;
}

div.noSide {
    width: 98%;
}

div.StuffSideCont {
    display: inline-block;
    width: 30%;
}

img.profilepic,
span.profilepictxt {
    width: 100%;
    height: auto;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: none;
    margin: 10px 20px 1px 20px;
    display: block;
}


/* LS 2017-06-07: New Invisible reCaptcha styles */

form#MessageCreateForm div.submit,
form#MessageDisplayForm div.submit {
    display: block;
}

.grecaptcha-badge {
    bottom: 47px!important;
    z-index: 10000;
    position: relative;
}


/* redact Audio/Video */

.redactedTitlea {
    color: #ffcccc;
    font-weight: bold;
}

.uLine {
    text-decoration: underline;
}


/*BB 2018-04-09: popupoverlay close button*/

.close-icon {
    display: block;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    border-width: 3px;
    border-style: solid;
    border-color: red;
    border-radius: 100%;
    background: -webkit-linear-gradient(-45deg, transparent 0%, transparent 46%, white 46%, white 56%, transparent 56%, transparent 100%), -webkit-linear-gradient(45deg, transparent 0%, transparent 46%, white 46%, white 56%, transparent 56%, transparent 100%);
    background-color: red;
    box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.5);
    transition: all 0.3s ease;
    position: absolute;
    top: -10px;
    right: -10px;
    cursor: pointer;
}


/* LS 2019-01-30 Adding block quote styles.  They exist in the wysiwyg but not in the rest of the site. */

.metadata blockquote {
    font-style: italic;
    padding: 2px 0;
    border-style: solid;
    border-color: #ccc;
    border-width: 0;
    padding-left: 20px;
    padding-right: 8px;
    border-left-width: 5px;
    margin-block-start: 1em;
    margin-block-end: 1em;
}


/* LS 2019-01-30 Extra margins for block quotes if exists in the main block of an Information Item. */

.StuffMainCont blockquote {
    margin-inline-start: 40px;
    margin-inline-end: 40px;
}

.oauth-login-link {
    /*background: #15abd7;*/
    border-radius: 2px;
    /*box-shadow: 1px 1px 4px #454545;*/
    color: #fff;
    display: inline-block;
    /*height: 20px;*/
    line-height: 20px;
    margin-left: 5px;
    padding: 6px;
    text-decoration: none;
}

.oauth-login-link:hover {
    color: #fff;
}

.oauth-login-link div:after {
    content: ">";
    margin-left: 10px;
}

.loading_block {
    display: none;
    position: absolute;
    z-index: 100001;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    text-align: center;
}

#openSearch h1 {
    border: 2px solid gray;
    padding: 5px 10px;
    border-radius: 5px;
    width: 100px;
    text-align: center;
    cursor: pointer;
}

.kitems ul {
    display: block;
}

.kitems ul li {
    list-style: none;
    width: 200px;
}

.geomap_search_block {
    display: none;
    flex-direction: column;
    margin: 20px 20px;
    position: absolute;
    z-index: 10000;
    background: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.geomap_search_block>div {
    flex-grow: 1;
    display: block;
    width: 100%;
    margin: 10px 0 20px 0;
}

#searchdata,
#resetsearchdata {
    border: none;
    border-radius: 3px;
    padding: 5px 15px;
    color: white;
    margin: 0 0 0 5px;
}

#searchdata {
    background: #0899D5;
}

#resetsearchdata {
    background: #EE631B;
}

#itemList_id {
    margin: 0;
}

.rangeValues {
    width: 100%;
}

.geomap_search_block p {
    border-bottom: 1px solid grey;
    padding: 10px 0;
}

.section_input {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.section_input input[type="text"] {
    padding: 10px;
    border-radius: 5px;
    border: 1px solid grey;
    outline: none;
    width: 80%;
}

.section_input input[type="range"]::-webkit-slider-thumb {
    pointer-events: all;
    background: #1b2d38;
    position: relative;
    z-index: 1;
    -webkit-appearance: none;
    appearance: none;
    width: 5px;
    height: 15px;
    border-radius: 2px;
    outline: none;
    cursor: pointer;
}

.section_input input[type="range"]::-moz-range-thumb {
    pointer-events: all;
    background: #1b2d38;
    position: relative;
    z-index: 10000;
    -webkit-appearance: none;
    appearance: none;
    width: 5px;
    height: 15px;
    border-radius: 2px;
    outline: none;
    cursor: pointer;
}

.section_input input[type="range"] {
    position: absolute;
    pointer-events: none;
    -webkit-appearance: none;
    appearance: none;
    width: 80%;
    border-radius: 12.5px;
    background: #e5e5e5;
    height: 10px;
    outline: none;
}

.section_input input[type="range"]::-moz-range-track {
    position: absolute;
    pointer-events: none;
    -webkit-appearance: none;
    appearance: none;
    width: 80%;
    border-radius: 12.5px;
    background: #e5e5e5;
    height: 10px;
    outline: none;
}

.rangeValues {
    margin-bottom: 10px;
    font-size: 18px;
}


/*=========== Custom colors for client ==============*/

.custom-cl-bg,
.btn-filled {
    color: white!important;
    background-color: #15abd7;
}

.btn-custom {
    color: #15abd7 !important;
    border-color: #15abd7 !important;
}

.show-more,
.custom-cl-color,
.custom-cl-color a {
    color: #15abd7 !important;
}

.custom-cl-color {
    border-color: #15abd7;
}

.custom-cl-scroll {
    overflow-y: auto;
    overflow-x: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow: -moz-scrollbars-none;
    scrollbar-width: 0;
    scrollbar-color: #15abd7 #15abd7;
}

.custom-cl-scroll::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: #15abd7;
}

.custom-cl-scroll::-webkit-scrollbar-track {
    background: #bdbdbd;
}

.custom-cl-scroll::-webkit-scrollbar {
    width: 5px;
}

.custom-cl-active i {
    color: #15abd7 !important;
}

.switcher__label input:checked+.switcher__slider {
    background-color: #15abd7;
}


/* .list_item > .item-check-block > .list_check > .checkbox-input__label > .checkbox-input__input:hover ~ .checkbox-input__checkmark::after {
  border: solid #15abd7;
} */

.bold {
    background: rgba(22, 171, 215, 0.5);
}

.disabled {
    color: grey !important;
    background: #ffffff!important;
    border-color: grey !important;
}


/*======== HOVER EFFECT BLOCK  ========*/

.btn-filled:hover,
.custom-cl-list li:hover {
    color: white;
    background-color: #ee631b;
    cursor: pointer;
}

.btn-hover:hover {
    color: #ee631b;
}

.btn-custom:hover {
    color: white !important;
    background: #ee631b;
    border-color: #ee631b !important;
}

.view-block-buttons__list-block:hover i,
.view-block-buttons__grid-block:hover i {
    color: #ee631b;
}

.page-block:hover i {
    color: #ee631b;
}

.info-block:hover>i,
.info-block:hover>.info-block__title {
    color: #ee631b;
}


/*======================*/


/* Moderation */

.moderation-notice {
    color: orange;
    font-size: 18px;
    margin-top: 8px;
}
/* Add recollection block height */
#addMyStory {
    height: auto!important;
}
/* display street view block */
.mapdata-select {
    padding: 10px 0;
}

.mapdata-select span {
    display: inline-block;
}

/*@ST R1X-5355: 2021-05-12*/
table.adminlisttable td, table.adminlisttable th {
	max-width: 350px;
    min-width: 60px;
    white-space: pre-wrap;
    word-break: break-word;
}
  
/* Mac only detection for arrow icon issue - R1X-6460 in recollect3.js*/
#navigation .accessible-megamenu-panel li.sub.mac-fix::after {
    content: '' !important;
}

/* Image stretch issue per https://recollectnz.atlassian.net/browse/R1X-6640  */
.StuffMainCont .stuffThumbs .parentchildimgs.mychildren .ichild {
    width: min-content;
}

.StuffMainCont .stuffThumbs .ichild img {
    width: min-content;
}