﻿body {
    margin: 0px;
    padding: 0px;
}

#canvas
{
    width:100%;
    background: #ddd url(../images/page-watermark.png) center top no-repeat;    
}

.c1,c2,c3,c4,c5,c6,c7,c8,c9{float: left !important;}

.left{float: left !important; }
.right{float: right !important;}

.twocol-left{float: left; width: 75%; }
.twocol-right{float: right; width: 25%;}

.gutter-left{padding-left: 25px !important;}
.gutter-right{padding-right: 25px !important;}

.half-gutter-left{padding-left: 13px;}
.half-gutter-right{padding-right: 12px;}

.thin-gutter-left{padding-left: 5px;}
.thin-gutter-right{padding-right: 5px;}

.width05{width: 05%  !important}
.width10{width: 10%  !important}
.width15{width: 15%  !important}
.width20{width: 20%  !important}
.width25{width: 25%  !important}
.width30{width: 30%  !important}
.width35{width: 35%  !important}
.width40{width: 40%  !important}
.width45{width: 45%  !important}
.width50{width: 50%  !important}
.width55{width: 55%  !important}
.width60{width: 60%  !important}
.width65{width: 65%  !important}
.width70{width: 70%  !important}
.width75{width: 75%  !important}
.width80{width: 80%  !important}
.width85{width: 85%  !important}
.width90{width: 90%  !important}
.width95{width: 95%  !important}

.width33{width: 33%  !important}
.width66{width: 66%  !important}

.fullwidth{width: 100% !important}
.fullwidthfield{width: 95% !important;}

#page
{
    width: 980px;
    margin: 0px auto;
    background: #fff url(../images/columnheader-fade50.png) bottom center repeat-x;     
    position: relative;
    z-index: 4;    
}

#statusbar
{
    background: url(../images/page-shadow-bottom.png) center bottom no-repeat;
}

    #compatability_warning
    {
        color: #D0464D;
        width: 100%;
        padding: 5px 10px 5px 10px;
        margin: 0px auto;    
        background: #fff url(../images/columnheader-fade50.png) bottom center repeat-x;               
    }

#zone_header
{

}

    #header
    {  
        padding: 10px 0px 0px 0px !important;    
    }
    
    #masthead
    {  
        padding: 0px 20px 5px 20px !important;    
        height: 60px;        
    }    
    
    #header-logo
    {
        float: left;
        background: url(../images/morrisby-orig-wide.gif) left top no-repeat;   
        height: 45px;
    }
    
        #header-logo a
        {
            width: 300px;
            height: 30px;
        }    
    
        #header-logo a:hover
        {
            background: transparent !important;
        }      
          
    #header-strapline
    {
        float: left;
        text-align: left;
    }    
    
    #header-login
    {
        float: left;
        text-align: left;
    }
    
#zone_pagetop
{
    background: url(../images/page-shadow-mid.png) center center repeat-y;
    position: relative;
    z-index: 99;
}

    #pagetop
    {
        margin: 0px auto;   
    }
    
        #navigation_tier1
        {
            padding: 10px 0px 0px 0px;        
            height: 2.5em;
            overflow: hidden;
        }
        
    
        #navigation_tier2
        {   
            background: white /*url(../images/columnheader-fade50.png) center bottom repeat-x*/;         
            overflow: hidden;
        }        

        #navigation_tier2 .wrapper
        {
            padding: 0px 0px 0px 0px;        
            
        }        
    
#zone_pagecontent
{
    /*background: url(../images/page-shadow-mid.png) center center repeat-y;*/
    position: relative;
    z-index: 98;    
}

    #pagecontent
    {
        color: #444;
        padding: 0px;
    }
    
    #pagecontent-heading
    {
        border-left: 0px solid #eee;        
        border-top: 1px solid #fff;        
        border-right: 0px solid #eee;                                
        border-bottom: 1px solid #fff;     
        background-color: #fff;  
        position: relative;        
        z-index: 6;          
    }      
    
    #Page-Intro
    {
        padding: 0px 20px;
    } 
    
    #pagecontent-body
    {
        padding: 20px 20px 0px 20px;   
        /*
        background: url(../images/watermarks/page/default.jpg) left top repeat-x;    
        min-height: 400px;
        _height: 400px;    
        */
        /*background: url(../images/watermarks/page/watermark-bottom.gif) left top repeat-x;*/
        background-color: #fff;
        z-index: 4;
        _height: 200px;   
    }       
    
    body.MyMorrisby #pagecontent-body
    {
        background: url(../images/watermarks/page/my-morrisby-default.jpg) left top repeat-x;     
    }
    
    body.Prefinio #pagecontent-body
    {
        background: url(../images/watermarks/page/morrisby-default.jpg) left top repeat-x;     
    }    
    
    #page-heading #banner
    { 
        overflow: hidden;
        border-bottom: 1px solid #888;
    }    
    
    #page-heading #banner-content
    { 
        border-bottom: 1px solid #fff;
    }        
    
    #page-heading #background  
    {
        display: none;    
    }
    
    #page-heading #banner-text
    { 
        height: 300px;
        _height: 300px;  
        /*background: url(../images/watermarks/page/text-static.png) left center no-repeat;      */
    }      

    #page-heading .divider
    {
        background: transparent url(../images/watermarks/page/watermark-bottom.png) left bottom repeat-x;   
        height: 22px;    
    }         
    
    #page-heading #banner-links
    {   
        width: 980px;
        z-index: 999;              
        position: relative;     
    }
    
    #page-heading #banner-links .sectionNav
    {   
        border-bottom: 1px solid #888;    
        background: url(../images/columnheader-fade50.png) center top repeat-x;         
    }    
    
    #page-heading #banner-links .pointer
    {
        position: absolute;
        z-index: 999;
    }  
    
    li#backToTop
    {
        display: none;
    }      
      
#zone_pagebottom
{
    background: url(../images/page-shadow-bottom.png) center bottom no-repeat;
}

    #pagebottom
    {
        color: #444;
        padding: 10px 20px 10px 20px;
        margin-top: 10px;    
        border-top: 1px solid #eee;
        line-height: 2em;
    }

#zone_footer
{
    margin: -60px 0 0 0;     
    position: absolute;
    z-index: 3;                 
}

    #footer-grad
    {
        padding: 0px;
        margin: 0px;        
        /*background: #fff url(../images/page-bottom.gif) bottom center repeat-x;    */
        width: 100%;
        height: 0px;
    }

    #footer
    {      
        position: relative;    
        padding: 80px 20px 20px 20px;
        /*background: #ccc url(../images/columnheader-fade25-top.png) top center repeat-x;       */
        background: #ccc url(../images/footer-reflection.png) center 60px no-repeat;         
        min-height: 300px;
        _height: 300px;
        
    }
    
    #footer-inner
    {
        width: 960px;
        padding: 0px 0px 0px 0px;        
        margin: 0px auto;
        position: relative;
        z-index: 300;        

    }
    
/* PAGE ELEMENTS */    
.primaryNav
{
    margin:0px;
    position: relative;
    margin-bottom: -1px;
    height: 2.5em;
    background: #6D6D6D /*url(../images/columnheader-fade.png) left bottom repeat-x*/;
    border-top: 1px solid #585858;
    border-bottom: 1px solid #585858;          
    padding: 0 10px 0 10px;       
}

#breadcrumb
{
    border-bottom: 1px solid #2A368A;
    font-size: 0.9em;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

#loggedIn
{
    margin-top: 15px;
}

#versionInfo
{
    padding: 0;
    font-size: 0.8em;     
    color: #444;
}

#RegistrationExpander
{ 
    position: absolute;
    z-index: 100000;
    display: none;
    width: 980px;    
}    


#RegistrationExpander #Register
{ 
    padding: 20px;
    height: 281px !important;
    overflow: hidden;
}    

#RegistrationExpander #RegisterRollup p
{
    padding: 10px;
    margin: 0px;
    color: #fff;
    background: #888;
    width: 60px; 
}