/* --------------------------------------------------------------------------------------- Tabs --- */
.tabs ul {            
    border-bottom: 1px solid #ccc;
    list-style: none;
    margin: 0;
    padding: 0 0 28px 10px;
}
.tabs ul li {
    background: #f0f0f0;
    border: 1px solid #ccc;
    /* Non-standard CSS */           
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-topright: 7px;
    -webkit-border-top-left-radius: 7px;
    -webkit-border-top-right-radius: 7px;
    /* |-- End --| */
    float: left;
    height: 25px;
    margin: 2px 2px 0 2px;
}
.tabs ul li.selected {
    background-color: transparent;
    border-bottom: 1px solid white;
    padding: 0;
}      
.tabs ul li a {
    display: block;
    float: left;
    margin: 0;
    padding: 5px 10px;
    text-decoration:none;
}
    .msie6 .tabs ul li a { 
        padding-top: 0;   
    }
.tabs ul li.selected a {
    background: none;
}

/* These tab styles are used where the tab content fills most of the page */    
.tabs.page ul li {
    background-color:#ddd;
}
.tabs.page ul li.selected {
    background-color: #f1f0f1;
    border-bottom: 1px solid #f1f0f1;
    padding: 0;
}
.tabs.page ul li:hover {
    background-color: #f1f0f1;
}
.tabs.page {
    clear:both;
    display:block;
}        
            
/* --------------------------------------------------------------------------------------- Sections --- */
.section {
    display: none;
}
.section.selected {
    background: none;
    color: #393939 !important;
    display: block;            
}