@CHARSET "UTF-8";

html,body {
    height: 100%;
    min-height: 100%;
}
body {
    background: url(../img/gui/body-bg.jpg) repeat-y #CCC top center;
    margin: 0 0;
    font-family: Trebuchet MS, sans-serif;
    font-size: 10pt;
}

a img {
    border-width: 0;
}

div.positioner {
    width: 892px;
    min-height: 100%;
    margin: 0 auto 0 auto;
    text-align: left;
}
    div.positioner > table {
        margin: 2em 0;
        width: 100%;
    }

td.breadcrumbs {
    padding: 1em 0 1em 4em;
    background: none transparent !important;
}
    td.breadcrumbs a {
        text-transform: uppercase;
        color: black;
        text-decoration: none;
    }
    td.breadcrumbs a:hover {
        color: #999;
    }
td.controls {
    background: none transparent !important;
}

td.page-header {
    background: url(../img/gui/thead.png) -32px 0px repeat-x transparent;
}
    td.page-header img.logo {
        margin: 0 auto;
        display: block;
    }
    td.page-header {
        padding: 1.5em 2em;
    }
        td.page-header ul.navigation {
            width: 100%;
            text-transform: uppercase;
            font-size: 12pt;
            color: white;
            
            list-style-type: none;
            margin: 0 0 0 4em;
            padding: 0;
        }
        td.page-header ul.navigation li {
            display: block;
            float: left;
            padding: 1em 0.5em;
        }
        td.page-header ul.navigation ul {
            background-color: black;
        }
        td.page-header ul.navigation a {
            color: white;
            text-decoration: none;
            padding: 0 0 0 1em;
            border-left: 1px solid white;
        }
            td.page-header ul.navigation a.no-border {
                border-width: 0 !important;
            }
            td.page-header ul.navigation a:first-child {
                border-left-width: 1px;
            }
            td.page-header ul.navigation a:hover {
                color: #999;
            }
        
        td.page-header ul.potato-menu-group {
            padding: 0;
            margin: 0 0 0 0px !important;
        }
            td.page-header ul.potato-menu-group li {
                width: 100%;
                padding: 0;
                border-top: 1px solid #CCC;
            }
            td.page-header ul.potato-menu-group a {
                display: block;
                border-left-width: 0 !important;
                text-transform: none;
                padding: 0.5em 1em;
            }
            td.page-header ul.potato-menu-group a:hover {
                background-color: #333;
                color: #FFF;
            }
    
    table.page-content {
        vertical-align: top;
        width: 100%;
    }
        table.page-content thead > tr td {
            /*white*/
            background: url(../img/gui/onecol-white-t.png) no-repeat top left transparent;
            height: 48px;
        }
                table.page-content thead table {
                    margin: 10px 0 0 0;
                    width: 100%;
                }
                table.page-content thead table td {
                    padding: 0 4em 0 4em;
                    height: auto;
                }
        table.page-content > tbody > tr > td {
            background: url(../img/gui/onecol-white-bg.png) repeat-y top left transparent;
            color: black;
            text-align: left;
            padding: 0 2em;
        }
        table.page-content tfoot td {
            background: url(../img/gui/onecol-white-b.png) no-repeat top left transparent;
            height: 31px;
        }

    td.page-footer {
        background: url(../img/gui/tfoot.png) -23px 0px repeat-x transparent;
        height: 138px;
    }
    td.page-footer p {
        font-size: 9pt;
        color: black;
        
        margin: 1.5em 2em;
    }

table.details {
    margin: 0 2em 2em 2em;
    width: auto;
}
    table.details h1 {
        font-size: 12pt;
        text-transform: uppercase;
        line-height: 2em;
    }
        table.details h1 a {
            color: black;
            text-decoration: none;
        }
    table.details h2 {
        font-size: 10pt;
        margin-top: 3em;
    }