/*
    Jumpeye framework    
	Version: 1.0.0
	www.jumpeye.com
	
	Created by Jumpeye Components
 
 
    Tab style-8
*/

    .tab.style-8 dl { 
	    display      : block; 
        margin       : 0; /* margin-bottom: 0; * top gap of content */
        padding      : 0; 
        height       : 35px; 
    }
     
    .tab.style-8 dl dd { 
        display    : block; 
        width      : auto; 
        height     : 35px; 
        padding    : 0;
        margin-left: 1px;  /* tabs distance */ 
        float      : left; 
    }
    
    .tab.style-8 dl dd:first-child { margin-left: 11px; } 

     
    .tab.style-8 dl dd a {
        display                        : block; 
        width                          : auto; 
        height                         : 34px; 
        padding                        : 0 44px; 
        line-height                    : 35px; 
        border                         : solid 1px #d9d9d9;
        margin                         : 0; 
        font-size                      : 13px;
        color                          : #000;
        text-decoration                : none;
        text-shadow                    : 0 1px 0 rgba(255, 255, 255, 0.68);
        box-shadow                     : 1px 0 0 0 #fff inset, -1px 0 0 0 #fff inset, 0 1px 0 0 #fff inset;
        -moz-box-shadow                : 1px 0 0 0 #fff inset, -1px 0 0 0 #fff inset, 0 1px 0 0 #fff inset;
        -webkit-box-shadow             : 1px 0 0 0 #fff inset, -1px 0 0 0 #fff inset, 0 1px 0 0 #fff inset;
        border-top-left-radius         : 4px; 
        -moz-border-radius-topleft     : 4px; 
        -webkit-border-top-right-radius: 4px;
        border-top-right-radius        : 4px; 
        -moz-border-radius-topright    : 4px; 
        -webkit-border-top-left-radius : 4px;            
    }
    
    .tab.style-8 dl dd a:hover { 
        background: #fff;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); 
    }
    
    .tab.style-8 dl dd a.active {
        margin-top         : 0;
        box-shadow         : 1px 0 0 0 #fff inset, -1px 0 0 0 #fff inset, 0 1px 0 0 #fff inset;
        -moz-box-shadow    : 1px 0 0 0 #fff inset, -1px 0 0 0 #fff inset, 0 1px 0 0 #fff inset;
        -webkit-box-shadow : 1px 0 0 0 #fff inset, -1px 0 0 0 #fff inset, 0 1px 0 0 #fff inset;
        border-width       : 1px 1px 0 1px; 
        height             : 35px; 
    }
    
    .tab.style-8 dl dd a,
    .tab.style-8 dl dd a.active {
        background         : #f6f6f6;
        background         : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background         : -moz-linear-gradient(top,  #f6f6f6 0%, #ffffff 100%);
        background         : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#ffffff));
        background         : -webkit-linear-gradient(top,  #f6f6f6 0%,#ffffff 100%);
        background         : -o-linear-gradient(top,  #f6f6f6 0%,#ffffff 100%);
        background         : -ms-linear-gradient(top,  #f6f6f6 0%,#ffffff 100%);
        background         : linear-gradient(top,  #f6f6f6 0%,#ffffff 100%);
        filter             : progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0 );
    }
        
    .tab.style-8 > ul { 
        display              : block;
        margin               : 0;
        padding              : 20px;
        border               : solid 1px #d9d9d9;  
        background           : #fff;
        font-size            : 12px;
        -moz-border-radius   : 6px; 
        -webkit-border-radius: 6px; 
        border-radius        : 6px; 
        box-shadow           : 0 2px 2px -2px rgba(0,0,0,0.25);  
        -moz-box-shadow      : 0 2px 2px -2px rgba(0,0,0,0.25); 
        -webkit-box-shadow   : 0 2px 2px -2px rgba(0,0,0,0.25);     
     }
    
    .tab.style-8 > ul li { display:none; }
    
    .tab.style-8 > ul li.active { display: block; }