﻿body {
    margin: 0px;
    padding: 0px;
}

#canvas
{
    width:100%;
}

.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%;}

.largeGutter{padding: 5px 0 0 250px;}
.largeGutter .sideHeading{position: absolute; left: 20px; border-top:1px solid #EEEEEE; width: 230px; }

.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;
    padding:0 8px;
    margin: 0px auto;
    background: url(../images/bordermain.gif) center top repeat-y;
    position: relative;
    z-index: 4;    
}

#zones{}

#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
{
background: url(../images/morrisbybg.jpg) top right no-repeat;
}

    #header
    {  
        padding: 0px 0px 0px 0px !important;  
        height:108px;  
    }
    
    #masthead
    {  
        padding: 3px 13px 0px 0px !important;    
        height: 63px;        
    }    
    

    #header-main{float:left;width: 842px; margin-right:-22px;height:108px;}
    #headerHolderPublicSite, #headerHolderMyMorrisby{padding:0 20px;position:relative;height:120px;width:940px;}
    
    .manager-header{}
    
    #header-logo
    {
        position:absolute;
        background: url(../images/MorrisbyLogo.png) left top no-repeat;   
        top:0;
        left:20px;
        height: 108px;
        width: 108px;
    }
    
        #header-logo a
        {
            width: 108px;
            height: 108px;
            display: inline-block;
        }    
    
        #header-logo a:hover
        {
            background: transparent !important;
        }      
          
    
    #header-login
    {
        position:absolute;
        top: 0px; right:30px;
        text-align: left;
    }
    

    
#zone_pagecontent
{
    /*background: url(../images/page-shadow-mid.png) center center repeat-y;*/
    position: relative;
    z-index: 98;    
    margin-top:0px;
}

    #pagecontent
    {
        padding: 0px 20px;
    }
    
    #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: 20px 20px 0px 20px;
    } 
    
    #pagecontent-body
    {
        background-color: White;
        margin: 0px 20px 0px 20px;   
        z-index: 4;
        _height: 200px;   
    }       
    
    
    #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
{
    background: url(../images/borderfooter.gif) center top no-repeat;
    margin: 0 auto;     
    z-index: 3;
    width:980px;
    padding: 16px 16px 0 16px;
}


    #footer
    {      
        position: relative;    
        padding: 5px 20px 10px 10px;     
        text-align:center;
    }
    
    #footer-inner
    {
        width: 960px;
        padding: 0px 0px 0px 0px;        
        margin: 0px;
        z-index: 300;        

    }
    
/* PAGE ELEMENTS */    


#breadcrumb
{
    border-bottom: 1px solid #2A368A;
    font-size: 0.9em;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

#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; 
}
