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

    .tab.style-2 dl { 
	    display      : block; 
        margin       : 0; /* top gap of content -> margin-bottom: 0; */ 
        padding      : 0; 
        height       : 38px; 
        border-bottom: solid 1px #d9d9d9; 
    }
     
    .tab.style-2 dl dd { 
        display    : block; 
        width      : auto; 
        height     : 38px; 
        padding    : 0;
        margin-left: 4px; /* tabs distance */ 
        float      : left; 
    }
    
    .tab.style-2 dl dd:first-child { margin-left: 7px; }
    
    .tab.style-2 dl dd a {
        display        : block; 
        width          : auto; 
        height         : 37px; 
        padding        : 0 35px;
        line-height    : 38px; 
        border         : solid 1px #d9d9d9; 
        margin         : 0 -1px 0 0; 
        color          : #666; 
        background     : #fff; 
        text-decoration: none;
    }

    .tab.style-2 dl dd a:hover { color: #000; }
        
    .tab.style-2 dl dd a.active {
        margin-top  : -2px;
        background  : #fff; 
        border-width: 1px 1px 0 1px; 
        height      : 40px; 
        color       : #000;
    }
    
    .tab.style-2 > ul { 
        display      : block;
	    margin       : 0; 
        padding      : 20px; 
        background   : #fff;
        border-left  : solid 1px #d9d9d9;  
        border-right : solid 1px #d9d9d9;
        border-bottom: solid 1px #d9d9d9;
     }
    
    .tab.style-2 > ul li { display:none; }
    
    .tab.style-2 >ul li.active { display: block; }


    /* style-2 dark */
    .tab.style-2.dark dl dd a { 
        background: #535353;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUzNTM1MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ODQ4NDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  #535353 0%, #484848 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#535353), color-stop(100%,#484848));
        background: -webkit-linear-gradient(top,  #535353 0%,#484848 100%);
        background: -o-linear-gradient(top,  #535353 0%,#484848 100%);
        background: -ms-linear-gradient(top,  #535353 0%,#484848 100%);
        background: linear-gradient(top,  #535353 0%,#484848 100%);
        filter    : progid:DXImageTransform.Microsoft.gradient( startColorstr='#535353', endColorstr='#484848',GradientType=0 );
        color     : #b8b8b8;
    }
    
    .tab.style-2.dark dl dd a:hover  { 
        background: #464646;
        filter    : progid:DXImageTransform.Microsoft.gradient( startColorstr='#464646', endColorstr='#464646',GradientType=0 );
        color     : #fff; 
    }
        
    .tab.style-2.dark dl dd a.active { 
        background: #535353;
        filter    : progid:DXImageTransform.Microsoft.gradient( startColorstr='#535353', endColorstr='#535353',GradientType=0 ); 
        color     : #fff; 
    }
    
    .tab.style-2.dark > ul { 
        background: #535353;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUzNTM1MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ODQ4NDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  #535353 0%, #484848 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#535353), color-stop(100%,#484848));
        background: -webkit-linear-gradient(top,  #535353 0%,#484848 100%);
        background: -o-linear-gradient(top,  #535353 0%,#484848 100%);
        background: -ms-linear-gradient(top,  #535353 0%,#484848 100%);
        background: linear-gradient(top,  #535353 0%,#484848 100%);
        filter    : progid:DXImageTransform.Microsoft.gradient( startColorstr='#535353', endColorstr='#484848',GradientType=0 );
        color     : #fff; 
    }
  
    /* style-2 gradient */
    .tab.style-2.gradient dl dd a,
    .tab.style-2.gradient > ul {
        background: #ffffff;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY2ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  #ffffff 0%, #f5f6f5 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f6f5));
        background: -webkit-linear-gradient(top,  #ffffff 0%,#f5f6f5 100%);
        background: -o-linear-gradient(top,  #ffffff 0%,#f5f6f5 100%);
        background: -ms-linear-gradient(top,  #ffffff 0%,#f5f6f5 100%);
        background: linear-gradient(top,  #ffffff 0%,#f5f6f5 100%);
        filter    : progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f6f5',GradientType=0 );
    }
    
    .tab.style-2.gradient dl dd a:hover,
    .tab.style-2.gradient dl dd a.active { 
        background: #fff;
        filter    : progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); 
    }