html { background: white; }  /* linear-gradient(170deg, #9c9490, #3c3430) fixed */

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

#frameTop     { background: #fcf8f4; color: black; box-shadow: 0 0 6px  1px rgba(0, 0, 0, 0.7); }
#frameLeft    { background: #fcf8f4; color: black; box-shadow: 0 0 6px  1px rgba(0, 0, 0, 0.7); }
#frameRight   { background: #fcf8f4; color: black; box-shadow: 0 0 6px  1px rgba(0, 0, 0, 0.7); }
#frameHead    { background: #7b1e1f; color: white; box-shadow: 0 0 6px  1px rgba(0, 0, 0, 0.7); }    
#frameTools   { background: #ece8e4; color: black; box-shadow: 0 0 6px  1px rgba(0, 0, 0, 0.5); }
#frameBody    { background: white;   color: black; }

#frameBody.form  { background: #ece8e4; }

button  { background: #eee; }
.button { background: #eee; }
button:hover  { background: white; }
.button:hover { background: white; }

.homeitem {max-width: 576px;}
.box { background: #ece8e4; color: black; } 
.box i { color: #7b1e1f; } 
  
#loginBox { background: #ece8e4; border: none; width:100%; height:100%; border-radius: 0; }
 
.browseitem { xborder-bottom-color: #888888; }

#frameLeft button { background: #ece8e4; }
#frameLeft button:hover { background: #dcd4d0;  }
#frameLeft button.selected { background: #7b1e1f; color:white; }


#popupMenu { background: #ece8e4; box-shadow: 0 0 6px  1px rgba(0, 0, 0, 0.7); }
.menuitem:hover { background: #dcd4d0; }
.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: #3b1e1f; }
a:visited { color: #4b1e1f; }
a.box { color: inherit; }

input { accent-color: #7b1e1f; }

.popupWindow { background: #ece8e4; border-color: #fcf8f4 #9c9894 #9c9894 #fcf8f4; }    
.popupWindowBody  { background: #fcf8f4; border-color: #dcd8d4 #dcd8d4 #dcd8d4 #dcd8d4; }   /* ece8e4 dcd8d4 */