/* CSS for page with three tabs and content in quadrants, begun 10-30-2013.
    Relies on "tabbedContent620.css" and "tabbedContent340.css" for pages with widths 620 and 340, respectively */
body
{  
    background-color:#e3dede;
    font-family:arial,verdana,sans-serif;
    font-size:12px;  
}

.MainContent #taxZbox 
{  
    margin:0;  
    width:620px;
    background-color:#ffffff;
    border-radius:3px;
    padding:45px 05px 40px 05px;
    font-family:Arial, helvetica, sans-serif;
}

.MainContent #taxZbox .tabbedZarea
{  
    border:2px solid #52555a;
    background-color:#ffffff;  
    padding:0;
    margin:0;
    width:auto;
    height:auto;  /* 'auto' is required so jQuery can attach computer height */    
} 

/* ........... Tabs */
.MainContent #taxZbox ul.tabs
{  
    margin:0;
    padding:0px;
}

.MainContent #taxZbox ul.tabs li
{  
    list-style:none;  
    display:inline-block; 
    *display:block;
    width:205px;  /* Dimensions must match ul.tabs li a below */
    width:205px\9;
    *width:203px;
    height:33px;
    text-align:center;
    line-height:1.2;
    background-color:#52555a;
    border:0px;
}

    .MainContent #taxZbox ul.tabs li:nth-child(2) /* Also has ID tabZ2 */
    {   
        width:193px;
        border-right:1px solid #ffffff;
    }

    .MainContent #taxZbox ul.tabs li a
    {
        color:#ffffff;
        display:inline-block;
        text-decoration:none;  
        font-size:25px;
        font-weight:bold;  
        text-transform:uppercase;
       width:207px;
              
        *width:205px;
        height:33px;
        
        margin-bottom:10px;
     
    }

    .MainContent #taxZbox ul.tabs li a.active
    {  
        background-color:#ffffff;  
        color:#52555a;
        border-color:#ffffff;
        background:#ffffff url('../images/tabs-arrow.png') center 28px no-repeat;
        height:45px;
    }  

/* ............ Content */
.MainContent #taxZbox .content
{  
    background-color:#ffffff;  
    padding:0px;
}

.MainContent #taxZbox #contentZ2, .MainContent #taxZbox #contentZ3
{
	display:none;
}  

.MainContent #taxZbox .contentZcontainer
{
    width:481px; /* Width of #tabbedZbox minus padding */
    margin:auto;
    padding-top:35px;
}

    .MainContent #taxZbox .contentZcontainerZ
    {
        width:220px; /* change with changes in padding */
        height:auto;
    }

    .MainContent #taxZbox .contentZcontainerZa
    {
        border-right:1px solid #3e5057;
        border-bottom:1px solid #3e5057;
        padding:0px 20px 0 0;
        margin-top:35px;
        float:left;
    }
    .MainContent #taxZbox .contentZcontainerZb
    {
        border-bottom:1px solid #3e5057;
        padding:0 0 0 20px;
        margin-top:35px;
        float:left;
    }
    .MainContent #taxZbox .contentZcontainerZc
    {
        clear:both;
        border-right:1px solid #3e5057;
        padding:20px 20px 0 0;
        float:left;
    }
    .MainContent #taxZbox .contentZcontainerZd
    {
        padding:20px 0 0 20px;
        float:left;
    }

.MainContent #taxZbox h2
{
    font-family:arial,verdana,sans-serif;
    font-weight:normal;
    font-size:30px;
    margin-bottom:35px;
}

.MainContent #taxZbox a, .MainContent #taxZbox a:active, .MainContent #taxZbox a:visited, .MainContent #taxZbox a:hover
{
    text-decoration:none;
    color:#006fba;
}

.MainContent #taxZbox p
{
    padding:0 0 5px 0;
}

.MainContent #taxZbox .tabsZbold /* Heading-type text within the quadrants */
{
    font-size:18px;
    font-size:16px\9; /* Needed to reduce height of bold text under "Promote" tab */
    *letter-spacing:-1px; /* ditto */
    font-weight:bold;
    line-height:20px;
    margin-top:8px;
}
#taxZbox ul li
{
background:none;
padding:0px;
margin:0px;
line-height:1.2;


}
 a {
     _noFocusLine: expression(this.hideFocus=true); 
     border:0
     outline:0;
     outline:none;
}
