/***********************************
 * Shell
 * -------
 * Shell is the container for the entire
 * site. Also includes styles for the body.
 * *********************************/
body {
    background: #2A335D;
}


#preview {
    background-color: white;
    text-align: center;
    line-height: 25px;
    width: 100%; height: 45px;
    border-bottom: 2px solid black;
    position: fixed; top: 0; left: 0;
    z-index: 1000;
}
#preview * {
    line-height: 25px;
    position: absolute;
    top: 10px;
}
#preview a {
    text-indent: -1000px;
    overflow: hidden;
    background-repeat: no-repeat;
}

/* sizes and images */
.en #preview a.close {
    width: 55px;
    background-image: url("../_media/en/button_close.gif");
}
.fr #preview a.close {
    width: 64px;
    background-image: url("../_media/fr/button_close.gif");
}
.en #preview a.save_and_close {
    width: 121px;
    background-image: url("../_media/en/button_save_and_close.gif");
}
.fr #preview a.save_and_close {
    width: 176px;
    background-image: url("../_media/fr/button_save_and_close.gif");
}

/* positions */
#preview span { right: 50% }
#preview a.save_and_close { left: 50% }
.en #preview a.close { left: 50%; margin-left: -27px }
.fr #preview a.close { left: 50%; margin-left: -32px }
#preview span { margin-right: 35px }
#preview a.save_and_close { margin-left: 35px }

#shell {
    width: 972px; padding: 10px 10px 20px 10px;
    background: white;
    position: relative; 
    margin: 0 auto;
    margin-top: 10px; margin-bottom: 10px;
}

#shell .corner_page {
    position: absolute; width: 6px; height: 6px;
    font-size: 1px;
    background-image: url('http://www.3macs.com/_media/corner_page_body.gif');
    background-repeat: no-repeat;
    
}
#shell .corner_top_right_page {
    top: 0; right: 0;
    background-position: top right;
}    
#shell .corner_top_left_page{
    top: 0; left: 0;
    background-position: top left;
}   
#shell .corner_bottom_left_page {
    bottom: 0; left: 0;
    background-position: bottom left;
}   
#shell .corner_bottom_right_page {
    bottom: 0; right: 0;
    background-position: bottom right;
}

.shell_preview {
    top: 45px;
}