/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

.tabs-nav { list-style: none; margin: 0; padding: 0; float: left; display: inline; }
.tabs-nav li {float: left; display: inline; padding: 10px 5px 0 0;}