/* 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... */
    .ui-tabs-hide {
        display: none;
    }
}

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

/* Skin */

.ui-tabs-nav {display: block; clear: both; list-style: none; margin: 0px; padding: 0px;}
.ui-tabs-nav li {float: left; margin: 0px 0px -1px 0px;}
.ui-tabs-nav a {display: block; background: #FFF; color:#000; border:1px solid #000; margin: 0px 10px 0px 0px; padding: 5px 10px; font-weight: bold; text-align: center; text-decoration: none;}
.ui-tabs-nav a:hover {background: #99CC00; color:#FFF;}
.ui-tabs-nav .ui-tabs-selected a {background: #0094DE; color:#FFF;}
.tabbox {border-top:1px solid #000; padding:0px; background: #FFF; color:#666; }
.tabboxinner {padding:10px 0px; }
.ui-tabs-panel {clear:both; padding: 0px; background: #FFF; color:#666; }