/**/
body {
    margin-left: 10%;
    margin-right: 10%
    }
p {
    text-indent: 2%
    }
.p_no_indent {
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: 0;
    margin-right: 0
    }
sup {
    vertical-align: super;
    font-size: 50%
    }
sub {
    vertical-align: sub;
    font-size: 50%
    }
.standard {
    font-size: 100%;
    font-weight: normal
    }
.indent02 {
    margin-left: 2%;
    margin-right: 10%
    }
.indent10 {
    margin-left: 10%;
    margin-right: 10%
    }
.indent20 {
    margin-left: 20%;
    margin-right: 10%
    }
.indent30 {
    margin-left: 30%;
    margin-right: 10%
    }
.indent50 {
    margin-left: 50%;
    margin-right: 10%
    }
.indent60 {
    margin-left: 60%;
    margin-right: 10%
    }
.fontsize80 {
    font-size: 80%
    }
.fontsize60 {
    font-size: 60%
    }
.fontsize133 {
    font-size: 133%
    }
/* for big and small caps on one line. Usable as class in a 'span' tag around text or in the 'p'/tag */
.smallcaps {
    font-variant: small-caps
    }
/* use for Transcribers Notes and such */
.notebox {
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 5%;
    margin-bottom: 5%;
    padding: 1em
    }
/* For showing the original pagenumbers in the text, enter the following example directly after the last word on a page:
       You have to generate your own, unique, 'id' for each page. For example: #page0001.
       Also replace ???? with the correct pagenumber or a section-name like [Content]
       Example (replace pipe-symbol with forwardslash if you are going to use it):

       <p>The last word on a page <a id="#page0001"><|a><span class="pagenum">[<a href="page0001">????<|a>]<|span> and then the first word on the next page<|p>
    */
.pagenum {
    display: inline;
    font-size: 70%;
    font-style: normal;
    margin: 0;
    padding: 0;
    text-align: right
    }
.pagenum a {
    text-decoration: none
    }
/* This removes the underlinement which makes it less obvious that the pagenumber is a hyperlink*/
/* To mark a correction in the text, use this class. It will put a dotted red line underneath the corrected word and
       you can even display the original text in a hint when the cursor hovers above the word.
       Example (replace pipe-symbol with forwardslash if you are going to use it):

            <p>This sentence <span id="cor0001" class="corrected" title="[Originally: cantaind]">contained<|span> an error.<|p>

       You can hyperlink the word from the Transcriber's notes:
       Example (replace pipe-symbol with forwardslash if you are going to use it):

            <a href="#cor0001">[XXX] &mdash;> [YYY]<|a>
    */
span.corrected {
    border-bottom: 1px dotted red
    }
/**/