/* 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;
    }
}

/* Skin */
.tabs-nav { list-style: none; margin: 0 0 20px 0; padding: 0; }
.tabs-nav:after { display: block; clear: both; content: " "; }
.tabs-nav li { list-style-type: none; list-style-position: outside; margin: 0 25px 0 0; padding: 0; float: left; border-bottom: 3px solid transparent; }
.tabs-nav a, .tabs-nav a span { display: block; font-weight: bold; }
.tabs-nav a { text-decoration: none; white-space: nowrap; color: #ffffff; padding: 0 0 5px 0; }
.tabs-nav .tabs-selected { border-bottom: 3px solid #FE7400; }
.tabs-nav .tabs-selected a { color: #FE7400; }
*>.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tabs-container { }