.trans :link { color: #00C; background: transparent }
.trans :visited { color: #609; background: transparent }
.trans :link:active { color: #C00; background: transparent }
.trans :visited:active { color: #C00; background: transparent }

.trans :link:hover { background: #ffa; }
.trans :visited:hover { background: #ffa; }
.trans code :link { color: inherit; }
.trans code :visited { color: inherit; }

.trans h1 { text-align: left; font: 900 170% sans-serif; color: #3c790a; background: transparent; }
.trans h2 { text-align: left; font: 800 140% sans-serif; color: #3c790a; background: transparent; }
.trans h3 { text-align: left; font: 700 120% sans-serif; color: #3c790a; background: transparent; }
.trans h4 { text-align: left; font: bold 100% sans-serif; }
.trans h5 { text-align: left; font: italic 100% sans-serif; }
.trans h6 { text-align: left; font: small-caps 100% sans-serif; }

.trans pre { margin-left: 2em; /* overflow: auto; */ }
.trans h1 + h2 { margin-top: 0; }
.trans h2 { margin: 3em 0 1em 0; }
.trans h2 + h3 { margin-top: 0; }
.trans h3 { margin: 2em 0 1em 0; }
.trans h4 { margin: 1.5em 0 0.75em 0; }
.trans h5, h6 { margin: 1.5em 0 1em; }
.trans p { margin: 1em 0; }
.trans dl { margin-top: 0; margin-bottom: 0; }
.trans dd { margin-top: 0; margin-bottom: 0; }
.trans dt { margin-top: 0.75em; margin-bottom: 0.25em; clear: left; }
.trans dt + dt { margin-top: 0; }
.trans dd dt { margin-top: 0.25em; margin-bottom: 0; }
.trans dd p { margin-top: 0; }
.trans dd dl + p { margin-top: 1em; }
.trans dd table + p { margin-top: 1em; }
.trans p + * > li, dd li { margin: 1em 0; }
.trans dt { font-weight: bold; font-style: normal; }
.trans dfn { font-weight: bold; font-style: normal; }
.trans pre { font-size: inherit; font-family: monospace; font-variant: normal; overflow: scroll; width: 90%; }
.trans code { font-size: inherit; font-family: monospace; font-variant: normal; }
.trans pre strong { color: black; font: inherit; font-weight: bold; background: yellow; }
.trans pre em { font-weight: bolder; font-style: normal; }
@media screen { .trans code { color: orangered; } }
.trans var sub { vertical-align: bottom; font-size: smaller; position: relative; top: 0.1em; }
.trans table { border-collapse: collapse; border-style: hidden hidden none hidden; }
.trans table thead { border-bottom: solid; }
.trans table tbody th:first-child { border-left: solid; }
.trans table td { border-left: solid; border-right: solid; border-bottom: solid thin; vertical-align: top; padding: 0.2em; }
.trans table th { border-left: solid; border-right: solid; border-bottom: solid thin; vertical-align: top; padding: 0.2em; }

.trans blockquote { margin: 0 0 0 2em; border: 0; padding: 0; font-style: italic; }
.trans ins { background: green; color: white; /* color: green; border: solid thin lime; padding: 0.3em; line-height: 1.6em; */ text-decoration: none; }
.trans del { background: maroon; color: white; /* color: maroon; border: solid thin red; padding: 0.3em; line-height: 1.6em; */ text-decoration: line-through; }

/* classes and other specifics */

.trans ul.toc dfn { font: inherit; }
.trans h1 dfn { font: inherit; }
.trans h2 dfn { font: inherit; }
.trans h3 dfn { font: inherit; }
.trans h4 dfn { font: inherit; }
.trans h5 dfn { font: inherit; }
.trans h6 dfn { font: inherit; }
.trans img.extra { float: right; }
.trans hr.bookmark { border: dashed 2em black; background: yellow; }
.trans pre.idl { border: solid thin; background: #EEEEEE; color: black; padding: 0.5em; }
.trans pre.idl :link { color: inherit; background: transparent; }
.trans pre.idl :visited { color: inherit; background: transparent; }
.trans code.property-name { background: #FFFFCC; color: black; }
.trans code.method-name { background: #CCCCFF; color: black; }
.trans code.parameter-name { background: #FFCCFF; color: black; }
.trans code.constant-name { background: #CCFFCC; color: black; }
.trans dl.switch { padding-left: 2em; }
.trans dl.switch dt { text-indent: -1.5em; }
.trans dl.switch dt:before { content: '\21AA'; padding: 0 0.5em 0 0; display: inline-block; width: 1em; text-align: right; line-height: 0.5em; }

.trans .brief { margin-top: 1em; margin-bottom: 1em; line-height: 1.1; }
.trans .brief li { margin: 0; padding: 0; }

.trans [title=WIP] { background: red; color: yellow; padding: 0.1em 0.3em; border: dotted white; margin: 0 0.7em 0 0.2em; }
.trans [title=TBW] { background: red; color: yellow; padding: 0.1em 0.3em; border: dotted white; margin: 0 0.7em 0 0.2em; }
.trans [title=SCS] { background: green; color: white; padding: 0.1em 0.3em; border-style: none dashed; margin: 0 0.7em 0 0.2em; }
.trans [title=WIP] :link { background: transparent; color: inherit; }
.trans [title=WIP] :visited { background: transparent; color: inherit; }
.trans [title=TBW] :link { background: transparent; color: inherit; }
.trans [title=TBW] :visited { background: transparent; color: inherit; }
.trans [title=SCS] :link { background: transparent; color: inherit; }
.trans [title=SCS] :visited { background: transparent; color: inherit; }

.trans .issue { color: #E50000; background: white; opacity: 0.9; white-space: normal; }
.trans .big-issue { color: #E50000; background: white; border: solid red; padding: 0.5em; margin: 1em 0; }
.trans .big-issue > :first-child { margin-top: 0; }
.trans p .big-issue { line-height: 3em; }
.trans .note { color: green; background: transparent; font-family: sans-serif; }
.trans .warning { color: red; background: transparent; }
.trans .note { font-weight: bolder; font-style: italic; }
.trans .warning { font-weight: bolder; font-style: italic; }
.trans p.note { padding: 0.5em 2em; }
.trans div.note { padding: 0.5em 2em; }
.trans span.note { padding: 0 2em; }
.trans .note p:first-child, { margin-top: 0; }
.trans .warning p:first-child { margin-top: 0; }
.trans .note p:last-child { margin-bottom: 0; }
.trans .warning p:last-child { margin-bottom: 0; }
.trans .warning:before { font-style: normal; }

.trans p.note:before { content: 'Note: '; }
.trans p.warning:before { content: '\26A0 Warning! '; }

.trans .issue {
  position: absolute;
  top: auto;
  left: 0;
  margin: -1.5em 0.2em 0.2em 0.2em;
  border: solid thin;
  padding: 0.35em;
  width: 12em;
  text-align: left;
  font-size: 0.6em;
}

.trans .issue:hover {
  z-index: 1;
}

.trans .issue:before {
  content: '\25B6';
  display: block;
  text-align: right;
  position: absolute;
  left: 100%;
  top: 0;
}

.trans .critical { margin: 1em; border: double thick red; padding: 1em; background: #FFFFCC; }
.trans .critical > :first-child { margin-top: 0; }

.trans .example {
  display: block;
  color: #222222;
  background: #FCFCFC;
  border-left: double;
  margin-left: 1em;
  padding-left: 1em;
}

.trans .hide { display: none }

.trans ul.toc {
  list-style: disc;		/* Mac NS has problem with 'none' */
  list-style: none;
}