span.highlight {
    background-color: #baec7e;
    border: 1px solid black;
    padding: 1px;
}

body
{
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 13px;
    width: 100%;
    min-width: 770px;
    background: #000000;
}
h1
{
    font-family: "Times New Roman";
}
h2,
h3,
h4,
h5,
h6
{
    color: #660000;
    line-height: 125%;
}
h2
{
    font-size: 18px;
}
h3
{
    font-size: 16px;
}
h4
{
    font-size: 15px;
}
h5
{
    font-size: 14px;
}
h6
{
    font-size: 13px;
}

#panZoomImage {
    width: 400px;
    height: 200px;
    border: 1px solid black;
}

div#contentsTables {
    min-width: 475px;
    min-height: 10.4em;
    border-left: 3px solid black;
    padding-left: 10px;
    padding-top: 8px;
    position: absolute;
    top: 0px;
    left: 585px;
}

div#contentsTables p {
    margin-bottom: 0;
    margin-top: 3px;
}

div#mainBanner
{
    color: black;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 770px;
    height: 10.64em;
    min-height: 70px;
    background-color: #c3b8a2;
}

body.discrete div#mainBanner {
    height: 9em;
}


div#mainBanner a,
div#mainBanner a:visited,
div#mainBanner a:active,
div#mainBanner a:hover
{
    color: #FFF;
}
div#mainHeading {
    position: absolute;
    top: 0.5em;
    left: 0.5em;
    height: 4.35em;
    width: 580px;
}

div#mainHeading a {
    text-decoration: none;

}
div#mainHeading a:hover {
    text-decoration: underline;

}

div#mainHeadingTitle {
    color: green;
    font-size: 22px;
    text-transform: uppercase;
}
div#mainHeadingSubTitle {
    color: black;
    padding-left: 0.5em;
}
div#mainBanner div#brandingLogo
{
    position: absolute;
    top: 5.2em;
    left: 0;
    width: 8.38em;
    height: 5.34em;
    min-height: 70px;
    background: #c3b8a2;
}
div#mainBanner div#brandingLogo img
{
    width: 8.38em;
    height: 2.9em;
    border: none;
    padding: 0;
    margin: 1.22em auto 0 auto;
}

div#brandingLogo
{
    border-bottom: none;
    padding-bottom: 2px;
}

body.poem div#mainBanner div#brandingLogo {
    border-bottom: none;
    position: absolute;
    top: 1em;
    left: 1000px;
}

body.poem div#mainBanner div#brandingLogo img {
    margin-top: 0;
}

div#mainBanner div#headline
{
    position: absolute;
    top: 5.34em;
    left: 8.38em;
    width: 46.49em;
    height: 2.21em;
    font-family: "Times New Roman";
    line-height: 2.21em;
    border-top: none;
    border-left: none; /*0.08em solid black;*/
    border-right: none;
    border-bottom: none; /*0.08em solid black;*/
    padding: 0 0 0 0.53em;
    margin: 0;
    color: black;
}

body.poem div#mainBanner div#headline {
    left: 20px;
    width: 48em;
}

div#mainBanner div#headline h1
{
    float: left;
    font-size: 1.22em;
    font-family: "Times New Roman";
    font-weight: 800;
    color: black;
    text-decoration: underline;
    cursor: pointer;
    margin: 0 0.53em 0 0;
    padding: 0;
}
div#mainBanner div#headline span.versionCount
{
    font-size: 1.07em;
    font-style: italic;
}
/*div#mainBanner img#topEdge
{
    position: absolute;
    top: 0;
    right: 0;
    width: 3.81em;
    min-width: 50px;
    height: 2.29em;
    min-height: 30px;
    border: none;
    padding: 0;
    margin: 0;
}*/
div#mainBanner div#mainControls
{
    position: absolute;
    top: 7.55em;
    left: 5px;
    min-height: 30px;
    height: 2.21em;
    line-height: 2.21em;
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none; /*0.08em solid black;*/
    margin: 0;
    padding: 0.455em;
    white-space: nowrap;
}

body.discrete div#mainBanner div#mainControls {
    top: 5.55em;
}

body.poem div#mainBanner div#mainControls {
    left: 20px;
}

div#mssArea
{
    width: 100%;
    border: none;
    margin: 0;
    padding: 0;
}
div#mssArea div.panel
{
    float: left;
    border: 1px solid black;
    min-height: 250px;
    margin: 0;
    padding: 0;
    background: #EEEEDD;
}
div#mssArea div#notesPanel
{
    float: right !important;
    z-index: 999;
}

div#mssArea div#bibPanel,
div#mssArea div#notesPanel,
div#mssArea div.panel div.panelBanner,
div#mainBanner div#headline,
.viewerHandle
{
    /*background: #6699CC;*/
}
div#mssArea div.panel div.panelBanner
{
    /*height: 1.6em;*/
    line-height: 1.6em;
    margin: 0;
    padding: 3px 7px 3px 10px;
    font-family: "Times New Roman";
    color: #660000;
    font-weight: 800;

}
div#mssArea div.panel div.panelBanner select.witnessMenu
{
    font-family: "Times New Roman";
    width: 180px;
}
div#mssArea div.mssPanel
{
    /* padding-bottom: 5em; */
}
div#mssArea div.mssPanel div.panelBanner
{
    border-bottom: 1px solid black;
}
div#mssArea div.panel div.panelBanner img.closePanel
{
    float: right;
    cursor: pointer;
    width: 1.4em;
    /*height: 1.4em;*/
}

div#mssArea div.panel div.mssContent
{
    margin: 10px;
    padding: 0;
    line-height: 20px;
    background: #FFFFFF;
    border: 1px solid #000000;
}
div#mssArea div.panel div.mssContent div.mssImages
{
    float: right;
    width: 24px;
    /*    height: 24px;
*/
    margin: 0;
}
div#mssArea div.panel div.mssContent img.imageLink
{
    float: right;
    width: 24px;
    /*height: 24px;*/
    margin: 0;
    cursor: pointer;
}
div#mssArea div.panel div.mssContent a.imageLink
{
    float: right;
    width: auto;
    /*height: 24px;*/
    margin: 4px;
    cursor: pointer;
    text-decoration: none;
    color: #0000FF;
}
div#mssArea div.panel div.bibContent,
div#mssArea div.panel div.noteContent
{
    font-family: "Times New Roman";
    margin: 0 10px 10px 10px;
    line-height: 16px;
    font-size: 11px;
    border: thin solid black;
    background: white;
    overflow: hidden;
}
div#mssArea div.panel div.bibContent
{
    padding: 10px;
}
div#mssArea div.panel div.noteContent
{
    padding: 10px 10px 10px 20px;
}
div#mssArea div.panel div#noNotesFound
{
    display: none;
    font-weight: 800;
}
div#mssArea div.panel div.noteContent div.witnesses
{
    float: none;
    color: #666666;
    font-style: italic;
}
div#mssArea div.panel div.noteContent div.position
{
    color: #000066;
    text-decoration: underline;
    cursor: pointer;
    margin-left: -10px;
}

DIV#tipDiv {
    z-index: 999;
    background-color: blue;
}

div.head
{
    text-align: center;
}

div.line,
div.paragraph
{
    clear: both;
}
div.line
{
    margin: 0 60px 0 30px;
    padding: 0;
    /** changed from pointer to default by InfoDev as part of removing line clicking **/
    cursor: default;
}
div.line div.linenumber,
div.line div.emptynumber
{
    float: left;
    margin-left: -30px;
    width: 25px;
    background: white;
    overflow: hidden;
}
div.line div.linenumber
{
    text-align: right;
    color: #660000;
    text-decoration: underline;
    /** changed from pointer to default by InfoDev as part of removing line clicking **/
    cursor: default;
}
div.head
{
    font-size: 115%;
    color: black;
}

div.epigraph
{
    text-align: center;
    margin: 4px 25px;
    font-size: 85%;
}

form {
    display: inline;

}
table.mssTable
{
    margin: 0 auto 0 auto;
}
table.mssTable td
{
    padding: 0 7px;
}
span.noteicon,
span.choice
{
    cursor: pointer;
    position: relative;
    z-index: 24;
}
span.noteicon
{
    bottom: 7px;
    margin-left: 6px;
    margin-right: 6px;
    font-size: 75%;
    color: #000066; /* text-decoration: underline; */
    border-bottom: 1px solid #000066;
}
span.choice
{
}

div.head span.noteicon
{
    font-size: 74% !important;
}
span.noteicon div.note,
span.choice div.corr
{
    display: none;
}
span.noteicon div.note
{
    text-decoration: none !important;
}

span.noteicon:hover,
span.choice:hover
{
    z-index: 25;
}
span.noteicon:hover div.note,
span.choice:hover div.corr
{
    display: block;
    position: absolute;
    top: 14px;
    padding: 7px 20px;
    text-decoration: none;
    font-size: 105%;
    color: black;
    text-align: left;
    border: thick solid #660000;
    background: white;
    font-weight: 400 !important;
}
span.noteicon:hover div.note
{
    left: 0;
    min-width: 250px;
    max-width: 500px;
    background: white;
}
span.choice:hover div.corr
{
    left: 0;
    min-width: 175px;
    max-width: 350px;
    background: white;
    font-size: 90%;
}
span.choice
{
    color: green;
}
span.verticalRend {
    display: inline-block;
    line-height: 0.7;
}

span.verticalRend .rend-supralinear,
span.verticalRend .rend-infralinear {
    float: left;
}

div.paragraph
{
    padding: 4px 0;
    margin: 6px 0 6px 0;
}
div.mssContent div.paragraph
{
    margin: 6px 30px 6px 20px;
}

em.label
{
    color: #009900;
    font-style: italic;
    font-weight: 800;
    text-transform: capitalize;
}

del
{
    text-decoration: line-through;
    color: #330000;
}

ins
{
    text-decoration: none;
    color: #003300;
}

span.unclear
{
    color: #666666;
}

.rend-underline,
.rend-underscore
{
    text-decoration: underline;
}

.rend-larger125
{
font-size: 125%;
}

.rend-larger150
{
font-size: 150%;
}

.rend-larger250
{
font-size: 250%;
}

.rend-larger300
{
font-size: 300%;
}

.rend-smaller75
{
font-size: 75%;
}

.rend-italics,
.rend-italic,
.rend-large
{
    font-style: italic;
}
.rend-bold
{
    font-weight: bold;
}

.rend-roman
{
    font-style: normal;    
}

.rend-sc 
{
    font-variant: small-caps;
}

.rend-goth
{
    font-family: MedievalSharp, cursive;
}

.rend-overstrike,
.rend-strikethrough,
.rend-strike
{
    text-decoration: line-through;
}
.rend-right
{
    text-align: right;
}
.rend-left
{
    text-align: left;
}
.rend-center
{
    text-align: center;
}
.rend-justify
{
    text-align: justify;
}

.place-above,
.rend-superscript
{
    vertical-align: super;
    font-size: 85%;
    line-height: 0;
}

.place-above,
.rend-supralinear
{
    vertical-align: super;
    font-size: 85%;
    line-height: 0;
}

.place-below
{
    vertical-align: sub;
    font-size: 85%;
    line-height: 0;
}
.place-below,
.rend-infralinear
{
    text-align: right;
    vertical-align: sub;
    font-size: 85%;
    line-height: 0;
}

.Dropcap,
.rend-drop5
{
    position: relative;
    top: 0.55em;
    left: -3px;
    font-size: 150px;
    line-height: 60px;
    font-weight: 400;
}

.rend-drop5-will
{
    position: relative;
    top: 0.55em;
    left: -3px;
    font-size: 150px;
    line-height: 60px;
    font-weight: 400;
}

.rend-drop5-71
{
    position: relative;
    top: 0.70em;
    left: -3px;
    font-size: 150px;
    line-height: 60px;
    font-weight: 400;
}

.rend-drop4
{
    position: relative;
    top: 0.70em;
    left: -3px;
    font-size: 100px;
    line-height: 60px;
    font-weight: 600;
}

.rend-drop3
{
    position: relative;
    top: 0.60em;
    left: -3px;
    font-size: 70px;
    line-height: 50px;
    font-weight: 600;
}

.rend-drop2
{
    position: relative;
    top: 0.50em;
    left: -3px;
    font-size: 40px;
    line-height: 35px;
    font-weight: 500;
}

.rend-drop1
{
    position: relative;
    top: 0.10em;
    left: -0px;
    font-size: 30px;
    line-height: 35px;
    font-weight: 500;
}

br.stanzabreak,
div.type-stanza
{
    margin-bottom: 25px;
}
div.type-couplet
{
    margin-bottom: 25px;
}
div.type-triplet
{
    margin-bottom: 25px;
}
div.type-tercet
{
    margin-bottom: 25px;
}
div.type-quatrain
{
    margin-bottom: 25px;
}
div.type-cinquain
{
    margin-bottom: 25px;
}
div.type-sestet
{
    margin-bottom: 25px;
}
div.type-doublesestet
{
    margin-bottom: 25px;
}
div.type-septet
{
    margin-bottom: 25px;
}
div.type-octave
{
    margin-bottom: 25px;
}
div.type-decet
{
    margin-bottom: 25px;
}


.pagebreak
{
    margin: 10px auto 10px auto;
    clear: right;
}

.clickable
{
    cursor: pointer;
}
.highlighted
{
    /** commented out by InfoDev to no colour matching lines **/
    /**   font-weight: 800;
    background: yellow;
**/
}


#panel_imageViewer
{
    height: 60em;
    width: 50em;
}
.viewerRoot
{
    cursor: move;
    background-color: #EEEEDD;
    border: 0.08em solid black;
    font-family: "Times New Roman";
    position: absolute;
    visibility: hidden;
    z-index: 100;
}
.viewerHandle
{
    clear: both;
    margin: 0;
    padding: 0.32em;
    height: 1.4em;
    line-height: 1.4em;
    color: #660000;
    background-color: #EEEEDD;
    font-weight: 800;
    font-family: "Times New Roman";
}
span.viewerHandleLt
{
    float: left;
    text-align: left;
}
.viewerHandleRt
{
    float: right;
    text-align: right;
    cursor: pointer;
    height: 1.22em;
    width: 1.22em;
    margin: 0;
}
.viewerContent
{
    background: #000000;
    margin: 0 0.16em 0.16em 0.16em;
    padding: 0 0.16em 0.16em 0.16em;
}
.viewerContent img
{
    clear: left;
    display: block;
    margin: 0 auto;
    width: 37em;
}

#magnification
{
    display: block;
    height: 14px;
    margin: 0;
    width: 350px;
}
.link-zoom
{
    cursor: pointer;
    float: left;
    font-size: 9pt;
    height: 10px;
    margin: 0 7px 0 0;
    text-align: center;
    text-transform: uppercase;
    width: 100px;
}

.italic {
    font-style: italic;
}

/*JC addition*/
a.navArrow {
    color: #EEEEDD;
    margin: 4px;
    font-size: 35%;
}
a.navArrow:hover {
    color: blue
}

/* DRS */
a.homelink {
    color: white;
    text-decoration: none;
}

a.homelink:hover {
    text-decoration: underline;
}

span.rotunda {
    font-variant: small-caps;
}

/* sss4r */
div.div1 {
    width: 650px;
    text-align: justify;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 15px;
}

#footer a,
#footer a:visited,
#footer a:active,
#footer a:hover
{
    color: #FFF;
}

ul.listBibl {
    list-style: none;
}

ul.listBibl li {
    text-indent: -2em;
    margin-left: 1em;
}