/* html, body, ul, ol, li, p,
h1, h2, h3, h4, h5, h6,
form, fieldset, a {
margin: 0;
padding: 0;
border: 0;
}
body {
font-size: 100.01%; /star Fix for some browser bugs star/
background-color: #ffffff;
}
h1, h2, h3, h4, h5, h6 {
font-weight:normal;
font-size:100%;
} */
/* Global Defaults */
/* font-size sets the font-size of the root element rem. https://stackoverflow.com/questions/48451764/how-to-set-base-size-for-rem */
/* css font includes: */
/* font: font-style font-variant font-weight font-size/line-height font-family|caption|icon|menu|message-box|small-caption|status-bar|initial|inherit; */
html { margin: 0px;
padding: 0px;
border: 0px;
font-size: 14px; }
/* body { margin: 0 5em 0 4em; padding: 0px; border: 0px; max-width: 60rem} */
body {
margin: 0 5rem 0 4rem;
padding: 0;
border: 0;
max-width: 60rem;
font-family: "Times New Roman", Times, Georgia, Courier, serif;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 1rem;
line-height: 1.25rem;
}
/* Headlines */
h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
/* font-family: "Times New Roman", Courier, Serif, sans-serif; */
/* font-weight: normal; */
font-family: "Times New Roman", Times, Georgia, Courier, serif;
font-style: normal;
font-variant: normal;
font-weight: bold;
}
/* h1 { font-size: 1.6rem;
line-height: 2.00rem }
h2 { font-size: 1.5rem;
line-height: 1.875rem }
h3 { font-size: 1.4rem;
line-height: 1.750rem }
h4 { font-size: 1.3rem;
line-height: 1.625rem }
h5 { font-size: 1.2rem;
line-height: 1.500rem }
h6 { font-size: 1.1rem;
line-height: 1.375rem } */
h6 { font-size: 1.10rem; /* +.10 */
line-height: 1.375rem } /* *1.25 */
h5 { font-size: 1.25rem; /* +.15 */
line-height: 1.5625rem }
h4 { font-size: 1.45rem; /* +.20 */
line-height: 1.8125rem }
h3 { font-size: 1.70rem; /* +.25 */
line-height: 2.125rem }
h2 { font-size: 2.00rem; /* +.30 */
line-height: 2.50rem }
h1 { font-size: 2.35rem; /* +.35 */
line-height: 2.9375rem }
a, li, dd, dt, ul, ol, blockquote, q, acronym, abbr, input, select, textarea {
margin: 0;
padding: 0;
/* This has already been set in body.
/* font-family: "Times New Roman", Times, Georgia, Courier, serif; */
/* font-style: normal; */
/* font-variant: normal; */
/* font-weight: normal; */
/* font-size: 1rem; */
/* line-height: 1.25rem; */
}
th, td {
margin: 0;
padding: 0;
font-size: 1.1rem;
line-height: 1.375rem;
}
/* font: normal normal normal 1em/1.25 Arial, Helvetica, sans-serif; */
acronym { cursor: help; border-bottom: 1px dashed; }
abbr { cursor: help; border-bottom: 1px dashed; }
big { font-size: 1.2rem; }
small { font-size: 0.8333rem; }
blockquote { margin: 1.25rem; padding: 1.25rem }
p { margin: .5rem 0 0 0; text-indent: 0; }
/*pre { background: #ffffff; margin: .3em; padding: .3em; overflow: auto; white-space: pre; font-size: 12px; } */
/*pre { font: normal normal normal .8125em/1.25 "Lucida Console", Monaco, Courier, Courier New, monospace; } */
/*pre, tt { font: normal normal normal 12px/1.25 Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif; } */
/*pre, tt { font: normal normal normal 10px/1.25 Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif; } */
pre {
background: #ffffff;
margin: .3rem;
padding: .11rem .3rem .09rem .3rem;
overflow: auto;
white-space: pre;
font-family: "Courier New", Courier, Consolas, "Liberation Mono", "Lucida Console", monospace, monospace, serif;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 0.8rem;
line-height: 1rem;
}
tt {
background: #ffffff;
margin: .25rem;
padding: .11rem .3rem .09rem .3rem;
font-family: "Courier New", Courier, Consolas, "Liberation Mono", "Lucida Console", monospace, monospace, serif;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 0.8rem;
line-height: 1rem;
}
/* margin: .3em 1em .3em 0; overflow:auto; padding-top: .3em; padding-right: 25%; padding-bottom: .4em; padding-left:.3em; width:300%} */
q { font-style: italic; }
/*tt { background: #fff9f3; padding: .1em .3em .1em .3em; font-size: 20%;} */
/*tt { background: #fff9f3; padding: .1em .3em .1em .3em; font-weight: bold; } */
/*tt { background: #fff9f3; padding: .1em .3em .1em .3em; } */
/*tt { background: #ffffff; padding: .22em .3em .0em .3em; } */
/*pre, code, kbd, samp, tt{
font-family: monospace,monospace;
font-size: .8125em;
} */
/* Links and Images */
a, a:link, a:visited, a:active, a:hover { text-decoration: underline; }
img { border: none;
margin: .5rem;
max-width: 100%;
height: auto;
}
a[target="_blank"]::after {
content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);
margin: 0 3px 0 5px;
}
/* Tables */
table {
/* display: block; */
display: table;
margin: 0 0 0 0;
border: none;
padding: 0; /* cellpadding= 0 */
border-collapse: separate;
border-spacing: 0; /* cellspacing= 0 */
max-width: 45rem;
width: auto;
}
table.padded-compact th { padding: 0rem 0rem 0rem 0rem; }
table.padded-compact th.paddl { padding: 0rem 0rem 0rem .4rem; }
table.padded-compact th.paddlr{ padding: 0rem .4rem 0rem .4rem; }
table.padded-table2emall th { padding:.2rem .2rem .2rem .2rem; }
table.padded-table2emtb th { padding:.2rem .0rem .2rem .0rem; }
table.padded-table2emtb th.paddl { padding:.2rem .0rem .2rem .4rem; }
table.padded-table2emtb th.paddlr{ padding:.2rem .4rem .2rem .4rem; }
table.padded-compact td { padding: 0rem 0rem 0rem 0rem; }
table.padded-compact td.paddl { padding: 0rem 0rem 0rem .4rem; }
table.padded-compact td.paddlr{ padding: 0rem .4rem 0rem .4rem; }
table.padded-table2emall td { padding:.2rem .2rem .2rem .2rem; }
table.padded-table2emtb td { padding:.2rem .0rem .2rem .0rem; }
table.padded-table2emtb td.paddl { padding:.2rem .0rem .2rem .4rem; }
table.padded-table2emtb td.paddlr{ padding:.2rem .4rem .2rem .4rem; }
th { vertical-align: top; padding-top: .3rem;}
th.paddl { padding-left: .4rem; padding-right: 0rem}
th.paddlr{ padding-left: .4rem; padding-right: .4rem}
td { vertical-align: top; padding-top: .1rem;}
td.paddl { padding-left: .4rem; padding-right: 0rem}
td.paddlr{ padding-left: .4rem; padding-right: .4rem}
/* Lists */
ol { margin: 0 0 0 0; padding-left: 1.5rem; }
ul { margin: 0 0 0 0; padding-left: 1rem; }
ul.ndash li { list-style-type: none;}
ul.ndash li:before { content: "- "; margin-left: -1.5rem; }
li { padding-top: .8rem; padding-bottom: 0rem; }
li.lev2 { padding-top: .4rem; padding-bottom: 0rem; }
li.lev3 { padding-top: .2rem; padding-bottom: 0rem; }
/* ol.parenthesis {
counter-reset: foo;
display: table; }
ol.parenthesis > li {
counter-increment: foo;
margin-left: 1.5em;
display: table-row; }
ol.parenthesis > li::before {
content: counter(foo) ")";
display: table-cell;
text-align: right; } */
/* Forms */
form {
margin: 0;
padding: 0;
display: inline;
}
label {
cursor: pointer;
}
/* Popup container */
.popup {
position: relative;
display: inline-block;
cursor: pointer;
}
/* The actual popup (appears on top) */
/* padding: 8px 0;*/
.popup .popuptext {
visibility: hidden;
width: 160px;
width: 20rem;
background-color: #555;
color: #fff;
background-color: #ddd;
color: #000;
text-align: center;
text-align: left;
border-radius: 6px;
padding: .5rem;
position: absolute;
z-index: 1;
bottom: 125%;
left: 50%;
margin-left: -80px;
}
/* Popup arrow */
.popup .popuptext::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #555 transparent transparent transparent;
border-color: #ddd transparent transparent transparent;
}
/* Toggle this class when clicking on the popup container (hide and show the popup) */
.popup .show {
visibility: visible;
-webkit-animation: fadeIn 1s;
animation: fadeIn 1s
}
/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
from {opacity: 0;}
to {opacity: 1;}
}
@keyframes fadeIn {
from {opacity: 0;}
to {opacity:1 ;}
}
/* Common Classes */
span.pushbutton {
background: #d1c8b8;
font-family: "Courier New", Courier, Consolas, "Liberation Mono", "Lucida Console", monospace, monospace, serif;
font-size: 1.25rem;
border: .3rem outset;
padding-left: .35rem;
padding-right: .35rem
}
.clear { clear: both; }
.floatLeft { float: left; }
.floatRight { float: right; }
.textLeft { text-align: left; }
.textRight { text-align: right; }
.textCenter { text-align: center; }
.textJustify { text-align: justify; }
.blockCenter { display: block; margin-left: auto; margin-right: auto; } /* remember to set width */
.bold { font-weight: bold; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }
.noindent { margin-left: 0; padding-left: 0; }
.nomargin { margin: 0; }
.nopadding { padding: 0; }
.nobullet { list-style: none; list-style-image: none; }
.tooltip-wrap {
position: relative;
}
.tooltip-wrap .tooltip-content {
display: none;
position: absolute;
bottom: 5%;
left: 5%;
background-color: #eee;
padding: .5em;
}
/*right: 5%;*/
.tooltip-wrap:hover .tooltip-content {
display: block;
}