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

    .tab.style-7 dl { 
	    display      : block; 
        margin       : 0; /* margin-bottom: 0;  top gap of content*/
        padding      : 0; 
        height       : 45px; 
    }
     
    .tab.style-7 dl dd,
    .tab.style-7 dl dd a {
        display                        : block;
        border-top-left-radius         : 7px; 
        -moz-border-radius-topleft     : 7px; 
        -webkit-border-top-right-radius: 7px;
        border-top-right-radius        : 7px; 
        -moz-border-radius-topright    : 7px; 
        -webkit-border-top-left-radius : 7px;         
    }
    
    .tab.style-7 dl dd {
        width      : auto; 
        height     : 45px; 
        padding    : 0; 
        margin-left: 3px; /* tabs distance */
        float      : left; 
        background : url(../../assets/ui/tabs/style-007/texture.png); 
    }
    
    .tab.style-7 dl dd:first-child { margin-left: 15px; }
    
    .tab.style-7 dl dd a {
        margin                         : 0 -1px 0 0;
        padding                        : 0 50px;
        width                          : auto; 
        height                         : 44px; 
        background                     : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIwLjYiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjYiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==), url(../../assets/ui/tabs/style-007/texture.png);
        background                     : -moz-linear-gradient(top,  rgba(51,51,51,0.6) 0%, rgba(0,0,0,0.6) 100%);
        background                     : -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,51,51,0.6)), color-stop(100%,rgba(0,0,0,0.6)));
        background                     : -webkit-linear-gradient(top,  rgba(51,51,51,0.6) 0%,rgba(0,0,0,0.6) 100%);
        background                     : -o-linear-gradient(top,  rgba(51,51,51,0.6) 0%,rgba(0,0,0,0.6) 100%);
        background                     : -ms-linear-gradient(top,  rgba(51,51,51,0.6) 0%,rgba(0,0,0,0.6) 100%);
        background                     : linear-gradient(top,  rgba(51,51,51,0.6) 0%,rgba(0,0,0,0.6) 100%);
        filter                         : progid:DXImageTransform.Microsoft.gradient( startColorstr='#99333333', endColorstr='#99000000',GradientType=0 );
        border                         : solid 1px #585859; 
        color                          : #fff;
        font-size                      : 16px;
        line-height                    : 45px;         
        text-decoration                : none;
        text-shadow                    : 0 -1px 0 rgba(0, 0, 0, 0.8);
    }
 
    .tab.style-7 dl dd a:hover { 
        color      : #fff;
        background : rgba(255,255,255,0.05); 
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8)
    }
        
    .tab.style-7 dl dd a.active {
        margin-top  : 0;
        background  : url(../../assets/ui/tabs/style-007/texture.png); 
        background  : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIwLjYiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIwLjYiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==), url(../../assets/ui/tabs/style-007/texture.png);
        background  : -moz-linear-gradient(top,  rgba(51,51,51,0.6) 0%, rgba(51,51,51,0.6) 100%), url(../../assets/ui/tabs/style-007/texture.png);
        background  : -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,51,51,0.6)), color-stop(100%,rgba(51,51,51,0.6))), url(../../assets/ui/tabs/style-007/texture.png);
        background  : -webkit-linear-gradient(top,  rgba(51,51,51,0.6) 0%,rgba(51,51,51,0.6) 100%), url(../../assets/ui/tabs/style-007/texture.png);
        background  : -o-linear-gradient(top,  rgba(51,51,51,0.6) 0%,rgba(51,51,51,0.6) 100%), url(../../assets/ui/tabs/style-007/texture.png);
        background  : -ms-linear-gradient(top,  rgba(51,51,51,0.6) 0%,rgba(51,51,51,0.6) 100%), url(../../assets/ui/tabs/style-007/texture.png);
        background  : linear-gradient(top,  rgba(51,51,51,0.6) 0%,rgba(51,51,51,0.6) 100%), url(../../assets/ui/tabs/style-007/texture.png);
        filter      : progid:DXImageTransform.Microsoft.gradient( startColorstr='#99333333', endColorstr='#99333333',GradientType=0 ), url(../../assets/ui/tabs/style-007/texture.png);
        border-width: 1px 1px 0 1px;
        height      : 45px; 
        color       : #fff;
        text-shadow : 0 -1px 0 rgba(0, 0, 0, 0.8);
    }
    
    .tab.style-7 > ul { 
        display              : block;
        margin               : 0; 
        padding              : 20px;
        background           : url(../../assets/ui/tabs/style-007/texture.png);
        background           : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIwLjYiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjYiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==), url(../../assets/ui/tabs/style-007/texture.png);
        background           : -moz-linear-gradient(top,  rgba(51,51,51,0.6) 0%, rgba(0,0,0,0.6) 100%), url(../../assets/ui/tabs/style-007/texture.png);
        background           : -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,51,51,0.6)), color-stop(100%,rgba(0,0,0,0.6))), url(../../assets/ui/tabs/style-007/texture.png);
        background           : -webkit-linear-gradient(top,  rgba(51,51,51,0.6) 0%,rgba(0,0,0,0.6) 100%), url(../../assets/ui/tabs/style-007/texture.png);
        background           : -o-linear-gradient(top,  rgba(51,51,51,0.6) 0%,rgba(0,0,0,0.6) 100%), url(../../assets/ui/tabs/style-007/texture.png);
        background           : -ms-linear-gradient(top,  rgba(51,51,51,0.6) 0%,rgba(0,0,0,0.6) 100%), url(../../assets/ui/tabs/style-007/texture.png);
        background           : linear-gradient(top,  rgba(51,51,51,0.6) 0%,rgba(0,0,0,0.6) 100%), url(../../assets/ui/tabs/style-007/texture.png);
        filter               : progid:DXImageTransform.Microsoft.gradient( startColorstr='#99333333', endColorstr='#99000000',GradientType=0 ), url(../../assets/ui/tabs/style-007/texture.png);
        border               : solid 1px #585859;  
        -moz-border-radius   : 7px; 
        -webkit-border-radius: 7px; 
        border-radius        : 7px;
        color                : #fff;
        font-size            : 14px;
    }
  
    .tab.style-7 > ul li { display:none; }
    .tab.style-7 > ul li.active { display: block; }