/* 
    Document   : floatingframe
    Created on : Jul 18, 2012, 10:31:16 AM
    Author     : williamg
    Description:
        Handles css styles for the floating footnotes frame on text pages.
*/

div.block.with-block-editing { /* fixes bug with blocks floating over the frame */
/*    position: static;*/
}

#floater {
    overflow: auto;
    margin-top: 20px;
    height: 100%;
}         

#floater-wrapper {
    height: 100px;
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    background-color: #FFF;
    z-index: 99;
    border-top: #666 1px solid;
    box-shadow: 0 -20px 10px -20px #333333;
    opacity: .95;
}

#footnotes-toggle {
    position: fixed;
    right: 20px;
    bottom: 35px;
    z-index: 101;
}

#footnotes-toggle img {
    cursor: pointer;
}

#footer.withFootnotes {
    padding-bottom: 100px;
}

#footnotes-wrapper {
    width: 960px;
    margin: 0 auto;
}

div.ui-resizable-n {
    height: 15px !important;
    top: 0 !important;
    background-color: #EEE;
    background-image: url("../images/grabbg.gif");
    background-repeat: repeat-x;
}

div.ui-resizable-helper {
    border-top: #666 1px solid;
    box-shadow: 0 -20px 10px -20px #333333;
}