/* 
    Document   : layout
    Created on : 25-Mar-2013, 13:49:16
    Author     : Chris
    Description:
        Purpose of the stylesheet follows.
*/

/* zoomed-out page image */
img.pageimg {
}

/* single-page view */
    div.page {
        position: absolute;
    }

        div.pageLeft {
            opacity: 0.3;
            box-shadow: none;
        }
        div.pageOpen {
            box-shadow: none; /*0px 0px 40px rgba(0, 0, 0, 0.2);*/
            opacity: 1;
            visibility: visible;
        }
        div.pageRight {
            box-shadow: none;
            opacity: 0.3;
        }
        div.pageOpenUp {
            box-shadow: none;
            opacity: 1;
        }
        div.pageOpenDown {
            box-shadow: none;
            opacity: 1;
        }
        div.pageLeftUp {
            box-shadow: none;
            opacity: 0.3;
        }
        div.pageLeftDown {
            box-shadow: none;
            opacity: 0.3;
        }
        div.pageRightUp {
            box-shadow: none;
            opacity: 0.3;
        }
        div.pageRightDown {
            box-shadow: none;
            opacity: 0.3;
        }

    
        div.pageLeftOutside, div.pageLeftOutsideUp, div.pageLeftOutsideDown {
            opacity: 0;
            box-shadow: none;
            visibility: hidden;
        }

        div.pageRightOutside, div.pageRightOutsideUp, div.pageRightOutsideDown {
            opacity: 0;
            visibility: hidden;
            box-shadow: none;
        }
        
        div.pageInvisible {
            opacity: 0;
            visibility: hidden;
            box-shadow: none;
        }

/* dynamic single-page overlays */
    div.dynamicPage {
    }
    
        div.dynamicPageLeft {
            box-shadow: none;
            opacity: 0.3;
        }
        div.dynamicPageOpen {
            box-shadow: none;
            opacity: 1;
        }
        div.dynamicPageRight {
            box-shadow: none;
            opacity: 0.3;
        }
        div.dynamicPageLeftOutside {
            visibility: hidden;
        }
        div.dynamicPageRightOutside {
            visibility: hidden;
        }

/* single page zoom */
    div.pageZoom {
    }

/* double page zoom */
    div.doublePageZoom-Left {
        pointer-events: none;
    }
    div.doublePageZoom-Right {
        pointer-events: none;
    }

/* double page view */
    /* left-outside */
    div.doublePageLeftOutside-Left {
        opacity: 0;
        box-shadow: none;
        visibility: hidden;
    }
    div.doublePageLeftOutside-Right {
        opacity: 0;
        box-shadow: none;
        visibility: hidden;
    }

    /* left */
    div.doublePageLeft-Left {
        opacity: 0;
        box-shadow: none;
        /*opacity: 0.5;*/
        visibility: visible;
    }
    div.doublePageLeft-Right {
        opacity: 0;
        box-shadow: none;
        /*opacity: 0.5;*/
        visibility: visible;
    }

    /* open */
    div.doublePageOpen-Front {
        /* box-shadow: -4px 1px 8px rgba(0,0,0,0.5); */
        box-shadow: none;
        opacity: 1;
        visibility: visible;
    }
    div.doublePageOpen-Left {       
        /* box-shadow: -4px 1px 8px rgba(0,0,0,0.5); */
        box-shadow: none;
        opacity: 1;
        visibility: visible;
    }
    div.doublePageOpen-Right {       
        /* box-shadow: 4px 1px 8px rgba(0,0,0,0.5); */
        box-shadow: none;
        opacity: 1;
        visibility: visible;
    }

    /* right */
    div.doublePageRight-Left {
        opacity: 0;
        box-shadow: none;
        /*opacity: 0.5;*/
        visibility: visible;
    }
    div.doublePageRight-Right {
        opacity: 0;
        box-shadow: none;
        /*opacity: 0.5;*/
        visibility: visible;
    }

    /* right outside */
    div.doublePageRightOutside-Left {
        opacity: 0;
        box-shadow: none;
        visibility: hidden;
    }
    div.doublePageRightOutside-Right {
        opacity: 0;
        box-shadow: none;
        visibility: hidden;
    }

/* dynamic double-page */
    /* left */
    div.dynamicDoublePageLeft-Left {
        opacity: 0;
        box-shadow: none;
        /*opacity: 0.5;*/
        visibility: visible;
    }
    div.dynamicDoublePageLeft-Right {
        opacity: 0;
        box-shadow: none;
        /*opacity: 0.5;*/
        visibility: visible;
    }

    /* open */
    div.dynamicDoublePageOpen-Front {
        box-shadow: none;
        opacity: 1;
        visibility: visible;
    }
    div.dynamicDoublePageOpen-Left {       
        box-shadow: none;
        opacity: 1;
        visibility: visible;
    }
    div.dynamicDoublePageOpen-Right {       
        box-shadow: none;
        opacity: 1;
        visibility: visible;
    }

    /* right */
    div.dynamicDoublePageRight-Left {
        opacity: 0;
        box-shadow: none;
        /*opacity: 0.5;*/
        visibility: hidden;
    }
    div.dynamicDoublePageRight-Right {
        opacity: 0;
        box-shadow: none;
        /*opacity: 0.5;*/
        visibility: hidden;
    }