/* 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 **/
/** 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;}
}



/* 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;
}