.prontable { border: 1px solid; border-collapse: collapse; font-size: 0.9em; }
.prontable td { border: 1px solid; padding: 2px 5px 2px 5px; white-space: nowrap; }
.prontable tr { vertical-align: top; }
.prontable tr:hover { background-color: #eeeeff; }
.prontabletr1 { background-color: #ccccff; }
.prontabletr2 { background-color: #aaaaff; }
.prontablehead { font-weight: bold; background-color: #dddddd;}

.pronsampdiv { display: none; position: absolute; top: -0.5em; z-index: 21; }
.pronsampbut { width: 2.0em; float: right; position: relative; }

.pronipa { width: 2.0em; float: left; position: relative; }
.pronipadiv { display: none; position: absolute; top: -0.35em; left: 3px; z-index: 21; border: 1px solid #dddddd; padding: 3px 5px; background-color: #eeaaaa; }

.pronletters { font-weight: bold; }
.pronletname { font-style: italic; }
.pronsampa {}
.pronipa {}
.pronenglish {}
.pronword {}
.pronletter { font-weight: bold; }
.pronletter2 { font-weight: bold; }
.sampleword { }
.sampleletter { font-weight: bold; color: #880000;}

.sampletable { border: 0 none; border-collapse: collapse; width: 100%; font-size: 1.0em;}
.sampletable td { border: 0 none; padding: 0; }

.swrctop, .swrcbottom { display: block; }
.swrctop *, .swrcbottom *{ display: block; height: 1px; overflow: hidden; }
.swrcbottom { margin-bottom: 10px;}

.swrcr1t, .swrcr1b, .swrcr2, .swrcr3, .swrcr4 { background-color: #eecccc; border-width: 0 1px 0 1px; border-style: solid; border-color: #999999; }
.swrcr1t{ margin: 0 4px; border-top: 1px solid #999999;}
.swrcr1b{ margin: 0 4px; border-bottom: 1px solid #999999;}
.swrcr2{ margin: 0 3px; }
.swrcr3{ margin: 0 2px; }
.swrcr4{ margin: 0 1px; height: 2px; }

.swrcbox1 { font-size: 0.95em; padding: 3px 10px; background-color: #eecccc; }

.ddholder { font-size: 0.85em; font-size: 1.0em; width: 400px; position: absolute; top: 0; left: 0; z-index: 10; display: none; visibility: hidden; }
.ddholder atable { font-size: 2.0em; }
.ddtop    { width: 100%; border: 0 none; padding: 0; font-size: 15px; }
.ddtop_backimg { width: 100%; position: absolute; margin: 0; }
.ddtop_tabdiv  { padding: 0 0px; position: absolute; border: 0 none; width: 100%; margin: 0; cursor: move; }
.ddtop_table   { width: 99%; margin: 0; border-collapse: collapse; border: 0 none; margin: 0; table-layout:fixed;}
.ddtop_table td { white-space:nowrap; }
.ddtop_tablecell { vertical-align: top; }
.ddtoptext    { font-size: 1.0em; font-weight: bold; }
.ddbox        { width: 100%; overflow: hidden; font-size: 16px; border: 0 none; }
.ddttholder   { position: relative; }

.ddtooltip    { font-size: 10px; color: #000000; border: 0 solid #333333; border-width: 0 0 1px 1px; background-color: #dddd99; position: absolute; left: 2.0em; top: -1em; z-index: 51; width: 1px; visibility: hidden; padding: 2px; overflow: hidden; }
.ddimg_mag       { width: 20px; height: 16px; background: url(/picons/mag.png) no-repeat; cursor: pointer; }
.ddimg_pin       { width: 20px; height: 16px; background: url(/picons/pin.png) no-repeat; cursor: pointer; }
.ddimg_pinout { width: 20px; height: 16px; background: url(/picons/pinout.png) no-repeat; cursor: pointer; }
.ddimg_scrup   { width: 20px; height: 16px; background: url(/picons/scrollup.png) no-repeat; cursor: pointer; }
.ddimg_scrdn   { width: 20px; height: 16px; background: url(/picons/scrolldown.png) no-repeat; cursor: pointer; }
.ddimg_up         { width: 20px; height: 16px; background: url(/picons/up.png) no-repeat; cursor: pointer; }
.ddimg_down     { width: 20px; height: 16px; background: url(/picons/down.png) no-repeat; cursor: pointer; }
.ddimg_add       { width: 20px; height: 16px; background: url(/picons/square_add.png) no-repeat; cursor: pointer; }
.ddimg_del       { width: 20px; height: 16px; background: url(/picons/square_del.png) no-repeat; cursor: pointer; }
.ddimg_cross   { width: 20px; height: 16px; background: url(/picons/cross.png) no-repeat; cursor: pointer; }

.abrctop, .abrcbottom { display: block; }
.abrctop *, .abrcbottom *{ display: block; height: 1px; }
.abrcbottom { overflow: hidden; }

.abrcr1t{ margin: 0 8px 0 0px; height: 1px; }
.abrcr2t{ margin: 0 5px 0 0px; height: 1px; }
.abrcr3t{ margin: 0 3px 0 0px; height: 2px; }
.abrcr4t{ margin: 0 1px 0 0px; height: 2px; }

.abrcr1b{ margin: 0 0px 0 8px; height: 1px; }
.abrcr2b{ margin: 0 0px 0 5px; height: 1px; }
.abrcr3b{ margin: 0 0px 0 3px; height: 2px; }
.abrcr4b{ margin: 0 0px 0 1px; height: 2px; }

.abrcr1t, .abrcr2t, .abrcr3t, .abrcr4t { background-color: #C7A317; border-width: 0 1px 0 1px; border-style: solid; border-color: #C7A317; font-size: 0; }
.abrcr1b, .abrcr2b, .abrcr3b, .abrcr4b { background-color: #C7A317; border-width: 0 1px 0 1px; border-style: solid; border-color: #C7A317; font-size: 0; }
.abrcbox1, .ddtop_backimg { height: 20px; }
.abrcbox1 { background-color: #c7a317; border-color: #ee0000; }
.abrcbox2 { padding: 0; margin: 0; border-style: solid; background-color: #eeeeff; border-color: #C7A317; border-width: 0 2px 0 2px; display: block; position: relative; font-size: 0.8em; }
.abrcbox2 p { margin: 0.5em; }


.notes { border: 1px solid #c7a317; background-color: #f7f397; padding: 0.5em; }
.notes ul { margin: 0.15em 0 0.25em 0; }

.reftable { font-size: 1.0em; border: 1px solid #555555; border-collapse: collapse; background-color: #fdfdfd; font-size: inherit; awidth: 100%; }
.reftable td { border: 1px solid #555555; border-collapse: collapse; white-space: nowrap; padding: 1px 0.5em 1px 0.5em; font-size: inherit; }
.noborders { border: 0 none; }
.noborders td { border: 0 none; }
.indentblock { margin-left: 1.0em; }
.indenttable { margin-left: 1.0em; width: 50%; }
.nobm { margin-bottom: 0.2em; }

.headback { background-color: #dddddd; font-weight: bold; }


/**  Section for popup vids **/

.vidboxtitlepu { color: #444444; background-color: #33ee33; font-size: 14px; font-weight: bold; padding: 0 0.5em; }

.vidindexlowertablepu { width: 100%; border: 0 none; border-collapse: collapse; }
.vidindexlowertitlepu2 { font-weight: bold; background-color: #deb887; color: #444444; padding: 1px 5px; font-size: 14px;}
.vidindexlowertablepu2 { width: 100%; border: 0 none; border-collapse: collapse; line-height: 1.0em; }
.vidindexlowertablepu2 td { font-size: 12px; border: 0 none; line-height: 1.0em; vertical-align: top; padding: 3px 3px; border-collapse: collapse; }
.vidindexlowerdivpu { width: 100%; height: 275px; border: 1px solid; border-top-width: 0; position: relative; }
.vidindexlowersubdivpu { width: 100%; height: 275px; overflow: auto; border: 0 none; position: absolute; display: none; z-index: 1; background: url(/graphics/whitblur.jpg); }

.indextabholderpu { border: 1px solid; height: 20px; border-width: 0 0 1px 0; }
.indextabpu1 { border: 1px solid; border-width: 1px 1px 1px 1px;  background-color: #fffff6; height: 17px; }
.indextabpu2 { border: 1px solid; border-width: 1px 1px 0 1px;  background-color: #ffeeee; height: 18px; }
.indextabspacerpu { border: 0px solid; border-width: 0px 0px 1px 0px; width: 1px; float: left; height: 18px; margin: 0; }

.indextabpu1, .indextabpu2 { float: left; text-align: center; line-height: 1.0em; vertical-align: middle; overflow: hidden; cursor: pointer; 
-webkit-border-top-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
-khtml-border-radius-topright: 10px;
-khtml-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-topleft: 10px;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
}
.indextabpu1, .indextabpu2, .indextabspacerpu, .indextabholderpu { font-size: 12px; font-weight: bold; padding: 2px 5px; }

.vidindex2backpu1 { background-color: #eeeeff; cursor: pointer; }
.vidindex2backpu2 { background-color: #ddddff; cursor: pointer; }
.vidindex2backpu3 { background-color: #fefefe; cursor: pointer; }