* {
    margin: 0;
    padding: 0;
}

html, body {
    font-size: 16px;
    //font-size: 1.00vw; // experimenting with viewport width
}
/*
@media screen and (min-width: 800px) {
    body {
        font-size: 10px;
        background-color: bisque;
    }
}
*/

input[type="button"]
{
    border: none;
    outline: 0 !important;
}
:focus {
    outline: 0 !important;
}
button::-moz-focus-inner {
  border: 0;
}

/* Set defaults */
ul.normal {
    padding: .3em 3em 0 3em;
}
ul.normal li {
    padding-bottom: .3em;
    line-height: 100%;
}

ul.noBullet {
    list-style-type: none;
}



.ul {
    display: block;
    padding: .3em 3em 0 3em;
    font-size: 90%;
}
.ul .li {
    display: list-item;
    list-style-position: outside;
    padding-bottom: .3em;
    line-height: 100%;
}
.ul .ul {
    list-style-type: circle;
}
.ul .ul .ul {
    list-style-type: square;    
}

.ol {
    list-style-type: upper-roman;
    display: block;
    padding: : .3em 3em 0 3em;
    font-size: 90%;
}

.ol .li {
    display: list-item;
    list-style-position: outside;
    padding-bottom: .3em;
    line-height: 100%;
}
.ol .ol {
    list-style-type: upper-latin;
}
.ol .ol .ol {
    list-style-type: lower-latin;
}

/* Set <h> font size */
h1 { font-size: 3.4rem; }
h2 { font-size: 3.0rem; }
h3 { font-size: 2.6rem; }
h4 { font-size: 2.2rem; }
h5 { font-size: 1.8rem; }
h6 { font-size: 1.4rem; }

/* Standard font sizes */
.fs01 { font-size: 0.1rem; }
.fs02 { font-size: 0.2rem; }
.fs03 { font-size: 0.3rem; }
.fs04 { font-size: 0.4rem; }
.fs05 { font-size: 0.5rem; }
.fs06 { font-size: 0.6rem; }
.fs07 { font-size: 0.7rem; }
.fs08 { font-size: 0.8rem; }
.fs09 { font-size: 0.9rem; }
.fs10 { font-size: 1.0rem; }
.fs11 { font-size: 1.1rem; }
.fs12 { font-size: 1.2rem; }
.fs13 { font-size: 1.3rem; }
.fs14 { font-size: 1.4rem; }
.fs15 { font-size: 1.5rem; }
.fs16 { font-size: 1.6rem; }
.fs17 { font-size: 1.7rem; }
.fs18 { font-size: 1.8rem; }
.fs19 { font-size: 1.9rem; }
.fs20 { font-size: 2.0rem; }
.fs21 { font-size: 2.1rem; }
.fs22 { font-size: 2.2rem; }
.fs23 { font-size: 2.3rem; }
.fs24 { font-size: 2.4rem; }
.fs25 { font-size: 2.5rem; }
.fs26 { font-size: 2.6rem; }
.fs27 { font-size: 2.7rem; }
.fs28 { font-size: 2.8rem; }
.fs29 { font-size: 2.9rem; }
.fs30 { font-size: 3.0rem; }
.fs31 { font-size: 3.1rem; }
.fs32 { font-size: 3.2rem; }
.fs33 { font-size: 3.3rem; }
.fs34 { font-size: 3.4rem; }
.fs35 { font-size: 3.5rem; }
.fs36 { font-size: 3.6rem; }
.fs37 { font-size: 3.7rem; }
.fs38 { font-size: 3.8rem; }
.fs39 { font-size: 3.9rem; }

/* No Wrap */
.noWrap { white-space: nowrap; }

/* Set inline block, block, none */
.dspIB { display: inline-block; }
.dspB { display: block; }
.dspN { display: none; }

/* Set font size */
.fs300c { font-size: 3.0em; }
.fs250c { font-size: 2.5em; }
.fs200c { font-size: 2.0em; }
.fs150c { font-size: 1.5em; }
.fs140c { font-size: 1.4em; }
.fs130c { font-size: 1.3em; }
.fs120c { font-size: 1.2em; }
.fs110c { font-size: 1.1em; }
.fs100c { font-size: 1.0em; }
.fs095c { font-size: 0.95em; }
.fs090c { font-size: 0.9em; }
.fs085c { font-size: 0.85em; }
.fs080c { font-size: 0.8em; }
.fs070c { font-size: 0.7em; }
.fs060c { font-size: 0.6em; }
.fs055c { font-size: 0.55em; }
.fs050c { font-size: 0.5em; }
.fs040c { font-size: 0.4em; }
.fs035c { font-size: 0.35em; }
.fs030c { font-size: 0.3em; }
.fs025c { font-size: 0.25em; }
.fs020c { font-size: 0.2em; }
.fs300r { font-size: 3.0rem; }
.fs250r { font-size: 2.5rem; }
.fs200r { font-size: 2.0rem; }
.fs175r { font-size: 1.75rem; }
.fs150r { font-size: 1.5rem; }
.fs120r { font-size: 1.2rem; }
.fs110r { font-size: 1.1rem; }
.fs100r { font-size: 1.0rem; }
.fs090r { font-size: 0.9rem; }
.fs080r { font-size: 0.8rem; }
.fs070r { font-size: 0.7rem; }
.fs060r { font-size: 0.6rem; }
.fs050r { font-size: 0.5rem; }
.fs040r { font-size: 0.4rem; }
.fs030r { font-size: 0.3rem; }
.fs020r { font-size: 0.2rem; }

.fs1third { font-size: 33%; }
.fs2thirds { font-size: 66%; }

.fwNormal { font-weight: normal; }
.fwBold { font-weight: bold; }

/* Set line height */
.lh130c { line-height: 1.3em; }
.lh120c { line-height: 1.2em; }
.lh110c { line-height: 1.1em; }
.lh100c { line-height: 1.0em; }
.lh090c { line-height: 0.9em; }
.lh080c { line-height: 0.8em; }
.lh070c { line-height: 0.7em; }
.lh060c { line-height: 0.6em; }
.lh050c { line-height: 0.5em; }
.lh040c { line-height: 0.4em; }
.lh030c { line-height: 0.3em; }
.lh130r { line-height: 1.3rem; }
.lh120r { line-height: 1.2rem; }
.lh110r { line-height: 1.1rem; }
.lh100r { line-height: 1.0rem; }
.lh090r { line-height: 0.9rem; }
.lh080r { line-height: 0.8rem; }
.lh070r { line-height: 0.7rem; }
.lh060r { line-height: 0.6rem; }
.lh050r { line-height: 0.5rem; }
.lh040r { line-height: 0.4rem; }
.lh030r { line-height: 0.3rem; }

/* Set color */
.clrWhite { color: white; }
.clrRed { color: Red; }
.clrBurgundy { color: rgb(92, 31, 38); }
.clrGreen { color: green; }

/* Set background color */
.bgclrWhite { background-color: white; }

/* Set text alignment */
.taLeft { text-align: left; }
.taRight { text-align: right; }
.taCenter { text-align: center; }
.taJustify { text-align: justify; }
.taTop { vertical-align: text-top; }
.taBase { vertical-align: baseline; }
.taBottom {vertical-align: text-bottom; }

/* Set vertical alignment */
.vaTop {vertical-align: top}
.vaMiddle {vertical-align: middle}
.vaBottom { vertical-align: bottom}

/* Set text outline */
.toBlack1px { text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; }

.p { padding: 0.25rem 0; }


/* Set <br> line height, use <span class="br025c" /> */
.br025c::before { content: ""; display: block; height: .25em; }
.br033c::before { content: ""; display: block; height: .33em; }
.br050c::before { content: ""; display: block; height: .50em; }
.br066c::before { content: ""; display: block; height: .66em; }
.br075c::before { content: ""; display: block; height: .75em; }
.br025r::before { content: ""; display: block; height: .25rem; }
.br033r::before { content: ""; display: block; height: .33rem; }
.br050r::before { content: ""; display: block; height: .50rem; }
.br066r::before { content: ""; display: block; height: .66rem; }
.br075r::before { content: ""; display: block; height: .75rem; }

.indentLeft050 { padding: 0 0 0 0.50rem; }
.indentLeft075 { padding: 0 0 0 0.75rem; }
.indentLeft100 { padding: 0 0 0 1.00rem; }
.indentLeft150 { padding: 0 0 0 1.50rem; }
.indentLeft200 { padding: 0 0 0 2.00rem; }
.indentLeft300 { padding: 0 0 0 3.00rem; }

.seeIt {
    border-width: 1px;
    border-style: solid;
}

input:focus {
  background-color: yellow;
}

#page {
    max-width: 900px;
    min-width: 375px;
    margin: auto auto 100px auto;
    padding: 0px 15px;
    height: 100%;
}

.divVidListDesc {
    display: inline-block;
    padding: 0 0 .5rem 1rem;
    width: 30rem;
    vertical-align: top;
}

.quoteCentered {
    display: block;
    font-size: .85em;
    line-height: 95%;
    padding: .25em 3em;
    font-weight: bold;
}

.quoteGroupCentered {
    display: block;
    margin-left: 2.25em;
    padding: .02em 2.6em .02em .15em;
    border-left-width: 2px;
    border-left-style: solid;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}
.quoteGroupItem {
    display: block;
    font-size: .85em;
    font-weight: bold;
    line-height: 95%;
    margin: .25em 0;
    padding: .1em .2em;
    border-left-width: 2px;
    border-left-style: solid;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}
.quoteSource {
    display: block;
    font-weight: lighter;
    font-style: italic;
    font-size: .8em;    
}
.quoteSourceIB {
    display: inline-block;
    font-weight: lighter;
    font-style: italic;
    font-size: .8em;    
}

p.Normal {
    margin-top: 1rem;
    font-size: 1.2rem;
}

a.noDecoration {
    text-decoration: none;
}
a.hover:hover {
    text-decoration-line: underline;
    background-color: beige;
}

video {
    max-width: 42rem;
    min-width: 22rem;
    height: auto;
}

#titleImage {
    display: block;
    margin: .5rem auto -.3rem auto;
    width: 15rem;
}


.btnStd {
//	background: #81BDC8;
	background: green;
	cursor: pointer;
}
.btnStd::hover {
//	background: #48acba;
	background: green;
}

.tdAmt01 {
    width: 80px;
    text-align: right; 
}

.tdAmt01Red {
    width: 80px;
    text-align: right;
    color: red;
}

.textCursor {
    cursor: text;
}

.noPointerEvents {
    pointer-events: none;
}

.cursorText {
    cursor: text;
}
/* more Class BEG */
.moreDispStay {
    display: none;
    margin: -2px 0 7px 20px;
    position: absolute;
    border: 7px outset black;
    border-radius: 7px;
    padding: 10px 15px;
    width: 50%;
    height: 80%;
    overflow: auto;
    opacity: 0;
}
.moreDispTemp {
    display: none;
    margin: -2px 0 7px 20px;
    position: absolute;
    border: 7px outset black;
    border-radius: 7px;
    padding: 10px 15px;
    width: 50%;
    opacity: 0;
    transition-delay: 0.75s;
    transition: opacity 1.5s ease-in;
    pointer-events: none;
}
.moreOverflow {
    display: block;
    height: 100%;
}
.more {
    cursor: pointer;
}
.more::before {
    content: '(more)';
    font-size: 0.8em;
    font-weight: bold;
    font-style: italic;
}
/* .more::hover .moreDispStay, .more.moreDispTemp * /
.moreDispTemp.active
    display: block;
    transition: opacity 1.5s ease-in;
    opacity: 0.90;
}
*/
/* more Class END */

/* detail Class BEG */
.detailDispStay {
    display: none;
    margin: -2px 0 7px 20px;
    position: absolute;
    border: 7px outset black;
    border-radius: 7px;
    padding: 10px 15px;
    width: 50%;
    height: 80%;
    overflow: auto;
    opacity: 0.90;
}
.detailDispTemp {
    display: none;
    margin: -2px 0 7px 20px;
    position: absolute;
    border: 7px outset black;
    border-radius: 7px;
    padding: 10px 15px;
    width: 50%;
    opacity: 0.90;
    pointer-events: none;
}
.detailOverflow {
    display: block;
    height: 100%;
}
.detail {
    cursor: pointer;
}
.detail::before {
    content: '(details)';
    font-size: 0.8em;
    font-weight: bold;
    font-style: italic;
}
/*
.detail:hover .detailDispStay, .detail:hover .detailDispTemp {
    display: block;
}
*/
/* detail Class END */


.rfmLink {
    font-weight: bold;
}
.rfmLink:hover {
    text-decoration: underline;
    cursor: pointer;
}

/* ctr (Click to Replace) class BEG */

.rfm_ctr {
    display: none;
    background: #DBF9EF;
}

/* ctr END */

/* hts (hover to show) cto (click to open) classes BEG */

.


.openDisp {
    display: none;
}
.open::before {
    content: '(open)';
    font-size: 0.8em;
    font-weight: bold;
    font-style: italic;
}
.open:hover .openDisp {
    display: block;
}
/* hts (hover to show) cto (click to open) classes END */