/*
CONTENT:
====1. Grouped by Element ====
1. FONTS
2. COLOURS
3. BOXES
Then ordered by elements, ids, classes
Then roughly in alphabetical order

====2. Grouped by Funcion ====
*/

/*
1. FONTS
*/
/*Font Elements Simple*/
body, 
html {
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-kerning: normal;
    font-variant-ligatures: common-ligatures;
    text-rendering: optimizeLegibility;
}

h1,
h2,
h3,
h4,
h5,
h6,
input, 
select, 
textarea {
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;}

h1 {
    font: 1.5em Verdana !important;
}

select {
    font-size: 11px;
}

/*Font Elements Combined/
/*a*/

/*.ListTools a {
    float: left;
}*/

.RecordPanel .RecordDownloadSpace .DownloadDBlend a {
    text-align: center; 
}

/*button*/
.ui-widget button {
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
}

/*h*/
/*#SearchBoxPanel h2 {
    font-size: 1.75em;

}*/

#SearchBoxPanel #searchspace h2 {
   text-indent: -0.6em;
}

/*li*/
.BasicsBox .VerticalNav li, 
.ThemeBox li {
    list-style: url(../../../gfx/interface/bullet.gif) none inside;
}

.HorizontalNav li {
    font-size: 12.8px;
}

/*p*/
.RecordPanel .RecordDownloadSpace .DownloadDBlend p {
    text-align: left;
}

.ListTools .ActionsContainer select {
  width: 7em;
}

/*Font Ids Simple*/
#CentralSpaceContainer {
  text-align: left;
}

#CentralSpace {
    text-align: left;
    display: flex;
    flex-direction: column;
}  

#Header {
   font-size: 12.8px;
}

#HeaderNav1 {
    text-align: right;
    float: right;
}

#HeaderNav2 {
    text-align: left;
    float: left;
}

#HeaderResponsive {
    text-align: right !important;
}

/*Font Classes Simple*/

/*.ListTools {
    float: left;
}*/

.Title,
.ui-widget {
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
}

.stdwidth,
.shrtwidth {
    font: 13px Verdana;
}

/*Font Classes Combined*/

/*fa*/
#HeaderNav1 .fa-user,
#HeaderNav1 .fa-bars {
    font-size: 15px;
}
/*highlight*/
.NoFind .highlight {
    font-weight: bold; 
}

/*Font Pseudo-Classes Combined*/
/*a*/
.NoFind a:link, 
.NoFind a:visited, 
.NoFind a:hover, 
.NoFind a:active {
    text-decoration:underline;
}

a.external:after {
    content: "\00a0\f35d";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-style: normal;
    display: inline-block;
    text-decoration: none;
}

/*h*/
#SearchBoxPanel #searchspace h2:before {
    content: "\f002\00a0";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-style: normal;
    display: inline-block;
    text-decoration: none;
}

/*
2. COLOURS
*/
/*Colour Elements Simple*/

body,
html {
    color:#3f3f3f;
    background: #FFF;
}

h1, 
h2 {
    color: #000000;
}

/*Colour Elements Combined*/
/*a*/

#BrowseBar a {
    color: #000000;    
}

#Header li a {
    color:#000000;
    opacity:0.7;
}

#HeaderNav2 ul li a {
    color:#FFFFFF;
}

#HeaderNav1 li a {
    color:#000 !important;
    opacity:1.0; 
}

#modal .BasicsBox .HelpHeader a {
    color: #FFFFFF;
}

#modal .RecordHeader a:active, 
#modal .RecordHeader a:link, 
#modal .RecordHeader a:visited {
  color: white;
}

#TextHeader a {
    color:#616161; 
}

.BreadcrumbsBox a, .BreadcrumbsBox a:link, .BreadcrumbsBox a:visited {
  color: white;
}

.RecordPanel .RecordDownloadSpace .DownloadDBlend a {
    background-color: #6685A3;
    color: #FFF;
}

.Selected a {
    color: #3C3C3C
}

.Tab a {
    color: #666666;
    background-color:#E0E0D1;
}

.TabSelected a {
    background-color:rgba(250,250,245, 80%);
    color:#FFFFFF;
}

/*div*/
.TabbedPanel > div {
    background-color: #fafaf5;
    border-top-style: solid;
    border-color: #DDD;
    border-width: 0.5px;
}

/*h*/

.BasicsBox h1, 
.BasicsBox h2, 
.RecordPanel .RecordDownloadSpace h2 {
    color: #3C3C3C;
}

.CollectBack h2  {
    color:#FFFFFF;
}

#modal .RecordHeader h1,
#modal .BasicsBox h1 {
    color:#FFFFFF;
}

.HomePanel .HomePanelDynamicDash h2 {
  background: rgba(0,51,102,0.4);
  text-shadow: 0px 1px 5px #000000;
}

#HomeSiteText h1, 
#HomeSiteText.dashtext h1 {
    color: #000;
}

.FeaturedSimpleTile .FeaturedSimpleTileContents h2 {
    color: #fff;
}

.HomePanel h2 {
    color: #fff;
}

.itemNarrow h3 {
    color: #737373;
}

#modal .BasicsBox h1 {
    background: linear-gradient(#506B86, #003366);
}

.RecordPanel .RecordDownloadSpace .DownloadDBlend h2 {
    color: #003366;
}

.RecordStory h1{
    color: #000000;
}

#SearchBoxPanel h2 {
    color: #00376C;
}

/*input*/
input[readonly] {
    color: #000000;
}

input[type=button], 
input[type=submit],
button[type=submit]{
    background-color: #6685A3;
    color: #FFF;
}

/*p*/
.RecordPanel .item p,
.RecordPanel .itemNarrow p,
.BasicsBox p {
    color: #3C3C3C
}

.HomePanel p {
    color: #000000;
}

.HomePanelDynamicDash p, .HomePanelThemes p {
  text-shadow: none;
}

#HomeSiteText p {
    color: #000;
}

.RecordPanel .RecordDownloadSpace .DownloadDBlend p {
    color: #003366;
}

#searchspace p {
    margin: 3px 0.5em 0 0.5em
}

/*select*/
#CollectionDiv select {
    background-color: unset;
}

/*span*/
.DashTileActions span {
    color:#fff;
}

.FeaturedSimpleTileActions span {
    color:#fff;
}

/*td*/
.Listview td {
    color: #3f3f3f;
}

.ListviewTitleStyle td, .ListviewTitleStyle th {
    color: #3f3f3f;
}

.ListviewTitleStyle td, .ListviewTitleStyle th {
    background: #fafaf5 none; 
}

.ListviewBoxedTitleStyle td {
    background-color:#fff;
}

.RecordPanel .RecordDownload .DownloadDBlend td {
    color: #003366;
}

/* td:Mouseover effect on list views */
.ListviewStyle tr:hover td {
    background-color: #ddd;
} 

/*.ListviewStyle tr.ListviewTitleStyle:hover td, 
.ListviewStyle tr.ListviewBoxedTitleStyle:hover td {
    background:none;
    background-color:#fff;
} */

/*tr*/
.InfoTable tr {
    background-color: #fafaf5; 
    background-image: none;
}

/*Colour Ids Simple*/
#BrowseBar{
    color:#000000;
}


#BrowseBarContainer {
    background-color: #fafaf5;
}

#BrowseBarTab {
    background: rgba(0, 51, 102, 0.9);
}

#FooterNavRightBottom { 
    color:#3C3C3C;
} 

#Header {
    background: #FFFFFF;
}

#HeaderNav1 {
    background: #CCD6E0;
    color: #036;
}

#HeaderNav2 {
    background: #003366;
    color: white;
}

#HomeSiteText {
    background: rgba(255, 255, 255, 1);
    color: #000;
}


/*login box*/

#login_box {
    background-color: #FFFFFF;
}

#login_box h1 {
    color: #000000;
}

#login_box a {
    color: #00376C;
}

#input_box {
    background-color: #FFFFFF;
}

#Metadata {
    background-color: #fafaf5;
}

#modal {
    background-color:#fafaf5;
}

#SearchBoxPanel, 
#ResearchBoxPanel {
    color: #000000;
}


#ResearchBoxPanel {
    background: #DCDCDC url(../../../gfx/interface/researchpanel.jpg) repeat-x;
}

/*
#SearchBoxPanel, 
#ThemeBoxPanel {
    background: #DBDBDB url(../../../gfx/interface/SearchBox.gif) repeat-x;
}
*/

#ThemeBoxPanel, 
#SearchBoxPanel, 
#SearchBox, 
#ResearchBoxPanel {
  /*  background-color: #FFF; */
}

#SearchBoxPanel {
    background-color: #fafaf5;
}

#TextDesc, 
#TextHeader {
    color:#616161; 
}

/*Colour Ids Combined*/

#CollectionDiv select optgroup option  
, #CollectionMinDrop option {
    /*background: rgba(0, 51, 102, 0.1);*/
    color: black;
}

#Panel1 {
  background-color: #fafaf5;
}

/*Colour Classes Simple*/

.BreadcrumbsBoxTheme {
    background: rgba(0, 51, 102, 0.4);
}

.CollectBack {
    color:#FFFFFF;
    background: rgba(0, 51, 102);
}

.CollectionPanelShell{
    background: #FFFFFF;
}

.DashTileActions {
  background: rgb(0, 51, 102);
}

.DeletedResourceTitle,
.FormError {
    color: #FF0000;
}

.FeaturedSimpleTile {
    background: rgba(0, 51, 102, 0.7);
    border-color: #BDCAD3;
    border-style: solid;
    border-width: thin;
}

.FormIncorrect,
.PageInformal {
    color: #FF0000;
    background: #FFFFFF;
}

.highlight {
    color: #990000;
}

/*.HomePanelIN {
    background: #DCDCDC url(../../../gfx/interface/researchpanel.jpg) repeat-x;
}*/

.HomePanelIN, 
.RecordPanel, 
.ResourcePanel, 
.ResourcePanelSmall, 
.ResourcePanelLarge {
    background-color: #FFFFFF;
}

.HomePanelIN {
    color: black;
}

.IconCollect, 
.KeyCollect {
    background: url(../../../gfx/interface/IcCol.gif) no-repeat;
}
.IconCollectOut, 
.KeyCollectOut {
    background: url(../../../gfx/interface/IcColOut.gif) no-repeat;
}
.IconComment, 
.KeyComment {
    background: url(../../../gfx/interface/IcComment.gif) no-repeat;
}
.IconEmail, 
.KeyEmail {
    background: url(../../../gfx/interface/IcEml.gif) no-repeat;
}
.IconPreview, 
.KeyPreview {
    background: url(../../../gfx/interface/IcPre.gif) no-repeat;
}
.IconStar, 
.KeyStar {
    background: url(../../../gfx/interface/IcStar.gif) no-repeat;
}
.IconUserRatingSpace {
    background: url(../../../gfx/interface/RatingStarBlank.gif) no-repeat;
}
.IconUserRatingStar {
    background: url(../../../gfx/interface/RatingStarBlau.gif) no-repeat;
}

.IconVideo {
    background: url(../../../gfx/interface/IcVideo.gif) no-repeat 140px 5px;
}

.IconVideoLarge {
    background: url(../gfx/greyblu/interface/IcVideo.gif) no-repeat 340px 5px;
}

/*.ImageWrapperLarge {
    height: 230px;
}*/
/*.ImageWrapperLarge .ImageColourWrapper {
    width: auto;
    height: 100%;
    margin: 40px auto 0 auto;
}

.ImageWrapper .ImageColourWrapper {
    width: auto;
    height: 100%;
    margin: 40px auto 0 auto;
}*/

.ListviewStyle, 
.OxColourWhite, 
.Selected,
.Question {
    color: #3C3C3C
}

.ListviewTitleStyle, 
.OxColourPale {
    color:#A1A1A1;
}

.ListViewTitleStye {
    background: #fafaf5;
}

/* single file upload progress bar */
.meter-value {
    background-color: #BBBBBB;
}

.NewFlag {
    background-color:#00376C;
    color:#fff;
}

.NoFind, 
.ResourcePanel {
    background: #FFFFFF;
}

.PanelShadow{
    background: none;
}

.RecordStory{
    color: #000000;
    background: #E0E0D1;
}

.ResourcePanelLarge, 
.ResourcePanelSmall {
    background: #FFFFFF  repeat-x;
}


#SearchBarTabsContainer {
background: rgba(207, 207, 209);
}

#SearchBox {
/*  background-color: #fafaf5;*/
    /*opacity: 0;*/
    background: rgba(0, 0, 0, 0);
}

.StarCurrent {
    background: transparent url('../../../gfx/interface/RatingStarBlau.gif') no-repeat;
}
.StarEmpty {
    background: transparent url('../../../gfx/interface/RatingStarMedGrey.gif') no-repeat;
}
.StarSelect {
    background: transparent url(../../../gfx/interface/RatingStarBlau.gif) no-repeat;
}

.StyledTabbedPanel {
    background-image: url(../../../gfx/interface/Download.gif);
}

.TabBar {
    background-color: rgba(207, 207, 209);
}

.ui-layout-resizer {
    background: rgba(0, 51, 102, 0.9);
} 

.ui-layout-toggler-open-hover{
    background-color:#8A0F14
}

/*Colour Classes Combined*/

/*DownloadButton*/
.RecordPanel .RecordDownloadSpace .DownloadDBlend .DownloadButton {
    //background: #FFFFFF;
    width: 20%;
}

.BasicsBox.SearchSticky {
  background-color: #fafaf5;
}

/*DownloadDBlend*/
.RecordPanel .RecordDownloadSpace .DownloadDBlend {
    /*background: #fafaf5;*/
    background: #fafaf5; 
    border-color: #FFFFFF;
    color: #003366;
}

/*highlight*/
.NoFind .highlight {
    color:#000000;
}

/*Homesitetext*/
#HomeSiteText.dashtext {
    background: rgba(255, 255, 255, 1);
    color: black;
}

/*RecordDownload*/
/*.RecordPanel .RecordDownload {
    background: #DCDCDC url(../../../gfx/interface/Download.gif) repeat-x;
}*/

.RecordPanel .RecordDownload {
    background: #fafaf5;
}

.RecordDownloadSpace {
    background: #fafaf5;
}

/*RecordHeader*/
#modal .RecordHeader {
    background: linear-gradient(#506B86, #003366);
}

/*RecordTools*/
.RecordTools {
   background: #fafaf5;
}

/*ResourcePendingReviewTitle*/
.ArchiveResourceTitle, .ResourcePendingSubmissionTitle, .ResourcePendingReviewTitle {
    color: #8A0F14;
}

.HomePanel .shopping-icon,
.HomePanel .theme-icon,
.HomePanel .search-icon {
    background-color: #ADBDCD;
}

/*TopInpageNav*/
#modal .TopInpageNav {
    background: linear-gradient(#506B86, #003366);
}

/*Colour Pseudo-Classes Simple*/
/*a*/
a:active,
a:link,
a:visited {
    color:#00376C;
}

a:hover {
    color:#000000;
}

/*Colour Pseudo-Classes Combined*/
/*a*/

.BrowseBarLink:hover {
    color: #CCD6E0;
}

.CollectBack a:link, 
.CollectBack a:visited, 
.CollectBack a:active {
    color:#003366;
}

.CollectBack a:hover,
.CollectBack h2 a:link, 
.CollectBack h2 a:visited, 
.CollectBack h2 a:active, 
.RecordDownloadSpace .HorizontalWhiteNav a:active, 
.RecordPanel .RecordDownloadSpace .HorizontalWhiteNav a:hover {
    color:#003366;
}


#CollectionMenu a:link,
#CollectionMenu a:visited,
#CollectionMenu a:active {
    color:#FFFFFF;
}

.HomePanel a:link, 
.HomePanel a:visited, 
.HomePanel a:active, 
.HomePanel a:hover {
    color:#00376C;
}

.HorizontalWhiteNav a:hover, 
.BasicsBox .VerticalNav a:hover, 
.ListTitle a:hover
.NoFind a:link, 
.NoFind a:visited, 
.NoFind a:hover, 
.NoFind a:active,
.RecordStory a:hover {
    color:#000000;
}

#SearchBoxPanel a:link, 
#SearchBoxPanel a:visited, 
#SearchBoxPanel a:hover, 
#SearchBoxPanel a:active, 
#ResearchBoxPanel a:link,
#ResearchBoxPanel a:visited, 
#ResearchBoxPanel a:hover, 
#ResearchBoxPanel a:active, 
.ListviewTitleStyle a:link, 
.ListviewTitleStyle a:visited, 
.ListviewTitleStyle a:hover {
    color: #036;
}


/*.RecordPanel .RecordDownloadSpace .DownloadDBlend a:hover {
    background-color: #506B86;
}*/

/*input*/
input[type=button]:hover, 
input[type=submit]:hover {
    background-color: #506B86;
}

/*
3. BOXES
*/

/*Box Elements Simple*/
Footer {
    border-top: 1px solid #BDCAD3;
    margin: 10px 25px 0px;
}

select {
    border: 1px solid #BDCAD3;
    border-radius: 3px;
    //padding: 0px;
    margin: 3px;
}

/*Box Elements Combined*/
#HeaderResponsive > a:first-child {
    height: 100px;
    display: inline-block;
    width: 100%;
    background-size: contain;
    position: inherit;
}

/*.RecordPanel .RecordDownloadSpace .DownloadDBlend a {
    border-radius: 2px;
    border: none;
    box-shadow: none;
    padding-top: 1px;
    padding-bottom: 2px;
}*/

.TabSelected a {
    border-color: #DDD;
}

/*h*/
.DownloadFileName h2 {
    width: 20em;
}

.HomePanel h2 {
    min-height: 50px;  
}

#SearchBoxPanel #searchspace h2 {
    padding-left: 1.2em;
}

/*input*/
input[type=button], 
input[type=submit]  {
    border-radius: 2px;
    border: none;
    box-shadow: none;
    padding-top: 1px;
    padding-bottom: 2px;
}

/*li*/
.BasicsBox .HorizontalNav li {
    border-right:1px solid #B5C3D4;
    border-top-style: none;
    border-bottom-style: none;
    border-left-style: none;
}


#CollectionMinRightNav li {
    border-left:1px solid #B6BBC1;
}

.HorizontalNav li {
    line-height: 25px;
}

.HorizontalWhiteNav li, 
.HorizontalNav li {
    padding: 0 0.5em 0 0.5em;
    border-left:1px solid #BDCAD3;
}

/*select*/
.Question select {
    height: auto;
}

/*td*/
.InfoTable td {
    border:1px solid #BBBBBB;
    border-top:1px solid #BBBBBB;
    padding:10px;
}

.Listview td {
    border-bottom: 1px solid #BBBBBB;
    //width:50%;
}

td.RatingStars {
    width: 20%;
}

.RecordPanel .RecordDownload .DownloadDBlend td {
    //border: 1px solid #E2E2E2;
    padding-left: 0.4em;
}

.SearchBarTab {
    color: black;
    background-color: rgba(255, 255, 255, 0.3);
}

.SearchBarTab.SearchBarTabSelected {
background: rgba(250,250,245, 80%);
}

.SearchBarTab.BrowseTab {
background: rgba(255, 255, 255, 0.3);
}

/*Box Ids Simple*/
/*#CentralSpaceContainer {
    padding: 10px 10px 0 0;
    margin: 15px 0 8px 25px;
}*/

#BrowseBarContainer {
    min-height: 30em;
    border: 1px solid #BDCAD3;
    padding-bottom: 2.5em;
}

#CollectionMenu, 
#CollectionMenuExp {
    border-right: 1px solid #79899C;
}

#CollectionMinRightNav {
    margin: 5px 10px 0 0;
}

#CollectionMinTitle {
    margin: 4px 10px 0;
}

#DownloadFileName {
    colspan: "2";
}

#Footer {
    border-top-color: #BDCAD3;
}

#FooterLanguages {
    margin-left: 5.5px;
}

#FooterNavLeft, 
#FooterNavRight {
    margin-top: 5px;
}

#GeoDragMode {
    padding-bottom: 10px;
}

#Header {
    padding:0px;
}

#HeaderNav1 {
    margin-bottom: 0px;
    margin-right: 30px;
    width: 100%;
    line-height: 18px !important;
    height: 25px !important;
}

#HeaderNav2 {
    width: 100%;
    height: 100px;
    margin: 0px 0px 20px 0px;
    margin-top: 0px !important;
    padding-left: 0;
    line-height: 18px !important;
    height: 25px;
}

#HomePanelContainer {
    margin-left: 0.5em;
}

#HomeSiteText {
    max-width: 1000px;
    border-radius: 0;
    /*order: 1;*/
}

#Metadata {
    border-radius: 0px;
    border-bottom: 1px solid #BDCAD3;
    border-left: 1px solid #BDCAD3;
    border-right: 1px solid #BDCAD3;
}

a #PreviewImageLarge {
    height: 100%;
    width: unset;
}

#RecordDownloadTabButtons {
    width: auto;
}

#ThemeBoxPanel, 
#SearchBoxPanel, 
#ResearchBoxPanel {
    /*border: 1px solid #BDCAD3;*/
    border-radius: 0px;
}

#ResearchBoxPanel {
    padding: 6px 6px 15px 6px;
}

#SearchBarContainer {
   /* border: 1px solid #BDCAD3;*/
}

#SearchBox {
    /*width: 90%;
    margin: 0 2em 0 0;
    max-width: 295px;*/
}
#SearchBoxPanel {
    width:99.5%;
    border: 1px solid #BDCAD3;
}

#searchspace {
    width: 100%; 
    padding: 6px 6px 15px 6px;
}

#ssearchbox {
    margin-left:0.5em;
}

#simple_search_form {
    margin: 0 1em 0 0.5em;
}

/*Box Ids Combined*/
img#HeaderImg {
    height: 100% !important;
    max-width: none;
    max-height: 100px !important;
    position: relative;
}

.HeaderMid #HeaderNav1, 
.HeaderMid #HeaderNav2 {
    margin: 12px 0 0 0;
}

.RecordPanel #Metadata {
  /* margin-bottom: 10px; */
  margin-bottom: 20px;
}

.RecordPanel #Panel1{
  padding: 1em 0 0 1em;
  border-top: 1px solid #BDCAD3;
  border-left: 1px solid #BDCAD3;
  border-right: 1px solid #BDCAD3;
  margin-top: 20px;
}

#previewimagewrapper {
order: 1;
}

#RecordDownloadTabContainer{
    order: 3;
}

.RecordPanel #Panel1 {
order: 2;
}

#Metadata{
    order: 2;
}

/*Box Classes Simple*/

.BasicsBox {
  margin-right: 0px;
}

.BreadcrumbsBox {
    margin: 1em 1em 0 0;
}


.BreadcrumbsBoxTheme > .SearchBreadcrumbs {
    /*margin-top: 2em;*/
    background: rgba(0, 0, 0, 0);
    color: white;
}

.SearchBreadcrumbs {
    padding: 8px 8px;
    color: white;
    border-radius: 6px;
    margin-top: 2em;
    background: rgba(0, 51, 102, 0.4);
}

#SearchBox .PopupCategoryTree {
    display: block; 
    }

.CollapsibleSectionHead {
    padding-left: 0px;
}

.CollectImageBorder,
.I mageBorder, 
.RecordPanel, 
.Pi cture, 
.VideoBorder {
    border: 1px solid #000000;
}

/*.Question > .FormHelp {
  display: block !important;
}*/

.FormHelpInner {
  background-color: #ffffff;
  border: none;
}

.PageInformal, 
.FormIncorrect,
.NoFind,
.RecordStory {
    border: 1px solid #BBBBBB;
}

.HeaderImgLink {
    float: right;
}

.HomePanelIN {
    padding: 6px 6px 15px 6px;
}

.HomePicturePanelIN {
    border: 1px solid #BDCAD3;
    margin-left: 1em;
}

.HomePanelIN, 
.RecordPanel, 
.ResourcePanel, 
.ResourcePanelSmall, 
.ResourcePanelLarge {
    border: 1px solid #BDCAD3;
    border-radius: 0px;
}

.RecordResource {
  display: flex;
  flex-direction: column;
}

.RecordStory {
    margin: 1em 1em 0.5em 1em;
}

.ListDropdown {
    height: auto;
}

.meter-wrap{
    position: relative;
    width:290px;
    border:1px solid #BBBBBB;
}

.NavUnderline {
    border-bottom: 1px solid #5A7599;
}

.olMap {
    height: 400px!important;
}

.PanelShadow {
    height: 5px;
}

.RecordPanel {
    padding: 10px 10px;
}

.RecordBox {
    margin: 20px 4em 15px 0px;
}

.SearchSpace {
    padding: 6px 6px 15px;
}

.SearchTitle {
  margin-top:10px;
}


.ThemeBox,
.TopInpageNav {
    border-bottom: 1px solid #BBBBBB;
}

/*Box Classes Combined*/

.BreadcrumbsBoxTheme {
  /*margin: 1em 0.2em 0 0;*/
  padding: 0px 0px;
}

/*collection-icon*/
.HomePanel .collection-icon {
    background-position: -5px;
    width: 50px;
    height: 50px;
    margin-top: 10px;
}


/*h1*/
.BasicsBox h1.CollapsibleSectionHead {
    padding-left: 0px;
}

/*iframe*/
iframe.AdminRight {
    margin: 75px 25px 0px 0px!important;
}
iframe.AdminLeft {
    position: static !important;
}

/*itemNarrow*/
.RecordPanel .itemNarrow {
    width: auto;
}

.ResourcePanel.Selected {
  border: 1px solid #2E99E6;
}

/*p*/
p.tight {
    width:1200px;
}

/*RecordDownload*/

.RecordPanel .RecordDownload {
    border: 1px solid #BDCAD3;
    border-radius: 0px;
    width: auto;
    margin: 20px 0px 20px 0px;
}

/*search-icon*/
.HomePanel .search-icon {
    width: 50px;
    height: 50px;
    margin-top: 16px;
    background-position: -6px;
    border-radius: 10%;
}

#searchspace .searchbutton {
    margin-left: 0.5em;
}

/*Search Similar*/
.RecordPanel .SearchSimilar {
    width: auto;
    padding-right: 10px;
}

.BasicsBox.SearchSticky {
  margin: 1em 1em 0 0;
}

/*SearchWidth*/
.SearchSpace .SearchWidth {
    width: 93%;
    margin: 0.5em;
}

.SearchSpace .SearchWidthHalf {
    /*width:30%;*/
    margin:0.5em;
    padding-left:0.5em;
}

.SearchSpace .MiniCategoryBox {
   display: none;
   width: 79%;
   margin: 0.5em;
}

/*shopping-icon*/
.HomePanel .shopping-icon {
    width: 50px;
    height: 50px;
    margin-top: 16px;
    background-position: -5px;
    border-radius: 10%;
}

/*theme-icon*/
.HomePanel .theme-icon {
    width: 50px;
    height: 50px;
    margin-top: 16px;
    background-position: -6px;
    border-radius: 10%;
}


/*=====2. Grouped by Function====*/

/* System Setup */
.treetext {
    color: #000000;
}
.treetext a:link,
.treetext a:visited,
.treetext a:hover,
.treetext a:active {
    color: #000000; 
    background: none;
}

.proptitle {	
    color: #FFFFFF;
    background: rgb(119,119,119);
}	
.propbox {
    color: #000000;
    background: #FFFFFF;
}
.propbox a:link,
.propbox a:visited {
    color: rgb(115,115,115); 
    background: none;
}
.propbox a:hover,
.propbox a:active {
    color: #000000; 
    background: none;
}

.permissionstable tr td.permheader {
    color: #000000;
    background: rgb(221,221,221)
}
.permissionstable tbody	{
    color: #000000;
}

.CodeMirror-wrapping {
    color: #000000;
    background: #FFFFFF;
}
	
/* Additional CSS effects from WhiteSpace */


/*responsive*/
@media all and (max-width:1200px) and (min-width:601px) {
    #HeaderNav1 {
        background: none;
	height: auto !important;
    }
	
    #HeaderNav2 {
        background: none;
        height: auto;
    }

    #HeaderNav2 li a {
        color: #000000 !important;
        opacity: 1 !important;
    }
	
    #SearchBoxPanel #ssearchbox {
        margin-top: 5px;
        margin-bottom: 5px;
    }
    
    .SearchItem .SearchWidth, .SearchItem .SearchWidthHalf {
        float: left !important;
    }

    #SearchBoxPanel .ResponsiveSimpleSearch .SearchItem label {
        width: 100%;
    }
    
    .SearchItem .SearchWidth {
        width: 100%;
    }

    /*input*/
    input[type=button]:hover, 
    input[type=submit]:hover,
    button:hover {
        background: #506B86 !important;
    }
}

@media all and (max-width:600px) and (min-width:1px) {
    #Header {
        background: url(../gfx/titles/husiegel.svg) no-repeat right top !important;
        background-size: 75%;
        margin: 8px 8px 8px 8px;
    }
    img#HeaderImg {
        display: none !important;
    }
    #HeaderNav1 {
        background: none;
        height: auto !important;
        text-align: left !important;
        float: left;
    }
	
    #HeaderNav2 {
        background: none !important;
        height: auto;
    }

    #HeaderNav2 li a {
        color: #000000 !important;
        opacity: 1 !important;
    }
	
    #SearchBoxPanel #ssearchbox {
        margin-top: 5px;
        margin-bottom: 5px;
    }
    
    .SearchItem .SearchWidth, .SearchItem .SearchWidthHalf {
        float: left !important;
    }
        
    #HeaderResponsive > a:first-child {
        height: 130px !important;
    }
    #responsive_collection_toggle {
        top: 210px !important;
    }
    #Rssearchexpand {
        margin-right: 5px !important;
    }
    .ActionsContainer > select {
        width: 5em !important;
    }
    .BasicsBox.SearchSticky {
        margin: 1em 0 0 0;
    }

    #SearchBoxPanel .ResponsiveSimpleSearch .SearchItem label {
        width: 100%;
    }

    .SearchItem .SearchWidth {
        width: 100%;
    }

        /*input*/
    input[type=button]:hover, 
    input[type=submit]:hover,
    button:hover {
        background: #506B86 !important;
    }

}


/* Responsive SpriteSheet */

#Responsive_ResultDisplayOptions:after {
    content: "\00a0\f013";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-style: normal;
    display: inline-block;
    text-decoration: none;
}


/* annotation plugin */
div.image-actions, div.image-annotate-note {
    background-color: #CCD6E0;
}

.no-audio-access
{
display: block;
vertical-align: top;
box-sizing: border-box;
position: relative;
padding: 0;
font-size: 10px;
line-height: 1;
font-weight: 400;
font-style: normal;
font-family: Arial,Helvetica,sans-serif;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
margin: auto;
}