/* 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 #CCC; margin: 0px 10px 0px 0px; padding: 5px 10px; font-weight: bold; text-align: center; text-decoration: none;}
.ui-tabs-nav .ui-tabs-selected a {background: #666; color:#FFF;}
.tabwrapper {border:1px solid #CCC; padding:10px; background: #FFF; color:#000; }
.tabwrapper table {width:100%;}
.ui-tabs-panel {clear:both; padding: 0px;}