#manuscript_view {
    font-family: "Palatino Linotype", "Times New Roman", serif;
    font-size: 14px;
    position: relative;
}

.detailsView .attrContent {
    width: 38em;
    position: relative;
}

.detailsView .attrContent p {
    padding-bottom: 0.4em;
}

#details {
    float: left;
    width: 71.5%;
}

#details h2 {
    padding-bottom: 0.5em;
}

#details h4 {
    font-size: 1.4em;
    font-variant: small-caps;
    clear: both;
    padding: 1em 0 0.3em 0;
}

#details h5,#sidebar h5 {
    display: block;
    font-size: 1.6em;
    margin: 0 0 0.3em 0;
}

#sidebar h5 {
    font-size: 1.2em;
    margin: 1em 0 0.3em 0;
    clear: both;
    padding-right: 0.5em;
}

#details h5 span,#sidebar h5 span {
    color: #AD1010;
}

#details h6 {
    font-size: 1em;
    display: inline;
    padding-left: 5px;
}

#details .part h4 {
    font-size: 1.3em;
    margin-left: 0.3em;
}

a.locus {
    position: relative;
    cursor: help;
    text-decoration: underline;
    color: #800000;
}

div.locus {
    display: none;
    position: absolute;
    width: 260px;
    height: 275px;
    border: 1px solid #000000;
    background-color: #F8F8F8;
    -moz-box-shadow: 3px 3px 5px #999999;
    z-index: 100;
    background-position: 3px 3px;
    background-repeat: no-repeat;
}

div.locus a {
    display: block;
    font-family: sans-serif;
    text-decoration: none;
    color: #000080;
}

div.locus a.pdf {
    background-image: url('../images/pdficon_large.gif');
    background-repeat: no-repeat;
    background-position: center top;
    float: left;
    padding-top: 32px;
    width: 32px;
    text-align: center;
    margin: 3px;
    font-size: 10px;
}

div.locus a.image {
    width: 210px;
    padding-top: 254px;
    text-align: center;
    float: left;
    font-size: 12px;
}

div.glyph,div.uglyph {
    display: none;
    position: absolute;
    width: 140px;
    border: 1px solid #808080;
    background-color: #FFFFFF;
    -moz-box-shadow: 3px 3px 5px #999999;
    z-index: 100;
    text-align: center;
}

div.glyph img {
    width: 110px;
    height: 110px;
    border: none;
    display: block;
}

div.glyph p,div.uglyph p {
    font-size: 10px;
    font-family: sans-serif;
    padding-top: 0.4em;
    padding-bottom: 0.3em;
}

div.uglyph p {
    padding-top: 1em;
}

div.glyph span {
    font-size: 10px;
    font-family: sans-serif;
    font-weight: bold;
}

a.manuscriptRef {
    position: relative;
    cursor: pointer;
    text-decoration: underline;
    color: #800000;
    font-style: italic;
}

.seclevel .attrLabel {
    color: #808080;
}

.seclevel .depth {
    font-weight: bold;
    padding: 0 1em 0 0.3em;
}

.seclevel .section {
    clear: both;
    padding-right: 0.5em;
    margin: 0 0 0.5em 0;
}

#contents {
    margin-right: 0.5em;
}

#details .itemHead h6,.itemHead .depth,.itemHead .uLocus,#details .itemHead .locus {
    float: left;
}

#details .itemHead .uLocus,#details .itemHead .locus {
    width: 90px;
    overflow: hidden;
}

#details .lvl1 h6 {
    width: 450px;
}

#details .lvl2 h6 {
    width: 380px;
}

#details .lvl3 h6 {
    width: 310px;
}

.lvl1 .section {
    background-color: #FBFBFB;
    border: 1px solid #F0F0F0;
}

.lvl1 .attrList {
    margin: 0.5em 0 0 0;
}

.lvl1 .attr {
    padding: 0.2em 0;
    margin: 0 0 0 1.8em;
    border-top: 1px dotted #A0C0F0;
}

#details .lvl1 .attrLabel {
    width: 7.5em;
    font-size: 12px;
    font-weight: normal;
    color: #406080;
}

.lvl1 .attrContent {
    width: 38em;
}

.lvl2 .section {
    margin: 0.5em 0 0.5em 4em;
    background-color: #F7F7F7;
    border: 1px solid #E8E8E8;
}

.lvl2 .attr {
    margin: 0.5em 0 0 2.6em;
}

.lvl2 .attrContent {
    width: 31em;
}

.lvl3 .section {
    background-color: #F0F0F0;
    border: 1px solid #E0E0E0;
}

.lvl3 .attr {
    margin: 0.5em 0 0 3.4em;
}

.lvl3 .attrContent {
    width: 25em;
}

.toclevel li {
    list-style-type: none;
}

.toclevel li a {
    color: #800000;
    display: block;
    float: left;
    width: 12em;
}

.toclevel li em.noTitle {
    color: #800000;
    font-style: italic;
}

.toclevel.lvl1 {
    margin: 0.2em 0 0 0.5em;
    font-size: 16px;
}

.toclevel.lvl2 {
    margin: 0.2em 0 0 1em;
    font-size: 14px;
}

.toclevel.lvl3 {
    margin: 0.2em 0 0 0.8em;
    font-size: 12px;
}

.toclevel.lvl3 a {
    width: 14em;
}

.toclevel.lvl1 span {
    width: 2em;
}

.toclevel.lvl2 span {
    width: 2.5em;
}

.toclevel.lvl3 span {
    width: 3em;
}

.toclevel span {
    display: block;
    float: left;
}

#history dt,#physical dt,#contents dt {
    font-weight: bold;
}

#sidebar {
    float: left;
    width: 28%;
}

#sidebar h2 {
    color: #AD1010;
    font-variant: small-caps;
    margin: 0.1em 0 1em 0;
    padding: 0;
    font-size: 16px;
}

.tabItem {
    background-color: #dedec3;
    padding: 0.5em;
    border-left: 1px solid #BBBBBB;
    border-bottom: 1px solid #BBBBBB;
    border-right: 1px solid #BBBBBB;
}

#side_0 dd {
    margin: 0.2em 0.3em 0.2em 1.2em;
    padding: 0.2em 0.3em 0.2em 0.3em;
    background-color: #f6f6f0;
}

#side_0 dt {
    font-size: 16px;
    font-weight: bold;
}

#sidetabs {
    margin: 0;
    height: 32px;
    border-bottom: 1px solid #BBBBBB;
}

#sidetabs li {
    float: left;
    list-style-type: none;
    cursor: pointer;
}

li.unSelectedTab,li.selectedTab {
    margin: 4px 5px 5px 5px;
}

li.selectedTab,li.unSelectedTab {
    color: #333333;
    border: 1px solid #BBBBBB;
    padding: 1px 5px 7px 5px;
}

li.unSelectedTab {
    background-color: #EEEEEE;
}

li.selectedTab {
    background-color: #dedec3;
    font-weight: bold;
    border-bottom: 1px solid #dedec3;
}

#tab_toc {
    background-color: #FFFFFF;
    padding: 0 0.2em 0.4em 0.2em;
}

#place_names {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 0.5em;
}

#place_names caption {
    border-collapse: collapse;
    text-align: left;
    background-color: #EEEEEE;
    padding: 5px;
    font-weight: bold;
    border-bottom: 1px dotted #333333;
}

#place_names td {
    border-bottom: 1px dotted #333333;
    padding: 5px;
}

#incomplete_msg {
    border: 1px solid #A0A0A0;
    border-bottom: none;
    margin: 0.5em 1em 0.5em 0;
}

#incomplete_msg p {
    padding: 0.8em;
    background-image: url('../images/work_in_progress.png');
    color: #000000;
    font-family: sans-serif;
    font-size: 1.2em;
    height: 32px;
}

#noimages_msg {
    border: 1px solid #000080;
    margin: 0.5em 1em 0.5em 0;
}

#noimages_msg p {
    padding: 0.4em;
    background-color: #ABCDFF;
    color: #000000;
    font-family: sans-serif;
    font-size: 1.2em;
}

span.del {
    text-decoration: line-through;
    color: #802020;
    cursor: help;
}

span.del_overstrike {
    
}

span.del_subpunction {
    
}

span.del_overtyped {
    
}

span.ex {
    font-style: italic;
    color: #4178c9;
}

span.tei_lb {
    color: #634f35;
    padding: 3px;
    font-weight: bold;
}

span.tei_lb_hyphenated {
    padding-left: 0;
    font-weight: normal;
}

span.tei_hi_underline {
    text-decoration: underline;
}

span.tei_hi_italic {
    font-style: italic;
}

span.tei_hi_gothic {
    font-family: gothic;
}

span.foreign {
    font-style: italic;
    color: #008000;
    cursor: help;
}

span.supplied {
    font-style: italic;
    color: #804080;
    cursor: help;
}

span.glyph {
    color: #bd1f71;
    cursor: help;
    font-weight: bold;
}

span.date {
    
}

span.date_low {
    color: #A00000;
    cursor: help;
}

span.date_medium {
    color: #FF8000;
    cursor: help;
}

span.date_high {
    color: #008000;
    cursor: help;
}

span.date_unknown {
    font-style: italic;
    cursor: help;
}

span.dimensions span {
    cursor: help;
}

span.title {
    font-style: italic;
}

span.title_msDesc {
    font-style: normal;
}

span.j_level {
    font-style: italic;
}

span.incipit_melody,span.incipit_refrain,span.title_melody,span.title_refrain {
    padding-left: 20px;
    background-image: url('../images/music.png');
    background-repeat: no-repeat;
    background-position: left center;
}

span.incipit_melody,span.title_melody {
    color: #228369;
}

span.incipit_refrain,span.title_refrain {
    color: #2f8721;
}

.level_m,.level_j {
    font-style: italic;
}

.part {
    clear: both;
    margin: 0 0 1em 0;
}

.part .physical .attr,.part .history .attr,.attrList.partHead .attrLabel {
    margin-left: 1em;
}

.part .physical .attrLabel,.attrList.partHead .attrLabel,.part .history .attrLabel {
    font-size: 12px;
}

.part .physical .attrContent,.part .history .attrContent {
    width: 37em;
}

.downloadXml:hover {
    background-color: #FFFF80;
}

.downloadXml {
    clear: both;
    margin: 1em 0;
    display: block;
    text-decoration: none;
    font-weight: bold;
    font-family: sans-serif;
    color: #2c440f;
    padding: 3px 6px 3px 50px;
    background-color: #83946f;
    background-image: url('../images/xml_icon.gif');
    background-repeat: no-repeat;
    background-position: 6px 5px;
    border: 1px solid #455532;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
}

.emailComment:hover {
    background-color: #FFFF80;
}

.emailComment {
    clear: both;
    margin: 1em 0;
    display: block;
    text-decoration: none;
    font-weight: bold;
    font-family: sans-serif;
    color: #2c440f;
    padding: 3px 6px 3px 50px;
    background-color: #83946f;
    background-image: url('../images/mail-reply.png');
    background-repeat: no-repeat;
    background-position: 0px -2px;
    border: 1px solid #455532;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
}


#preview_heading {
    padding: 0.2em;
    background-color: #008000;
    color: #FFFFFF;
    text-align: center;
    font-family: sans-serif;
    font-weight: bold;
}

#digitized_link {
    position: absolute;
    right: 280px;
    top: 14px;
    background-image: url('../images/image.png');
    background-repeat: no-repeat;
    background-position: 6px 5px;
    padding: 5px 8px 5px 28px;
    border: 1px solid #273b4c;
    font-family: sans-serif;
    background-color: #6f8394;
    color: #FFFFFF;
    font-weight: bold;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-topleft: 6px;
}

#digitized_link2 {
    position: absolute;
    right: 280px;
    top: 44px;
    background-image: url('../images/image.png');
    background-repeat: no-repeat;
    background-position: 6px 5px;
    padding: 5px 8px 5px 28px;
    border: 1px solid #273b4c;
    font-family: sans-serif;
    background-color: #6f8394;
    color: #FFFFFF;
    font-weight: bold;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-topleft: 6px;
}

#digitized_link:visited {
    color: #CCCCDD;
}

#manuscriptPager {
    font-family: Verdana;
    font-size: 22px;
    position: absolute;
    right: 19px;
    top: 133px;
}