/* 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 {
        position: absolute;
    left: -10000px;

    }
}

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

/* Skin */

#acttabs {border-bottom:1px solid #CCC; padding:0px; margin:0px 0px 12px 0px;}
#acttabs ul {display: block; clear: both; list-style: none; list-style-image: none; margin: 0px; padding: 0px;}
#acttabs li {float: left; margin: 0px; padding:0px;}
#acttabs a {display: block; background: #EEE; color:#999; border:1px solid #BEC0C2; border-bottom:0px; margin: 0px 10px 0px 0px; padding: 3px 10px; font-weight: bold; text-align: center; text-decoration: none; text-transform:uppercase;}
#acttabs a:hover, #acttabs li .external:hover {display: block; background: #99CC33; color:#FFF; text-transform:uppercase;}
.ui-tabs-nav {display: block; clear: both; list-style: none; list-style-image: none; margin: 0px; padding: 0px;}
.ui-tabs-nav li {float: left; margin: 0px; padding:0px;}
.ui-tabs-nav a {display: block; background: #EEE; color:#999; border:1px solid #BEC0C2; border-bottom:0px; margin: 0px 10px 0px 0px; padding: 3px 10px; font-weight: bold; text-align: center; text-decoration: none; text-transform:uppercase;}
.ui-tabs-nav a:hover, #acttabs li .external:hover {display: block; background: #99CC33; color:#FFF; text-transform:uppercase;}
.ui-tabs-nav .ui-tabs-selected a {background: #99CC33; color:#FFF;}
.ui-tabs-panel {clear:both; padding: 0px 0px 6px 0px; margin:0px 0px 20px 0px;  }
.ui-tabs-panel h2 {display:none;}