html { background: #343434; }  /* linear-gradient(160deg, #949898, #242828) fixed */

body { font: normal 16px sans-serif; color:black; }

#frameMenu    { background: #F6F4F0; color: black; box-shadow: 0 0 6px  1px rgba(0, 0, 0, 0.7); }  /* 262630  424c5d */
#frameHead    { background: #E8E4E0; color: black; box-shadow: 0 0 6px  1px rgba(0, 0, 0, 0.7); }  /* 80b030 393943 1c1d26 */  
#frameTools   { background: #E8E4DC; color: black; box-shadow: 0 0 6px  1px rgba(0, 0, 0, 0.5); }
#layerScroll  { background: #F9F8F7; color: black; xbox-shadow: 0 0 32px 4px rgba(0, 0, 0, 0.5); }  /* 272833 */


button  { background: #D0B000; color:white; border-style:solid; border-color: #e0d080 #b0a040 #b0a040 #e0d080; border-radius:0.5em;}
.button { background: #D0B000; color:white; border-style:solid; border-color: #e0d080 #b0a040 #b0a040 #e0d080; border-radius:0.5em;}
button:hover  { background: #E0C000; }
.button:hover { background: #E0C000; }

.homeitem {max-width: 576px;}
.box { background: #F8F4F0; color: black;} 

#loginBox { background: #E8E4E0; border: none; }

i {color: #543;}

.browseitem { border-bottom-color: #888888; }

#frameMenu button { background: #D8D4D0; color:black; }
#frameMenu button:hover { background: #E8E4E0;  }
#frameMenu button.selected { background: #D0B000; color:white; }

#popupMenu { background: #c3c3c9; box-shadow: 0 0 6px  1px rgba(0, 0, 0, 0.7); }
.menuitem:hover { background: #80b030; color:white; }
.menuitem.selected, .menuitem.selected:hover { background: #c4bc90; color: white; }
.menuitem.disabled { background: inherit; opacity:0.5; cursor:default; }

h1, h2, h3 {
  background: #ece4e0;
}

a { color: inherit; }
a.link { color: #d0b000; }
a:visited.link { color: #c0a000; }

input { accent-color: #c0a000; }


.formbox > label {
  margin-left: 1em;
  color: #654;
}
  
.formfield {
  background: white;
  color: black;
  border-top: 0.125em solid #987;
  border-left: 0.125em solid #987;
  border-right: 0.125em solid #987;
  border-bottom: 0.125em solid #987;
  border-radius: 1em;
  padding: 0.125em;
}
.formfield input, .formfield select, .formfield textarea, .formfield div {
  border-radius: 1em;
}
.popupWindow { color:black; background: #cccccc; border-color: #dddddd #bbbbbb #bbbbbb #dddddd; }    
.popupWindowBody  { color:black; background: white; border-color: #cccccc; }  


@media (min-width: 1024px) {
  #layerScroll { width: 100%; left: 0; margin-left: 0; }
  #layerFixed  { width: 100%; left: 0; margin-left: 0; }
}