/* TODO kdis:

fix tables
fix footnote layout for headers
fix footnotes for tables

*/

@media print { 
span.footnote {
    /* reset context absolutely */
    /* font-size: .7em; */
    font-size: 8.4pt;
    font-weight: normal;
    font-style: normal;
    line-height: 120%;
    text-align: left;
    padding: .5em;
    margin: 0em;
    /* margin-right: 0px; */
    /* margin-right: -18em; */
    display: block;
    clear: right;
    background-color: white;
    text-indent: 0em;
    float: footnote;
}

div.dokument {
    width: 90%;
    margin-right: 10%;
    margin-left: 10%;
    border-style: solid;
    border-width: thin;
    border-color: white;
}

div.toc {
    font-size: .8em;
    line-height: 100%;
    padding: .5em;
    padding-right: 0em;
    margin: .2em;
}

}
/* end of print */

body {
    background-color: #39363b;
    color: black;
    font-family:  Bookman, Georgia, serif;
    /* font-size: 12pt; */
    margin: 0px;
    padding: 0px;
}

a {
    text-decoration: none;
    color:  #80786d;
}

a:hover {
    color: white;
    background-color: #39363b;
}


div.header {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    margin: 0px;
    height: 140px;
    width: 100%;
    background-color: #39363b;
    background-image: url("../img/ezmono-banner.jpg");
    background-repeat: repeat-x;
    background-position: 0px 0px;
    border-bottom-color: #39363b;
    border-bottom-style: solid;
    border-bottom-width: 5px;
}

div.sub-header, div.article-sub-header {
    font-weight: bold;
    font-variant: small-caps;
    margin-top: -1ex;
    margin-bottom: 3ex;
    letter-spacing: 0.1em;
    font-size: 1.4em;
/* FIXME BUG: this should depend on preceeding header, really */
}

div.article-sub-header {
    text-align: center;
}

/* TOC  */

div.toc {
    width: 28%;
    font-size: .8em;
    line-height: 100%;
    padding: .5em;
    padding-right: 0em;
    margin: .2em;
    margin-left: -39%;
    /* border-color: #80786d; */
    /* border-style: solid; */
    /* border-width: .5px; */
    display: block;
    float: left;
    clear: left;
    background-color: #39363b;
}


div.toc ul {
    margin:0;
    padding:0;
    list-style:none;
    line-height: 100%;
}

div.toc ul li{
   padding-top:      0.5ex;
   padding-bottom: 0.5ex;
}

div.toc ul li.toc-part{
   font-weight: bold;
   padding-top:      0.7ex;
   padding-bottom: 0.5ex;
}

div.toc ul li.toc1{
   padding-top:      0.5ex;
   padding-bottom: 0.5ex;
}

div.toc ul li.toc2{
    padding-left: 1em;
}

div.toc ul li.toc3{
    padding-left: 2em;
}

div.toc ul li.toc4{
    padding-left: 3em;
}

div.toc ul li.toc5{
    padding-left: 4em;
}

div.toc ul li.toc6{
    padding-left: 5em;
}


/* back matter */

div.back { 
    padding-top: 12ex;
    margin-top: 12ex;
    border-top-color: #39363b;
    border-top-style: solid;
    border-top-width: 5px;
} 


/* front matter */

div.front { 
    padding-bottom: 12ex;
    margin-bottom: 12ex;
    border-bottom-color: #39363b;
    border-bottom-style: solid;
    border-bottom-width: 5px;
} 

div.titlePage {
    text-align: center;
    padding-bottom: 1ex;
    margin-bottom: 6ex;
    border-bottom: 2px solid gray;
}

/* these should all be marked as children of div.titlePage */

div.titlePage div.docTitle, div.titlePage > b.docAuthor  {
    font-size: 1.4em;
}

div.titlePage div.byline {
    margin: 1.5ex;
}

div.titlePage div.name {
    margin: .3ex;
    font-size: 1.1em;
}


div.titlePage div.titlePart, div.titlePage div.subtitle {
    margin: .5ex;
}

div.docTitle div.titlePart:first-child {
   font-weight: bold;
}


div.signed, div.dateline{
    padding: .3ex;
    padding-left: 60%;
    font-style: italic;
}

div.signed {
    letter-spacing: .2em;
}


/* paragraphs and labels */

span.parnum {
    margin-left: -2em;
    padding-right: 1em;
    color: #c0af94;
}

span.lgnum {
    display: block;
    float: left;
    padding-right: 1em;
    margin-left: -2em;
    color: #c0af94;
}


span.label {
    color: #c0af94;
}

span.label b {
    color: black;
}

span.error {
    font-weight: bold;
    color: red;
}

span.roman {
    font-style: normal;
}

abbr {
    border-bottom: thin dotted black;
}

abbr.del {
    text-decoration: line-through;
}

div.tocbutton {
    position: fixed;
    top: 44%;
    /* padding-top: 3em; */
    left: 0em;
    color:#333;
    background: white;
    width:20px;
    height:12ex;
    vertical-align: bottom;
    padding: .2em;
    padding-left: 0px;
    padding-right: .4em;
    border-top-right-radius: .5em .5em;
    border-bottom-right-radius: .5em .5em ;
    cursor: pointer;
}

div.tocbutton span{
    position: absolute;
    bottom: 0px;
    /* border:1px solid red; */
    transform: rotate(-90deg);
    /* -webkit-transform: rotate(-90deg); */
    /* -moz-transform: rotate(-90deg); */
    /* -ms-transform: rotate(180deg); */
    /* -o-transform: rotate(-90deg); */
    /* writing-mode: tb-rl; */
    /* filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); */
    white-space:nowrap;
    display:block;
    bottom: 0;
    width: 20px;
    height: 20px;
    font-family: ‘Trebuchet MS’, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: bold;
    /* text-shadow: 0px 0px 1px #333; */
    margin-bottom: .4em;
    overflow: visible;
}


/* footnotes */

@media screen { 
span.footnote {
    /* reset context absolutely */
    /* font-size: .7em; */
    font-size: 8.4pt;
    font-weight: normal;
    font-style: normal;
    line-height: 120%;
    text-align: left;
    padding: .5em;
    padding-right: .35em;
    margin: 0em;
    margin-left: .2em;
    /* margin-right: 0px; */
    /* margin-right: -18em; */
    border-left-color: #80786d;;
    border-left-style: solid;
    border-left-width: .5px;
    display: inline;
    float: right;
    width: 100%;
    clear: right;
    background-color: white;
    text-indent: 0em;
}

div.search {
    display: none;
}

@page {
  @footnote {
    border-top: 1pt solid black;
  }
}


}

/* div.figure div.figure-header span.footnote { */
/*     color: red; */
/*     width: 14em; */
/* } */

span.footnote p {
    text-indent: 0em;
}


span.footnote span.mark {
    font-weight: bold;
    padding-right: 1em;
    color: #c0af94;
}

span.footnotemark {
    /* reset context absolutely */
    /* font-size: .8em; */
    font-size: 8.6pt;
    font-weight: normal;
    font-style: normal;
    vertical-align: 0;
    position: relative; 
    bottom: 1ex;
}

/* special stuff */

sup {
    vertical-align: top;
}

div.lg {
    padding-left: 4em;
    padding-right: 4em;
    padding-top: 1.5ex;
    padding-bottom: 1.5ex;
    font-style: italic;
}

/* div.l:first-line { */
/*     padding-left: -2em; */
/* } */

div.gap {
    margin-top: 1ex;
}

div.docAuthor {
    margin-top: 0ex;
    margin-bottom: 2ex;
    font-size:large;
}

div.quote {
    margin-top: .5ex;
    margin-bottom: .5ex;
    font-style: italic;
}

span.quote { 
    font-style: italic;
}

span.quotation { 
    font-style: italic;
}

div.centerlabel {
    margin-top:    .5em;
    margin-bottom: .5em;
    text-align: center;
}

span.center { 
    text-align: center;
}

/* page layout stuff */

a.home {
    display: inline;
    color: inherit;
    text-decoration: none;
    position: absolute;
    top:     0px;
    width:   100%;
    height:  140px;
    border: none;
}

a.home:hover {
    text-decoration: none;
    margin: 0px;
    padding: 0px;
    background-image: url("../img/ezmono-banner.jpg");
    background-repeat: repeat-x;
    background-position: 0px 0px;
    background-color: #3e566e;
 }

div.vline {
    border-top-color: #cf8d2f;
}

div.logos {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    margin: 0px; 
    width: 100%;
    height: 0px;
    margin-top: 145px;
    margin-left: 0px; 
}

div.logoright {
    width: 20%;
    height: 282px;
    margin-left: 80%;
    margin-top: 0px;
    background-image: url("/ezmono/img/logo_zrc.png");
    background-repeat: no-repeat;
    background-position: 20% 20%;
    background-size: 60%;
}


a.logoright {
    display: inline;
    color: inherit;
    text-decoration: none;
    position: absolute;
    top:     0px;
    width:   20%;
    height:  282px;
    border: none;
}

a.logoright:hover {
    text-decoration: none;
    margin:     0px;
    padding:     0px;
    border:     none;
    width:   20%;
    background-image: url("/ezmono/img/logo_zrc.png");
    background-repeat: no-repeat;
    background-position: 20% 20%;
    background-size: 60%;
}


div.nav {
    width: 100%; 
    margin-left: 0%;
    margin-right: 00%;
    background-color: #2c1804;
    border-bottom-color: #2c1804;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

div.search {
    text-align: center;
    padding-bottom: 14px;
}

div.searchtoggle {
    float: right;
    padding: 2px;
}

div.searchtoggle span {
    font-weight: bold;
    font-family:  Helvetica, Arial, sans-serif;
}

div.searchtoggle span.helpon {
    color: white;
}

div.searchtoggle span.helpoff {
    display: none;
    color: white;
}

div.searchtoggle span.searchon {
    border: none;
    padding-right: .5em;
    font-weight: bold;
}

div.searchtoggle span.searchoff {
    display: none;
    border: none;
    padding-right: .5em;
}


div.searchtoggle img {
    border: none;
}

div.searchtoggle a:hover {
    text-decoration: none;
    border: none;
}

div.next, div.prev  {
    font-weight: bold;
    font-size: .8em;
    font-variant: small-caps;
}

div.prev {
    float: left;
    padding-left:  .4em;
}

div.next {
    float: right;
    padding-right: .4em;
}

div.next a, div.prev a { 
    color: white;
}

span.navhints { 
    color: #cf8d2f;
}

a:hover span.navhints { 
    color: white;
}

div.navlinks { 
    text-align: center;
    font-weight: bold;
    font-size: .8em;
    font-variant: small-caps;
    margin-bottom: 4px;
}

div.navlinks a { 
    color: white;
    padding-left: .5em;
    padding-right: .5em;
}

div.help {
    display: none;
    padding-left:   .8em;
    padding-right:  .8em;
    padding-bottom: .4em;
    color: white;
    border: none;
    text-align: left;
    font-family:  Helvetica, Arial, sans-serif;
    font-size: .8em;
}

div.help p {
    margin: 0px;
}

div#helpadvanced {
    display: none;
}

div.advsearch {
    display: none;
    padding-left: .4em;
    padding-right: .4em;
    padding-bottom: 14px;
    color: white;
    border: none;
}

div.advsearch table { 
    margin: 0px auto -1px auto; 
    text-align: left;
}

div.advsearch td {
    color: white;
    font-size: .8em;
}

div.advsearch td.go {
    text-align: right;
}

div.advsearch img {
    border: none;
}


div.main {
    position: relative;
    margin-left: 20%;
    margin-right: 20%;
    margin-top: 145px;
    border-top-color: #2c1804;
    border-top-style: solid;
    border-top-width: 13px;
    background-color: white;
    text-align: center;
    padding-bottom:      18px;
    border-bottom-color: #80786d;;
    border-bottom-style: solid;
    border-bottom-width: 33px;
}

div.contents { 
    margin: 0px auto -1px auto; 
    padding-left: 2em;
    width: 16em;
    text-align: left;
}

div.toys { 
    padding-left: 2em;
    padding-right: 2em;
    text-align: center;
}

div.toys ul, div.toys li { 
    display: inline;
    margin: 0;
    padding: 0;
}

div.toys ul li {
    padding-left: .5em;
    padding-right: .5em;
}

div.toys a {
    display: inline;
}

div.lettertable { 
    padding-left: 1em;
    padding-right: 1em;
}

span.label { 
    padding-right: .5em;
}

div.article {
    position:     relative;
    margin-left:  20%;
    margin-right: 20%;
    margin-top:   145px;
    border-top-color: #2c1804;
    border-top-style: solid;
    border-top-width: 4px;
    background-color: white;
    text-align:       left;
    padding-bottom:   18px;
    border-bottom-color: #80786d;
    border-bottom-style: solid;
    border-bottom-width: 33px;
}

div.article-content {
    padding-left:     2em;
    padding-right:    2em;
    line-height: 160%;
}


div.clear {
    color: white;
}

div.article p  {
    text-indent: 0em;
    margin-top: 0; 
    margin-bottom: 0;
}

div.article-content p {
    text-indent: 2em;
}

div.article p.data {
    text-indent: 0px;
    line-height: 100%;
    font-style: italic;
    color: #cf8d2f;
    /* font-size: larger; */
    padding: 0px;
    margin-bottom: .3em;
}

div.article p.data br {
   line-height: 0%;
 
}

img.inline {
    display: block;
    margin: 0px auto -1px auto;
}

div.notatedMusic {
    margin-top: 1ex;
    margin-bottom: 1ex;
    text-align: left;
    padding-left: 2em;
}

div.figure {
    margin-top: 1ex;
    margin-bottom: 1ex;
    text-align: center;
    display: inline-block;
    width: 100%;
}

div.figure img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

div.figure p {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

div.figure p img {
    display: inline;
    margin-left: .5em;
    margin-right: .5em;
}


div.figure div.figure-header {
    display: inline-block;
    font-size: 70%;
    line-height: 100%;
    font-family:  Helvetica, Arial, sans-serif;
    text-align: left;
    width: 35%;
    margin-top: 3ex;
    margin-right: 2px;
    margin-left: auto;
    margin-bottom: 1.2ex;
    padding-right: .5em;
    padding-bottom: .5ex;
    vertical-align: bottom;
    border-bottom: thin solid black;
}

/* What is this for? Besides changing layout of secod vertical image? */
/* div.figure div.figure-header + img, div.figure img + img { */
/* div.figure div.figure-header + img, div.figure img + img { */
/*     display: inline-block; */
/*     text-align: left;  */
/*     max-width: 55%; */
/*     margin-top: .5ex; */
/*     margin-right: auto; */
/*     margin-left: 0px; */
/*     vertical-align: bottom; */
/* } */

div.figure p {
    text-indent: 0px;
}

blockquote div.bibl {
    margin-left: 4em;
    text-align: right;
    font-style: normal;
}

/* fix for strange breaks in Dravec, possibly breaks musical texts, check */
p a img.icon { 
    display: inline;
    float: right;
}

h1, h2, h3, h4 {
    line-height: 120%;
    text-align: left;
    font-family:  Bookman, Georgia, serif;
    font-style: italic;
    font-weight: normal;
    color:  #39363b;
}

h1.article, h2.article, h3.article, h4.article {
    text-align: center;
}

h1.part {
    font-style: normal;
    margin-top: 4ex;
}

h1 {
    margin-top: 1.1em;
    margin-bottom: 0.67em;
}

h2 {
    margin-top: 1.3em;
    margin-bottom: 0.83em;
}

/* byline + author info */

h1 + div.byline, h1 + div.article-sub-header + div.byline { 
    margin-bottom: 2ex;
    font-size:large;
    text-align: center;
}

h2 + div.byline, h2 + div.article-sub-header + div.byline { 
    margin-bottom: 1ex;
    text-align: center;
}

h3 + div.byline, h3 + div.article-sub-header + div.byline { 
    margin-bottom: .5ex;
    text-align: center;
}

h4 + div.byline, h4 + div.article-sub-header + div.byline { 
    margin-bottom: .2ex;
    text-align: center;
}


h1 + div.byline > div.docAuthor, h2 + div.byline > div.docAuthor, h3 + div.byline > div.docAuthor, h4 + div.byline > div.docAuthor, h1 + div.article-sub-header + div.byline > div.docAuthor, h2 + div.article-sub-header + div.byline > div.docAuthor, h3 + div.article-sub-header + div.byline > div.docAuthor, h4 + div.article-sub-header + div.byline > div.docAuthor  { 
    margin-top: 0.2ex;
    margin-bottom: 0ex;
    font-weight: bold;
    font-size: 1.2em;
}
h1 + div.byline > div.affiliation, h2 + div.byline > div.affiliation, h3 + div.byline > div.affiliation, h4 + div.byline > div.affiliation, h1 + div.article-sub-header + div.byline > div.affiliation, h2 + div.article-sub-header + div.byline > div.affiliation, h3 + div.article-sub-header + div.byline > div.affiliation, h4 + div.article-sub-header + div.byline > div.affiliation { 
    font-style: italic;
}
h1 + div.byline > div.email, h2 + div.byline > div.email, h3 + div.byline > div.email, h4 + div.byline > div.email, h1 + div.article-sub-header + div.byline > div.email, h2 + div.article-sub-header + div.byline > div.email, h3 + div.article-sub-header + div.byline > div.email, h4 + div.article-sub-header + div.byline > div.email { 
    font-family: monospace;
}

/* list headers */
li.list-header {
    display: inline;
    margin-left: -2em;
    padding-left: none;
    list-style-type: none;
    font-weight: bold;
}

/* Nested numbered list with correct indentation.
 * code freom Jakub Jirutka
 * via http://stackoverflow.com/questions/4098195/can-ordered-list-produce-result-that-looks-like-1-1-1-2-1-3-instead-of-just-1 
 * Source: https://gist.github.com/jirutka/32049196ab75547b7f47
 */

ol {
    list-style-type: none;
    counter-reset: item;
    margin: 0;
    padding: 0;
}

ol > li {
    display: table;
    counter-increment: item;
    margin-bottom: 0.6em;
}

ol > li:before {
    content: counters(item, ".") ". ";
    display: table-cell;
    padding-right: 0.6em;    
}

li ol > li {
    margin: 0;
}

li ol > li:before {
    content: counters(item, ".") " ";
}

/* listPerson */

dt.person  { 
    font-weight: bold;
}
dd.person p:first-child { 
    text-indent: 0px;
}

/* tables */
table.bodytable, table.toplined, table.borders {
    vertical-align: top;
    font-size: 85%;
    line-height: 100%;
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3.5ex;
    margin-bottom: 3.5ex;
}

table.bodytable caption, table.toplined caption, table.borders caption {
    /* font-size: 117.65%; */
    font-weight: bold; 
    /* caption-side: bottom; */
    /* margin-top: 0px; */
    /* margin-bottom: 0px; */
    margin-bottom: .8em;
}


table.borders, table.borders tr, table.borders tr td {
    border: thin solid black;
    border-collapse: collapse;
}

table.bodytable td, table.toplined td, table.borders td, table.bodytable th, table.toplined th, table.borders th {
    border-collapse: collapse;
    padding-left: 1.5ex;
    padding-right: 1.5ex;
    padding-top: .4em;
    padding-bottom: .4em;
}

table.toplined td, table tr.toplined td {
    border-top: thin solid black;
    padding-bottom: .8em;
}

table.toplined th {
    border-top: none;
}

table.toplined tr, table.toplined td, table.toplined th, table tr.toplined, table tr.toplined td, table tr.toplined th {
    vertical-align: top;
}

/* rend on cells */
td.left { 
    text-align: left;
}
td.right { 
    text-align: right;
}
td.center { 
    text-align: center;
}


/* spacing */
div.bigskip     { height: 6ex}
div.mediumskip  { height: 3ex}
div.smallskip   { height: 1.5ex}

span.bigskip    { width: 3em}
span.mediumskip { width: 1.5em}
span.smallskip  { width: .5em}


/* for to page */

h1.main {
    text-align: center;
}

div.about {
    text-align: left;
    /* display: none; */
}


/* fix this by making both display: inline-block, set % width and vertical-align: middle */
img.thumbnail {
    width: 50px;
    float: left;
    clear: left;
    margin: 2px;
    margin-right: 1em;
    border-style: solid;
    border-width: thin;
    border-color:  #39363b;
}

img.icon {
    height: 2ex;
}

@media screen { 
div.dokument {
    width: 80%;
    margin-left:  20%;
    margin-right: 20%;
    border-style: solid;
    border-width: thin;
    border-color: white;
}
}

div.dokument p {
    text-align: left;
    margin-left: 100px;
    text-indent: 0em;
}

a.document:hover div {
    color: white;
    background-color: #39363b;
}

/* for search results */

.highlight {
    background: yellow;
}

div.searchcaption {
    text-align: center;
}

div.searchnav {
    text-align: center;
    margin-bottom: 1ex;
}

div.searchnav form {
    display: inline;
}

table.results {
    width: 100%;
    border-collapse: collapse;
    border: none;
    margin:  0px;
    text-align: left;
}

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

table.result {
    width: 100%;
    border: none;
    margin-top: 1ex;
}

table.result tr,td{
    padding: 0px;
    padding-left: 5px;
    padding-right: 5px;
    margin:  0px;
}

table.result td {
}


span.hitfield {
    font-style: italic;
}

span.hitscore {
    font-size:   .6em;
    font-family: sans-serif;
}

/* front matter */

div.text {
    text-align: left;
    padding-left: 1em;
    padding-right: 1em;
}

div.spaced {
    text-align: center;
    padding-top: .3em;
}


div.centered {
    text-align: center;
}

p.rightspaced {
    text-align: right;
    padding-right: 2em;
    padding-top: 1.5em;
    font-style: italic;
}

p.right {
    text-align: right;
    padding-right: 2em;
    font-style: italic;
}

div.toggle {
    border-bottom-color: #80786d;
    border-bottom-style: solid;
    border-bottom-width: 1pt;
    padding-bottom: .4ex;
    margin-left: 30%;
    margin-right: 30%;
    margin-bottom: 3ex;
}

div.about, div.more {
    display: none;
    margin-bottom: 6ex;
}


/* header */

div.titleStmt, div.editionStmt, div.extent, div.publicationStmt, div.seriesStmt {
    text-align: center;
    margin-top: 3ex;
    margin-bottom: 3ex;
}

div.seriesStmt {
    font-size: 90%;
}

div.seriesStmt div.title, div.seriesStmt div.biblScope { 
    display: inline;
}

div.titleStmt div.title, div.seriesStmt div.title {
    font-size: 110%;
    font-weight: bold;
}

div.titleStmt div.title:first-child {
    font-size: 130%;
}

div.titleStmt div.author, div.seriesStmt div.author {
    font-size: 110%;
    font-weight: bold;
    font-style: italic;
}

div.titleStmt div.respStmt, div.seriesStmt div.respStmt {
    margin-top: 1ex;
    margin-bottom: .25ex;
}

div.titleStmt div.name {
    font-weight: bold;
}

div.publisher {
    text-align: center;
}

div.date, div.idno, div.issn, div.pubPlace {
    text-align: center;
    margin-top: 1ex;
    margin-bottom: .25ex;
}

div.seriesStmt div.biblScope {
    font-weight: bold;
}    


div.idno {
    font-weight: bold;
}    

div.availability {
    font-size: 90%;
    text-align: left;
    padding-left: 3em;
    padding-right: 3em;
}

div.availability p.ciptitle {
    margin-top: 5ex;
    margin-bottom: 3ex;
}

div.availability p.cip, div.availability p.ciptitle {
    text-indent: 0em;
}

div.pubplace{
    margin-top: 2ex;
    margin-bottom: 2ex;
    text-align: center;
}

div.sourceDesc{
    margin-top: 2ex;
    margin-bottom: 2ex;
    text-align: left;
}

div.sourceDesc div.author{
    font-style: italic;
    display: block;
}

div.sourceDesc div.title{
    font-weight: bold;
    display: block;
}

div.sourceDesc div{
    display: inline;
    text-align: center;
}


div.sourceDesc {
    font-size: 90%;
    margin-bottom: 3ex;
    padding-left: 3em;
    padding-right: 3em;
}

div.sourceDesc div.note {
    text-align: left;
    display: block;
}

div.projectDesc {
    font-size: 90%;
    padding-left: 3em;
    padding-right: 3em;
    margin-bottom: 3ex;
}

div.teiHeader p {
    text-indent: 0em;
}

div.revisionetc {
    display: none;
}

div.revisionDesc {
    padding-left: 2.8em;
    padding-right: 2.8em;
}

div.revisionDesc div.revisionTitle{
    font-weight: bold;
    display: block;
}

/* footer */

div.footer { 
    margin-left: 20%;
    margin-right: 20%;
    padding-bottom: 1.2ex;
    padding-left: 2em;
    padding-right: 2em;
    text-align: center;
    color: #EEEEEE;
    background-color: #80786d;
    font-size:   .8em;
}

div.footer a { 
    font-weight: bold;
    color: #BBBBBB;
}

span.IJS { 
    color: white;
    margin-right: -1.2em;
}

span.I { 
    display: inline;
    position: relative;
    left: 0px;
}
span.J { 
    display: inline;
    position: relative;
    left: -.7em;
}
span.S { 
    display: inline;
    position: relative;
    left: -1.4em;
}

/* span.name {  */
/*     background: yellow; */
/* } */