body
{

    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #333333;
}

.pageContainer
{
    /* I don't know why, but this invisible
       border prevents floating overlaps...*/

    width: 850px;
    height: auto;
    margin: auto;
    padding: 0;
    text-align: left;
    overflow: hidden;

    page-break-inside: always;
}

.fixed_block
{
    width: 850px;
    height: 100px;
    overflow: hidden;
}

a:hover, a:active
{
    color: #CC9900;
    text-decoration: underline;
}

em
{
    color: #CC9900;
}

p
{
    margin-top: 2px;
}

h2
{
    font-weight: bold;
    margin: 0;
    padding: 0;
}

table
{
   width: 100%;
}

table.directory
{
    width: 750px;
    margin: 20px auto;
    vertical-align: top;
    text-align: left;
    color: #666666;
}

table.wide_table
{
    clear: both;
    width: 100%;
    margin: 2px auto;
    vertical-align: top;
    border-collapse: collapse;
}

table.wide_table th
{
    text-align: right;
    vertical-align: bottom;
    color: #666666;

    width: 100px;
}

table.wide_table td.line_header
{
    width: 160px;
    text-align: left;
    font-weight: normal;
    color: #000000;
}

table.wide_table td
{
    text-align: right;
    color: black;
    width: 90px;
}

.highlight
{
    background-color: #f8fafb;
}

.directory th
{
    font-weight: bold;
    padding-bottom: 10px;
}

.column_left
{
    float: left;
    width: 430px;
    padding: 0;

    text-align: left;
}

.column_right
{
    float: right;
    width: 430px;
    padding-right: 2px;

    text-align: right;
}

.data
{
    color: black;
    text-align: right;
    font-weight: normal;
}

.performance
{
    width: 100%;
    table-layout: fixed;
    text-align: center;
}

.performance th
{
    text-align: center;
    font-weight: bold;
    padding: 2px;
}

.stats_box
{
    border-collapse: collapse; 
    float: left; 
    width: 30%;
    margin: 10px;
}