/* 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;
/* visibility:hidden;
position:absolute; */
}
}

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

.ui-tabs-nav a:hover,
.ui-tabs-nav a:focus,
.ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover,
.ui-tabs-nav .ui-tabs-unselect a:focus,
.ui-tabs-nav .ui-tabs-unselect a:active {
/* @ Opera, we need to be explicit again here now... */
cursor: pointer;
}

/*
.ui-tabs-selected {
background:#0088cc;
} 

.ui-tabs-disabled {
 opacity: .4;
filter: alpha(opacity=40);
}
*/

.ui-state-selected,
.ui-state-active,
.ui-state-hover {
background:#0088cc url(/media/admintpl/tpl/ui-state-active.png) repeat-x top left;
} 

.ui-state-disabled {
opacity: .4;
filter: alpha(opacity=40);
}



/* see .ui-tabs-panel in main css file */