/*Notes, dels, gaps and such*/

del {
    color:inherit;
}


div.noteicon {
    color:#bf9b58;
    border-bottom: none;
    margin:0;
    bottom:0;
    font-size:100%;
}

div.noteicon.sup {
    font-size:85%;
    bottom:7px;
    margin-right:3px;
}

div.noteicon + div.noteicon { }

div.head div.noteicon.full {
    /* font-size:100% !important; */
}

del div.noteicon, div.head div.title.noteicon,
div.head div.noteicon.restore, div.head div.noteicon.supplied,
div.noteicon.supplied,
div.handShift.noteicon, div.noteicon.damage, div.noteicon.lacunaEnd,
div.noteicon.lacunaStart, div.noteicon.gap, div.noteicon.g,
div.noteicon.milestone.paragraph, span.sic div.noteicon, div.metamark.noteicon,
span.stenography div.noteicon.stenography, div.noteicon.unclear,
div.noteicon.add, div.noteicon.full, div.seg.noteicon, div.seg.handShift,
div.floatingText.noteicon, div.fw {
}

div.noteicon.add { color:green; }

div.noteicon .textcontent { color:inherit; }

div.floatingText.noteicon, div.fw.pageNum{
    display:block;
}

div.fw.pageNum.global{
    font-weight: bolder;
    text-align: center;
}

div.fw.pageNum.local{
    font-weight: bold;
    font-size:80%;
    text-align: center;
}

div.handShift.noteicon, div.noteicon.gap, div.noteicon.g,
div.noteicon.damage, div.noteicon.lacunaEnd,
div.noteicon.lacunaStart{
    /* font-size:60%; */
}

div.seg.handShift{
    /* font-size:100%; */
}

ins, ins span.stenography, ins span.unclear, ins span.textcontent{
    color:green;
}


span.transparent {
    opacity:0.0;
}
span.sic{
    border-bottom: thin dashed #BF9B58;
}


span.abbr.stenography {
    border-bottom:medium dotted #BF9B58;;

}
div.head div.title.noteicon{
    font-size:100% !important;
}

.textcontent{
    color:#222;
    cursor:text;
}


a sup{
    bottom: 7px;
    margin-left: 6px;
    margin-right: 6px;
    font-size: 85%;
    color: #bf9b58;
    border-bottom: 1px solid #bf9b58;
}

/*VM4_PIM*/

span.label {
    display:block;
    font-size: 18px;
    margin-top:0.5em;
    margin-bottom:0.5em;
}

hr {

    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));

}

span.desc {
    display:none;
}

div.g a, div.bibContent a{
    color:#BF9B58;
    font-size:60%;
}

div.reading a, div.rdgGrp a, span.ref a, span.name a,
span.title a, span.rs a{
    color:#BF9B58;
}

div.reading > a, div.rdgGrp > a {
    font-size:100%
}

div.reading a:hover,
div.rdgGrp a:hover, span.ref a:hover,
span.name a:hover, span.title a:hover, span.rs a:hover {
    cursor:help;
    color:red;
}

div.reading a span,
div.rdgGrp a span, span.ref a span, span.name a span, span.title a span,
span.rs a span, a.fullButton span{
    display: none;
}

div.reading a:hover span,
div.rdgGrp a:hover span, span.ref a:hover span,
span.name a:hover span, span.title a:hover span:not(.textcontent), span.rs a:hover span,
a.fullButton:hover span{
    background: none repeat scroll 0 0 white;
    border:solid #666;
    color:#6b6a6a;
    display: block;
    padding: 1em;
    position:absolute;
    text-decoration: none;
    text-indent: 0;
    z-index: 100;
    font-size: 14px;
}

a.fullButton:hover span{
    font-size:14px;
    text-transform: none;
    border:solid red;
}

div.note a:hover span {
    width:100%;
}

div.showNote{
    position: absolute;
    /*max-width:50%;*/
    /*max-height: 40%;*/
    overflow:visible;
    /*overflow:scroll;*/
    /*    overflow-y: auto;
        overflow-x: hidden;*/
    /*    color:#6b6a6a;
        border:solid #666;
        resize: both;*/
    background-color: transparent;
    padding: 0;
    border:0 none;
    
}

div.showNote .showNote{
    max-height: 100%;
}

div.showNote .n1 ~ .n1 { margin-top:.2em; padding-top:.2em; border-top:1px solid #666; }

div.showNote > div.rel{
    position:relative;
    max-width:600px;
    max-height: 400px;
    color:#6b6a6a;
    border:2px solid #666;
    resize: both;
    background-color: white;
    padding:7px 20px;
    overflow:auto;
}
/*end of note formating*/

/*start of layout formating*/
div#mssArea{
    margin-top:25px;
    overflow:auto;
}

/*menu*/
div#mainBanner{
    position:relative;
    background: white;
    height:4em;
}
/*menu buttons*/
.topMenuButton, #bibinfo-button, #critinfo-button{
    padding: 5px 5px 5px 3px;
    font-family: inherit;
    font-size:inherit;
    background:0;
    border:1px solid #fcaa3b;
    color: #6b6a6a;
    font-weight:normal;
}

.topMenuButton:hover, #bibinfo-button:hover, #critinfo-button:hover{
    background:0;
    color:#fcaa3b;
}

#critinfo-button{
    margin-right:20px;
}

div.panel{
    border:1px solid #666;
}

div.panel.highlight,
.dropdown .highlight{
    border: 1px solid #fcaa3b;
}

/*Replacing javascript one for now*/
.imgLink{
    border: 1px solid white;
}

span.title_imgViewer a{
    color:white;
}

div#mssArea div.mssPanel div.panelBanner,
div#mssArea div.imgPanel div.panelBanner{
    border-bottom:1px solid #666;
}

div#mssArea div.panel div.panelBanner,
.viewerHandle{
    background:#666;
}
/*end of menu buttons*/
/*OnOff button*/ 
button{
    background-color:#666;
}

.dropdown a{
    width: 160px;
    margin-left: 4px;
    color:#6b6a6a;
    font-weight: normal;
}
.buttonPressed{
    border-color: #666;
}
#mainControls > ul > li ul li:hover{
    font-weight:normal;
}

#mainControls > ul>li ul.dropdown{
    border:1px solid #666;
}
/*end of OnOff*/
/*end of menu*/

/*start of manuscript formating*/

div.paragraph {
    padding: 6px 0 6px 0;
}
div.mssContent div.paragraph {
    padding: 0px 40px 0px 20px;
    margin-bottom: 1.125rem;
    line-height:1.5rem;
    color:#6b6a6a;
}

div.mssContent div.head, article.content div.head{
    color:#6b6a6a;
    margin-bottom:3em;
}

div.mssContent div.head a {
    color:#fcaa3b;
}

.rend-doubleunderline, .rend-double_underline {
    border-bottom: 3px double;
}

add.type-corr{
    color:blue;
}

div.paragraph.rend-align_center {
    text-align:center;
}
div.paragraph.rend-align_right {
    text-align:right;
}
div.mssContent div.paragraph.rend-text_indent_3 {
    text-indent:3em;
}
div.mssContent div.paragraph.rend-text_indent_5 {
    text-indent:5em;
}
div.mssContent div.paragraph.rend-text_indent_10 {
    text-indent:10em;
}
div.mssContent div.paragraph.rend-margin_left_3 {
    margin-left:3em;
    text-indent:0em;
}
div.mssContent div.paragraph.rend-margin_left_5 {
    margin-left:5em;
    text-indent:0em;
}
div.mssContent div.paragraph.rend-margin_left_10 {
    margin-left:10em;
    text-indent:0em;
}

del.rend-overstrike{
    text-decoration: none;
    display:inline-block;
    margin: 3px -20px 3rem -6px; 
}

/* .rend-smallcaps{
     font-variant: small-caps;
 }*/

div.apparatus{
    display:inline;
}

.notenote{
    color:inherit;
    display:block;
    margin: 3px 10% 5px 10%;
    padding:0 10px 0 10px;
    border:1px solid #666;
}

/*end of manuscript formating*/



div.lg{
    line-height: 1.5rem;
}

div.l.milestone{
    height:0;
}

.pagies {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background:#FFFFFF url("../img/vm-images/arrowdown_grey.png") right 3px center no-repeat;
    background-size: 12px 7px;
    color:inherit;
    text-align: left;
    font:inherit;
    font-weight: inherit;
    display: block;
    padding: 5px 24px 3px 15px;
    text-transform: uppercase;
    font-family: 'AvenirNextLTProDemi', arial, sans-serif;
    color: #6b6a6a;
    cursor:pointer;
}

.pagies:hover{
    color:#fcaa3b;
    background:#FFFFFF url("../img/vm-images/arrowup_yellow.png") right 3px center no-repeat;
    background-size: 12px 7px;
}

.pagies:focus, .pagies.active{
    color: #6b6a6a;
    background:#FFFFFF url("../img/vm-images/arrowdown_grey.png") right 3px center no-repeat;
    background-size: 12px 7px;
}

.matchAppHiClicked{
    background:white;
}
.matchAppHiClicked span{
    font-weight:800;
}
/*Stage colours*/
.apparatus .stage1 span{
    background:#f9f3ec;
}

.apparatus .stage2 span{
    background:#edd9c4
}

.apparatus .stage3 span{
    background:#e2bf9d
}

.apparatus .stage4 span{
    background:#fff2e6;
}

.apparatus .stage5 span{
    background:#ffd9b3;
}

.apparatus .stage6 span{
    background:#ffbf80;
}

.apparatus .stage7 span{
    background:#ecf2f8;
}

.apparatus .stage8 span{
    background:#c7d9ea;
}

.apparatus .stage9 span{
    background:#a3c0dc;
}

.apparatus .stage10 span{
    background:#c1d0f0;
}
.apparatus .stage11 span{
    background:#b3daff;
}

.apparatus .stage12 span{
    background:#80c1ff;
}

.apparatus .stage13 span{
    background:#e6eeff;
}

.apparatus .stage14 span{
    background:#ccdcff;
}

.apparatus .stage15 span{
    background:#99b9ff;
}

.apparatus .stage16 span{
    background:#e6e6ff;
}

.apparatus .stage17 span{
    background:#ccefff;
}

.apparatus .stage18 span{
    background:#eac7c7;
}

.apparatus .stage19 span{
    background:#ffcccc;
}

.apparatus .stage20 span{
    background:#f5e6ff
}

.apparatus .stage21 span{
    background:#e0b3ff
}

.apparatus .stage22 span{
    background:#e6ffe6;
}

.apparatus .stage23 span{
    background:#ccffcc;
}

.apparatus .stage24 span{
    background:#ffffe6;
}


.apparatus .stage25 span{
    background:#ffffb3;
}

.apparatus .stage26 span{
    background:#e0e0eb;
}

.apparatus .stage27 span{
    background:#c2c2d6;
}

.apparatus .stage28 span{
    background:#f2d9d9;
}

.apparatus .stage29 span{
    background:#e6b3b3;
}

.apparatus .stage30 span{
    background:#d0e1e1
}

/*anchoring*/
article.content div.paragraph a.anchor, #mssArea div.paragraph a.anchor,
article.content div.lg a.anchor, #mssArea div.lg a.anchor,
article.content div.l a.anchor, #mssArea div.l a.anchor,
article.content li a.anchor, #mssArea li a.anchor{
    display:inline-block;
    position:absolute;
    margin-left: -35px;
    padding:0 10px 10px 0;
}

article.content div.paragraph a.anchor:before, #mssArea div.paragraph a.anchor:before,
article.content div.lg a.anchor:before, #mssArea div.lg a.anchor:before,
article.content div.l a.anchor:before, #mssArea div.l a.anchor:before{
    color:#666;
    content:"\00B6";
    cursor:pointer;
    font-size:15px;
    margin-top:3px;
    display:none;
    padding-right:10px;
    padding-left:10px;
}

article.content li a.anchor:before, #mssArea li a.anchor:before{
    color:#666;
    content:"\00B6";
    cursor:pointer;
    font-size:15px;
    margin-top:3px;
    display:none;
    padding-right:10px;
    padding-left:10px;
    float:left;
}

article.content div.paragraph:hover a.anchor:before, #mssArea div.paragraph:hover a.anchor:before,
article.content div.lg:hover a.anchor:before, #mssArea div.lg:hover a.anchor:before,
article.content div.l:hover a.anchor:before, #mssArea div.l:hover a.anchor:before,
article.content li:hover a.anchor:before, #mssArea li:hover a.anchor:before{
    display:block;
}

article.content div.paragraph a.anchor:target:before, #mssArea div.paragraph a.anchor:target:before,
article.content div.lg a.anchor:target:before, #mssArea div.lg a.anchor:target:before,
article.content div.l a.anchor:target:before, #mssArea div.l a.anchor:target:before,
article.content li a.anchor:target:before, #mssArea li a.anchor:target:before{
    display:block;
    background:yellow;
}

#permaLink{
    padding:7px 2px 7px 20px;
    font-size:105%;
    text-align:left;
    background:white;
    font-weight:400 !important;
    z-index:6;
    max-width: 500px;
    max-height: 500px;
    overflow:auto;
    color:#6b6a6a;
    border:solid #666;
}

#permaClose{
    padding: 2px 6px 2px;
    margin-left:14px;
    cursor:pointer;

}


#content-wrapper ul{
    clear:both;
}

#content-wrapper ul.pagination{
    clear:none;
}

/*#content-wrapper li{
    list-style-type: none;
}*/

/*ND: zoom blurryness, needs tweaking cause this is probably VERY slow*/
.panzoom {
    -webkit-backface-visibility: initial !important;
    -webkit-transform-origin: 50% 50%;
}

/*ND:milestones*/
#mssArea .milestone.p, article.content .milestone.p{
    display:block;
    border-bottom:0;

}

#mssArea div.milestone.part, article.content div.milestone.part{
    height:5rem;
    border-bottom: 1px solid #E8E8E8;
}

#mssArea div.milestone.emptyLine, article.content div.milestone.emptyLine{
    height:3.8rem;
}

#mssArea div.milestone.paragraph, article.content div.milestone.paragraph{
    margin:0;
    padding:0;
}

#mssArea del .milestone.p, article.content del .milestone.p,
#mssArea del div.milestone.part, article.content del div.milestone.part,
#mssArea del div.milestone.emptyLine, article.content del div.milestone.emptyLine,
#mssArea del div.milestone.paragraph, article.content del div.milestone.paragraph{
    color:white;
    text-decoration: line-through;
}

#mssArea .floatingText, article.content .floatingText{

    margin-bottom:3rem;
    margin-left:-10px;
}

.floatingTextNote, article.content .floatingTextNote,
.deleteNote, article.content .deleteNote{
    clear:both;
    border-left: 1px solid #fcaa3b;
    padding-left:7px;
    height: 100%;
    display:table-cell;
    vertical-align: top;
    bottom:0px;
    border-bottom: 0px;
}

.deleteNote, article.content .deleteNote{
    border-left: 1px solid #9E5811;
}

#mssArea .floatingContent, article.content .floatingContent,
#mssArea .deleteContent, article.content .deleteContent{
    display:table-cell;
    vertical-align: top;
}


#mssArea .floatingText .paragraph, article.content .floatingText .paragraph{
    margin-bottom:0;
    padding:0;
    line-height:1.1rem;
}

div.seg { padding:2px 5px; }

div.seg.signature { background:#f9f3ec; }
div.seg.handShift { background:#edd9c4; }
div.seg.stamp { background:#e2bf9d; border:solid 1px #666; }


#biblioinfo, #cboxLoadedContent #critinfo{
    padding:40px;
}

#critinfo-wrapper{
    display:none;
}

#mssArea .type-envelope, article.content .type-envelope{
    clear:right;
    border: 1px solid #eee;
    padding: 10px 20px 15px 20px;
    margin: 0px -20px 3rem -20px;
}

#mssArea .type-letter, article.content .type-letter{
    border: 1px solid #eee;
    padding: 10px 20px 15px 20px;
    margin: 0px -20px 3rem -20px;
}

#mssArea .type-attachment, article.content .type-attachment{
    border: 1px solid #eee;
    padding: 10px 20px 15px 20px;
    margin: 0px -20px 3rem -20px;
}

/*.type-title{
    font-style:italic;
}*/

.rend-bold{
    font-weight:bold;
}


#showColourNote{
    padding:7px 20px;
    font-size:105%;
    color:black;
    text-align:left;
    border:2px solid #666;
    background:white;
    font-weight:400 !important;
    z-index:6;
    max-width: 500px;
    max-height: 500px;
    overflow:auto;
}

#showColourNote.clicked{
    display:block;
}

.span{
    display:inline;
}

ins.add div.addContent{
    color:green;
}