@font-face {
    font-family: LinuxLibertineDisplay0Regular, times, serif;
    src: url(fonts/LinLibertine_DR.woff);
}
/*

 * {box-sizing: border-box;}
body {background-color: #FFFFFF; font-family: 'LinuxLibertineDisplayORegular'; font-weight: normal; font-style: normal; font-size: 18px; padding: 20px 100px 20px; width: 1600px;}

*/

.teiXsltView ul {list-style: circle;}

.teiXsltView ul.dash {list-style: none; margin-left: .5em; padding-left: .5em;}
.teiXsltView ul.dash > li:before {display: inline-block; content: "–"; width: 1em; margin-left: 0em;}

/* 
.teiXsltView a:link {color: black; text-decoration: underline;}
.teiXsltView a:visited {color: black; text-decoration: underline;}
.teiXsltView a:hover {color: black; text-decoration: none;}
.teiXsltView a:active {color: black; text-decoration: underline;}
*/

.teiXsltView p {padding-left: .5em; padding-right: .5em;}

.teiXsltView h4 {margin-bottom: 0px;}
.teiXsltView mark {background-color: #FFFFCC;}
.teiXsltView q:before {content: "»";}
.teiXsltView q:after {content: "«";}

.teiXsltView .noindent {padding: 0px;}
.teiXsltView .comm {padding-left: 1em; padding-right: 1em;}
.teiXsltView .app {width: 80%; text-align: right; font-size: 14px; padding-left: 1em;}
.teiXsltView .lem {display:inline-block;}
.teiXsltView .ref {font-size: 14px; padding: inherit;}
.teiXsltView .lb {font-weight: bold; font-size: 14px;}
.teiXsltView .lb:before {content: "["}
.teiXsltView .lb:after {content: "]"}
.teiXsltView .pb {font-weight: bold; font-size: 14px;}
.teiXsltView .pb:before {content: " ["}
.teiXsltView .pb:after {content: "] "}
.teiXsltView .note {font-weight: bold; font-size: 14px;}
.teiXsltView .note:before {content: " ["}
.teiXsltView .note:after {content: "] "}
.teiXsltView .subhead {font-weight: bold; font-size: 14px;}
.teiXsltView .appnote {font-size: 14px;}
.teiXsltView .appnote:before {content: " ["}
.teiXsltView .appnote:after {content: "] "}
.teiXsltView .hi {font-style: italic}
.teiXsltView .sic:before {content: "†"}
.teiXsltView .sic:after {content: "†"}
.teiXsltView .corr {color: #008000;}
.teiXsltView .supplied {color: #1E90FF;}
.teiXsltView .surplus {color: #ff3333;}
.teiXsltView .unclear {color: #D2B48C;}

/* custom renditions */
.teiXsltView .b, .teiXsltView .bf, .teiXsltView .textbf, .teiXsltView .bold {font-weight: bold}
.teiXsltView .i, .teiXsltView .it, .teiXsltView .textit, .teiXsltView .italic {font-style: italic}
.teiXsltView .u, .teiXsltView .underline {text-decoration: underline}
.teiXsltView .blue {color: #0000e6;}
.teiXsltView .red {color: #b30000;}

.teiXsltView .row:after {content: ""; display: table; clear: both;}
.teiXsltView .column {float: left; width: 50%; padding-left: .5em; padding-right: .5em;}
.teiXsltView .analysis {font-size: 14px; color: #0066ff; padding-left: .5em; padding-right: .5em; padding-top: .1em;}
.teiXsltView .analysis:before {content: "["}
.teiXsltView .analysis:after {content: "]"}

.teiXsltView div.wapp:hover  span.lem {background-color: #FFFFCC;}

@media screen and (max-width: 800px) {
    body {font-size: 16px;}
    .teiXsltView .column {width: 100%;}
    .teiXsltView .analysis {width: 100%;}
}

@media screen and (max-width: 1200px) {
    body {padding: 10px;}
    .teiXsltView .app {width: 90%;}
}

@media only screen and (max-width: 1600px) {
    body {width: auto; padding: 20px;}
}

.teiXsltView #toc_container {background: #f9f9f9 none repeat scroll 0 0; border: 1px solid #aaa; display: table; font-size: 95%; margin-bottom: 1em; padding: 1em; width: auto;}
.teiXsltView .toc_title {font-weight: 700; text-align: center;}	  
.teiXsltView #toc_container li, .teiXsltView #toc_container ul, .teiXsltView #toc_container ul li{list-style: outside none none !important; padding-left: .5em;}