/*
    Depended On by: endnote.js
*/

/* 
    Use <div class="p"> rahter than <p> to enclose
    paragraphs with endnotes.
    This allows nested divs within.
*/
.p
{
    margin: 1em 0;
}

.endnoteWrapper
{
    display: inline;
}

.endnoteWrapper div, .endnoteWrapper a
{
    background-color: #faf0e6;
}



.endnoteWrapper a
{
    padding: 0 0.5em;
}
/*
.endnoteWrapper a:hover
{
    background-color: #ffdead;
}
*/
 Make links behave as normal within endnoteWrapper text itself 
.endnoteWrapper div a
{
    padding: 0;
} 

.endnoteWrapper div
{
    display: none;
    position: absolute;
    left: 20%;
    margin: 20px 0 0 0; 
    padding: 0.5em 1em;  
    border: 1px solid #cd853f;
    z-index: 100; 
    width: 70%;
}

.endnotes li, .endnoteWrapper div
{ 
    font-size: 0.8em;
}

.endnotes .closeInfo
{
    display: none;
}

@media print
{
    .endnotes blockquote, .endnotes li, .endnotes blockquote p
    { 
        font-size: 9pt;
    }
    .endnoteWrapper a
    {
        vertical-align: super;
        font-size: 9pt;    
        color: Black; 
        padding: 0;   
    }
}