/* Navigation tabs */

.nav-bar {
    margin-top: 51px;
    height: 29px;
}

.nav-bar li { 
    list-style-type: none; 
    float:left; 
}

.nav-bar li a { 
    float:left; 
    background:url("../images/left-tab-off.png") no-repeat left top; 
    margin:0; 
    padding:0 0 0 3px;
    text-decoration:none;
    display:block; 
}

.nav-bar li a span 	{ 
    float:left; 
    background:url("../images/right-tab-off.png") no-repeat right top; 
    padding:5px 10px 4px 10px;
    margin-right: 0px; 
    color: #4d6e95;
}


/* target only chrome and safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
     .nav-bar li a span {
        padding: 5px 10px 5px 10px;
    }
}



.nav-bar li a:hover { 
    float: left;
    color:#453f38;
    background:url("../images/left-tab-on.png") no-repeat left top; 
    margin:0; 
    padding:0 0 0 3px;
    text-decoration:none;
    display:block;  
}


.nav-bar li a:hover span {
    float: left; 
    color:#453f38; 
    background:url("../images/right-tab-on.png") no-repeat right top;
    padding:5px 10px 4px 10px;
    margin-right: 0px; 
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
     .nav-bar li a:hover span {
        padding: 5px 10px 5px 10px;
    }
}

.nav-bar li.current a, .nav-bar li.current a:hover { 
    float: left;
    background-image:url("../images/left-tab-active.png");
    padding:0 0 0 3px;
    display:block; 
}

.nav-bar li.current a span, .nav-bar li.current a:hover span { 
    background-image:url("../images/right-tab-active.png"); 
    color:#fff; 
    float: left;
    padding-bottom:5px; 
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
     .nav-bar li.current a span, .nav-bar li.current a:hover span {
        padding-bottom: 6px; 
    }
}