body{
    background-color: #ffffff;
    background-image: url(../images/map_background.png);
    background-position: 15% 0;
    background-repeat: no-repeat;
    color: #000000;
    font-family: BigDashes, georgia, garamond, serif;
    margin: 0;
    padding: 0;
    line-height: 150%;
    font-size: 12pt;
}

/* We need a special font for the three-em dash because Macs can't handle it. */
@font-face {
  font-family: "BigDashes";
  src:  url("../fonts/BigDashes.woff") format("woff");
  unicode-range: U+2E3A-2E3B;
}

@media print{
    body{
        font-family: gentium, georgia, garamond, serif;
    }
    span.DropCap{
        font-family: viking, gentium, georgia, garamond, serif;
    }
    div.TopBar, div.Header, div.Menu, div#Footer, div.teiHeaderContainer{
        display: none;
    }
    div#Content{
        margin-left: 1in;
        margin-right: 1in;
    }
}

div.Header{
    margin-left: 15%;
    margin-right: 15%;
    margin-top: 1em;
    padding: 0.5em;
    text-align: center;
    /*border-top: solid 1px black;*/
    line-height: 170%;
}

div.Menu{
    margin: auto;
    text-align: left;
    width: 15%;
    background-color: #00afe2;
    color: #000000;
    position: fixed;
}

div#MenuLeft{
    top: 0;
    left: 0;
    bottom: 0;
    border-right: solid 1px black;
    background-image: url(../images/map_background_sm_blue.png);
    background-repeat: no-repeat;
}

div#MenuRight{
    top: 0;
    bottom: 0;
    right: 0;
    border-left: solid 1px black;
}

div#MenuLeft a, div#MenuLeft a:visited{
    text-decoration: none;
    color: #000000;
    background-color: transparent;
    display: block;
    line-height: 1.2;
    overflow: hidden;
    font-size: min(2vw, 12pt);
}

div.Menu ul{
    margin: 2em 0.25em;
    padding: 0.25em;
}

div.Menu ul li{
    /*border: double 4px #00afe2;*/
    /*background-image: url(images/gradient_1.png);
    background-repeat: repeat-x;
    background-position: center;*/
    border-style: solid;
    border-width: 1px;
    border-color: #8ee5ff #006582 #006582 #8ee5ff;
    /*border-color: #000000;*/
    list-style-type: none;
    padding: 0.25em;
    margin-bottom: 3px;
}

div.Menu ul li.CurrentPage{
    /*background-image: url(images/gradient_2.png);*/
    /*border: double 4px #ffffff;*/
    border-color: #006582 #8ee5ff #8ee5ff #006582;
}

div.Menu a{
    outline-style: none;
    outline-width: 0;
}

img.latestVolume{
    width: 80%;
    margin-left: 10%;
    margin-top: 1em;
}

a.imgLink, a.imgLink:hover, a.imgLink:visited{
    border-style: none;
    text-decoration: none;
    margin: 0;
    padding: 0;
}

/*div#Footer{
    color: #ffffff;
    background-color: #00afe2;
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
}

div#FooterContent{
    text-align: center;
    font-size: x-small;
    margin: 0 15% 0 15%;
    padding: 0.25em;
    border-top: solid 1px black;
}*/

div#Content{
    margin-left: 15%;
    margin-right: 15%;
    margin-top: 1em;
    margin-bottom: 2em;
    padding: 0 0 1em 0;
}

footer{
    margin-left: 15%;
    margin-right: 15%;
    margin-top: 1em;
    margin-bottom: 2em;
    padding: 1em;
    border-top: solid 1pt black;
    font-size: 90%;
}

div.FrontMatter{
    text-align: center;
    border-style: solid;
    border-width: 0px 0px 4px 0px;
}

.ArticleTitle{
    font-size: 200%;
    line-height: 150%;
}

h2{
    margin: 1em;
    text-align: center;
}

h3{
    text-align: center;
    font-variant: small-caps;
}

h3.AuthorInfo{
    line-height: 80%;
}

h5{
    margin-left: 1em;
    margin-right: 1em;
}

.Section0Header{
    font-size: 180%;
    margin-left: 1em;
    margin-right: 1em;
}

.Section1Header{
    font-size: 160%;
    margin-left: 1em;
    margin-right: 1em;
}

.Section2Header{
    font-size: 140%;
    margin-left: 1em;
    margin-right: 1em;
}

p, div.Paragraph, div.AnonymousBlock{
    text-align: justify;
    margin-top: 0.5em;
    padding: 1em;
    margin-bottom: 0.75em;
}


div.Epigraph{
  max-width: 80%;
  margin-left: auto;
  margin-right: 0;
}

div.Epigraph div.Paragraph:last-child{
  text-align: right;
}


.Blockquote, .DramaBlockQ{
    text-indent: 0;
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 0.75em;
    margin-bottom: 0.75em;
    font-size: smaller;
}

div.DramaticSpeechCit{
  text-indent: -4em;
  margin-left: 4em;
  padding: 0 1em 1em 1em;
  line-height: 100%;
}

div.DramaticSpeech{
}

div.DramaticSpeakerBlock{
    margin: 0.25em 0 0 1em;
}

div.DramaticSpeechComponent{
    margin-left: 2em;
    margin-bottom: 0.25em;
}

.StageDirection{
  font-style: italic;
}

div.StageDirection{
    margin-left: 1em;
    margin-right: 1em;
}

div.DramaticSpeech div.StageDirection{
    margin-left: 2em;
}

button.FootnoteButton, button.InfoButton{
    border: outset;
    border-width: 1px;
    border-color: #dddddd;
    background-color: #ffffff;
    padding: 3px;
    line-height: 75%;
    display: inline-block;
    position: relative;
    top: -0.3em;
}

button.FootnoteButton{
    font-weight: bold;
    background-color: #c0c0c0;
}

.Footnote{
    font-size: 75%;
    background-color: #eeeeee;
    padding: 0.5em;
    /*margin: 1em 15% 1em 15%;*/
    display: none;
    line-height: 1.5;
    text-align: left;
    border: solid 1pt black;
    position: absolute;
    right: 0;
    margin: -2em 1% 0 1%;
    width: 13%;
}

/* Footnotes in headers need special attention. */
h2 .Footnote, h3 .Footnote, h4 .Footnote{
  font-variant: normal;
  font-weight: normal;
  font-size: 9pt;
}

span.FootnoteCloser{
    float: right;
    width: 1em;
    height: 1em;
    margin: auto auto auto 1em;
    text-align: center;
    vertical-align: middle;
    line-height: 1;
    background-color: #ffffff;
    border: solid 1pt black;
    padding: 0;
    cursor: pointer;
}

/* Footnote list at the bottom of the document. */
ol.Footnotes{
    font-size: 90%;
}

ol.Footnotes li blockquote{
    margin-top: 0;
    margin-bottom: 0;
}

ol.Footnotes li blockquote div.Paragraph{
    margin: 0;
    padding: 0.1em;
}

/* Complex content in footnotes when displayed inline. */
aside blockquote{
    margin: 0;
    padding: 0.2em;
    text-align: left;
}

aside blockquote div.Paragraph{
    text-align: left;
}

blockquote + blockquote{
    margin-top: 0;
}

blockquote div.Paragraph, blockquote div.Stanza{
    margin-top: 0.2em;
    margin-bottom: 0.2em;
    padding-top: 0.1em;
    padding-bottom: 0.1em;
}

div.PoemTitle{
    font-weight: bold;
    margin-bottom: 0.02em;
}

code{
    font-family: monospace;
    font-weight: bold;
}

ol.Plain li, ul.Plain li{
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

ul.BibliographyList{
    list-style-type: none;
    line-height: 100%;
    margin-top: 0.5em;
    padding: 1em;
    margin-bottom: 0.75em;
}

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



/* LayoutTable style has no borders, and is 
mainly used to lay text out on the page. */
table.LayoutTable, table.LayoutTable td, table.LayoutTable caption{
    margin: auto auto auto 1em;
    text-align: center;
    border-width: 0px;
    padding: 0.25em;
}

table.LayoutTable caption{
    font-weight: bold;
}

table.LayoutTableNotCentred, table.LayoutTableNotCentred td, table.LayoutTableNotCentred caption{
    margin: auto auto auto 1em;
    text-align: left;
    vertical-align: top;
    border-width: 0px;
    padding: 0.25em;
}

table.LayoutTableNotCentred caption{
    font-weight: bold;
}

/* GridTable style has borders, and would be used for
grid- or spreadsheet-style data. */

/*Hack for bloody IE which doesn't sodding well support CSS properly. */
div.TableContainer{
    text-align: center;
    padding: 1em;
}

/* Where there are nested tables, don't pad. */
div.TableContainer div.TableContainer{
    padding: 0;
}

table.GridTable{
    padding: 0px;
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em;
    border-color: #000000;
}

table.GridTable td{
    margin: 0px;
    text-align: left;
    vertical-align: top;
}

table.GridTable, table.GridTable td, table.GridTable caption, table.GridTable th{
    border-width: 1px;
    border-style: solid;
    padding: 0.25em;
}

table.GridTable th{
    font-weight: bold;
    background-color: #cccccc;
    text-align: center;
}

/* Classes for presentation of parallel texts. */
table.ParallelTextTable{
  margin: 1em;
}

table.ParallelTextTable td{
  vertical-align: top;
}

table.ParallelTextTable td div.Paragraph{
  margin-top: 0;
  padding-top: 0;
}

table.GridTable tr td.center, table.GridTable tr th.center{
    text-align: center;
}

table.GridTable tr td.right, table.GridTable tr th.right{
    text-align: right;
}

span.ChapNum{
    display: block;
    float: left;
    font-size: 200%;
    font-family: viking, georgia, garamond, serif;
    margin-right: 0.1em;
    margin-bottom: 0.1em;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
}

span.DropCap{
    display: block;
    float: left;
    font-size: 300%;
    font-family: viking, georgia, garamond, serif;
    margin-right: 0.1em;
    margin-bottom: 0.1em;
    /*margin-top: 0.2em;*/
    /*padding-top: 0.1em;;*/
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    /*line-height: 33%;*/
}

span.Term{
    font-style: italic;
}

span.foreign, span.italics, span.italic{
    font-style: italic;
}

span.bold{
    font-weight: bold;
}

span.big{
  font-size: 1.3em;
}

span.underline{
    text-decoration: underline;
}
/* This removes any unusual or unwanted formatting invoked by other tagging. */
span.normal{
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
}

span.sup{
  vertical-align: super;
  font-size: 80%;
}

.MonographTitle, .JournalTitle{
    font-style: italic;
}

.MonographTitle .JournalTitle, .MonographTitle .MonographTitle, .JournalTitle .JournalTitle, .JournalTitle .MonographTitle{
  font-style: normal;
}

div.Stanza{
    margin: auto 0.5em 0.5em 0.5em;
    text-align: left;
}

ol.LowerAlphaList{
    list-style-type: lower-alpha;
}

ol.LowerRomanList{
    list-style-type: lower-roman;
}

div.StandardImage img{
    width: 80%;
    margin-left: 10%;
}

div.SmallImage img{
        width: 40%;
        margin-left: 30%;
}

.ImageCaption{
    font-size: smaller;
    font-style: italic;
    font-weight: bold;
    text-align: center;
    margin: 0.5em 15% 1em 15%;
}

a{
/*    color: #00afe2;*/
    color: #005a75;
}

a:hover{
    color: #1f2225;
}

a:visited{
    color: #da9b0c;
}
	
/* Styles for contents/index pages. */
table.TOCTable{
    width: 80%;
    margin: auto 10% auto 10%;
    border-collapse: collapse;
}

table.TOCTable tr td{
    border-width: 1px 0px 0px 0px;
    border-style: solid;
    border-color: #000000;
}

/*table.TOCTable tr:first-child{

}*/

table.TOCTable tr:last-child{
    border-bottom-width: 1px;
}

table.TOCTable td, th{
    margin: 0 0 0.5em 0;
    vertical-align: top;
    text-align: center;
    padding: 0.25em;
}

table.TOCTable td.TableArticleTitle{
    text-align: left;
}

th.SortHeader{
    cursor: pointer;
}

span.activeSortTriangle{
    color: #00afe2;
}

td.LinkCell a, fieldset legend, fieldset button, ul.CorrectedDocList a{
    background-color: #00afe2;
    color: #ffffff;
    text-decoration: none;
    border: 1px solid black;
    padding: 0.2em;
    cursor: pointer;
}

td.LinkCell a, ul.CorrectedDocList a{
    font-size: x-small;
}

td.LinkCell a, ul.CorrectedDocList a{
    font-size: xx-small;
}

p.LinkCell a{
    background-color: #00afe2;
    color: #ffffff;
    text-decoration: none;
    border: 1px solid black;
    padding: 0.2em;
    cursor: pointer;
}

fieldset legend{
    cursor: text;
}

.AuthorBio{
    font-size: 90%;
    text-align: left;
}

.Title_m, .Title_j{
    font-style: italic;
}

.Title_m .Title_m, .Title_m .Title_j, .Title_j .Title_j, .Title_j .Title_m{
    font-style: normal;
}

.Title_a:before{
    content: open-quote;
}

.Title_a:after{
    content: close-quote;
}

span.Abbreviation{
    border-bottom: dotted 1px #666666;
    cursor: help;
}

span.Mentioned{
    font-style: italic;
}

span.caesura{
    display: inline-block;
    margin-right: 1em;
    margin-left: 1em;
}

p.ReviewAuthor, p.ReviewAuthorAffiliation{
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    text-align: right;
}

p.ReviewAuthorAffiliation{
    font-style: italic;
}

/*The status report elements show the progress of 
AJAX requests from the server.*/
div#StatusReport{
    position: fixed;
    margin-left: auto;
    margin-right: auto;
    bottom: 0;
    right: 0;
    width: 10em;
    display: none;
    padding: 0.25em;
    border: solid 1px black;
    background-color: #ffffff;
    color: #000000;
    font-size: x-small;
}

table#ProgressBar{
    margin-left: auto;
    margin-right: auto;
    width: 9em;
}

table#ProgressBar td{
    margin: 2px;
    padding: 0px;
    border-width: 0;
    background-color: transparent;
    color: #000000;
}

table#ProgressBar td.Stepped{
    background-color: #000000;
    color: #ffffff;
}

button{
    font-family: gentium, georgia, garamond, serif;
    text-align: center;
}

fieldset{
    margin: 1em;
}

form#SearchForm select{
    min-width: 15em;
}

label.SearchFieldLabel{
    width: 10em;
    display: block;
    float: left;
    text-align: right;
    clear: left;
}

div.SearchReport p{
    text-align: left;
    line-height: 100%;
}

.SearchHit, span.hi{
    /* background-color: #ffff00; */
    background-color: #33cfff;
    color: #000000;
}

mark{
    background-color: #57d8ff;
}

div#WaitMessage{
    background-color: #00afe2;
    border: 1px solid black;
    color: #ffffff;
    cursor: pointer;
    bottom: 1em;
    display: none;
    padding: 1em;
    position: fixed;
    right: 18%;
    width: auto;
}

div#SearchResults{
    margin-left: 2em;
    margin-right: 2em;
}

div.searchResultsNav {
    align-items: flex-start;
    display: flex;
    flex-flow: row nowrap;
    font-weight: bold;
    justify-content: space-between;
    padding-left: 5%;
    padding-right: 5%;
}

div.searchResultDoc{
    border-top: solid 1pt black;
}

div.searchResultDoc p{
    margin: 0.25em 1em;
    padding: 0.25em;
}

p.searchQuery{
    display: none;
}

table.TOCTable tr.SearchHitKwic, table.TOCTable tr.SearchHitKwic td{
    border-width: 0;
}

table.TOCTable tr.SearchHitKwic:last-child, table.TOCTable tr.SearchHitKwic:last-child td{
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #000000;
}

table.TOCTable tr.SearchHitKwic td{
    font-size: 75%;
    text-align: left;
}

.XQuery{
    font-size: 75%;
}

div.LeftColumn, div.RightColumn{
    width: 40%;
    margin-left: 4%;
    margin-right: 4%;
}

div.LeftColumn{
    float: left;
    clear: left;
}

div.RightColumn{
    float: right;
}

ul.AuthorList{
    list-style-type: none;
    margin: auto 10% auto 10%;
}

ul.AuthorList li{
    margin: 0.25em;
    border-bottom: solid 1px #000000;
}

ul.AuthorList li:last-child{
    border-bottom: none;
}

ul.AuthorList li>div{
    margin-left: 2em;
    display: none;
}

ul.AuthorList li:target>div{
    display: block;
}

a{
    cursor: pointer; /* Must be explicit for anchors with no href attribute. */
}

div.VolumeResps{
  display: grid;
  justify-content: center;
  grid-template-columns: max-content max-content;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em;
  gap: 1em;
  padding: 1em;
  font-size: 1.1rem;
}
div.VolumeResps>p{
  margin: 0;
  padding: 0;
}

p#IE6Warning{
    display: none;
    color: #990000;
    font-weight: bold;
}

ul.CorrectedDocList li{
    margin: 0.5em;
}

ul.CorrectedDocList ul{
    font-size: x-small;
    border-bottom: dashed 1px gray;
    margin: 0.5em;
}

/* Styles for TOCs for old print volumes. */
div.OldToc{
    padding: 1em;
}

div.OldToc h3{
    text-decoration: underline;
    cursor: pointer;
}

div.OldToc table{
    margin-left: auto;
    margin-right: auto;
    display: none;
}

div.OldToc td{
    vertical-align: top;
    padding: 0.5em;
    text-align: center;
}

div.OldToc td:first-child, div.OldToc td:last-child{
    text-align: left;
}