body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote { margin:0; padding:0; }

@font-face { font-family:"Sym";src:url(/ff-fonts.ttf?7); }
.sym { font-family:"Sym"; }

.mbox {
  background-color: #124;
  padding: 12px;
  border: 2px solid #fff;
  border-radius: 10px;
  }

table { border-collapse:collapse; border-spacing:0; }

.header { font-weight:bold; text-align:center; color:#006; background-color:#cc8 !important; }
.header a { font-weight:bold; text-align:center; color:#00f !important; }
.header a:hover { font-weight:bold; text-align:center; color:#f00; }

.tableFixHead          { overflow: auto; max-height: 20em; }
.tableFixHead thead { position: sticky; top: 0; z-index: 10; }

table.metatable table td { width:unset !important; }
table.metatable {
  border-collapse:separate;
  border-spacing:0;
  border: 10px solid #fff;
  background-color:#fff;
  color:#000;
  border-radius: 10px;
  }
.fields td:first-child { font-weight:bold; }
.field { font-weight:bold !important; }
.value { font-weight:normal !important; }
table.metatable th {
  text-align: left;
  font-weight: bold;
  font-size: 110%;
  color: #000;
  vertical-align: top;
  padding: 4px;
  background-color: #ccd;
  border: 2px solid #ccd;
  white-space:nowrap;
  }
table.metatable th:first-child { border-top-left-radius: 12px; }
table.metatable th:last-child { border-top-right-radius: 12px; }
table.metatable td { vertical-align: top; padding: 3px 4px 3px 4px; }
table.metatable td:first-child {
  border-left: 2px solid #ccc;
  max-width: 30% !important;
  overflow-wrap: break-word !important;
  }
table.metatable td:last-child { border-right: 2px solid #ccc; overflow-wrap: break-word; white-space:normal; }
table.metatable td { border-bottom: 2px solid #ddd; }
table.metatable tr.topline td { border-top: 2px solid #ddd; }
table.metatable tr.noline:not(:last-child) td { border-bottom: none; }
table.metatable.noline td { border-bottom: none; }
table.metatable.noline tr:last-child td { border-bottom: 2px solid #ddd; }
table.metatable tr:not(:first-child) th { border:none; border-top: 6px solid #fff; }
table.metatable a { color: #00f; text-decoration: underline; cursor:pointer; }
table.metatable td.hl:hover { background-color:#ddd !important; }
table td { vertical-align: top; padding: 3px 4px 3px 4px; }
table th { vertical-align: top; padding: 3px 4px 3px 4px; font-weight:bold; }

table.vcenter th { vertical-align: middle; }
table.vcenter td { vertical-align: middle; }

.metaApp { background-color: pink !important; }
.metaNote { background-color: #ff8 !important; }
.metaValid { background-color: #bcf !important; }
.metaValidBlock { background-color: #bcf !important; }
.metaCamera { background-color: lightgreen !important; }
.metaNone { background-color: #ddd !important; }
.metaExposure { background-color: lightgreen !important; }
#MainImg { cursor:crosshair; }

.sm { cursor:pointer; border: 1px solid #235; }
.sm:hover { border: 1px solid #ff0; }
.fright { float:right; }
.click {
  text-decoration:none;
  font-weight:bold;
  cursor:pointer;
  }
.grow { max-height:4em; overflow:hidden; transition: 1s; }
.grow:hover { max-height:none; }
.halfsize {
    transform: scale(0.5);
    transform-origin: 0 0;
}
.size34 {
    transform: scale(0.75);
    transform-origin: 0 0;
}
.sizedouble {
    transform: scale(2.0);
    transform-origin: 0 0;
}
.sizex3 {
    transform: scale(3.0);
    transform-origin: 0 0;
}

#imglink { border: 0.75px solid #2c323c; }
#imglink:hover { border: 0.75px solid red; }

address,caption,cite,code,dfn,em,strong,th,var {
  font-style:normal;
  font-weight:normal;
  }
h1,h2,h3,h4,h5,h6 {
  font-size:100%;
  font-weight:normal;
  }
q:before,q:after { content:''; }
abbr,acronym { border:0; }

/* css styles: layout */
span { display: inline-block; }
.banner
  {
  min-height:95px;
  text-align:center;
  flex-shrink:0;
  margin-bottom: 0.5em;
  }
.bannertext
  {
  margin-top: -35px;
  color: #4296ed;
  font-size: 200%;
  opacity:0.5;
  }

html
  {
  overflow-y: scroll;
  }

body {
  width: 100%;
  color: #fff;
  background: linear-gradient(to right, #124, #568);
  font-family:arial,helvetica,sans-serif;
  font-weight: normal;
  font-size: 12pt;
  }

.bodystyle {
  color: #fff;
  background: linear-gradient(to right, #124, #568);
  font-family:arial,helvetica,sans-serif;
  font-weight: normal;
  font-size: 12pt;
  }

.analysis { display:inline-block; vertical-align:top; overflow:hidden; border:solid grey 1px; min-width:110px; }
.analysis select { padding:10px; margin:-5px -20px -5px -5px; }

.analyzers ul { font-size:11pt; margin:0; padding:0; z-index:5; }
.analyzers span { width:7.25em; padding-left:2px; cursor:pointer; }
.analyzers span:hover { color:#333; font-style:italic; opacity:0.9; }
.analyzers li { list-style:none; margin:0; padding:0; }
.analyzers li > span { border-left:1px solid #000; border-right:1px solid #000; }
.analyzers li:first-child > span { border-top-left-radius:5px; border-top-right-radius:5px; border-top:1px solid #000; }
.analyzers li:last-child > span { border-bottom-left-radius:5px; border-bottom-right-radius:5px; border-bottom:1px solid #000; }
.analyzers li ul { display:none; z-index:6; position:absolute; margin-top:-0.5em; margin-left:2.5em; }
.analyzers li:hover > ul { display:block; }
.analyzers .selected { font-weight:bold; color:#000; }

.quote
  {
  margin-left: 5em;
  padding: 0.5em;
  display: inline-block;
  border: 1px solid #fff;
  border-radius: .5em;
  }

.faq h1 { margin: 0.5em 0 0 0; padding:0; }
.faq li { margin: 1em 0 0.5em 0; }

.urlbox { max-height:5em; overflow:auto; }

/* css styles, forms */
form { margin: 0; }
form label { display: none; }
form input { padding: 0.25em; }
form #id_entry { width: 445px; }

form #process {
  width: 140px;
  margin-left:10px;
  }

/* css styles, type */
.anchor { color:#efffa6; cursor:pointer; }
a { color:#efffa6; cursor:pointer; }
a:hover { color:#f0f020; cursor:pointer; }
.bglight { color:#000; }
.bglight a { color:#00d !important; cursor:pointer; }
.bglight a:hover { color:#00f !important; cursor:pointer; }
/* Firefox >47 made form padding larger! */
button,input,select,textarea {
  padding:2px;
  border-spacing:0; border-width:1px;
  border-radius:5px;
  }
button { cursor:pointer; }
/* Firefox >60 made buttons transparent on hover */
button:hover { background-color:#bbb; }
input[type='button']:hover { background-color:#bbb; }
input[type='submit']:hover { background-color:#bbb; }
input[type='reset']:hover { background-color:#bbb; }

#insetBR {
  position: fixed;
  bottom: 0;
  right: 0;
  font-size: 10pt;
  padding: 10pt;
  background-color: #3c424c;
  z-index: 4;
  border-top-left-radius: 8px;
  }

.insetPop, #insetPop {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 30em;
  margin: auto;
  overflow:auto; 
  padding: 10pt;
  color: #000;
  background-color: #ddd !important;
  z-index: 50;
  border: 4px solid #888;
  border-radius: 8px;
  }
.insetPop a, #insetPop a { color:#0000aa !important; cursor:pointer; }
.insetPop a:hover, #insetPop a:hover { color:#0000ff !important; }

.insetHidden {
  visibility: hidden;
  width: 30em;
  top:0; bottom:0; left:0; right:0;
  padding: 10pt;
  overflow:auto;
  }

#inset {
  padding: 10pt;
  background-color: #fff;
  border-radius: 8px;
  }

.menubutton { width:10em; }
.loginbutton { width:8em; height:2em; font-weight:bold; }

.icontable { }
.iconcount { text-align:right; vertical-align:bottom; }
.icon { width:140px; text-align:center; vertical-align:bottom; }
.fontoptions {
  margin-top:0.2em;
  padding:0;
  text-align:center;
  }
.fontbutton {
  color: #fff;
  background-color: #3E5670;
  border-color: #fff;
  border-width: 1px;
  padding: 0.1em;
  font-size: 10pt;
  border-radius: .3em;
  }
.optionbutton {
  cursor: pointer;
  color: #fff;
  text-align:center;
  vertical-align:middle;
  background-color: #106;
  border: 1px solid #fff;
  width: 1.5em;
  height: 1.5em;
  padding: 0;
  font-size: 1em;
  border-radius: .3em;
  }
.optionbutton:hover { background-color: #ff0; color: #000; }
.optionbuttons {
  font-family:"Sym";
  color: #fff;
  background-color: #106;
  border: 1px solid #fff;
  width: 1.5em;
  height: 1.5em;
  padding: 0;
  font-family:Arial,Helvetica,sans-serif;
  font-size: 1em;
  border-radius: .3em;
  }
.annobutton {
  color: #fff;
  text-align:center;
  font-weight: bold;
  vertical-align:middle;
  background-color: #106;
  border-color: #fff;
  border-width: 1px;
  width: 2em;
  height: 2em;
  padding: 0;
  font-size: 1em;
  border-radius: .3em;
  }
.annobuttonsel { background-color: #ee0; color: #000; }
.annobutton:hover { background-color: #ff0; color: #000; }
.wide { width: 6em; }
.widebutton {
  color: #fff;
  background-color: #66b;
  text-align:center;
  vertical-align:middle;
  border: 1px solid #fff;
  min-width: 5em;
  height: 2em;
  padding: 0;
  font-weight: bold;
  font-size: 1.2em;
  border-radius: .3em;
  }
.widebutton:hover { background-color: #ff0; color: #000; }

.bigbutton {
  padding: 0.25em;
  border-radius: .3em;
  font-size: 1.5em;
  }

.hugebutton {
  padding: 0.5em;
  border-radius: .3em;
  font-size: 2em;
  }

h1 {
  font-size: 200%;
  padding: 0.25em 0;
  }

h2 {
  font-size: 160%;
  padding: 0.5em 0;
  }

h3 {
  font-size: 125%;
  padding: 0.5em 0;
  }

blockquote {
  padding-left: 2.5em;
  padding-bottom: 1em;
  }

.code { font-family:monospace; }
.col20 { min-width:20%; max-width:20em; word-wrap:break-word; }
.pre { white-space:pre; }

ul { margin-top: 0; margin-bottom: 0; padding-top: 0em; }
ul li { margin-top: 0; padding-top: 0.2em; }
ul.pad li { margin-top: 0.25em; padding-top: 0.25em; }
ul.pad { margin-bottom: 0.25em; padding-bottom: 0.25em; }
ol { margin-top: 0; margin-bottom: 0; padding-top: 0em; }
ol li { margin-top: 0; padding-top: 0.2em; }
ol.pad li { margin-top: 0.25em; padding-top: 0.25em; }
ol.pad { margin-bottom: 0.25em; padding-bottom: 0.25em; }
.pad li > br { display:block; margin:0.1em; }
ol.nopad li { margin-top: 0em; padding-top: 0em; }
ul.nopad li { margin-top: 0em; padding-top: 0em; }

.thbox { display:inline-block; width:128px; text-align:center; }
.highlight { background-color:#235; color:#fff; }
.highlight:hover { background-color:#3E5670; }
.pads td { padding: 0.3em; }
.pads th { padding: 0.3em; }
.biggap { margin-top: 2em; }
.center { text-align: center !important; }
.middle { vertical-align: middle !important; }
.bottom { vertical-align: bottom !important; }
.left { text-align: left; }
.right { text-align: right; }
.mono { font-family:"Courier New",Courier,monospace; }
.small { font-size: 80%; }

.hide { display: none; }
.appear:hover > .hide { display: inline-block; }
.appear:hover > div.hide { display: block; }

.blueunderline,.blueunder { color: #efffa6; text-decoration: underline; cursor:pointer; }
.blueunderline:hover { color: #f0f020; text-decoration: underline; }

pre { white-space: pre-wrap; }

/* FF57, Chrome: option, optgroup fail to inherit font and colors. */
.project
  {
  font-size: 10pt;
  width: 130px;
  overflow: hidden;
  border: 1px solid #88d;
  }

table.btable td { border-style: none; }
table.btableL td { border-style: solid; border-width: 1px; }
table.q { border-collapse:collapse; background: #fff; color: #000; border: 3px solid #000; }
table.q td { border: 2px solid #000; text-align:right; min-width:1em; }
span.q { text-align: center; display: inline-block; padding:0.25em; }

.sidebar
  {
  color:#000;
  background-color:#eee;
  padding:12px;
  border: 2px solid;
  border-radius: 10px;
  }
.sidebar a
  {
  color:#00f;
  }

span.sidebar { display:inline-block; }
.sidebar2
  {
  padding:12px;
  color:#000;
  background-color:#fff;
  border: 2px solid;
  border-radius: 10px;
  }
span.sidebar2 { display:inline-block; }

.histent { position:relative; display:inline-block; margin:2px; min-width:5em; min-height:5em; }
.closex { background-color:#fff; color:#f00; position:absolute; top:0; right:0; min-width:.5em; min-height:.5em; z-index:10; cursor:pointer; }

.wholepage {
	overflow: auto;
	padding: 1em;
	border: 1px solid #fff;
	border-radius: .5em;
	background-color: #135;
}
ff-box { display:inline-block; border:1px solid; padding:5px; margin:1px; text-align:center; background:#fff; color:#000; }
ff-box a { color:#00f; cursor:pointer; }
ff-box a:hover { color:#22f; cursor:pointer; }
a ff-box:hover { background-color:#efffa6; }
.half { height:0.5em; }
.outline { text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; }
.search { border:1px solid #888; color:#000; }
.search ff-box a { color:#fff; cursor:pointer; }
.search ff-box a:hover { color:#ff8; cursor:pointer; }
.searchbtn { border-radius: 20px; background:#ccf; }
.searchbtn:hover { background:#ff8; }
.expand
  {
  max-height:16pt;
  overflow:hidden;
  transition: 2s;
  }
.expand:hover
  {
  max-height:600px;
  transition: 2s;
  }

.black { color:#000; }
.darkred { color:#a00; }
.red { color:#f00; }
.pink { color:#f88; }
.green { color:#0f0; }
.blue { color:#00f; }
.lightgreen { color:#8f8; }
.darkgreen { color:#040; }
.darkblue { color:#008; }
.lightblue { color:#88f; }
.purple { color:#f0f; }
.darkpurple { color:#808; }
.yellow { color:#ff0; }
.white { color:#fff; }
.gray { color:#888; }

.bgblack { background-color:#000 !important; }
.bgdarkred { background-color:#a00 !important; }
.bgred { background-color:#f00 !important; }
.bgpink { background-color:#f88 !important; }
.bglightpink { background-color:#fcc !important; }
.bggreen { background-color:#0f0 !important; }
.bglightgreen { background-color:#8f8 !important; }
.bgdarkgreen { background-color:#040 !important; }
.bgblue { background-color:#00f !important; }
.bgdarkblue { background-color:#008 !important; }
.bgpaleblue { background-color:#bbf !important; }
.bglightblue { background-color:#88f !important; }
.bgpurple { background-color:#f0f !important; }
.bgdarkpurple { background-color:#808 !important; }
.bglightpurple { background-color:#f8f !important; }
.bgyellow { background-color:#ff0 !important; }
.bglightyellow { background-color:#ffc !important; }
.bgwhite { background-color:#fff !important; }
.bggray { background-color:#888 !important; }
.bglightgray { background-color:#ddd !important; }
.bggraya { background-color:#aaa !important; }
.bggrayb { background-color:#bbb !important; }
.bggrayc { background-color:#ccc !important; }
.bggrayd { background-color:#ddd !important; }
.bggraye { background-color:#eee !important; }
.bggrayaf { background: linear-gradient(to right, #aaa, #fff); }

.point { cursor:pointer; }
.wrap
  {
  overflow-wrap:break-word;
  hyphens:auto;
  }
.nowrap { white-space: nowrap; }
.round { border-radius: 5px; }
.border { border:1px solid #888; padding:0.2em; }
.wborder { border:1px solid #fff; padding:0.2em; }
.systemmsg { padding:.4em; border: 1px solid #fff; background:#261; }
.hue { background: linear-gradient(90deg,#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00); }

.key { margin-bottom:0.5em; text-align:center; }

.digest tr { background-color:#fff; color:#000; border: 1px solid #000; }
.digest tr:hover { background-color:#ccf; border: 1px solid #000; }
.digest td { vertical-align:top; }
.imgbox { cursor:pointer; border: 1px solid #888; }
.imgbox:hover { border: 1px solid #f00; }
.imgf { background-color:#446; }
.imgf:hover { background-color:#cc6; }
.imgfmt { background-color:#446; border:2px solid #446; }
.imgfmt:hover { background-color:#cc6; border:2px solid #cc6; }
.imghide { display:none; }
.imghtml { display:block; background-color:#446; max-width:300px; max-height:300px; border:1px solid #446; }
.imghtml:hover { background-color:#cc6; border:1px solid #cc6; }
.imgpreview { max-width:300px; max-height:75px; }

.adjust input[type=range] { width:auto; }
.adjust button { padding:2px; width:3em; font-size:10pt; }
.adjustval { font-size:10pt; }
.adjustinv { font-size:10pt;  opacity:0; }

.whitetable tr { background-color:#fff; color:#000; border: 1px solid #000; }
.whitetable th { vertical-align:middle; color:#000; font-size:100%; font-weight:bold; border: 1px solid #000; word-break:normal; }
.whitetable th:last-child { word-break:break-word; }
.whitetable td { vertical-align:middle; color:#000; border: 1px solid #000 !important; }
.whitetable td:last-child { word-break:break-word; }
.whitetable .row td { vertical-align:middle; color:#000; border: 0; }
.whitetable .top { vertical-align:top; }
.whitetable th a { text-decoration:none; color:#000; }
.whitetable td a { color:#008; }
.whitetable td a:hover { color:#c44; }

.wrtable tr { border: 1px solid #000; color:#000; background-color:#fff; }
.wrtable th { border: none; color:#000; background-color:#fff; font-weight:bold; text-align:left; vertical-align:top; }
.wrtable td { border: none; color:#000; background-color:#fff; text-align:left; vertical-align:top; }
.wrtable img { border:1px solid #888; }

.checkered {
  background-color: #ccc !important;
  background: linear-gradient(45deg, #aaa 25%, transparent 25%, transparent), linear-gradient(-45deg, #aaa 25%, transparent 25%, transparent), linear-gradient(45deg, transparent 75%, #aaa 75%), linear-gradient(-45deg, transparent 75%, #aaa 75%);
  background-size:12px 12px;
  }

.checkered:hover {
  background-color: #aaa !important;
  background: linear-gradient(45deg, #ccc 25%, transparent 25%, transparent), linear-gradient(-45deg, #ccc 25%, transparent 25%, transparent), linear-gradient(45deg, transparent 75%, #ccc 75%), linear-gradient(-45deg, transparent 75%, #ccc 75%);
  background-size:12px 12px;
  }

.zoom {
  position:absolute;
  left:2em;
  width:200px;
  height:200px;
  border:1px solid #000;
  overflow:hidden;
  visibility:hidden;
  z-index:40;
  border-radius:10px;
  pointer-events:none;
  }

.noselect {
  user-select: none;
  }

.Lab {
  color: #82f;
  font-weight: bold;
  }
.Public {
  color: #082;
  font-weight: bold;
  }
.Solo {
  color: #f28;
  font-weight: bold;
  }

.toggle input[type=checkbox] { display:none; }
.toggle input[type=checkbox]+label { background:#f44; }
.toggle input[type=checkbox]:checked+label { background:#8f8; color:#000; }
.toggle label { display:inline-block; padding:5px; border:1px solid #000; background:#f44; }
.togglenot input[type=checkbox] { display:none; }
.togglenot input[type=checkbox]+label { background:#8f8; color:#000; }
.togglenot input[type=checkbox]:checked+label { background:#f44; }
.togglenot label { display:inline-block; padding:5px; border:1px solid #000; background:#8f8; color:#000; }

.marquee {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  }

.marquee span {
  display: inline-block;
  padding-left: 100%;
  animation: marquee 40s linear infinite;
  }
.marquee span:hover { animation-play-state: paused; }

@keyframes marquee {
  0% { transform: translate(0, 0); }
  100% { transform: translate(-100%, 0); }
  }

.menu { margin:0; position:fixed; top:0; left:0; z-index:20; color:#fff; }
.menu h
  {
  z-index:20;
  display:inline-block;
  line-height:1.5em;
  margin:0;
  padding:0;
  text-align:center;
  vertical-align:middle;
  font-size:150%;
  width:1.5em;
  height:1.5em;
  border:2px solid #fff;
  border-radius:50%;
  }
.bgmenu { background-color:#346; }
.menu a { text-decoration:none; color:#fff; display:block; }
.menu ul { margin:0; padding:0.25em; }
.menu li { list-style:none; cursor:pointer; padding:4px; border-radius:5px; }
.menu li ul
  {
  position:absolute;
  margin-top:-0.5em;
  display:none;
  border:2px solid #fff;
  background:#457;
  border-radius: 5px;
  width:15em;
  }
.menu l { font-weight:bold; text-align:center; display:block; color:#fff; background:#444; cursor:text; padding:4px; border-radius:5px; }
.menu d { float:right; }
.menu m
  {
  position:fixed;
  min-width:1em;
  height:1em;
  text-align:center;
  top:0.5em;
  left:2.5em;
  background-color:#800;
  border:2px solid #400;
  z-index:29;
  padding:0.2em;
  border-radius:50%;
  }
.menu li ul li ul { margin-left:5em; position:absolute; margin-top:-1em; }
.menu li ul li:hover { background-color:#78a; }
.menu li:hover > ul { display:block; }

.upload1 { width:7em;float:left;vertical-align:middle;line-height:2.5em; }
.upload2 { overflow:hidden;vertical-align:middle;line-height:2.5em; }
.upload2 input { width:99%; }
.upload3 { float:right;vertical-align:middle;line-height:2.5em; }
.uploadbtn { width:9em;margin-left:1em; }
.loginwarn {
  background-color:#fff !important;
  color:#f00;
  font-weight:bold;
  border:1px solid #888; padding:0.2em;
  border-radius: 5px;
  display:none;
  }

.ccbutton-blue
  {
  display: inline-block;
  background: linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4);
  border: 0;
  padding: 8px;
  font-size: 14px;
  font-weight: bold;
  text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
  color: #fff;
  vertical-align: top;
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
  box-shadow: 0 1px 0 rgb(0 0 0 / 20%);
  user-select: none;
  cursor: pointer;
  }
.ccbutton-red
  {
  background: linear-gradient(#e00,#800 85%,#e00);
  }

.ellipsis
  {
  max-width:20em;
  text-overflow: ellipsis;
  overflow:hidden;
  }
.ellipsis:hover
  {
  width:auto;
  overflow:visible;
  }

.page {
  flex: 1 0 auto;
  width: 90%;
  margin: 0 auto;
  border-radius: 10px;
  }

.pagebody
  {
  display: flex;
  flex-direction: column;
  height: 100vh;
  }

.pagemid {
  flex: 1 0 auto;
  width: 90%;
  margin: 0 auto;
  border-radius: 10px;
  }

.pagelower {
  flex-shrink: 0;
  width: 90%;
  margin: 0 auto;
  border-radius: 10px;
  }

.block { display:inline-block; }

.footer
  {
  flex-shrink: 0;
  align-self: end;
  font-size: 80%;
  width: 90%;
  margin: 0.5em 5% 0 5%;
  padding-top: 0.5em;
  padding-bottom: 1em;
  border-top: 1px solid #fff;
  }

.scrollbox
  {
  position:relative;
  text-align:left;
  overflow-y:scroll;
  max-width:100%;
  max-height:20em;
  }

.stringsheader
  {
  color: #fff;
  border: 1px solid #00c;
  background-color: #00c;
  padding: 3px;
  border-radius: 5px 5px 5px 0;
  }
.stringsbox
  {
  display: flex;
  align-items: stretch;
  flex-flow: row;
  margin: 0;
  padding: 0;
  }
.stringsline
  {
  font-family:"Courier New",Courier,monospace;
  color: #fff;
  border: 1px solid #444;
  background-color: #444;
  padding: 1px 3px;
  }
.stringstext
  {
  flex: 1;
  padding: 2px 4px;
  overflow-wrap: anywhere;
  }

.lineno {
  counter-reset:line;
  margin-left: 3.5em;
  }
.lineinc:hover { background:#fff; }
.lineinc:before {
  display:inline-block;
  counter-increment:line;
  color: #888;
  display:inline-block;
  margin-left: calc(-3.5em - 2px);
  width: calc(3.5em - 2px);
  text-align: right;
  content: counter(line)" ";
  border-right: 1px solid #888;
  }

.debug { border: 1px solid red; }

option.ana:checked { font-weight:bold; }

@media print {
  .noprint { display: none; }
}