/*
    Tab style-9
*/

    .tab.style-9 dl { 
	    display      : block; 
        margin       : 0 0 0 4px; /* margin-bottom: 0; * top gap of content */
        padding      : 0; 
        height       : 39px; 
        border-bottom: 0px solid #b4b4b4;
    }
     
    .tab.style-9 dl dd { 
        display    : block; 
        width      : auto; 
        height     : 36px; 
        padding    : 0 0 0 15px;
        margin-left: 0px;  /* tabs distance */ 
        float      : left; 
    }
    
    .tab.style-9 dl dd:first-child { margin-left: 8px; } 
        
    .tab.style-9 dl dd a {
        display                        : block; 
        width                          : auto; 
        height                         : 38px; 
        margin                         : 0 5px 0 0;
        padding                        : 0 40px; 
        line-height                    : 39px; 
        border                         : none;
        font-size                      : 18px;
        color                          : #FFF;
        text-decoration                : none;
        text-shadow                    : 0 1px 0 rgba(0, 0, 0, 0.68);
        background: #7F4099;
        background: -moz-linear-gradient(top,  #7F4099 5%, #004060 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#7F4099), color-stop(100%,#004060));
        background: -webkit-linear-gradient(top,  #7F4099 5%,#004060 100%);
        background: -o-linear-gradient(top,  #7F4099 5%,#004060 100%);
        background: -ms-linear-gradient(top,  #7F4099 5%,#004060 100%);
        background: linear-gradient(to bottom,  #7F4099 5%,#004060 100%);
        filter    : progid:DXImageTransform.Microsoft.gradient( startColorstr='#7F4099', endColorstr='#004060',GradientType=0 );
        border-top-left-radius         : 11px; 
        -moz-border-radius-topleft     : 11px; 
        -webkit-border-top-right-radius: 11px;
        border-top-right-radius        : 11px; 
        -moz-border-radius-topright    : 11px; 
        -webkit-border-top-left-radius : 11px;        
				font-weight: bold;
    }
    
    .tab.style-9 dl dd a:hover { background: #1EAAC9; }
        
    .tab.style-9 dl dd a.active {
        margin-top         : 0;
        background         : #FBFDFE;
        border-width       : 1px 1px 0 1px; 
        height             : 39px;
        color              : #1EAAC9;  
        text-shadow    : 0 1px 0 rgba(255, 255, 255, 0.68);
        border-top: 1px solid #b4b4b4;
        border-left: 1px solid #b4b4b4;
        border-right: 1px solid #b4b4b4;
}
    
    .tab.style-9 > ul { 
        display              : block;
        margin               : 0;
        padding              : 20px 20px 10px 20px;
        border               : solid 1px #b4b4b4;  
        background           : #FCFEFF;
        background           : -moz-linear-gradient(top, #FCFEFF 0%, #D2E0E1 100%);
        background           : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#DAE5E7), color-stop(100%,#D2E0E1));
        background           : -webkit-linear-gradient(top, #FCFEFF 0%,#D2E0E1 100%);
        background           : -o-linear-gradient(top, #FCFEFF 0%,#D2E0E1 100%);
        background           : -ms-linear-gradient(top, #FCFEFF 0%,#D2E0E1 100%);
        background           : linear-gradient(top, #FCFEFF 0%,#D2E0E1 100%);
        filter               : progid:DXImageTransform.Microsoft.gradient( startColorstr='#FCFEFF', endColorstr='#D2E0E1',GradientType=0 );
        box-shadow           : 0 2px 0px -1px rgba(0,0,0,0.14), 0 4px 0px -2px rgba(0,0,0,0.08);  
        -moz-box-shadow      : 0 2px 0px -1px rgba(0,0,0,0.14), 0 4px 0px -2px rgba(0,0,0,0.08);
        -webkit-box-shadow   : 0 2px 0px -1px rgba(0,0,0,0.14), 0 4px 0px -2px rgba(0,0,0,0.08);  
        -moz-border-radius   : 11px; 
        -webkit-border-radius: 11px;
        border-radius        : 11px;         
     }
    
    .tab.style-9 > ul li { display:none; }
    .tab.style-9 > ul li.active { display: block; }