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

#pages {
    position: absolute;
    top: 50%;
    left: 50%;
}

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

/* single-page view */
    div.page {
    }

        div.pageLeft {
            z-index: 5;
        }
        div.pageOpen {
            z-index: 9;
        }
        div.pageRight {
            z-index: 7;
        }
    
        div.pageLeftOutside {
            z-index: 1;
        }

        div.pageRightOutside {
            z-index: 3;
        }

/* dynamic single-page overlays */
    div.dynamicPage {
    }
    
        div.dynamicPageLeft {
            z-index: 6;
        }
        div.dynamicPageOpen {
            z-index: 50;
        }
        div.dynamicPageRight {
            z-index: 8;
        }
        div.dynamicPageLeftOutside {
            z-index: 2;
        }
        div.dynamicPageRightOutside {
            z-index: 4;
        }

/* single page zoom */
    div.pageZoom {
        z-index: 40;
    }

/* double page zoom */
    div.doublePageZoom-Left {
        z-index: 42;
    }
    div.doublePageZoom-Right {
        z-index: 41;
    }

/* double page view */
    /* left-outside */
    div.doublePageLeftOutside-Left {       
        z-index: 5;
    }
    div.doublePageLeftOutside-Right {       
        z-index: 5;
    }

    /* left */
    div.doublePageLeft-Left {
        z-index: 5;
    }
    div.doublePageLeft-Right {
        z-index: 5;
    }

    /* open */
    div.doublePageOpen-Front {
        z-index: 9;
    }
    div.doublePageOpen-Left {
        z-index: 9;
    }
    div.doublePageOpen-Right {
        z-index: 9;
    }

    /* right */
    div.doublePageRight-Left {
        z-index: 7;
    }
    div.doublePageRight-Right {
        z-index: 7;
    }

    /* right outside */
    div.doublePageRightOutside-Left {
        z-index: 3;
    }
    div.doublePageRightOutside-Right {
        z-index: 3;
    }

/* dynamic double-page */
    /* left */
    div.dynamicDoublePageLeft-Left {
        z-index: 5;
    }
    div.dynamicDoublePageLeft-Right {
        z-index: 5;
    }

    /* open */
    div.dynamicDoublePageOpen-Front {
        z-index: 50;
    }
    div.dynamicDoublePageOpen-Left {
        z-index: 50;
    }
    div.dynamicDoublePageOpen-Right {
        z-index: 50;
    }

    /* right */
    div.dynamicDoublePageRight-Left {
        z-index: 8;
    }
    div.dynamicDoublePageRight-Right {
        z-index: 8;
    }