/*
** CSS file for "auxiliary" pages off of the home page.  Contains
** definitions specific to these pages or which overrides definitions
** from console-common.css.
**
** $Log: console-aux.css,v $
** Revision 1.4  2010/01/10 00:39:13  mikej
** Updated for Firefox 2.x problem.
**
** Revision 1.3  2010/01/09 23:17:30  mikej
** Updated for console-common.css 1.4 (logo footer).
**
** Revision 1.2  2009/05/06 12:27:18  mikej
** Different solution to "gap between CRT header/footer and center
** portion" problem that should also work with buggie IE7.
**
** Revision 1.1  2009/05/03 18:43:49  mikej
** Initial revision
**
** $Id: console-aux.css,v 1.4 2010/01/10 00:39:13 mikej Exp $
*/


@import url("console-common.css");

body
{
    background-image: url("console-aux-background.jpg");
    background-repeat: repeat;
}


/*
**
** Definitions contained in the center of the page, by far the
** most complicated area:
**
** For the aux pages, we have the following:
** - The site navigation area (buttons) on the top.
** - The CRT on the bottom, which in turn is composed of
**   - The left handle.
**   - The screen, which in turn is composed of
**     - The header
**     - The center, which has the repeating background plus the
**       text.
**     - The footer
**   - The right handle.
** - A footer.  Since the CRT is composed entirely of floats, the
**   background image won't be shown unless there's some non-float
**   content somewhere.
**
*/
.crt
{
    clear: left;
    width: 765px;

    /*
    ** For the auxillary pages, we only need a bit of padding to
    ** separate the CRT from the buttons.
    */
    padding-top: 15px;
}

.crt img.handle
{
    /*
    ** We know we'll have a relatively tall screen, so we want to
    ** position the handles farther down than on the main page.
    */
    padding-top: 100px;
}

.crt div.screen
{
    width: 661px;
}

.crt div.screen div.header
{
    background-image: url("console-aux-crt-hdr.jpg");
}

.crt div.screen div.center
{
    min-height: 387px;
}

.crt div.screen div.footer
{
    background-image: url("console-aux-crt-ftr.jpg");
}


/*
**
** Definitions for the navigation area (the buttons)
**
*/
.nav-site
{
    width: 641px;          /* Firefox 2.x seems to want an extra px */
    padding-left: 62px;    /* (765px inside width - 640 px) / 2 */
    margin-top: -15px;
}


/*
**
** Definitions for the page footer, which contains the site logo.
**
*/
.page-footer div.site-logo
{
    position: absolute;
    background: url("console-site-logo.jpg") top left no-repeat;
    height: 111px;
    width:  686px;
    top:     55px;
    left:   110px;
}