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: "fanwood",sans-serif;
}
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;
    font-variant: small-caps;
}
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: serif;
    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
{
    width: 190px;
}
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:underline;
    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.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: 750px;
    max-width: 750px;
    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-italics, .rend-italic, .rend-large
{
    font-style: italic;    
}
.rend-bold
{
    font-weight:bold;    
}
.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;
}

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;
}