TABLE.languages, TABLE.why { max-width: 24em; float: right; clear:right; margin-left: 1em; }

TABLE.languages { margin-bottom: 1.5em; }
TABLE.languages TH { text-align: center; }
TABLE.languages TR.languages TD { border-left-width:0; border-right-width:0; border-bottom-width: 0; vertical-align:top; }
TABLE.languages TR.languages TD:not(:last-child) { padding-right: 0; }
TABLE.languages TR.languages UL { margin-bottom:0; }
TABLE.languages TD H4 { margin-top: 0.4em; margin-bottom: 0.7em; }
TABLE.languages TD P { margin-top: 0; margin-bottom: 0.4em; }
TABLE.languages TD.belowlanguages { border-top-width: 0; text-align: center; }
TABLE.languages UL LI { white-space:nowrap; }



DIV.small SPAN.editions { font-size: 100%; }

IMG.visustinicon { width: 32px; height: 32px; }
IMG.visustinshot { border: none; max-width:100%; height:auto; margin: -5px 0 0 0; }
TABLE.visustinshot { border-collapse: collapse; margin: 0 auto 1.2em auto; }
TABLE.visustinshot TD { text-align: center; vertical-align: top; padding: 0; }
TABLE.visustinshot TD+TD { min-width: 12em; padding-left: 4% }

div.features P { margin-top: 1em; margin-bottom: 0;}
div.features { margin-bottom: 2em; }

div.uses P STRONG:first-child, /* Visustin for ... */
p.visustinprice, 
.new {
    color:#b52; /* Dark orange */ 
}

@media only screen and (prefers-color-scheme: dark) {
    div.uses P STRONG:first-child, p.visustinprice, .new { color: hsl(20, 29%, 63%); }
}

/* Do not emphasize new languages on translated pages */
div.translation TABLE.languages TD .new { color: inherit; }

p.searchterms > small { color: gray; font-size: 80%; margin-top: 3em; text-align: initial }

/* visustin-trans.html */
div.visustin-trans h2, div.visustin-trans h3 { text-align: center; }
div.visustin-trans h3 { font-size: 110%; font-style:normal }


TABLE.editiontable TD+TD { min-width: 8em }

/* Why flow charts? */
TABLE.why { margin-bottom: 1.5em; }
TABLE.why TR TD { border-width: 0; width: 50%; white-space: nowrap; padding-top: 0.1ex; padding-bottom:0.1ex; padding-right: 0; }
img.flowchart-small { padding: 0 10px 10px 5px; width:171px; object-position: 50% 50%; object-fit: none;}
IMG.flowchart-small[src="visustin-why2.gif"] { padding-top:10px }

/* samples */
TABLE.samples { border-collapse: collapse }
TABLE.samples TR>TH[colspan] { text-align: center; }
TABLE.samples TR:nth-child(2) TH { font-weight: normal }
TABLE.samples TD A { margin-right: 1px; }
TABLE.samples TR>* { vertical-align: top;padding: 0.2em 0.3em; text-align: left; }

TABLE.samples1 TR:nth-child(1), TABLE.samples1 TR:nth-child(2),
TABLE.samples1 TR:nth-child(even) { background: rgba(192,192,255,0.25); /*#EEEEFF;*/ }

TABLE.samples2 TR:nth-child(odd) { background: rgba(192,192,255,0.25); /*#EEEEFF;*/ }

/* whatsnew */
DIV.newversion > P { margin-top: 0; margin-bottom: 1ex; }
DIV.newversion H4 { margin-bottom: 0; font-size: 100%; }
DIV.oldversion { border: 1px solid gray; padding: 0 1em 1em 1em; background-color: rgba(128,128,128,0.1); /*#f8f8f8;*/ margin-top: 2em; }
DIV.oldversion H2 { margin-bottom: 1ex; margin-top: 1ex; }
DIV.oldversion H3 { font-size: 100%; font-style: italic; line-height: 1.5; margin-bottom: 0; }

/* visustin-service */
img.service-icon { float:left;margin-right:1em }


IMG.flowchart:not(.picright) { 
    float: right; 
    clear: right; 
    margin: 0 0 1em 1em;
}
img.flowchart { border: 3px double rgb(0,0,0,0.5); border-radius: 1em; background: white}

@media only screen and (max-width: 800px) {
    img.flowchart:not(.flowchart-wideonly):not(.picright) { display: block; float:none; margin: 1em auto }
    img.flowchart-wideonly { display: none }
    TABLE.editiontable TD+TD { min-width: initial }
}

@media only screen and (max-width: 480px) {
    IMG.visustinicon { display: none; }
    table.visustinshot { margin-top: 0 }
    table.visustinshot td+td { display: none; }
    
    /* Override aivosto.css */
    TABLE.languages, TABLE.why, TABLE#editions { font-family: inherit; font-size-adjust: inherit; font-size: 100%;}   
    TABLE.languages, TABLE.why { margin-top: 1em; margin-left: auto; margin-right: auto; float: none; }
    TABLE.stylish TR > * { padding-left: 0.4em; padding-right: 0.4em; }
    
    TABLE.languages, TABLE.why { width: auto }
    TABLE.why TR { display: block; padding-left: 0.4em; padding-right: 0.4em; }
    TABLE.why TR TD { display: inline; white-space: initial; padding: 0 }
    
    TABLE.samples { font-size: 90% }
    TABLE.samples TR>* { padding-left: 0 }
    TABLE.samples TR>*:last-child { padding-right: 0 }
}