:root {
  --ctrl-font: Arial, Helvetica, sans-serif;
  --ctrl-background: rgba(128, 128, 128, 0.75);
  --ctrl-border: 2px solid #808080; 
  --ctrl-radius: 0;

  --menu-color: #444444;
  --menu-bgimg: ;
  --menu-border: 2px solid #000000;

  --page-font: Arial, Helvetica, sans-serif;
  --page-color: #355d77;
  --page-bg: #355d77 url("/img/jabee/jabee_bg.png");
  --text-color: #FCFCFC;

  --hdr-font: Arial, Helvetica, sans-serif;
  --hdr-bgimg: url("/img/dark/hdr_bg.png");
  --hdr-color: #444444;
  --hdr-border-top: 1px solid #7b7b7b;
  --hdr-border-left: 0;
  --hdr-border-bottom: 1px solid #000000;
  --hdr-border-right: 0;
}

/* iOS mobile only background (not 100% the same as background) */
@supports (-webkit-touch-callout: none) {
.body::before {
  background: #355d77 var(url("/img/jabee/jabee_bg.png"));
  display: block;
  position: fixed;
  z-index: -32768;
  size: auto 100vh;
  margin: 0 auto 0 auto;
}
}