﻿body
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}


/* Outer container for the whole page */
.OuterContainer
{
    width: auto;    /* Not 100%? */
}


/* Inner container for the whole page */
.InnerContainer
{
    width: 880px;
    margin: 0px auto;                   /* For centering */
    padding-top: 8px;
}



#HeaderOuterContainer
{
    background: #ffffff;
    height: 25px;
    padding-top: 5px;
}

#HeaderInnerContainer
{
    height: 100%;
}

    .HeaderImage
    {
        margin: 0px; 
        float: right; 
        width: 670px; 
        height: 100px;
    }



#TitleOuterContainer
{
    height: 100px;
}

.TitleOuterContainer_Background
{
    background: url(../Images/page_header_t_crop.png) #374d62 repeat-x 0px 0px; 
}


#TitleInnerContainer
{
    height: 100%;
    padding-top: 0px;
}        



#MenuOuterContainer
{
    height: 51px;

    /* Menu Scenario 2 */
    background: url(../Images/Variations/Blue/page_header_img_b.png) repeat-x;
    
    /* Menu Scenario 1 */
    background: url(../Images/LoginBG_Image_bg.png) repeat-x;

    
    

    
    
}


#MenuInnerContainer
{
    height: 100%;
}




#ContentOuterContainer
{
    padding: 10px;
}


    .ContentOuterContainer_Background
    {
        
        
        /* Content Scenario 1 */
        background: url(../Images/LoginBG_Image_bg.png) repeat-x;
        background: url(../Images/bg.png) repeat-x;
        background: url(../Images/Enett_Register_Background_Fill.png) repeat-x;                

        /* Content Scenario 2 */
        background: url(../Images/variations/Blue/page_middle_t.png) #1c2f3f repeat-x 0px 0px;

        

    }


#ContentInnerContainer
{
    /*height: 100%;*/
}


    .ContentFrame_TopAndBottomShared
    {
        height: 10px;
    }
    .ContentFrame_BackgroundColour
    {
        background: #eceff0;
    }
    
    #ContentFrame_Middle
    {
        width: auto;
        padding-left: 15px;
        padding-right: 15px;
    }



.FooterLine
{
    background-image: url(../Images/bb_divider.png); 
    background-repeat: repeat-x; 
    background-position: 50% bottom; 
    clear: both;
    height: 15px;
    
    
    
    /* Footer Scenario 1 */
    display: block;
    
    /* Footer Scenario 2 */
    display: none;
    
    
    
    
                
    
}



#FooterOuterContainer
{
    padding: 10px;
    padding-bottom: 20px;
    
    
    /* Footer Scenario 1 */
    background: #ffffff;
    
    /* Footer Scenario 2 */
    background: #3a5167;
    border-top: #7a8087 1px solid;
    
    
}

#FooterInnerContainer
{
    /*height: 100%;*/
    
    
    /* Footer Scenario 1 */
    color: #808080;
    
    /* Footer Scenario 2 */
    color: #ffffff;
    
    
}