@CHARSET "UTF-8";

div.rotator {
    position: relative;
    
    border: 1px solid black;
    width: 502px;
    height: 242px;
}
    div.rotator div.wrapper {
        position: absolute;
        top: 0;
        left: 0;
        display: none;
    }
    div.rotator div.ph,
    div.rotator img {
        position: absolute;
        top: 0;
        left: 0;
        
        width: 500px;
        height: 240px;
    }
    div.rotator div.caption {
        position: absolute;
        bottom: 0.5em;
        right: 0.5em;
        font-size: 14pt;
        color: white;
    }
    table.panels td.headlines {
        vertical-align: top;
        padding-right: 8px;
    }
        table.panels td.headlines table {
            width: 335px;
            margin: 1em 0 2em 0;
        }
        table.panels td.headlines thead td {
            background: url(../img/gui/headlines-t.png) no-repeat top left transparent;
            height: 29px;
        }
        table.panels td.headlines tbody td {
            background: url(../img/gui/headlines-bg.png) repeat-y top left transparent;
            height: 300px;
            padding: 0 1.5em;
            
            color: white;
            
            vertical-align: top;
        }
            table.panels td.headlines tbody td h1 {
                font-size: 12pt;
                font-weight: normal;
                text-transform: uppercase;
                margin: 0 0 -1.2em 0;
            }
            table.panels td.headlines tbody td h2 {
                font-size: 10pt;
                font-weight: normal;
                
                border-top: 1px solid white;
                margin: 1.8em 0 0 0;
                padding: 1.5em 0 0 0;
                
            }
            table.panels td.headlines tbody td p {
                font-size: 8pt;
                margin: 0;
            }
            table.panels td.headlines tbody td a {
                color: white;
                text-decoration: none;
            }
            table.panels td.headlines tbody td a:hover {
                text-decoration: underline;
            }
        table.panels td.headlines tfoot td {
            background: url(../img/gui/headlines-b.png) no-repeat top left transparent;
            height: 29px;
        }

    table.panels td.content {
        vertical-align: top;
        text-align: right;
    }
        table.panels td.content table {
            width: 549px;
            margin: 1em 0 2em 0;
        }
        table.panels td.content thead td {
            background: url(../img/gui/content-t.png) no-repeat top left transparent;
            height: 30px;
        }
        table.panels td.content tbody td {
            background: url(../img/gui/content-bg.png) repeat-y top left transparent;
            padding: 0em 1.5em 1em 1.5em;
            color: white;
            text-align: left;
        }
            table.panels td.content tbody td h1 {
                font-size: 18pt;
                font-weight: normal;
                margin: 0;
            }
            table.panels td.content tbody td h2 {
                font-size: 11pt;
                font-weight: normal;
                
                border-top: 1px solid white;
                margin: 1.8em 0 0 0;
                padding: 1.5em 0 0 0;
                
            }
            table.panels td.content tbody td p {
                font-size: 10pt;
            }
            table.panels td.content tbody td div.ph {
            }
        table.panels td.content tfoot td {
            background: url(../img/gui/content-b.png) no-repeat top left transparent;
            height: 30px;
        }