body { font-family:bauhaus,arial; color:#000000; background-color:#ffffff;}
div.boundingbox { width: 85%; margin:auto; max-width: 1400px; background-color:#ffffff; border-style:solid; border-color:#ffffff; border-width:4px; align:center }
div.textbox { width: 95%; margin:auto; align:left }
tr {background-color:#ffffff; }

.pc { width: 85% }
.pc300 { width: 99%; max-width: 300px }
.pc450 { width: 85%; max-width: 450px }
.pc945 { width: 85%; max-width: 945px }
.pcc { width: 99% }
.stress { color: #882209; font-weight: bold; }
.sm {font-size: 10pt; }
.bigindent {margin-left: 16px; }

.blbox { width: 95%; margin:auto; max-width: 1400px; background-color:#ffffff; border-style:solid; border-color:#0066ff; border-width:4px; align:center }
.grbox { width: 95%; margin:auto; max-width: 1400px; background-color:#ffffff; border-style:solid; border-color:#00ff00; border-width:4px; align:center }
.pkbox { width: 95%; margin:auto; max-width: 1400px; background-color:#ffffff; border-style:solid; border-color:#ff0066; border-width:4px; align:center }
.gone { display: none}

.indented {margin-left: 10px; }

.myIframe {
position: relative;
padding-bottom: 8%;
padding-top: 30px;
height: 0;
overflow: auto; 
-webkit-overflow-scrolling:touch; //<<--- THIS IS THE KEY 
border: solid black 1px;
} 
.myIframe iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/* comment out the first stackholder style definition when not adjusting the formatting of the slide show */
/*  .stackholder { border: red dashed } */
   .stackholder { position: relative; height: 800px; width:85%; max-width: 1400px }
   .stack { position: absolute; left: 48px; top: 200px }
   .thumbdisplay { position: absolute; left: 20px; top: 70px; width: 85% }
   .thumbiframe { width: 100%; max-width: 1400px; height: 90px}
   .legend { position: absolute; left: 48px; top: 165px }
   .leftbutton { position: absolute; left: 20px; top: 200px }
   .rightbutton { position: absolute; left: 20px; top: 240px }
   .countmsg { position: absolute; left: 0px; top: 45px }
   .switchselection { position: absolute; left: 0px; top: 0px }
   .resumebutton { position: absolute; left: 130px; top: 40px }
   .diagnostics { display: block }     /* change to none to supress */