@charset "UTF-8";

:root {
    --font-size:12pt;
    --font-family:  'Open Sans', Helvetica Neue, Arial, Helvetica, sans-serif;

    --basic-border:1px #ccc solid;
    --highlight-border:1px #aaa solid;

    --nav-color:#000;
    --nav-link-color:#000;


    --highlight-color:#398B54;
    --highlight-color:#FA2900;
    --highlight-color:#213E86;
    --highlight-color:#4946DD;
    --highlight-color:#1D9EAE;
    --highlight-color:#0657F9;
    --highlight-color:#9B1E25;
    --highlight-color:#0074D9;

    --hover-color:var(--highlight-color);

    --highlight-background: #eee;
    --highlight-background: #efefef;
    --header-background:  #eaeaea;


    --href-decoration:none;   
    --href-color: var(--highlight-color);
    --href-decoration:underline;
    --href-color: #000;

    --color-mellow-yellow:#fffeec;

   --nav-hover-color:var(--highlight-color);
   --cal-font-size:10pt;
   --cal-background:#C5E5F5;

   --nav-left-z-index: 50;
   --nav-page-fixed-z-index:200; 
   --block-z-index:1;
   --draggable-z-index:1000;
   --expandable-z-index:500;
   --draft-z-index:3000;
   --splash-z-index:3000;
   --splash-z-index2:3001;   
   --ol-z-index:0;
   --ol-popup-z-index:1000;
   --animation-tick-z-index:0;    
   --animation-tick-hover-z-index:50;
   --ui-dialog-z-index: 10000;

   --selectdiv-z-index: 900;
   --floatdiv-z-index:1;
   --hideshow-z-index:2;
    
   --wikieditor-message-z-index:1000;
   --wikieditor-preview-z-index:1000;
   --wikieditor-preview-handle-z-index:1001;

   --popup-z-index:  3000;
   --modal-z-index:4000;
   --header-z-index:100;
   --image-edit-z-index:1000;



}

body {
    font-family: var(--font-family);
    font-size: var(--font-size) !important;
    margin: 0px;
    padding: 0px;
}

html, body {
  height: 100%;
}




form {
    margin:0px;
    padding: 0px;
}


textarea, input {
    resize:both !important;
}

select, input, password, fileinput, textarea {
    border  :var(--basic-border)
}

input:focus, textarea:focus, .ramadda-search-input:focus {
    border:var(--highlight-border);
    outline:none;
}

select:focus {
    border:var(--highlight-border);
    outline:none;
}



/*Resets for bootstrap*/
h1 {
    font-size: 170%;
    margin-top:1em;
    margin-bottom:0px;    
}
h2 {
    font-size:150%;
    margin-top:1em;
    margin-bottom:0px;    
}
h3 {
    font-size: 125%;
    margin-top:1em;
    margin-bottom:0px;    
}
h4 {
    font-size: 110%;
    margin-top:1em;
    margin-bottom:0px;    
}

/* for centering */
.ramadda-center {
  display: flex;
  align-items: center;
  justify-content: center;       
}


.ramadda-page-heading, .ramadda-heading, .ramadda-lheading, .ramadda-blurb {
    font-size:140%;
}

.ramadda-page-heading, .ramadda-heading  {
    padding: 0px;
    margin: 0px;
    color: #000;
    text-align: center;
}

.ramadda-lheading  {
    padding: 0px;
    margin: 0px;
    color: #000;
}

.ramadda-heading-inner, .ramadda-lheading-inner {
    display:inline-block;
    position:relative;
}


.ramadda-error {
    font-weight: bold; 
    background: #BA3B28;
}

.ramadda-shadow-box {
    background-color : #FFF; 
    display:inline-block;
    padding:5px;
    box-shadow: rgba(116, 129, 141, 0.4) 3px 3px 10px -2px;
    -webkit-box-shadow: rgba(116, 129, 141, 0.4) 3px 3px 10px -2px;
    border-radius:4px;
    border:1px solid rgb(211, 220, 228); 
}

p {margin-top:1em;}

a {
    color: var(--href-color);
    text-decoration: var(--href-decoration);
}

a:hover {
    color:var(--highlight-color);
    cursor:pointer;
}

a.btn:link {color: #000;}

h2 a,   h2 a:visited, h2 a:link  {color: #000;}

.row {margin-right:0px;margin-left:0px;}

/* reset the bootstrap pagination to enable  scrollify */
.pagination {
    display: block;
}

.black_href a, .black_href a:visited, .black_href a:link {
    color:#000;
}

.ramadda-colortable-select {
    cursor:pointer;
}

.ramadda-menu-button {
    background:#fff;
    display:inline-block;
    margin-left:4px;
    margin-right:4px;
    margin-bottom:2px;
    margin-bottom:2px;
    cursor:pointer;
    padding:4px;
    border:var(--basic-border);
    border-radius: 4px;
}

.ramadda-menu-button.bold {
    border:1px solid #888;
}

.ramadda-menu-button:hover {
    background:var(--highlight-background);
}


.ramadda-button a, .ramadda-button a:hover {
    color:rgb(85, 85, 85);
    text-decoration:none;
}

.ramadda-button-blue {
    background:#286090;
    border:1px #286090 solid;
}


a:visited.ramadda-button-blue, a:visited.ramadda-button-green, a:link.ramadda-button-blue, a:link.ramadda-button-green {
    color: #fff;
}

a:link.ramadda-button-blue:hover, a:visited.ramadda-button-blue:hover, .ramadda-button-blue:hover, a:link.ramadda-button-green:hover,a:visited.ramadda-button-green:hover, .ramadda-button-green:hover {
    color: #000;
}

.ramadda-button-green {
    background:#188fa7;
    border:1px #188fa7 solid;
}

.ramadda-button-tan {
    background:#e1b07e;
    border:1px #e1b07e solid;
}


.ramadda-hflow {
    display:inline-block;
}


/*** navigation **/

.ramadda-nav-top {
    text-align: center;
    font-size:120%;
}

.ramadda-tree-link, .ramadda-nav-link {
    text-decoration:none;
    color:#000;
}


.ramadda-nav-left-extra {
}

.ramadda-nav-left-extra li {
    margin:0px;
}

.ramadda-nav-link-active {
    background:#eee;
    font-weight:500;
}

.ramadda-nav-link-0 {
    font-size:110%;
    font-weight:bold;
}    

.ramadda-nav-link-1 {
    padding-left:10px;
}    

.ramadda-nav-link-2 {
    padding-left:20px;
}    

.ramadda-nav-link-3 {
    padding-left:30px;
}    


.ramadda-nav-list-link::before{
   content: '';
   display: inline-block;
   width: 8px;
   height: 8px;
   -webkit-border-radius: 4px;
   border-radius: 4px;
   background-color: #444;
   margin-right:4px;
}

.ramadda-nav-list-link-1 {
    margin-left:0px;
    list-style-type: circle;
}    

.ramadda-nav-list-link-2 {
    margin-left:30px;
    list-style-type: circle;
}    

.ramadda-nav-list-link-3 {
    margin-left:60px;
    list-style-type: circle;
}    


.ramadda-links-horizontal {
    display:inline-block;
}

.ramadda-nav-popup-container {
    display:inline-block;
    position:relative;
}

.ramadda-nav-popup {
    font-size: var(--font-size);
    display:none;
    position:absolute;
    width:200px;
    padding:5px 10px;
    text-align:left;
}

.ramadda-nav-popup-link {
    display: inline-block;
    cursor:pointer;
    width:100%;
}

.ramadda-nav-popup a {
    color: var(--nav-link-color);
}

i.fa, i.fas,i.fab {
    color:#aaa;
    font-size:var(--font-size);
}


.ramadda-nav-horizontal .ramadda-links a {
    display:inline-block;
    width:100%;
}



.ramadda-nav-left {
    padding:20px;
    padding-top:80px;
    width:250px;
    border-right:var(--basic-border);
    background:#FAFAFA;
    min-height:100vh;
    height:100vh;
    position:fixed;
    top:0px;
    left:0px;
    z-index: var(--nav-left-z-index);
}

.ramadda-nav-left-links {
   width:100%;
   min-height:40vh;
   max-height:40vh;
   overflow-y:auto;
   white-space:nowrap;
   margin-bottom:10px;
}

.ramadda-nav-left-link {
    margin-bottom:3px;
}


.ramadda-nav-left-link .ramadda-nav-link {
    display:inline-block;
    width:100%;
}


.ramadda-nav-link:hover {
    background:var(--highlight-background);
}


.ramadda-nav-left-extra .ramadda-links {
    color:var(--nav-link-color);
   min-height:40vh;
   max-height:40vh;
   overflow-y:auto;
   white-space:nowrap;
}

.ramadda-nav-left a, .ramadda-nav-left a:visited {
    color:var(--nav-link-color);
}

.ramadda-nav-left-extra .ramadda-links  a {
    color:var(--nav-link-color);
}

.ramadda-links a {
    color: var(--nav-link-color);
}

.ramadda-links a:hover {
    color: var(--hover-color) !important;    
}


.ramadda-links h3 {
    text-align:center;
    font-size:100%;
    font-weight: bold;
    padding-bottom:4px;
    margin-top:1em;
    margin-bottom:4px;
    border-bottom: 1px #e8e8e8 solid;
    border-bottom: var(--basic-border);    
    color: var(--nav-color);
}



.ramadda-links h3:hover {
}

.ramadda-nav-left-extra .ramadda-links-highlight {
    background:#ddd;
    display:inline-bloxk;
}

.ramadda-links-inner ul {
    padding-left:15px;
    margin-bottom:0px;
}

.ramadda-links-inner {
    margin-left:5px;
    overflow-y:auto;
    line-height:1.5em;
    overflow-x:auto;
    max-width:100%;
    white-space: nowrap;
    color: var(--nav-color);
}

.ramadda-nav-left-toggle  {
    position:absolute;
    left:5px;
    top:10px;
    cursor:pointer;
}



.ramadda-nav-left-toggle i:hover  {
    color: var(--hover-color) !important;    
}

.ramadda-nav-right {
    /* the margin here is the same as the width of the ramada-nav-left element */
    margin-left:250px;
    position:relative;
}

.ramadda-nav-arrow {
    color:rgba(190,190,190,0.90);
}

.ramadda-nav-arrow:hover {
    text-decoration:none; color:var(--highlight-color);    cursor:pointer;
}


a.ramadda-nav-link-0, a.ramadda-nav-link-0:visited, .ramadda-nav-left h3 a, .ramadda-nav-left h3 a:visited {
    color:#000;
}

.ramadda-nav-arrow-disabled {
    color:rgba(240,240,240,0.90);
}

.ramadda-nav-arrow-disabled:hover {
    background:transparent;
}

.ramadda-entry-nav-page-outer a {
    text-decoration:none;
}    


a.ramadda-entry-nav-page {
    text-decoration:none;
}

.ramadda-entry-nav-page-decorated {
    min-width:200px;
    padding:10px;
    padding-bottom:10px;
    margin:20px;
    margin-left:40px;
    margin-right:40px;
    vertical-align:center;
    background-color : #FFF; border:1px solid #ccc; border-radius: 4px;z-index:1000;box-shadow: rgba(116, 129, 141, 0.4) 3px 3px 10px -2px; -webkit-box-shadow: rgba(116, 129, 141, 0.4) 3px 3px 10px -2px; 
}

.ramadda-entry-nav-page-decorated a {
    text-decoration:none;
}


.ramadda-entry-nav-page-label {
    text-decoration:none !important;
    font-weight:bold;

}

.ramadda-entry-nav-page-outer:hover {
    color: var(--hover-color) !important;    
}



.ramadda-entry-nav-page-decorated:hover {
    border:1px solid var(--nav-hover-color);
}

.ramadda-nav-page {
    display:inline-block;
    vertical-align:top;
}

.ramadda-nav-page-decorated {
    min-width:200px;
    padding:10px;
    padding-bottom:0px;
}

.ramadda-nav-page-decorated:hover {
    border:1px solid var(--nav-hover-color);
}

.ramadda-nav-page:hover i {
    color:var(--nav-hover-color);
}

.ramadda-nav-page-label {
    margin:10px;
    margin-bottom:4px;    
    display:inline-block;
    vertical-align:middle;
}

.ramadda-nav-page-fixed-prev {
    left:0px;
    margin-top:10px;
    margin-left:10px;
    position:fixed;
    top:55px;
    z-index:var(--nav-page-fixed-z-index);
}

.ramadda-nav-page-fixed-next {
    margin-right:10px;
    margin-top:10px;
    position:fixed;
    right:0%;
    top:55px;
    z-index:var(--nav-page-fixed-z-index);
}

.ramadda-nav-right .ramadda-block {
/*    margin-left:20px !important;
    margin-right:20px !important;    
*/
}    

.ramadda-menubar {
    max-width:100%;
    white-space:nowrap;
    overflow-x:scroll;
    vertical-align:bottom;
    display:inline-block;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;  
    border:1px solid #ccc;
    border-bottom:0px;
    background:#F0F0F0;
    margin-top:6px;
    padding-top:2px;
    padding-bottom:0px;
}


a.ramadda-menubar-button:link, a.ramadda-menubar-button {
    color:rgb(85, 85, 85);
    text-decoration:none;
}

a.ramadda-menubar-button:hover {
    text-decoration: underline;
    color:#000;
}

.csv_header_field {
    color:blue;
    cursor:pointer;
    text-decoration: underline !important;
}

.csv_addheader_field {
    color:blue !important;
    cursor:pointer;
    text-decoration: underline;
}

.csv_db_field {
    text-decoration: underline !important;
    color:blue !important;
    cursor:pointer !important;
}

.ramadda-menubar-button:hover {
    text-decoration: underline;
    cursor:pointer;
}

.ramadda-menubar-button {
    display:inline-block;
    border-right:var(--basic-border);
    padding-left:8px;
    padding-right:8px;
    padding-top:5px;
    padding-bottom:5px;
}

.ramadda-menubar-button-last {
    border-right:0px #ccc solid;
}

.ramadda-menubar-button:last-child {
    border-right:0px #ccc solid;
}

.ramadda-popup-link .ramadda-menubar-button {
    border:0px;
    border-right:var(--basic-border);
}

.ramadda-page-title  {
    font-size:200%;
    text-align:center;
}

.ramadda-page-subtitle  {
    font-size:var(--font-size);
    text-align:center;
}


.ramadda-help-heading {
    font-size:120%;
    font-weight: bold;
    padding: 0px;
    margin-top: 20px;
    margin-bottom: 2px;
    color: #000;
}

.ramadda-help-heading a  {
    color:#000;
}

.ramadda-help-subsubheading a  {
    color:#000;
}

.ramadda-help-subsubheading {
    font-size:110%;
    font-weight: bold;
    padding: 0px;
    margin-top: 20px;
    margin-bottom: 2px;
    color: #000;
}



.ramadda-credit-outer {
    text-align:center;
    margin-bottom:2px;
}

.ramadda-credit {
    font-style:italic;
}


.ramadda-heading-outer  {
    text-align:center;
}


.ramadda-heading.ramadda-linkable, .ramadda-lheading.ramadda-linkable {
    display:inline-block;
}

.ramadda-linkable  {
    position:relative;
}

.ramadda-linkable-link  {
    position:absolute;
    display:none;
    left:100%;
    margin-left:1px;
}






.ramadda-subheading  {
    font-size:115%;
    padding: 0px;
    margin: 0px;
    margin-bottom: 2px;
    color: #000;
    text-align: center;
}


.ramadda-subheading-small  {
    font-size:100%;
    padding: 0px;
    margin: 0px;
    margin-bottom: 2px;
    color: #000;
    text-align: center;
}

.ramadda-page-title-left, .ramadda-page-heading-left  {
    text-align:left;
}



.ramadda-page-heading-small  {
    font-weight: bold;
    text-align:left;
    padding: 0px;
    margin: 0px;
    margin-bottom: 2px;
    color: #000;
}



.ramadda-page-title  a , .ramadda-page-title  a:visited, .ramadda-page-heading a, .ramadda-page-heading  a:visited,.ramadda-heading a,.ramadda-lheading a, .ramadda-heading  a:visited, .ramadda-lheading  a:visited, .ramadda-page-heading-small a, .ramadda-page-heading-small  a:visited, .ramadda-page-blurb a, .ramadda-page-blurb  a:visited {
    color: black;
}


.ramadda-callout {
    border:var(--basic-border);
    border-left: 4px solid;
    padding:10px;
    border-radius:4px;
    background:rgb(250,250,250);

}


.ramadda-callout-icon {
    display:inline;
    margin-right:40px;
    vertical-align:top;
}

.ramadda-callout-inner {
    display:inline-block;
}


.ramadda-callout-info {
    border-left-color: cornflowerblue;
}



.ramadda-callout-info i {
    color: cornflowerblue;
}

.ramadda-callout-warning {
    border-left-color: #C63100;
}

.ramadda-callout-warning i {
    color: #C63100;
}

.ramadda-callout-question {
    border-left-color: darkolivegreen;
}

.ramadda-callout-question i {
    color: darkolivegreen;
}



.ramadda-block-outer {
}

.ramadda-block {
    border-radius: 4px;
    overflow-y: auto;
    color:#000;
    z-index: var(--block-z-index);
    margin-bottom: 5px;
}

.ramadda-block ul {
    margin-left:10px;
    padding:10px;
}

.ramadda-block .bs-inner {
    margin-bottom: 5px;
    overflow-y: auto;
}

.ramadda-snippet-popup {
    max-width:400px;
}

.ramadda-snippet {
    margin-bottom: 5px;
    text-decoration:none !important;
}

.ramadda-snippet-hover {
    display:none;
}


.ramadda-snippet-popup {
    margin:10px;
}

.note,  .ramadda-note, .ramadda-blurb, .ramadda-box, .ramadda-blurb {
    border-radius: 3px;
}

.ramadda-note-outer {
    text-align:center;
    margin-top:2px;
    margin-bottom:2px;
}

.note,  .ramadda-note {
    text-align:center;
    margin-top:4px;
    margin-bottom:4px;
    padding:8px;
    padding-left:14px;
    padding-right:14px;
    border : var(--basic-border);
    display: inline-block;
    background-color : var(--color-mellow-yellow);
}


.ramadda-blurb-outer {
    text-align:center;
}

.ramadda-blurb {
    margin-top:4px;
    margin-bottom:4px;
    display:inline-block;
    border: 0px;
    border: var(--basic-border);
    background:#fff;
    padding: 6px; 
    padding-left:12px;
    padding-right:12px;
}


.ramadda-box-outer {
}

.ramadda-box {
    margin-top:2px;
    margin-bottom:2px;
    padding:10px;
    border : var(--basic-border);
}




.ramadda-draggable-frame {
    z-index:var(--draggable-z-index);
    border:var(--basic-border);
    padding:4px;
    position:relative;
}


.ramadda-header-small {
    text-align:center;
    font-size:120%;
    font-weight:bold;
}

.ramadda-draggable-header {
    background:var(--header-background);
    border:var(--basic-border);    
    border-bottom:var(--basic-border);
    cursor:grab;
    padding:4px;
}

.ramadda-expandable-frame {
    z-index:var(--expandable-z-index);
    border:var(--basic-border);
    padding:4px;
}


.ramadda-expandable-header {
    background:var(--header-background);
    border:var(--basic-border);    
    border-bottom:0px solid #ccc;
    cursor:grab;
    padding:4px;
}

.ramadda-expandable-link {
    background:#fff;
}





.ramadda-grid {
    vertical-align:top;
    display:flex;
    flex-wrap: wrap;
//    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

 
.ramadda-grid-1 {
    grid-template-columns: 1fr;
}

.ramadda-grid-2 {
    grid-template-columns: 1fr 1fr;
}

.ramadda-grid-3 {
    grid-template-columns: 1fr 1fr 1fr;
}

.ramadda-grid-4 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.ramadda-grid-5 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}


.ramadda-gridbox {
    display:inline-block;
    flex-grow:1;
    vertical-align:top;
    margin:5px;
    padding:10px;
    padding-bottom:6px;
    padding-top:6px;
    text-align:left;
}

/*
.ramadda-gridbox {
    --element-border: gainsboro;
    --element-color:gray;
    border: 1px solid var(--element-border);
    border-radius: 5px;
    background: rgba(0, 0, 0, 0) linear-gradient(to right, rgb(248, 243, 248), rgb(250, 248, 250)) repeat scroll 0% 0%;
    color: var(--element-color);
    transition: all 300ms ease 0s;
    line-height: 20px;
    padding:10px;
    padding-left:15px;
    padding-right:15px;
}
*/



.ramadda-gridbox ul {
    margin:0px;
    padding: 0px;
}

.ramadda-gridbox li {
    margin:0px;
    margin-left:15px;
    padding: 0px;
}

.ramadda-gridbox-contents a {
    color: var(--element-color);
}

.ramadda-gridbox-contents {
}

.ramadda-gridbox-header {
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 5px;
}



.ramadda-grid-decorated .ramadda-gridbox, .ramadda-gridbox-decorated {
    border : var(--basic-border);
    background: #FbFbFb;
    border-radius: 4px;
}


.ramadda-gridbox-decorated:hover {
    border:   var(--highlight-border);
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}

.ramadda-gridbox .ramadda-subheading {
    max-width:100%;
    overflow-x:auto;
    white-space:nowrap;
}

.ramadda-card  {
    max-height:100%;
    overflow-y:auto;
}    

.ramadda-card-image {
    border : var(--basic-border);
    margin-top:4px;
}



.ramadda-draft-container {
    pointer-events: none;
    position:absolute;
    z-index:var(--draft-z-index);
    display:block;
    height:200px;
    width:50%;
}


.ramadda-draft {
    pointer-events: none;
    color:rgba(200,200,200,0.5);
    font-size:120px;
    transform:rotate(325deg);
    -webkit-transform:rotate(325deg);
}

.ramadda-splash-container {
    cursor:default;
    background:rgba(200,200,200,0.5);
    height:100vh;
    overflow-y:hidden;
    position:absolute;
    top:0px; left:0px;right:0px;bottom:0px;
    z-index:3000;
    display:block;
}

.ramadda-splash-body {
    overflow: hidden;
}


.ramadda-splash {
    position:relative;
    padding:10px;
    width:30%;
    margin-top: 100px;
    margin-left: auto;
    margin-right: auto;
    background:#ffff;
    z-index:3001;
    display:block;
}




.baseLayersDiv, .dataLayersDiv {
    max-height:150px;
    overflow-y: auto;
}

.ramadda-div-link {
    cursor:pointer;
}

.ramadda-div-link:hover {
    text-decoration: underline;
}

  /* avoid pink tiles */
.olImageLoadError {
    background-color: transparent !important;
}

.olButton, div.olMap {
    z-index:var(--ol-z-index);
    position:relative;
}

.olPopup, .olFramedCloudPopupContent {
    z-index:var(--ol-popup-z-index)  !important;
}

.olPopup {
    padding:5px;
    padding-right:5px;    
    border:1px solid #888 !important;
    border-radius:4px;
    box-shadow: rgba(116, 129, 141, 0.4) 3px 3px 10px -2px; -webkit-box-shadow: rgba(116, 129, 141, 0.4) 3px 3px 10px -2px; 
    max-height:400px;
  

}

.olPopupContent {
    font-size:8pt;
    padding:0px !important;
    padding-right:8px !important;
    padding-bottom:8px !important;        
    z-index:var(--ol-popup-z-index)  !important;
    overflow-y:auto;
}

.olPopupContent h3 {
    margin-top:0px;
}
.olFramedCloudPopupContent {
    font-size:8pt;
}

.ramadda-map {
    border:1px #aaa solid;
    background-color:#7391ad; 
}


.ramadda-map-slider {
    position:absolute;
    top:0px;
    background:#ffffff;
    border:1px solid #ccc; 
}


.ramadda-map-container {
    position:relative;
}


.ramadda-map-loc:hover {
    background:#eee;
}

.ramadda-map-loc {
    border-bottom: var(--basic-border);
    padding-left:4px;
    padding-right:4px;
    padding-bottom:2px;
    padding-top:2px;
    max-width: 300px;
    overflow-x:hidden;
    white-space:nowrap;
    cursor: pointer;
}

.ramadda-map-loc-input {
    border:1px #aaa solid;
}

.ramadda-map-latlonreadout {
}

.ramadda-map-animation {
}

.ramadda-map-features {
}

.ramadda-map-feature {
    cursor:pointer;
}
.ramadda-map-feature:hover {
    text-decoration: underline;
}



.ramadda-map-animation-ticks {
    position:relative;
    height:21px;
    border-bottom: 1px #aaa solid;
}

.ramadda-map-animation-tick-reset {
    cursor:pointer;
}

.ramadda-map-animation-tick-reset:hover {
    text-decoration: underline;
}

.ramadda-map-animation-tick {
    width:5px;
    position:absolute;
    height:20px;
    background-color:#888;
    display:inline-block;
    z-index:var(--animation-tick-z-index);
}
.ramadda-map-animation-tick:hover {
    background-color:blue;
    z-index:var(--animation-tick-hover-z-index);
}

.ramadda-map-search {
    margin-bottom:0px;
}

.ramadda-map-search  input {
    border:1px #aaa solid;
}



.ramadda-message-plain, .ramadda-message {
    display: inline-block;
    border-radius: 4px;
    border: 1px #aaa solid;
    margin:10px;
    padding:5px;
    min-width: 400px;
}

.ramadda-message {
    background-color : var(--color-mellow-yellow);
}



.ramadda-message-icon, .ramadda-message-link {
    padding:10px;
}

.ramadda-message-inner {
    padding:10px;
}

.ramadda-border {
    border: 1px #f1f1f1 solid;
}


/** begin colors */

.ramadda-background-dimgray , .ramadda-block-dimgray , .ramadda-heading-dimgray , .ramadda-box-dimgray , .ramadda-note-dimgray , .ramadda-blurb-dimgray  , .ramadda-section-dimgray  {
    background-color: #696d7d;
    border: 1px #fff solid;
}


.ramadda-background-metal , .ramadda-block-metal , .ramadda-heading-metal , .ramadda-box-metal , .ramadda-note-metal , .ramadda-blurb-metal ,  .ramadda-section-metal  {
    background-color: #6f9283;
}



.ramadda-background-artichoke , .ramadda-block-artichoke , .ramadda-heading-artichoke , .ramadda-box-artichoke , .ramadda-note-artichoke , .ramadda-blurb-artichoke ,  .ramadda-section-artichoke  {
    background-color: #8d9f87;
}



.ramadda-background-darkvanilla , .ramadda-block-darkvanilla , .ramadda-heading-darkvanilla , .ramadda-box-darkvanilla , .ramadda-note-darkvanilla , .ramadda-blurb-darkvanilla ,  .ramadda-section-darkvanilla  {
    background-color: #cdc6a5;
}



.ramadda-background-almond , .ramadda-block-almond , .ramadda-heading-almond , .ramadda-box-almond , .ramadda-note-almond , .ramadda-blurb-almond ,  .ramadda-section-almond  {
    background-color: #f0dcca;
}



.ramadda-background-tumbleweed , .ramadda-block-tumbleweed , .ramadda-heading-tumbleweed , .ramadda-box-tumbleweed , .ramadda-note-tumbleweed , .ramadda-blurb-tumbleweed ,  .ramadda-section-tumbleweed  {
    background-color: #e1b07e;
}



.ramadda-background-palegold , .ramadda-block-palegold , .ramadda-heading-palegold , .ramadda-box-palegold , .ramadda-note-palegold , .ramadda-blurb-palegold ,  .ramadda-section-palegold  {
    background-color: #e5be9e;
}



.ramadda-background-turquoise , .ramadda-block-turquoise , .ramadda-heading-turquoise , .ramadda-box-turquoise , .ramadda-note-turquoise , .ramadda-blurb-turquoise ,  .ramadda-section-turquoise  {
    background-color: #a7cdbd;
}



.ramadda-background-vermillion , .ramadda-block-vermillion , .ramadda-heading-vermillion , .ramadda-box-vermillion , .ramadda-note-vermillion , .ramadda-blurb-vermillion , .ramadda-section-vermillion  {
    background-color: #d56f3e;
}



.ramadda-background-bone , .ramadda-block-bone , .ramadda-heading-bone , .ramadda-box-bone , .ramadda-note-bone , .ramadda-blurb-bone , .ramadda-section-bone  {
    background-color: #e2dbbe;
}



.ramadda-background-platinum , .ramadda-block-platinum , .ramadda-heading-platinum , .ramadda-box-platinum , .ramadda-note-platinum , .ramadda-blurb-platinum ,  .ramadda-section-platinum  {
    background-color: #dfe0e2;
}



.ramadda-background-olivine , .ramadda-block-olivine , .ramadda-heading-olivine , .ramadda-box-olivine , .ramadda-note-olivine , .ramadda-blurb-olivine ,  .ramadda-section-olivine  {
    background-color: #9cb380;
}


.ramadda-background-yellow , .ramadda-block-yellow , .ramadda-heading-yellow , .ramadda-box-yellow , .ramadda-note-yellow , .ramadda-blurb-yellow ,  .ramadda-section-yellow  {
    background-color: var(--color-mellow-yellow);
}



.ramadda-background-snow , .ramadda-block-snow , .ramadda-heading-snow , .ramadda-box-snow , .ramadda-note-snow , .ramadda-blurb-snow , .ramadda-section-snow  {
    background-color: snow;
}



.ramadda-background-rose , .ramadda-block-rose , .ramadda-heading-rose , .ramadda-box-rose , .ramadda-note-rose , .ramadda-blurb-rose , .ramadda-section-rose  {
    background-color: mistyrose;
}



.ramadda-background-mint , .ramadda-block-mint , .ramadda-heading-mint , .ramadda-box-mint , .ramadda-note-mint , .ramadda-blurb-mint ,.ramadda-section-mint  {
    background-color: mintcream;
}



.ramadda-background-floral , .ramadda-block-floral , .ramadda-heading-floral , .ramadda-box-floral , .ramadda-note-floral , .ramadda-blurb-floral , .ramadda-section-floral  {
    background-color: floralwhite;
}



.ramadda-background-azure , .ramadda-block-azure , .ramadda-heading-azure , .ramadda-box-azure , .ramadda-note-azure , .ramadda-blurb-azure ,  .ramadda-section-azure  {
    background-color: azure;
}



.ramadda-background-gold , .ramadda-block-gold , .ramadda-heading-gold , .ramadda-box-gold , .ramadda-note-gold , .ramadda-blurb-gold , .ramadda-section-gold  {
    background-color: #fafad2;
}



.ramadda-background-pink , .ramadda-block-pink , .ramadda-heading-pink , .ramadda-box-pink , .ramadda-note-pink , .ramadda-blurb-pink ,.ramadda-section-pink  {
    background-color: lavenderblush;
}



.ramadda-background-blue , .ramadda-block-blue , .ramadda-heading-blue , .ramadda-box-blue , .ramadda-note-blue , .ramadda-blurb-blue ,  .ramadda-section-blue  {
    background-color: ghostwhite;
}



.ramadda-background-babypowder , .ramadda-block-babypowder , .ramadda-heading-babypowder , .ramadda-box-babypowder , .ramadda-note-babypowder , .ramadda-blurb-babypowder , .ramadda-section-babypowder  {
    background-color: #fcfff7;
}


.ramadda-background-cornflower , .ramadda-block-cornflower , .ramadda-heading-cornflower , .ramadda-box-cornflower , .ramadda-note-cornflower , .ramadda-blurb-cornflower , .ramadda-section-cornflower  {
    background-color: #188fa7;
}

.ramadda-background-whitesmoke , .ramadda-block-whitesmoke , .ramadda-heading-whitesmoke , .ramadda-box-whitesmoke , .ramadda-note-whitesmoke , .ramadda-blurb-whitesmoke , .ramadda-section-whitesmoke  {
    background-color: #edf7f6;
}

.ramadda-background-cambridgeblue , .ramadda-block-cambridgeblue , .ramadda-heading-cambridgeblue , .ramadda-box-cambridgeblue , .ramadda-note-cambridgeblue , .ramadda-blurb-cambridgeblue , .ramadda-section-cambridgeblue  {
    background-color: #9ec1a3;
}

.ramadda-background-white , .ramadda-block-white , .ramadda-heading-white , .ramadda-box-white , .ramadda-note-white , .ramadda-blurb-white , .ramadda-section-white  {
    background-color: white;
}

.ramadda-background-gray , .ramadda-block-gray , .ramadda-heading-gray , .ramadda-box-gray , .ramadda-note-gray , .ramadda-blurb-gray , .ramadda-section-gray  {
    background-color: #F8F8F8;
}

.ramadda-background-green , .ramadda-block-green , .ramadda-heading-green , .ramadda-box-green , .ramadda-note-green , .ramadda-blurb-green , .ramadda-section-green  {
    background-color: #4C7B65;
    color:white;
}

.ramadda-background-green a  , .ramadda-block-green a  , .ramadda-heading-green a  , .ramadda-box-green a  , .ramadda-note-green   a, .ramadda-blurb-green a  , .ramadda-section-green a   {
    color:white;
}


.ramadda-background-plain , .ramadda-block-plain , .ramadda-heading-plain , .ramadda-box-plain , .ramadda-note-plain , .ramadda-blurb-plain , .ramadda-section-plain  {
    background-color: inherit;
}

.inset {
    margin-left: 20px;
    margin-right: 20px;
}

.ramadda-image-centered {
    text-align:center;
    margin-top: 20px;
    margin-bottom: 40px;
}

.ramadda-thumbnail-image {
    width: 100px;
}

.ramadda-thumbnail {
    margin:5px;
    position:relative;
    display:inline-block;
    width:100px;
    max-width:100px;
    overflow-x:hidden;
    max-height:100px;
    overflow-y:auto;
}


.ramadda-frame-outer {
    background:#F2F0EE;
    padding:15px;
    border-radius: 10px;
}

.ramadda-frame-inner {
    padding:10px;
}

.ramadda-frame-title {
    font-size:150%;
    background:#12649F;
    color:white;
    padding:10px;
    padding-bottom:2px;
    font-weight:normal;
}

.ramadda-frame-title a, .ramadda-frame-title a:hover  {
    color:white;
    text-decoration:none;
}


.ramadda-frame-shadow {
    -webkit-box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.3);
    box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.3);
    filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray');
    -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray')";
}

.ramadda-admin-note {
    display:inline-block;
    width:850px;                    
    margin-bottom: 15px;
}

.info-text  {
    text-align: center;
}

.ramadda-title  {
    font-size:150%;
    font-weight: 300;
    text-align:center;
    margin-top:8px;
    margin-bottom:4px;
}


.ramadda-title-left  {
    font-size:150%;
    font-weight: 300;
}


.ramadda-section  {
    margin:0px;
    padding:0px;  
    padding-left:1%;
    padding-right:1%;
    padding-top:4px;
    padding-bottom:4px;
}

.ramadda-bar-outer {
    display: block;
    position: relative;
    border: var(--basic-border);
    height:13px;
    width:100%;
}

.ramadda-bar-inner {
    position: absolute;
    left:0px;
    top:0px;
    bottom:0px;
    background:#00C3B6;
}


/* superfish menu styling */

.sf-menu   {
    font-size: var(--font-size);
    margin:0px;
    padding:0px;
}

.sf-menu a {
    font-size: var(--font-size);
    padding: 6px;
}

.sf-menu  li {
    background: #eee;
    padding:0px;
    margin:0px;
}

.sf-menu ul li {
    background: #eee;
}


.sf-menu  ul ul li {
    background: #eee;
}

.sf-menu a {
    color: #000;
}


.ui-selectmenu-menu {
    background-color : #FFF; border:1px solid #ccc; border-radius: 4px;z-index:1000;box-shadow: rgba(116, 129, 141, 0.4) 3px 3px 10px -2px; -webkit-box-shadow: rgba(116, 129, 141, 0.4) 3px 3px 10px -2px; 
}

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

.ui-tooltip {
    border:1px solid #999 !important;
    margin:0px;
    padding:4px;
    box-shadow: 0px 0px 0px  rgba(0, 0, 0, 0);
}

.ui-tabs .ramadda-section  {
    padding-left:0px;
    padding-right:0px;

}

.ramadda-section-full  {
    padding:0px;
}

.ramadda-section-wide  {
    padding-left:20px;
    padding-right:20px;
}


.ramadda-section-map {
    background: URL(images/background.png);
}

.ramadda-section-lightpink, .ramadda-section-rose {
    background-color : mistyrose;
}

.ramadda-section-lightgray, .ramadda-section-gray {
    background: #F8F8F8;
}

.ramadda-section-lightblue, .ramadda-section-blue {
    background: #F0FFFF;
}

.ramadda-section-lightgreen,.ramadda-section-green {
    background:honeydew; 
}

.ramadda-section-odd  {
    background: #F8F8F8;
}

.ramadda-section-first  {
    padding-top:0px;    
}

.ramadda-section-noline  {
    padding-top:0px;    
    border-bottom:0px #000;
}

.ramadda-section-border  {
    border-top:var(--basic-border);
}

.ramadda-line  {
    border-bottom:var(--basic-border);
}

.ramadda-section-line  {
    border-bottom:var(--basic-border);
}

.ramadda-hr {
    margin-top:5px;
    margin-bottom:5px;
}

thin_hr,.ramadda-thin-hr {
    margin-top:0px;
    margin-bottom:0px;
    border-top:var(--basic-border);
    height:1px;
    display:block;
}


.ramadda-documentation  {
    margin:10px;
}

/* jquery resets */
.ui-widget {
    font-family: inherit;
}


.ui-widget select , .ui-widget .ui-widget {
}

.ui-button {
    padding:0.2em 0.5em;
}

.ui-button-text {
    font-size: .8em;
}

.ui-menu-item {
}

.ui-menu {
    width: 150px;
}

.ui-menu .ui-state-active {
    border:1px solid transparent;
    background:#eee;
}

.ui-menu .ui-widget-header {
    padding: 0.2em;
    background:#eee;

}

.ui-menu-item-wrapper:not([aria-haspopup="true"]) {
    padding-left:22px;
}

.ui-dialog {
    z-index:var(--ui-dialog-z-index);
}

ul {
    margin-top:0px;
}

.ui-slider  {
    background: rgb(238,238,238);
}

.slick-prev:before, .slick-next:before {
    color:#aaa !important;
}

.ramadda-slides-container {
    border:var(--basic-border) !important;
}

.ramadda-slides {
    margin-left:25px;
    margin-right:25px;    
}

.ramadda-slides-header {
    padding:0px;
    text-align:center;
}

.ramadda-slides-header-item {
    display:inline-block;
    margin-left: 5px;
    margin-right: 5px;
    padding-left:6px;
    padding-right:6px;
    cursor:pointer;
}


.ramadda-slides-header-item-selected {
    font-weight:500;
    background:var(--header-background);
}

.ramadda-slides-bigarrow {
    margin-left:24px;
    margin-right:24px;    
}

.ramadda-slides-bigarrow .slick-prev:before, .ramadda-slides-bigarrow .slick-next:before {
    font-size:28pt !important;
}

.ramadda-slides-bigarrow .slick-next {
    right: -14px !important;
}

.ramadda-slides-bigarrow .slick-prev {
    left: -30px !important;
}

.ramadda-slider-value {
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
}


.ramadda-search-popup {
    width:325px;
}


.ramadda-search-popup-results {
    background:#fff;
    display:none;
    border-top:1px solid #ccc;
    margin-top:2px;
    width:325px;
    max-height:300px;
    overflow-y:auto;
}


.ramadda-confirm {
    margin:15px;
    margin-left:25px;
}

.ramadda-form-url {
    font-size: 90%; 
    font-style:italic;
}

.entry-simple-image {
    text-align: center;
    overflow-y:auto;
    max-height:100%;
}

.entry-simple-text {
    margin:0px;
    padding:10px;
}

.ramadda-clickable, .ramadda-noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.ramadda-action-results {
    border:var(--basic-border);
    width:500px;
    height:100px; 
    max-height:100px;
    overflow-y:auto;
}



.entry-confirm-header {
    font-weight: bold;
    margin-bottom: 0.5em;
}

.entry-confirm-list {
    max-height: 250px; 
    overflow-y: auto;
    margin-bottom: 1em;
}

.ramadda-entry-select  {
    margin-right:4px !important;
}

.entry-row-table  {
    table-layout: fixed;
}

.entry-row-table .entry-name .entry-link {
    display: inline-block;
    position:relative;
    max-width:100%;
    overflow-x:hidden;
    white-space:nowrap;
    vertical-align:bottom;
}

.entry-link  a {
    text-decoration:none;
    max-width: 200px;
    overflow-x:hidden;
}

.type-group-container {
    margin-top:10px;
}
			    
.type-group-header {
    font-size:140%;
    background:var(--header-background);
    padding-left:10px;
}

.type-group {
    margin-left:20px;
}

.type-list-container {
    margin-top:15px;
    display:inline-block;
    vertical-align:top;
}

.type-list-header {
    font-weight:bold;
}

.type-list {
    margin-top: 2px;
    margin-left: 10px;
    margin-right: 10px;
    padding:2px;
    max-height: 200px; 
    overflow-y: auto;
    max-width:200px;
}

.type-list-item {
    width:100%;
    white-space: nowrap;
    max-width:100%;
}

.type-list-item a {
    text-decoration:none;
}


.type-list-item:hover {
    background:#eee;
    color: var(--hover-color);
}

.entry-type-search {
    text-decoration: none;
    color: black;
}

.entry-type-search:link {
    text-decoration: none;
    color: black;
}


.entry-type-search:hover {
    text-decoration: underline;
    color: black;
}

.json-label {
}

.json-string  {
    color:green;
}
.json-date  {
    color:green;
}
.json-function  {
    color: #FF20ED;
}

.json-none  {
    color:gray;
}
.json-boolean  {
    color:red;
}
.json-number  {
    color:blue;
}
.json-url  {
    color:blue;
    text-decoration:underline;
}

.json-label:hover {
    cursor:pointer;
    text-decoration:underline;
}

.json-inner {
    margin-left:20px;
}

.ramadda-json-block {
    margin-left:20px;
    display:block;
    vertical-align:top;
}

.entry-list {
    overflow-y: auto;
    border: 1px #d8d8d8  solid;
    border-top: 0px;
    background: #fff;
}

.entry-list-block {
    padding-left:0px;
    padding-right:0px;
}

.entry-list-settings {
    border-left : 1px #d8d8d8 solid;
    border-right : 1px #d8d8d8 solid;
}

.entry-list-form {
    padding: 5px;
    border: 1px #ccc solid;
    border-top: 0px;
}


.selectform-table-header {
    font-weight:bold;
    padding:4px;
    text-align:center;
}

.selectform-table-entry {
    padding:4px;
}

table.dataTable tbody tr {
    background:none;
}

table.dataTable thead th, table.dataTable thead td {
    padding: 2px 8px;
}

table.dataTable tbody th, table.dataTable tbody td {
    padding: 2px 8px;
}

table.dataTable thead th, table.dataTable thead td {
    border-bottom:var(--basic-border);
}

table.dataTable.no-footer {
    border-bottom:var(--basic-border);
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom:var(--basic-border);
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td {
    vertical-align: top;
}        

table.dataTable tbody td {
    vertical-align: top;
}


.ramadda-table th {
    background-color: var(--header-background);
}


.ramadda-table tr.th2, .ramadda-table tr.th2 th {
    background:#fff;
}

.ramadda-table thead .th2 th, .ramadda-table  .th2, .ramadda-table  .th2 td {
    border-bottom:0px solid #fff;
    font-weight:normal;
}

.ramadda-table tr.th2 th {
    border-bottom:1px solid #aaa;
}


.ramadda-table .th2 tr:hover {
    background:#fff !important;
}

.ramadda-table-header, .entry-list-header {
    padding-left: 5px;
    padding-right: 5px;
    border : 1px #d8d8d8 solid;
    background-color: var(--header-background);
    margin-top: 2px;
    padding-top: 0px;
}

.ramadda-form-header {
    margin-top:4px;
    padding:4px !important;    
    padding-bottom:2px !important;     
    padding-left:12px !important;    
    font-weight: bold; 
    background-color: var(--header-background);
    border-top-left-radius: 12px;
}

.ramadda-form-block {
    margin-left:20px;
    margin-bottom:6px;
}



.entry-list-header-column, .entry-list-header-column-last {
    font-weight:500;
    border-right : 1px #d8d8d8 solid;
    text-align: center;
    padding-bottom:1px;
    padding-top:4px;
    color: #000;
}

.entry-list-header-column {
    border-right : 1px #d8d8d8 solid;
}

.entry-list-header-column a, .entry-list-header-column-last a {
    color: black;
}


.entry-list-row {
    margin-top:0px;
    padding: 5px;
    padding-right: 0px;
    border-bottom:1px #f0f0f0 solid;
    border-top:1px transparent solid;    
}


.entry-list-row-selected {
    background:var(--color-mellow-yellow);
}

.entry-list-row:hover {
    background: var(--highlight-background);
}


.entry-tree-row {
    margin-top:2px;
    padding: 2px;
    padding-right: 0px;
}

.entry-row-label {
    white-space:nowrap;
    padding-left:5px;
}


.entry-table-name   {
    max-width:20em;
    white-space: nowrap;
    overflow: hidden;
}

.entry-table-date   {
    white-space: nowrap;
    overflow: hidden;
}

.search-header {
    font-weight: bold; 
    font-size: 120%; 
    border-bottom: 1px #eee solid;
    margin-bottom:5px;
}

.search-select {
    max-width:150px;
}

.entry-table-page   {
    font-size: 90%;
    font-style:italic;
    margin-top:0px;
    margin-bottom:0px;
    margin-left:5px;

}

.entry-table-wrapper  {
    margin-left:8px;
    margin-right:8px;
}

.entry-table  {
    border: var(--basic-border);
}

.entry-table tr {
    padding:0px;
    padding-bottom:0px;
}

.ramadda-row-odd, .entry-table tr.odd {
    background-color:#f4f4f4;
}

.ramadda-row-even {
    background-color:#fff;
}
.entry-table tr.even {
    background-color:#fff;
}


.ramadda-td, .entry-table  td {
    padding-top: 6px;
    padding-bottom: 4px;
    padding-left: 0.5em;
    padding-right: 0.5em;
}

td.entry-table-block {
    padding:0px;
    margin:0px;
    background-color:#fff;
}


.entry-table thead th {
    background-color:#f0f0f0;
    padding: 3px 10px 3px 10px;
    border-bottom: var(--basic-border);
    border-right: var(--basic-border);
    font-weight: bold;
}

.entry-table tfoot th {
    padding: 3px 10px 3px 10px;
    border-top: var(--basic-border);
    font-weight: bold;
}




.entry-page-main {
    border-right: 1px #efefef solid;
    padding-left:30px;
    padding-right:15px;
    padding-top:8px;
}



.entry-page-info {
    padding-right: 8px;
    max-width: 300px;
    overflow-x: auto;
}

.entry-page-name {
    font-weight: bold; 
    margin-bottom: 0.25em;
}

.entry-page-description {
    padding-top:0.25em;
    padding-bottom:0.5em;
    padding-left:0.5em;
    margin-right:1em;
    margin-top:0.0em;
    margin-bottom:0.7em;
}

.entry-page-divider {
    height: 100%;
    border-left: 1px #f8f8f8 solid;
}


.entry-page-divider-inner {
    height: 100%;
    width: 1em;
    padding-left:26px;
    margin-left:16px;
    margin-right:6px;
}

.ramadda-folder-block {
    margin-right:0px;
    padding:0px;
    padding-left:12px;
    max-height:200px;
    overflow-y:auto;
}

.entry-arrow {
    padding-right: 8px;
    padding-left: 2px;    
    margin-bottom:0px;
}

.entry-arrow:hover {
    cursor:pointer;
}


.ramadda-search-provider-header {
    font-weight: bold; 
    margin-top: 8px;
}

.ramadda-search-provider-list {
    margin-left: 10px;
    max-height: 200px; 
    overflow-y: auto;
}


.ramadda-flip-card {
  background-color: transparent;
  width: 300px;
  height: 200px;
  overflow:auto;
  border: 1px solid #f1f1f1;
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */
.ramadda-flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.ramadda-flip-card:hover .ramadda-flip-card-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.ramadda-flip-card-front, .ramadda-flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.ramadda-flip-card-front {
    background:    dodgerblue;

}

/* Style the back side */
.ramadda-flip-card-back {
  background:#fff;
  transform: rotateY(180deg);
}



pre {
    border : var(--basic-border);
    background:rgb(245,245,245);
    padding:4px;
    border-radius: 4px;
    margin-bottom:5px;
    margin-top:5px;
}

.wikitext {
    margin-left:20px;
    margin-right:20px;    
    padding-left:10px;
    padding-right:10px;    
    margin-bottom:10px;
}

.thin_pre {
    margin:0px;
    margin-top:2px;
    margin-bottom:2px;    
}

.ramadda-pre {
    max-height: 300px; 
    overflow-y: auto;
}

.entry-inline {
    max-height: 300px; 
    overflow-y: auto;
    border: 1px #888 solid; 
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 10px;
    margin-right: 10px;
    margin-left: 10px;
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
    filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray');
    -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray')";

}


.metadata-header {
    margin-top:10px;
    border-bottom: 1px #eeeeee solid;
    font-size: 140%;
    margin-right: 50px;
}


.metadata-row-divider {
    height: 1px;
    margin-top:2px;
    margin-bottom:2px;
    margin-left:10px;
    margin-right:10px;
}

.metadata-row-even {
    margin-left: 20px;
    margin-bottom:2px;
    background-color:#ffffff;
}

.metadata-row-odd {
    margin-left: 20px;
    margin-bottom:2px;
}

.metadata-small-label {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    font-weight: bold; 
    border-bottom: 1px #888 solid;
    padding: 5px;
    padding-left: 5px;
    padding-bottom: 0px;
    margin-top: 5px;
    margin-right: 50px;
}

.metadata-small-content {
    margin-left: 0px;
    padding-left: 0px;
}


.metadata-tag {
    font-size:80%;
    display:inline-block;
    margin:3px;
    border-radius: 10px;
    padding:1px;
    padding-left:8px;
    padding-right:10px;
    cursor:pointer;
    background:#E5E5E5;
    border:1px solid #ccc;
    color:rgb(51,51,51);
}


.metadata-image {
    max-width: 400px; 
    overflow-x: hidden;
}

.ramadda-system-message {
    margin:4px;
    padding:4px;
    border: 1px solid #666;
    font-weight: bold; 
}

.disabledinput, .disabledinput:focus {
    border : 0px #888888 solid;
    background: #eee;
    cursor:default;
}


.ramadda-entry-popup-select  {
    background: #eee;
    cursor:default;
    padding-left:3px;
    border:1px solid transparent;
}

.ramadda-entry-popup-select:hover  {
    border:var(--highlight-border);
    cursor:pointer;
}

.ramadda-entry-popup-select:focus  {
    border:1px solid transparent;
}

.hiddeninput {
    border :none;
}

.ramadda-required {
    background: #ffaaaa;
}

.ramadda-required-field {
    color: red;
}

.ramadda-required-disabled {
    border : 0px #888888 solid;
    background: #ffaaaa;
}

.ramadda-required-label {
    color: #ff0000;
}

.ramadda-hline {
    border-top:var(--basic-border);
}

.ramadda-highlight {
    font-weight: bold; 
    background: #FFFFCC;
    padding: 5px;
}


.registration-agree {
    font-weight: bold; 
    background: #FFFFCC;
    padding: 5px;
    display:inline-block;
    padding:6px;
    margin-top:8px;
    margin-bottom:8px;
}


.map-drag-box {
    border :4px #ccc solid;
}

.map-pan-box {
    border :0px #ccc solid;
}

.map-legend-div {
    max-height: 300px; 
    overflow-y: auto;
    min-width: 400px; 
    max-width: 400px; 
    overflow-x: auto;
}



.selectboxit-text {
    float: none !important;
}


.selectboxit-container {
    color:black;
}

.entry-confirm-list a, .ramadda-subheading a, .ramadda-page-heading a, .dbtableheader a, .dbheader a, .db-map-list-outer a, .selectboxit-options a, .entry-tools-box a, .childlist-link, .ramadda-help-heading a, .ramadda-message a, .ramadda-search-provider-list a, .entry-list-row a, .ramadda-treeview-entries a, .ramadda-links a, .ramadda-heading a, .harvester-row a, .display-contents a, .ramadda-linksheader a, .ramadda-breadcrumbs-list a, .ramadda-page-title a, .entry-list-header a, .ramadda-selectdiv  a, .ramadda-popup  a {
    text-decoration:none;
}



a.btn-primary:link, a.btn-primary  {
    color:#fff;
    text-decoration:none;
}

.ramadda-image-link {
    display:inline-block;
}

.ramadda-image-link:hover {
    cursor:pointer;
}


.ramadda-selectdiv {
    z-index:var(--selectdiv-z-index);
}

.ramadda-popup {
    z-index:var(--popup-z-index);
    font-size:var(--font-size);
}

.ramadda-popup, .ramadda-selectdiv {
    position: absolute; 
    background-color : #FFF; border:1px solid #ccc; border-radius: 4px;z-index:1000;box-shadow: rgba(116, 129, 141, 0.4) 3px 3px 10px -2px; -webkit-box-shadow: rgba(116, 129, 141, 0.4) 3px 3px 10px -2px; 
}

.ramadda-popup-contents {
    display:none;
}

.ramadda-popup-close {
    padding-left:0px;
    position:absolute;
    /**nudge it up a bit */
    top:-2px;
    left:0px;
}


.ramadda-modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index:var(--modal-z-index);
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.ramadda-modal-contents {
    background:#fff;
    position:absolute;
    left:5px;
    top:100px;
}

.ramadda-popup-header {
    position:relative;
    padding:4px;
    padding-bottom:0px;
    border-bottom:var(--basic-border); 
    background-color: #f0f0f0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}


.ramadda-popup-header a:hover, .ramadda-popup-header .ramadda-link:hover {
    color: var(--hover-color) !important;    
}


.ramadda-popup-title {
    padding-left:10px;
    padding-right:10px;    
    width:100%;
    display:inline-block;
    text-align:center;
}



.ramadda-popup-link  {
    display:inline-block;
    cursor:pointer;
}

.ramadda-popup-link:hover, .ramadda-popup-link:hover span i   {
    color: var(--hover-color) !important;    
}


.wiki-popup-inner {
    padding:5px;
}    

.ramadda-popup-pin {
    border: 1px solid rgba(0,0,0,0);
    cursor:pointer;
}

.ramadda-popup-pin-pinned {
    background:#ccc;
}

.ramadda-popup-pin:hover {
}



.ramadda-popup-inner {
    padding:0px;
    background-color : #fff;
    margin:0px;
}

.ramadda-popup, .ramadda-popup a:visited, .ramadda-popup a {
    color:black;
}

.ramadda-popup-link {
    color:black;
}

.ramadda-popup-close {
    padding-right:4px;
}

.ramadda-popup-link:hover {
    text-decoration: underline;
}

.ramadda-popup-close {
    margin: 5px;
}


.ramadda-popup-box {
    padding:1px;
    background-color : #FFF; border:1px solid #ccc; border-radius: 4px;z-index:1000;box-shadow: rgba(116, 129, 141, 0.4) 3px 3px 10px -2px; -webkit-box-shadow: rgba(116, 129, 141, 0.4) 3px 3px 10px -2px; 
}

.ramadda-menu-item {
    padding-left:4px;
    padding-right:4px;
    cursor:pointer;
}



.ui-button span i {
    color:rgb(85, 85, 85);
}

.ui-button:hover, .ui-button:hover span i {
    color: var(--hover-color) !important;    
}


.ramadda-menu-item a {
    padding:0px;
}

.ramadda-menu-item:hover a, .ramadda-menu-item a:hover {
    color: var(--hover-color) !important;    
}

.ramadda-tooltip-icon:hover { 
    cursor:pointer;
}

.ramadda-tooltip {
    padding:0px;
    padding-left:5px;
    padding-right:5px;
    box-shadow: 0 0 1px black;
    font-size: 10pt;
}

.ramadda-select-header {
    padding-left:4px;
    display:inline-block;
    background:var(--header-background);
}


.ramadda-select-inner {
    padding-right:10px;
    max-height:300px;
    overflow-y:auto;
}


.boxquote {
    font-style:italic;
    margin:10pt;
    padding:5pt;
    border: solid #888 1px;
    background-color:#eff;
}


label {
    margin-left: 3px;
    margin-bottom: 3px;
    padding-left: 15px;
    text-indent: -15px;
}

.harvester-row  {
    border-bottom: 1px #efefef solid;
}

.harvester-row td {
    padding: 5px;
    padding-left: 5px;
}

.harvester-active {
    background: #FFFFCC;
}

.ramadda-bubble {
  position:relative;
  padding:10px;
  color:#333;
background-color : #FFF; border:1px solid #ccc; border-radius: 4px;z-index:1000;box-shadow: rgba(116, 129, 141, 0.4) 3px 3px 10px -2px; -webkit-box-shadow: rgba(116, 129, 141, 0.4) 3px 3px 10px -2px; 
  border-radius:10px;
}

.ramadda-bubble:before {
  content:"";
  position:absolute;
  bottom:-18px; /* value = - border-top-width - border-bottom-width */
  left:40px; /* controls horizontal position */

/*top right bottom left*/
  border-width:18px 16px 0px 16px;

  border-style:solid;
  border-color:#ccc transparent;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}

.ramadda-bubble-from {
    margin-top:10px;
    margin-left:70px;
    margin-bottom:5px;
}

/* creates the smaller  triangle */
.ramadda-bubble:after {
  content:"";
  position:absolute;
/*top right bottom left*/
  border-width:18px 15px 0px 15px;

/* value = - border-top-width - border-bottom-width */
  bottom:-16px; 

/* value = (:before left) + (:before border-left) - (:after border-left) */
  left:41px; 

  border-style:solid;
  border-color:#fff transparent;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}


.ramadda-comment-block {
    border-bottom : 1px #aaaaaa dashed;
    padding-bottom:5px;
    margin-bottom:10px;
}

.ramadda-comment-commenter {
    font-style:italic;
}

.ramadda-comment-subject {
    font-weight:bold;
}

.ramadda-comment-inner {
    padding-left:20px;
}

.ramadda-comment-date {
    font-style:italic;
}

.ramadda-separator {
    font-size: 80%;
}


.ramadda-earth-container {
    border: 1px solid #888;
}

.ramadda-earth-entries {
    white-space:nowrap; 
    overflow-x:auto;
    padding-right:6px;
    margin-right:2px;
}

.ramadda-earth-nav a {
    color: #000;
}


.ramadda-earth-nav {
    margin-top:2px;
    padding-top:2px;
    padding-bottom:2px;
    color: #000000;
}

.ramadda-earth-link:link {
    color: #000000;
}

.ramadda-earth-link:hover {
}

.ramadda-header {
    z-index:var(--header-z-index);
    background-repeat: repeat; 
    background-image:url(images/background.png);
    padding-bottom: 0px;
    border-bottom : var(--basic-border);
    position:relative;
}
.ramadda-user-menu {
    margin-right:0px;
}
.ramadda-logo-image {
}

.ramadda-header-label {
    font-size:120%;
    vertical-align: bottom;
    margin-left:10px;
    color: #444;
}

.ramadda-header-title {
    font-size: 200%;
}

.ramadda-header-links {
    font-size: 80%;
}

.ramadda-header a  {
    color:#000;
}

.ramadda-header a:hover  {
    text-decoration:none; color:var(--highlight-color);    cursor:pointer;
}

.ramadda-header-layoutbar {
    border:0px solid;
}

.ramadda-breadcrumbs {
    padding-left: 4px;
    padding-right: 2px;
    padding-top: 1px;
    padding-bottom: 1px;
    line-height:0.5em;
    vertical-align: top;
    font-size: 80% !important;
}

.breadcrumbs-separator {
    margin-left:2px;
    margin-right:2px;
}

.breadCrumb ul li a {
    color: #444;
    padding:0px;
}

.breadCrumb {
    margin:0px;
    padding:0px;
    border: 0px;
}

.breadCrumb ul li.last {
}


.breadcrumb-delimiter, .breadCrumb ul li {
    background: url(icons/arrow_right_blue.png) no-repeat 100% center;
    margin: 0px 4px 0px 0px;
    padding: 0px 8px 0px 0px;
    font-size: inherit;
}

.breadcrumb-delimiter {
    margin: 0px 4px 0px 4px;
    padding: 0px;
    vertical-align:middle;
    width:8px;
    height:16px;
    display:inline-block;
}

.breadcrumbs {
    margin-top:5px;
    text-decoration: none;
    vertical-align: bottom;
}

.breadcrumbs a {
    text-decoration: none;
    color: #000;
}


.breadcrumbs a:hover {
    color:var(--highlight-color);
}


.chevronOverlay {
    background: url(icons/arrow_right_blue.png) no-repeat 100% center;
}

.ramadda-breadcrumbs-list {
   margin-left:4px;
}

.ramadda-breadcrumbs-menu {
    padding-right: 5px;
}

.ramadda-breadcrumbs-menu-button {
    padding:0px;
    margin:0px;
    padding-left:2px;
    padding-right:2px;
    padding-top:1px;    
    padding-bottom:1px;    
    border: 1px #ccc solid;
    background-color:#fff;    
}

.ramadda-breadcrumbs-menu-button i {
    line-height:8px;
}

.ramadda-breadcrumbs-menu-button:hover {
    background-color:#ccc;
    border-color: var(--nav-hover-color);
}


.ramadda-plugin-row td {
    padding: 5px;
}

.ramadda-user-admin {
    background:var(--color-mellow-yellow);
}

.ramadda-user-row  {
    border-bottom: 1px #efefef solid;
}

.ramadda-user-row td {
    padding: 5px;
}

.ramadda-access-summary-header  {
    border-bottom: 2px #000 solid;
}

.ramadda-access-summary-header td {
    padding: 5px;
}

.ramadda-access-summary {
    border-bottom: 1px #efefef solid;
}


.ramadda-access-summary td {
    padding: 5px;
    border: 1px #efefef solid;
}

.ramadda-user-activity  {
}

.ramadda-user-activity td {
    padding: 5px;
}

.ramadda-user-menu-image {
    margin-bottom: 0px;
    padding:0px;
    vertical-align: middle;
}

.ramadda-user-settings-link {
    font-size:80%;
}


.ramadda-user-link {
    min-width: 100px;
    padding-top:4px;
    padding-bottom:2px;
    padding-right:8px;
    padding-left:8px;
    margin-top:1px;
    text-align:left;
    border-bottom: 1px #aaa solid;
}



.ramadda-user-link:hover, .ramadda-user-link:hover span i, .ramadda-user-link span i:hover {
    color: var(--hover-color) !important;    
}

.ramadda-user-link:last-child {
    border-bottom: 0px;
}

.ramadda-user-link:hover {
    background:var(--highlight-background);
    cursor:pointer;
}

.ramadda-text a, .ramadda-text a:visited {
    text-decoration: underline;
    color: black;
}

.ramadda-user-link a {
    color: black;
}

.ramadda-user-menu {
    font-weight: normal;
}

.ramadda-user-menu a {
    font-weight: normal;
    width: 100%;
}

.ramadda-user-field, .ramadda-user-field:focus  {
    padding-left: 18px;
    border : 1px #888888 solid;
    background: URL(icons/user.png) no-repeat;
    background-position: 1px 1px;
}

.ramadda-heading-1 {
    border-bottom: 1px #999 solid;
    font-weight: 600;
    padding-left: 10px;
    padding-top: 3px;
    padding-bottom: 0px;
    margin-bottom:4px;
    margin-top:4px;
}

.ramadda-heading-2 {
    margin:0px;
    padding:0px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-top: 0px;
    font-weight: bold;
    vertical-align: bottom;
    font-size: 110%;
}

a.ramadda-heading-2-link {
    color:black;
    text-decoration: none;
}

a.ramadda-heading-2-link:visited {
    text-decoration: none;
}

.ramadda-datetime {
    font-style:italic;
    margin:0px;
    white-space:nowrap;    
}

.ramadda-logo {
    margin: 5px;
    margin-left: auto;
    margin-right: auto;
    text-align:center;
}

.ramadda-acknowledgement, .ramadda-acknowledgement a {
    text-align: center;
    font-style:italic;
    font-size:10pt;
    margin-bottom:10px;
}

.ramadda-footer {
    margin:0px;
    margin-top:5px;
    margin-left: auto;
    margin-right: auto;
    text-align:center;
    font-size:10pt;
    padding:10px;
    text-align:center;
    background-repeat: repeat; 
    background-image:url(images/background.png);
    border-top : var(--basic-border);
}

.ramadda-smalllink {
    font-size:80%;
}

.ramadda-smallhelp {
    font-size:80%;
}

.ramadda-stack {
    background-color : #eee;
    border: 1px #666666 solid;
    margin-left:10px;
}

.entryheader {
    border-bottom : var(--basic-border);
    margin-bottom:5px;
}

.entryname {
    margin-top:3px;
    padding-left:15px;
    font-weight: bold;
    vertical-align: bottom;
}

.entryname a:hover {
    text-decoration: underline;
    color:#0000ff;
    color:#ff0000;
}

.entryname a {
    color: #000000;
}

.entryoutput {
    margin:0px;
    padding: 10px;
    min-height: 350px; 
    max-height: 350px; 
}

.entryselect {
    margin:0px;
    padding: 10px;
    min-height: 200px; 
}

.ramadda-menubutton {
    margin:0px;
    margin-left:2px;
    margin-right:2px;
    padding:0px;
    padding-left:3px;
    padding-right:3px;
    color: #000000;
    text-decoration: none;
}

.ramadda-menubutton:link {
    text-decoration: none;
    color: #000000;
}

.ramadda-menubutton:hover {
    text-decoration: none;
    color: #000000;
    background-color: #eee;
    text-decoration: underline;
}

.ramadda-menubutton-separator {
    padding:0px;
    margin:0px;
    margin-bottom:3px;
}

.ramadda-menubutton-separator:after {
    content: "|";
}

.ramadda-menu-label {
    border: 1px red solid;
}

.entry-sidebox {
    border: var(--basic-border);
    padding: 4px;
    border-radius: 4px;
    max-width: 300px;
    overflow-x:auto;
}

.entry-tools-box {
    border: 1px #efefef solid;
    padding-left: 8px;
    padding-bottom: 2px;
    padding-top: 6px;
    margin-bottom:10px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}

.entry-tools-box a:hover {
    color: #00f;
}

.entry-tools-box  a {
    color: #000;
}


.entry-list-header-toggle {
    padding-top:1px;
}

a.ramadda-entries-link {
    color: #000;
    text-decoration: none;
    font-weight: bold;
}

.ramadda-menuitem {
    margin-left:10px;
    margin-right:10px;
    margin-top:3px;
    margin-bottom:3px;
    min-width:150px;
}


.ramadda-menuitem:hover {
    background:var(--highlight-background);
}


.ramadda-menuitem:hover span i {
    color: var(--hover-color) !important;    
}

.ramadda-menuitem-separator {
    margin:2px;
    margin-bottom:3px;
    padding:0px;
    color:black;
    margin-right:30px;
    border-bottom: var(--basic-border);
}

a.ramadda-menuitem-link {
    text-decoration: none;
    width:100%;
    display:inline-block;
}

.ramadda-menuitem-link:visited {
    color: #000000;
}

.ramadda-menuitem-link:link {
    color: #000000;
}


a.ramadda-menuitem-link:hover {
text-decoration:none; color:var(--highlight-color);    cursor:pointer;
}


.ramadda-menuitem a {
    font-weight: normal;
    text-decoration: none;
    color: #000000;
}


.ramadda-menu  { 
    font-size: var(--font-size) !important;;
    margin: 5px;
    background: #fff;
    border: 0px #ccc solid;
}

.ramadda-menu-entries {
    white-space:nowrap;
    max-width:250px;
    overflow-x: auto;
    max-height: 300px;
    overflow-y: auto;
    padding-left:10px;
}

.ramadda-menu-block  {
    padding-left:4px;
    padding-top:4px;
    padding-bottom:4px;
    font-size: var(--font-size);
}

.ramadda-menu-block a {
    font-size: var(--font-size);
    display: inline;
    border: 0px #ccc solid;
    padding:0px;
    margin:0px;
}



.ramadda-menu td { 
    padding: 0px;
    text-align: left;
}


.ramadda-entry-menu-title {
    background-color: #f0f0f0;
    padding:px;
    margin-bottom:4px;
    border-bottom : var(--basic-border);
}

.ramadda-menugroup  {
    white-space:nowrap;
    max-height: 150px; 
    overflow-y: auto;
    overflow-x:hidden;
    max-width:200px;
}

.ramadda-menugroup-ext {
    max-height: 300px; 
}


.ramadda-server {
    max-height: 350px; 
    overflow-y: auto;
    margin-left:20px;
}

.ramadda-server-block {
    max-height: 100px; 
    overflow-y: auto;
    margin-left: 20px;
}


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


.image-caption {
    color: #000;
    margin-left:5px;
}

.image-caption a {
    color:#666;
    font-size:10pt;
}

.image-description {
    margin-top:8px;
    padding-top:8px;
    border-top: 1px #aaa solid;
    max-height: 100px;
    overflow-y:auto;
}


.image-outer {
    border: 1px solid #aaa;
    margin:5px;
    padding-top:10px;
    padding-bottom:5px;
    margin-bottom:20px;
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);
    filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='gray');
    -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='gray')";
}

.image-inner {
    padding-left:10px;
    padding-right:10px;
    text-align:center;
}

.image-inner img { 
}

a.image-link {
    color: #000;
}

.sortlink   {
    font-size: 80%;
}

.sortlink  a {
    text-decoration:none;
    padding-left:2px;
    padding-right:2px;
    font-style:italic;
    color:black;
}

.sortlink a:hover {
    color:var(--nav-hover-color);
}

.sortlinkon  {
    background-color : #eee;
}

.sortlinkoff  {
}

snippet {
    display:inline;
}

snippet-hide {
    display:none;
}

.ramadda-linksheader {
    color:rgb(59, 69, 78);
    padding-bottom:5px;    
    text-align: center;
}

.ramadda-linksheader  a,   .ramadda-linksheader  a:visited, .ramadda-linksheader  a:link  {
    color:rgb(59, 69, 78);
}

.ramadda-linksheader-links {
    display:inline-block;
    margin-bottom:8px;
    font-size:130%;
    padding-bottom: 4px;
}

.ramadda-linksheader-on, .ramadda-linksheader-off  {
    margin-left:3px;
    margin-right:3px;
    padding: 2px;
    padding-left: 8px;
    padding-right: 8px;
}

.ramadda-linksheader-on {
    background:var(--highlight-background);
}


.ramadda-metadata-form {
    padding-left: 10px;
}

.ramadda-metadata-html {
    padding-left: 10px;
}

.subnav {
    margin:10px;
    margin-left:0px;
    padding:1px;
    min-height: 500px;
    font-weight: bold;  
}

.subnav a:hover  {
    text-decoration:none; color:var(--highlight-color);    cursor:pointer;
}

.subnavoncomp  {
    background-color:#ffffff;
    border: 1px #000 solid; 
    border-bottom: 1px white solid; 
    padding-left:5px;   
    padding-right:5px;   
    padding-top:1px;   
    padding-bottom:0px;   
    font-weight: bold;  
    margin:3px;
}

.subnavoffcomp  {
    background-color:var(--header-background);
    border: 1px #000 solid; 
    border-top: 1px #999 solid; 
    border-left: 1px #999 solid; 
    border-right: 1px #999 solid; 
    padding-left:5px;   
    padding-right:5px;   
    padding-top:2px;   
    padding-bottom:0px; 
    font-weight: bold;  
}

.subnavoffcomp, .subnavoncomp    {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    margin-left:3px;
    margin-right:3px;
    padding-top:3px;
}

.subnavoffcomp  a, a.subnavoffcomp, .subnavoffcomp a:visited {
    color:#444;
}

.subnavoffcomp a:hover {
    text-decoration:none; color:var(--highlight-color);    cursor:pointer;
}

.cimg {
    text-align:center;
    margin-top: 20px;
    margin-bottom: 40px;
}

.caption {
    text-align:center;
    font-style:italic;
    margin-bottom:10px;
    display:inline-block;
}

.ramadda-caption {
    text-align:center;
    font-style:italic;
    margin-bottom:10px;
}


.pagetitle {
    font-size: 130%;
    font-weight: bold;
    color: #8080C0;
    margin-top: 15px;
    margin-bottom: 5px;
}

.pagesubtitle {
    font-size: 120%;
    font-weight: bold;
    color: #8080C0;
    margin-top: 10px;
    margin-bottom: 5px;
}

.childlist-level {
    font-weight:bold;
    margin-top: 10px;
    margin-bottom: 5px;
}

.childlist {
    margin: 10px;
    margin-left: 30px;
}

.pagesubsubtitle {
    font-weight: bold;
    color: #8080C0;
    margin-top: 5px;
    margin-bottom: 5px;
}

.ramadda-video-embed {
    border:2px #888 solid;
}

.ramadda-code {
    font-style:italic;
}

.ramadda-code-path {
    font-style:italic;
}

imports {
    display: inline;
}

nowiki {
    display: inline;
}

data {
    display:none;
}

wiki {
    display: inline;
}

.wikicontent {
    margin:0px;
    padding:0px;
}

.wiki-image {
    padding-bottom:0px;
}

.wiki-text-raw {
    background-color: #ddd;
    border:1px #888 solid;
    padding:4px;
    font-style: italic;
}

.wiki-infobox {
    margin-top:5px;
    border : 1px #aaaaaa solid;
    background-color:#f8f8f8;
    padding-left:5px;
    padding-bottom:5px;
}

.wiki-infobox-title {
    font-weight: bold;
}

.wiki-infobox-entry-title {
    font-weight: bold;
}

.wiki-categories {
    border: 1px #999999 solid; 
    padding:4px;
}

.wikicompare-deleted {
    background: #ffa;
    font-size: smaller;
}

.wikicompare-context {
    background: #eee;
    font-size: smaller;
}

.wikicompare-added {
    background: #cfc;
    font-size: smaller;
}


.wikicompare-lineheader {
    padding-top:10px;
    font-weight: bold;
}

.wikicompare {
    max-width: 50%; 
    overflow-x: auto;
    background-color:white;
}


.ramadda-select-search {
    margin-top:8px;
    margin-bottom:8px;
}

.ramadda-select-search-results {
    max-height:300px;
    overflow-y: auto;
    max-width: 300px;
    overflow-x:auto;
    display:none;
    padding-left:5px;
}

.ramadda-search-suggestion {
    color:rgb(59, 69, 78);
    width:100%;
    overflow-x:hidden;
    white-space: nowrap;
    padding:4px;
    text-align:left;
}

.ramadda-search-suggestion-item {
    display:inline-block;
    margin-right:6px;
    width:100%;
}


.ramadda-search-suggestion:hover {
    background-color: #eee;
}

.ramadda-search-suggestion a:hover {
    color:#000;
}

.ramadda-xls-search-form {
    margin-bottom:2px;
}

.ramadda-xls-search-extra {
    margin-top: 10px;
    margin-left: 20px;
}

.ramadda-xls-table {
    max-height: 1000px;
    max-width: 1000px;
    overflow: auto;
}

.ramadda-xls-chart-toolbar {
    margin-top:10px;
}

.ramadda-xls-label {
    font-weight: bold; 
}


.ramadda-xls-button {
    min-width: 125px;
    max-width: 125px;
}

.ramadda-xls-button-sheet {
    min-width: 100px;
    max-width: 100px;
    margin-bottom: 8px;
}

.ramadda-tag-box {
    max-width:200px;
    overflow-x:hidden;
    padding: 0px;
    padding-left: 5px;
    padding-right: 5px;
    margin: 4px;
    border : var(--basic-border);
    border-radius: 4px;
    background-color: #eee;
    color: #000;
}

.ramadda-xls-button-sheet-selected {
    font-weight: bold;
}

.ramadda-xls-buttons {
    display: inline-block;
    overflow-y: auto;
    max-height: 290px;
    margin-right:5px;
}

.result-table {
    border-color: #666;
    border-width: 0px 0px 1px 1px;
    border-style: solid;
}

.result-table td {
    padding:4px;
    padding-bottom:1px;
    border-color: #666;
    border-width: 1px 1px 0px 0px;
    border-style: solid;
    margin: 0;
}

.result-header {
    background-color:#e8e8e8;
    font-weight: bold;

}

.result-header, .result-header a {
    color:#222;
}

.kml-description {
    border: var(--basic-border);
    max-height: 150px; 
    overflow-y: auto;
    padding:4px;
    margin:5px;
    margin-top:2px;
}

.graph-path {
    fill: none;
    stroke: #666;
    stroke-width: 1.5px;
}

.graph-link {
    stroke: #666;
}

.graph-arrow {
    fill: #666;
    stroke-width: 2.5px;
}

.graph-node-text-visited {
    pointer-events: none;
    font: 10px sans-serif;
}

.graph-node-text-unvisited {
    pointer-events: none;
    font: 10px sans-serif;
    font-weight: bold;  
    color:red;
    text-decoration: underline;
}

.graph-div {
    border: 1px solid #000;
}

.slides_control {
    width:100% !important;
}

.slide {
    background-color:white;
}

.calendartable,  .dategrid {
    border-color: #888;
    border-width: 0px 0px 1px 1px;
    border-style: solid;
    table-layout: fixed;
}


.browseblock  a {
    color:#000000;
}


.listrow1 {
    background-color:#eee;
}

.listrow2 {
    background-color:#fff;
}

.entry-listing td {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 8px;
    padding-right: 8px;
}

.description {
    margin-left:20px;
    margin-bottom:10px;
}

.browseblock {
    margin-left:20px;
    border: 2px #999999 solid; 
    max-width: 90%; 
    max-height: 150px; 
    overflow-y: auto;
    overflow-x: visible;

}

.scrollablediv {
    max-height: 350px; 
    overflow-y: auto;
}

.toolbar-selected {
    margin:2px;
    border : var(--basic-border);
    padding-left:1px;
    padding-right:1px;
}

.toolbar {
    margin:2px;
    padding-left:1px;
    padding-right:1px;
}

.audio-player {
    border:1px solid;
}

.moreblock {
    visibility: hidden; 
    display:none;
}

.image_edit_box {
    border : 3px red solid;
    position: absolute; 
    z-index:var(--image-edit-z-index);
}

.latlon_box {
    border : 3px red solid;
    padding:0px;
    margin:0px;
    position: absolute; 
    visibility: hidden; 
}

.ramadda-floatdiv {
    filter:alpha(opacity=80);
    -khtml-opacity: 0.80;
    opacity: 0.80;
    position: absolute; 
    display:none;
    z-index:var(--floatdiv-z-index);
    background-color:     #67a7e3;
    border: 1px #666666 solid;   
    color: #fff;
    padding:4px;
    font-weight: bold;
}

.error-list {
    border: 1px #666666 solid;     
    max-height: 200px; 
    overflow-y: auto;
    padding:5px;
}


.formgroupheader {
    margin-top:4px;
    margin-bottom:0px;
    padding-left: 8px;
    padding-top: 4px;
    padding-bottom: 0px;
    color: #000;
    background-color : #eee;
    border-bottom: var(--basic-border);
    font-weight: bold;
    border-top-left-radius: 8px;
    -webkit-border-top-left-radius: 8px;
}


.innercontent {
    margin: 0px;
}

.ramadda-innercontent {
   padding-top: 0px;
   margin: 0px;
   min-height:800px;
   margin:0px;
   background-color:#ffffff;
}

.ramadda-content {
    min-height:800px;
    margin:0px;
    background-color:#ffffff;
}

.entrymenuarrow {
    padding-left:5px;
    padding-right:5px;
}

.navlink {
    margin-top: 2px;
}

.navlink a:link, .navlink a:visited {
    color:black;
}

.navlink a:link {
    color:black;
}


.hideshowblock {
    margin-top:0px;
    z-index:var(--hideshow-z-index);
}

.block {
    margin-top:2px;
}

.actionblock {
    margin:0px;
    padding:0px;
    padding-left:18px;
}

.actionblock li {
    margin:0px;
    padding:0px;   
}

a.toggleblocklabellink {
    color:black;
    text-decoration: none;
}

a.toggleblocklabellink:visited {
    text-decoration: none;
}

.toggleblocklabel {
    font-weight: bold;
    display: inline-block;
    cursor:pointer;
}


.entry-toggleblock-label  {
    vertical-align:middle;
    padding-top:2px;
    padding-bottom:2px;
    margin-bottom:2px;
    padding-left:4px;
}

.entry-toggleblock-label  img {
    vertical-align:middle;
    padding-right:2px;
}

.entry-toggleblock-label:hover {
    background-color : #efefef !important;
    cursor:pointer;
}

.ramadda-entry-edit  {
    width:95%;
}


/* override the bootstrap column padding */
.ramadda-col {
    padding-right:10px;
    padding-left:10px;

}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding-right:10px;
    padding-left:10px;

}

.row-tight .col, .row-tight .col-1, .row-tight .col-10, .row-tight .col-11, .row-tight .col-12, .row-tight .col-2, .row-tight .col-3, .row-tight .col-4, .row-tight .col-5, .row-tight .col-6, .row-tight .col-7, .row-tight .col-8, .row-tight .col-9, .row-tight .col-auto, .row-tight .col-lg, .row-tight .col-lg-1, .row-tight .col-lg-10, .row-tight .col-lg-11, .row-tight .col-lg-12, .row-tight .col-lg-2, .row-tight .col-lg-3, .row-tight .col-lg-4, .row-tight .col-lg-5, .row-tight .col-lg-6, .row-tight .col-lg-7, .row-tight .col-lg-8, .row-tight .col-lg-9, .row-tight .col-lg-auto, .row-tight .col-md, .row-tight .col-md-1, .row-tight .col-md-10, .row-tight .col-md-11, .row-tight .col-md-12, .row-tight .col-md-2, .row-tight .col-md-3, .row-tight .col-md-4, .row-tight .col-md-5, .row-tight .col-md-6, .row-tight .col-md-7, .row-tight .col-md-8, .row-tight .col-md-9, .row-tight .col-md-auto, .row-tight .col-sm, .row-tight .col-sm-1, .row-tight .col-sm-10, .row-tight .col-sm-11, .row-tight .col-sm-12, .row-tight .col-sm-2, .row-tight .col-sm-3, .row-tight .col-sm-4, .row-tight .col-sm-5, .row-tight .col-sm-6, .row-tight .col-sm-7, .row-tight .col-sm-8, .row-tight .col-sm-9, .row-tight .col-sm-auto, .row-tight .col-xl, .row-tight .col-xl-1, .row-tight .col-xl-10, .row-tight .col-xl-11, .row-tight .col-xl-12, .row-tight .col-xl-2, .row-tight .col-xl-3, .row-tight .col-xl-4, .row-tight .col-xl-5, .row-tight .col-xl-6, .row-tight .col-xl-7, .row-tight .col-xl-8, .row-tight .col-xl-9, .row-tight .col-xl-auto {
    padding-right:0px !important;
    padding-left:0px !important;
}

.formtable, .formtable_tight  {
    padding-top: 0px;
    padding-bottom: 0px;
}

.formtable td {
    padding-top: 4px;
    padding-bottom: 3px;
    padding-left: 4px;
    padding-right: 3px;
}

.formtable_tight td {
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 4px;
    padding-right: 3px;
}

.left_right_table td {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

.formcontents {
    text-align:left;
}

.formlabel, .formlabeltop {
    font-weight: bold;
    text-align:right;
    vertical-align: top;
    color: #000;
}

.formtable-fullwidth .formlabel, .formtable-fullwidth .formlabeltop {
    white-space: nowrap;
    width:15%;
}


.service-list {
    margin-left: 10px;
}

.service-list-header, .service-results-header, .service-form-header {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border: 1px #D1DEE4 solid;
    background-color:#E6F1F6;
    font-weight: bold;
    padding-top:5px;
    padding-bottom:0px;
    padding-left:6px;
    margin-top: 15px;
}

.service-form-header-links {
    padding: 2px;
    padding-right: 5px;
}

.service-form-header-links img {
    width: 12px;
    border: 1px  #E6F1F6 solid;
}

.service-form-header-links img:hover {
    width: 12px;
    border: 1px #888 solid;
}

.service-list-category {
    border-left: 1px #f0f0f0 solid;
    border-bottom: 1px #f0f0f0 solid;
}

.service-list-service {
    padding-left:5px;
    padding-top:5px;
    padding-bottom:5px;
    border-bottom: 1px #f0f0f0 solid;
}

.service-list-description {
    margin-left:22px;
}

.service-form {
    margin:5px;
    border-top: 0px #888 solid;
}

.service-form-description  {
    border: 1px #EFEFEF solid;
    border: 1px #eaeaea solid;
    border-top: 0px;
    background: var(--color-mellow-yellow);
    background: #f8f8f8;
    padding:5px;
    max-height: 100px; 
    overflow-y: auto;
    padding-left:10px;
    padding-bottom:2px;

}

.service-form-entries {
    border: 1px #EFEFEF solid;
    border-top: 0px;
    padding:5px;
    padding-left:10px;
    padding-right:50px;
}

.service-form-contents {
    border: 1px #EFEFEF solid;
    border-top: 0px;
    padding:5px;
    padding-left:10px;
    padding-right:50px;
}


.service-form .ramadda-heading-1 {
    border-top-left-radius: 6px;
    border-bottom: 1px #ccc solid;
    margin-top:5px;
    padding:5px;
    padding-left:8px;
    padding-bottom:0px;
}


.service-form-buttons {
    margin:5px;
    padding-top:5px;
}

.service-form-help {
    padding-left:4px;
}

.service-results {
    border : 1px #EFEFEF solid;
}


.service-output-header {
    margin-top: 6px;
    margin-left:10px;
    margin-right:10px;
    border-bottom : 1px #D1DEE4 solid;
}

.service-output {
    margin-left:10px;
    margin-right:10px;
    max-height: 400px; 
    overflow-y: auto;
}

.service-output-large {
    margin-left:10px;
}


.admin-block {
    margin-top:5px;
    padding-left:5px;
    padding-bottom:5px;
}

.admin-block-inner {
    margin-left:20px;
    background-color:#f9f9f9;
    border : 1px #aaaaaa solid;
}

.wiki-toc-wrapper {
    margin:10px;
}

.wiki-toc {
    margin-top:5px;
    border : 1px #aaaaaa solid;
    background-color:#f8f8f8;
    padding-left:5px;
    padding-bottom:5px;
}

g.wiki-tocheader {
    font-weight: bold;
}

.wiki-block {
    margin-top:5px;
    padding-left:5px;
    padding-bottom:5px;
}

.wiki-blockheader {
    font-weight: bold;
}

.wiki-h1, .wiki-h2, .wiki-h3, .wiki-h4, .wiki-h5, .wiki-h6 {
    color: black;
    background: none;
    font-weight: normal;
    margin: 0px;
    margin-bottom: .1em;
    padding-top: .1em;
    padding-bottom: 0em;
}
.wiki-h1 { 
    padding-left: 2px;
    font-size: 150%;
}
.wiki-h2 { 
    border-top-left-radius: 8px;
    border-top-right-radius: 2px;
    font-weight: bold;
}

.wiki-h3, .wiki-h4, .wiki-h5, .wiki-h6 {
    border-bottom: none;
    font-weight: bold;
}
.wiki-h3 { font-size: 130%; }
.wiki-h4 { color: #888;}
.wiki-h5 { }
.wiki-h6 { }

.wiki-hr {
    height: 1px;
    color: #aaa;
    background-color: #aaa;
    border: 0px;
    margin: .2em 0px .2em 0px;
}

.ramadda-wiki-tag {
    margin-left:20px;
    font-style:italic;
}


.wiki-link {
}


.wiki-link-external {
    background: url(icons/wiki/external.png) center right no-repeat;
    padding-right: 13px;
}


.wiki-link-noexist {
    color:red;
}


a.wiki-link-noexist {
    color:#aa0000;
}


.ramadda-treeview {
    border-top-right-radius: 0px;
    border:1px solid #ccc;
}

.ramadda-treeview-left {
    background:#fff;
    padding: 0px;
    margin:0px;
}


.ramadda-treeview-right {
    margin:0px;
    padding:5px;
    border-left:1px solid #eee;
}

.ramadda-treeview-entries {
    padding: 0px;
    float: left; 
    white-space: nowrap;
    width:100%;
    max-width:100%;
    overflow-x:auto;
}



.ramadda-treeview-header  {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    margin:0px;
    padding:5px;
    border: 1px #eee solid;
    border-bottom: 0px #fafafa solid;
    background: #fafafa;
}

.ramadda-treeview-header a {
    color: #000;
}

.ramadda-treeview-entry {
    margin: 0px;
    padding:5px;
    border-bottom:1px solid #efefef;
}

.ramadda-treeview-entry:hover {
    background: #efefef;
}

#treeview_view {
    border:0px solid #ccc;
}

#treeview_header {
}


/* JQuery overrides */
/*jeffmc: added these*/

.ramadda-accordion .ui-accordion-header, .ramadda-accordion .ui-state-default, .ramadda-accordion .ui-state-active {
    border: 0px #fff solid;
    background: none;
}

.ui-accordion .ui-accordion-content , .ramadda-accordion .ui-accordion-content {
    border: none;
    padding: 0px;
    padding-left: 10px;
}


/* eventually delete these two where accordian is spelled with an a */
.ramadda-accordian .ui-accordian-header, .ramadda-accordian .ui-state-default, .ramadda-accordian .ui-state-active {
    border: 0px #fff solid;
    background: none;
}

.ui-accordion .ui-accordion-content , .ramadda-accordian .ui-accordion-content {
    border: none;
    padding: 0px;
    padding-left: 10px;
}

/*
.ui-accordion .ui-accordion-content {
border:1px solid #ddd;
border-top:0px solid #ddd;
padding:20px;
padding-left:15px;
    border-radius: 0px; 
}
.ui-accordion .ui-accordion-header {
    border-radius: 0px; 
margin:0px;
background:#F7F7F7;
padding-left:40px;
padding:22px;
border:1px solid #ddd;
}

h3.ui-accordion-header a {
    text-decoration: underline;
    color: blue;
}

.ui-accordion-header-icon {
  display:none;
}
*/

/* delete this someday */
.ramadda-accordian-contents {
    display:none;
}

.ramadda-accordion-contents {
    display:none;
}

.ui-accordion-icons .ui-accordion-header a {
    padding:1.8em;
}

.ui-accordion .ui-accordion-header a {
    padding-top: 0.2em;
    padding-bottom: 0.2em;
}



.ui-datepicker .ui-datepicker-header {
    background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; 
}

.ui-datepicker { 
    border: 1px solid #aaaaaa !important;
}


/** add this to hide the dotted line that the hidden "Close" label gives us*/
.ui-button-icon-only {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}





.ui-tabs {
    background:rgba(0,0,0,0);
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
}


.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    padding-left: .5em;
    padding-right: .5em;
    padding-top: .2em;
    padding-bottom: .0em;
}

.ui-tabs .ui-tabs-panel {
    border:var(--basic-border);
    background:#fff;
    padding-left:1em;
    padding-right:1em;
}


/** for pagination **/
.vertical-center {
    text-align:center;
    width:100%;
    position: absolute;
    top: 47%;
    transform: translateY(-47%);
}
.vertical-center p {
    margin-top:23px;
}




.ramadda-tabs-center .ui-tabs-nav { 
    height: 1.8em; 
    text-align: center; 
} 

.ramadda-tabs-center .ui-tabs-nav li { 
    display: inline-block; 
    float: none; 
    top: 0px; 
    margin: 0em; 
    padding-bottom: 0px; 
}



.ramadda-tabs-min .ui-tabs .ui-tabs-panel {
    border:0px solid #ccc;
}

.ramadda-tabs-min .ui-tabs  {
    background:#fff;
}

.ramadda-tabs-min .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
}


.ramadda-tabs-minarrow .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    padding-bottom: .5em;

}

.ramadda-tabs-min { 
    background: transparent; 
    border: none; 
} 
.ramadda-tabs-min .ui-widget-header { 
    background: transparent; 
    border: none; 
    border-bottom: 1px solid #c0c0c0; 
    -webkit-border-radius: 0px; 
    border-radius: 0px; 
} 
.ramadda-tabs-min .ui-tabs-nav .ui-state-default { 
    background: transparent; 
    border: none; 
} 

.ramadda-tabs-minarrow .ui-tabs-nav .ui-state-active { 
    background: transparent url(icons/uiTabsArrow.png) no-repeat bottom center; 
} 

.ramadda-tabs-min .ui-tabs-nav .ui-state-active { 
    border: none; 
}

.ramadda-tabs-min .ui-tabs-nav .ui-state-default a { 
    color: #c0c0c0; 
} 

.ramadda-tabs-min .ui-tabs-nav .ui-state-active a { 
    color: #000; 
    font-weight: bold;
}


.ramadda-tabs-transparent .ui-tabs-nav .ui-state-active a { 
    color: #fff; 
    font-weight: bold;
}


.ramadda-tabs-transparent .ui-tabs, .ramadda-tabs-transparent .ui-tabs-panel { 
    background:#0000;
}

.ramadda-tabs-transparent .ui-tabs-nav { 
}


.ui-widget.ui-widget-content  {
    border: none;
}

.ui-widget-content {
    border: none;
}

.ui-widget-header {
    border: none;
    background: none;
}

<.ui-dialog {
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
    filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray');
    -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray')";
    border: 1px #ccc solid;
}

/* select menus with icons */
.ui-menu-icons .ui-menu-item-wrapper {
    padding-left: 0.2em;
}

/* override jquery padding */
.ui-menu .ui-icon {
    position: relative;
    left: 0
}

.ramadda-select-icon {
/* comment this out for now because of Don's problem
    width: 16px;
    height: unset;
*/
}

@media only screen and (max-device-width : 600px) {
    img { 
        max-width: 480px;
    }
    input { 
        max-width: 90%; 
    }

    .entry-arrow img {
        width: 20px;
    }

    .ramadda-section  {
        padding-top:4px;
        padding-bottom:4px;
        padding-left:0%;
        padding-right:0%;
    }

    .ramadda-page-heading, .ramadda-heading {
	font-size:120%;
	margin-bottom: 0px;
	font-weight: bold;
    }

    .ramadda-page-heading-small {
	font-size:100%;
	margin-bottom: 0px;
	font-weight: bold;
    }

    h1, h2, h3 {
	font-size: 110%;
    }
}


.wiki-editor {
    position:relative;
}

.wiki-editor-tag-highlight {
}

.ace_contents {
    display:relative;
}

.wiki-editor-message {
    position:absolute;
    right:0px;
    top:0px;
    min-width:200px;
    padding-left:6px;
    padding-right:6px;    
    background:rgba(255, 254, 236,0.9);
    z-index:var(--wikieditor-message-z-index);
    font-family: var(--font-family);
    border-bottom:1px solid #ccc;
    border-left:1px solid #ccc;    
}

.wiki-editor-preview {
    height:800px;
    overflow-y:auto;
    position:fixed;
    left:100px;
    top:40px;
    z-index:var(--wikieditor-preview-z-index);
    overflow-x:auto
}

.wiki-editor-preview .ui-resizable-handle {
    z-index:var(--wikieditor-preview-handle-z-index);
    height:10px;
    width:10px;
    background:#888;
}

.wiki-editor-preview .ui-resizable-nw {
}

.wiki-editor-preview-inner {
    width:100%;
    height:500px;
    overflow-y:auto;
    border:1px solid #ccc;
    background:white;
}

.wiki-editor-popup {
    margin:5px;
    vertical-align:top;
}

.wiki-popup-menubar {
    background:#ccc;
}    

.wiki-popup-menu-header {
    margin-right:2px;
    margin-left:2px;    
    padding:4px;    
}


.wiki-popup-menu-item {
    background:#fff;
    max-height:200px;
    overflow-y:auto;
}

.wiki-editor-popup-heading {
    font-size:125%;
    margin-left:10px;
    text-align:left;
}

.wiki-editor-popup-link  {
    width:100%;
}

.wiki-editor-tooltip {
    font-size:10pt;
    max-width:600px;
}

.wiki-editor-popup-link a {
    display:inline-block;
    width:100%;
    margin-left:4px;
    margin-right:4px;
}

.wiki-editor-popup-link:hover a, .wiki-editor-popup a:hover {
    color: var(--hover-color) !important;    
    background:var(--highlight-background);
    text-decoration:none;

}

.wiki-editor-popup-toolbar {
    background:#F0F0F0;
    padding:5px;
}

.wiki-editor-popup-header {
    display:inline-block;
    width:190px;
}

.wiki-editor-popup-section {
    vertical-align:top;
    display:inline-block;
}

.wiki-editor-popup-items {
    margin-left:10px;
    max-width:200px;
    overflow-x:auto;
    max-height:200px;
    overflow-y:auto;
}

.wiki-editor-editor {
    background:#efefef;
}

.ace_attribute-name {
    font-style:italic;
}
.ace_attribute-value {
    font-style:italic;
}
.ace_tag {
    font-weight: bold;
}

.ace_macro, .ace_display_macro {
}

.ace_bracket {
    color:blue;
}

.ace_editor  { 
    border-radius:0px;
    margin-top:0px;
    overflow-x:auto;
    width:100%;
    border: 1px #ccc solid;
    height:500px;
}


/** Calendar styles **/
 
.calnavtable {
    border-width: 0px;
}


.calnavday, .calheader, .calentry, .daycalendartable td, .dategrid>tr>td  {
    border-color: #888;
    border-width: 1px 1px 0px 0px;
    border-style: solid;
    margin: 0px;
}

.calheader {
    padding-top:10px;
    padding-left:10px;
    background-color:var(--cal-background);
    font-weight: bold;
}

.cal-day-link, .cal-day-link a {
    text-decoration: none;
    color: #000;
}

.cal-day-link {
    height:100%;
    font-size: 8pt;
}


.cal-day {
    display:inline-block;
    max-width:100%;
    overflow-x:auto;
}

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

.calnavmonthheader {
    border-width: 0px 0px 0 0;
    text-align:center;
    background-color:var(--cal-background);
    font-weight: bold;
    font-size: var(--cal-font-size);
}

.calnavmonthheader a {
    text-decoration:none;
}
.calnavmonthheader a:hover {
    color: var(--hover-color) !important;    
}

.calnavdayheader {
    text-align:center;
    background-color:var(--cal-background);
    font-weight: bold;
    font-size: var(--cal-font-size);
}

.calnavday {
    text-align:right;
    font-size: var(--cal-font-size);
    background-color:#fff;
    padding-left:20px;
    padding-top:5px;
    padding-right:1px;
}

.calnavoffday a, .calnavtheday a {
    font-size: var(--cal-font-size);
}

.calnavtheday {
    text-align:right;
    font-size: var(--cal-font-size);
    background-color:var(--cal-background);
    padding-left:20px;
    padding-top:5px;
    padding-right:1px;
}

.calnavoffday {
    text-align:right;
    font-size: var(--cal-font-size);
    background-color:#cccccc;
    padding-left:20px;
    padding-top:5px;
    padding-right:1px;
    border-width: 1px 1px 0 0;
    border-style: solid;
}




/** Put the clickable and highlightable here so they take precedence */
.ramadda-clickable:hover span i, .ramadda-clickable:hover a, .ramadda-clickable:hover {
    cursor:pointer;
    color: var(--hover-color) !important;    
}

a span i:hover, a:hover span i {
    color: var(--hover-color) !important;    
}


.ramadda-highlightable:hover, .ramadda-highlightable:hover span i, .ramadda-highlightable:hover a, a.ramadda-highlightable:hover {
    color: var(--hover-color) !important;    
    text-decoration:none;
}

.ramadda-hoverable:hover {
    background:var(--highlight-background);
}


.ramadda-link {
    text-decoration: none;
    display:inline-block;
}

a.ramadda-link:hover, .ramadda-link:hover {
    text-decoration:none; 
    color: var(--highlight-color);
    cursor:pointer;
    background:var(--highlight-background);
}

h3 a {
    color:black;
}

h3 a:visited {
    color:black;
}



.ramadda-frame-title a, .inherit-color a {
    color:inherit;
}

.ramadda-frame-title a:hover {
}


@media print {
    .pagebreak {
	clear: both;
	break-after:always;
	page-break-after:always; 	
    } 
}