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

    .tab.style-5 dl { 
	    display      : block; 
        margin       : 0; 
        padding      : 0; 
        height       : 21px; 
        border-bottom: 1px solid #bababa;
    }
     
    .tab.style-5 dl dd { 
        background: #ffffff;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjOWM5YzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  #ffffff 0%, #c9c9c9 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#c9c9c9));
        background: -webkit-linear-gradient(top,  #ffffff 0%,#c9c9c9 100%);
        background: -o-linear-gradient(top,  #ffffff 0%,#c9c9c9 100%);
        background: -ms-linear-gradient(top,  #ffffff 0%,#c9c9c9 100%);
        background: linear-gradient(top,  #ffffff 0%,#c9c9c9 100%);
        filter    : progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c9c9c9',GradientType=0 );
        display                        : block; 
        width                          : auto; 
        height                         : 21px; 
        padding                        : 0;
        margin-left                    : 2px;  /* tabs distance */ 
        float                          : left; 
        border-top-left-radius         : 5px; 
        -moz-border-radius-topleft     : 5px; 
        -webkit-border-top-right-radius: 5px;
        border-top-right-radius        : 5px; 
        -moz-border-radius-topright    : 5px; 
        -webkit-border-top-left-radius : 5px;          
    }
    
    .tab.style-5 dl dd:first-child { margin-left: 3px; } 
        
    .tab.style-5 dl dd a {
        display                        : block; 
        width                          : auto; 
        height                         : 20px; 
        line-height                    : 21px;
        border: 1px solid #b9b9b9; /* ie8 */ 
        border                         : 1px solid rgba(0,0,0,0.27);
        border-bottom                  : 0; 
        margin                         : 0;
        padding                        : 0 27px; 
        color                          : #000; 
        font-size                      : 10px;
        text-decoration                : none;
        box-shadow                     : 1px 0 0 0 rgba(255,255,255,0.9) inset, -1px 0 0 0 rgba(255,255,255,0.9) inset;
        -moz-box-shadow                : 1px 0 0 0 rgba(255,255,255,0.9) inset, -1px 0 0 0 rgba(255,255,255,0.9) inset;
        -webkit-box-shadow             : 1px 0 0 0 rgba(255,255,255,0.9) inset, -1px 0 0 0 rgba(255,255,255,0.9) inset;
        border-top-left-radius         : 5px; 
        -moz-border-radius-topleft     : 5px; 
        -webkit-border-top-right-radius: 5px;
        border-top-right-radius        : 5px; 
        -moz-border-radius-topright    : 5px; 
        -webkit-border-top-left-radius : 5px; 
    }
    
    .tab.style-5 dl dd a:hover {
        background: #ffffff;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNGY0ZjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  #ffffff 0%, #f4f4f4 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4));
        background: -webkit-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%);
        background: -o-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%);
        background: -ms-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%);
        background: linear-gradient(top,  #ffffff 0%,#f4f4f4 100%);
        filter    : progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 );
        color     : #000;         
    }
        
    .tab.style-5 dl dd a.active {
        margin-top  : 0;
        background  : #fff; 
        border-width: 1px 1px 0 1px; 
        height      : 21px; 
        color       : #000;        
    }
    
    .tab.style-5 > ul { 
        font-size    : 10px;
	    margin       : 0; 
        padding      : 20px;
        display      : block; 
        background   : #fff;
        border-top   : 0;  
        border-left  : 1px solid #bababa;
        border-right : 1px solid #bababa;
        border-bottom: 1px solid #bababa;                 
     }
    
    .tab.style-5 > ul li { display:none; }
    .tab.style-5 > ul li.active { display: block; }


    /* style-5 dark */   
    .tab.style-5.dark dl dd { 
        margin-top   : -1px;
        margin-left  : 1px; 
        border       : 1px solid #bdbdbd; 
        border-bottom: 0;
        background   : #989898;
        background   : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk4OTg5OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2OTY5NjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background   : -moz-linear-gradient(top,  #989898 0%, #696969 100%);
        background   : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#989898), color-stop(100%,#696969));
        background   : -webkit-linear-gradient(top,  #989898 0%,#696969 100%);
        background   : -o-linear-gradient(top,  #989898 0%,#696969 100%);
        background   : -ms-linear-gradient(top,  #989898 0%,#696969 100%);
        background   : linear-gradient(top,  #989898 0%,#696969 100%);
        filter       : progid:DXImageTransform.Microsoft.gradient( startColorstr='#989898', endColorstr='#696969',GradientType=0 );
    }
    
    .tab.style-5.dark dl dd:first-child { margin-left: 3px; } 
    
    .tab.style-5.dark dl dd a { 
        margin-top: 0px; 
        border: 1px solid #666; 
        border-bottom: 1px solid #4c4c4c;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        color: #fff;
        text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2);            
    }
    
    .tab.style-5.dark dl dd a:hover {
        background: #6d6d6d;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZkNmQ2ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NDY0NjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  #6d6d6d 0%, #646464 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6d6d6d), color-stop(100%,#646464));
        background: -webkit-linear-gradient(top,  #6d6d6d 0%,#646464 100%);
        background: -o-linear-gradient(top,  #6d6d6d 0%,#646464 100%);
        background: -ms-linear-gradient(top,  #6d6d6d 0%,#646464 100%);
        background: linear-gradient(top,  #6d6d6d 0%,#646464 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d6d6d', endColorstr='#646464',GradientType=0 );
        color: #fff;
        text-shadow:0px -1px 0 rgba(0, 0, 0, 0.2);
        border: 0;
        border-bottom: 1px solid #4c4c4c; 
        padding: 0 28px;
        height: 21px;
        line-height: 23px;
    }
        
    .tab.style-5.dark dl dd a.active {
        background: #333;
        border: 0;
        border-bottom: 1px solid #333;
        color: #fff;
        text-shadow:0px 1px 0 rgba(255, 255, 255, 0.2); 
        height: 21px;
        line-height: 23px;  
        padding: 0 28px;      
    }
    
    .tab.style-5.dark > ul {
        background: #333;
        color: #fff;
        border-left: 1px solid #bdbdbd;
        border-right: 1px solid #bdbdbd;
        border-bottom: 1px solid #bdbdbd; 
    }