﻿body {
    margin: 0px;
    font-family: Verdana, Arial;
    font-size: .9em;}

#HeaderWrapper {
    background: #6699CC;
    width: 100%;
    float: left;
    clear: both;
    border-bottom: 1px #003399 solid;}
    
    #Header {
        margin: 0px auto;
        width: 900px;}
        
        #HeaderLeft {
            float: left;
            clear: left;
            padding: 4px 0 4px 0;
            font-size: 1.4em;
            color: #FFFFFF;}
        
        #HeaderRight {
            float: right;
            clear: right;
            padding: 14px 0 2px 0;
            color: #E6E9EC;}
            
            #HeaderRight .Logo {
                border: 1px #000000 solid;
                background: #FFFFFF;}
            
#BodyWrapper {
    background: #FFFFFF;
    width: 100%;
    float: left;
    clear: both;}
    
    #Body {
        margin: 0px auto;
        width: 900px;}
        
        #BodyLeft {
            float: left;
            clear: left;
            width: 600px;}
        
            #BodyLeft .LeftColumn {
                width: 295px;
                padding: 5px 4px 5px 0;
                float: left;}
                
            #BodyLeft .RightColumn {
                width: 295px;
                padding: 5px 2px 5px 2px;
                float: right;}
    
                .TestLink {
                    border-bottom: 1px #D0D0D0 dotted;}
        
                    .TestLink a {
                        text-decoration: none;}
        
                .ColumnHeaderWrapper {
                    background: #FFFFFF;
                    border-bottom: 1px #909090 solid;
                    padding: 0 3px 0 3px;
                    font-size: 1.1em;
                    color: #909090;
                    float: left;
                    width: 289px;
                    margin-top: 5px;}
                    
                    .ColumnHeader_Left {
                        float: left;}
                        
                    .ColumnHeader_Right {
                        float: right;
                        padding: 3px 0 0 0;}
                    
                .ColumnBody {
                    background: #FFFFFF;
                    color: #303030;
                    padding: 0 3px 0 3px;
                    font-size: 1em;
                    margin-bottom: 5px;}
        
        #BodyRight {
            float: right;
            clear: right;
            width: 295px;
            padding: 5px 4px 5px 0;}

.ContentsTable {
    margin: 5px 0 5px 5px;
    border: 1px #003399 solid;}

.ContentsHeaderWrapper {
    background: #6699CC;
    padding: 2px;
    color: #FFFFFF;
    border-bottom: 1px #003399 solid;
    float: left;
    width: 284px;}

    .ContentsHeader_Left {
        float: left;}
        
    .ContentsHeader_Right {
        float: right;}

.ContentsBody {
    background: #E6E9EC;
    padding: 2px;
    color: #606060;}

#FooterWrapper {
    background: #FFFFFF;
    width: 100%;
    float: left;
    clear: both;
    padding: 3px 0 0 0;
    font-size: .9em;
    border-top: 1px #003399 solid;}
    
    #Footer {
        margin: 0px auto;
        width: 900px;
        font-size: .9em;
        color: #909090;}
        
        #FooterLeft {
            float: left;
            clear: left;}
        
            #FooterLeft a {
                padding: 0 3px 0 3px;}
        
        #FooterRight {
            float: right;
            clear: right;}

.AdminControls {
    float: left;
    font-size: 8px;
    width: 295px;}

    .AdminControls_Left {
        float: left;}

    .AdminControls_Right {
        float: right;}

    .AdminControls a {
        border-bottom: 1px #003399 solid;
        border-left: 1px #003399 solid;
        border-right: 1px #003399 solid;
        font-size: 11px;
        padding: 0 2px 0 2px;
        text-decoration: none;
        background: #E6E9EC;
        color: #003399;}
    
    .AdminControls a:hover {
        background: #FFFFAA;
        color: #003399;}

#Admin {
    font-size: .9em;
    padding: 2px;
    text-align: center;}

    #Admin a {
        color: #003399;
        border: 1px #003399 solid;
        text-decoration: none;
        padding: 0 2px 0 2px;
        background: #E6E9EC;
        font-size: 11px;}
    
    #Admin a:hover {
        color: #003399;
        border: 1px #003399 solid;
        text-decoration: none;
        padding: 0 2px 0 2px;
        background: #FFFFAA;}

.PopUpTextbox {
    border: 1px #FF6600 solid;
    background: #FFEEDD;}

.PopUpWindow_hidden {
    display: none;}
    
.PopUpWindow_visible {
    position: absolute;
    width: 300px;
    left: 50%;
    top: 100px;
    margin-left: -170px;
    background: #FFCC99;
    border: 2px #FF6600 solid;
    color: #606060;
    font-size: 14px;
    font-weight: bold;}

    .PopUpHeaderWrapper {
        background: #FF6600;
        color: #FFFFFF;
        padding: 2px;
        float: left;
        width: 296px;}
        
        .PopUpHeader_Left {
            float: left;}
            
        .PopUpHeader_Right {
            float: right;}

            .PopUpHeader_Right a {
                border: 1px #FFFFFF solid;
                padding: 0 3px 0 3px;
                color: #FFFFFF;
                text-decoration: none;}
                
            .PopUpHeader_Right a:hover {
                color: #3366CC;
                border: 1px #3366CC solid;}

    .PopUpBody {
        padding: 10px;}

.PopUpField_Hidden {
    display: none;}

.PopUpField_Displayed {
    }

a {
    color: #003399;}

a.AdminLink {
    color: #FF0000;
    border: 1px #FF0000 solid;
    text-decoration: none;
    padding: 0 2px 0 2px;
    background: #FFDDDD;
    font-size: 11px;}

a.AdminLink:hover {
    background: #FFBBBB;
    color: #FF0000;}

a:hover {
    color: #6699CC;}