/*  */

@charset "utf-8";
/* CSS Document */

/*//////////////////////////////////
    COMMON
//////////////////////////////////*/

    body {
        background-color:#173A3C; background-image:url("bg-page.jpg"); /* .jpg */ background-position:0 0; background-repeat:repeat-x;
    }
    #wrapper {
        width:934px; border:1px solid #717576; background-color:#fff; margin:12px auto;
    }
        #header {
            width:100%; background-color:#006666;
        }
        
        
/*//////////////////////////////////
    HEADER
//////////////////////////////////*/

    .logoBlock {
        float:left; width:270px;
    }
    
    .header-logonForm {
        float:right; width:395px;
    }
        .header-logonForm h2 {
            padding:4px; margin:0; font-size:110%; font-weight:normal;
        }
        .header-logonForm .form-row {
            text-align:right; font-size:75%; padding:0 20px 8px 0;
        }
            .header-logonForm .form-row .input-text,
            .header-logonForm .form-row .input-submit {
                width:88px;
            }
            .header-logonForm .form-row .input-submit {
                margin-right:25px;
            }
            
    .logOut .header-logonForm {
        float:right; width:190px;
    }
    
    .logIn {
        background-image:url("headerPattern-login.gif"); /* .gif */ background-position:100% 0;
    }
    .logOut {
        background-image:url("headerPattern-logout.gif"); /* .gif */ background-position:100% 0;
    }
    
    
/*//////////////////////////////////
    HOME/LANDING
//////////////////////////////////*/
    
    .startup-promo {
        height:0px; background-color:#48234A; color:#fff; text-align:center; padding:0; display:none;
    }
        .startup-promo h4 {
            padding:5px 20px 2px 20px; text-align:center; font-size:90%;
        }
    .home #main {
        background-image:url("bg-HomeMain.gif"); /* .gif */ 
    }
    .landing #main {
        padding-left:10px;
    }
    
    .feature-noflash {
            background-color:#ccc; color:#555; padding:60px 12px; text-align:center; font-size:80%; margin-top:10px;
        }
            .feature-noflash a,
            .feature-noflash a:visited {
                color:#CC0066; font-weight:bold;
            }
    
    .home .rows {
        padding-left:10px;
    }
    
    
/*//////////////////////////////////
    
    LH NAV
    
//////////////////////////////////*/
    #divSubNavGroup {
        
    }
    #divSubNavGroup {
        width:200px; float:left; position:relative;
    }
        #divSubNavGroup h2 {
            color:#fff; font-weight:normal; /* font-size:100%; margin:0;  padding:6px 10px;  border-bottom:1px solid #D78B33; */
        }
    
/*//////////////////////////////////
    
    CONTENT
//////////////////////////////////*/
    .body-content {
        padding:10px;
    }
        
    #divPageInfo {
        background-image:url("BG-dkpurple-fade.jpg"); /* .jpg */ background-repeat:repeat-x; background-color:#773D7A; position:relative; margin:0 0 10px 0;
    }
        #divPageInfo h1 {
            color:#fff; border-bottom:1px solid #4C1D51; margin:0; padding:9px 6px; font-size:140%; font-weight:normal;
        }
        /*#divPageInfo*/ #divBreadcrumb {
            border-top:1px solid #93649A; font-size:75%;
        }
                    
            
    .main-group {
        
    }
        .main-center {
            margin:0 0 0 210px; 
        }
        .nested-center {
            margin:0; 
        }
        .main-center-w-sidebar {
            margin:0 190px 0 210px; z-index:2; 
        }
        .nested-center-w-sidebar {
            margin:0 190px 0 0;
        }
            .content-offset {
                padding:6px; 
            }
                .content-offset p {
                    margin:0 0 8px 0; 
                }
        .main-sidebar {
            width:180px; float:right;
        }
    .text-size-content {
        font-size:80%;
    }
    
    #frame_app_data {
        width:100%; border:0;
    }
    
    
    
/*//////////////////////////////////
    FOOTER
//////////////////////////////////*/
    
    #footer {
        text-align:center; background-image:url("bg-footer-slice.jpg"); /* .jpg */ padding:10px; font-size:75%; color:#fff;
    }    
        #footer a {
            color:#fff; font-weight:normal;
        }
        #footer .footer-info {
            margin-bottom:0;
            text-align:center;
        }