/* 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 { margin:0; padding:0; list-style-type:none; }
.ui-tabs-nav li { background:url(../images/misc/bullet-3.gif) no-repeat 5px 14px; padding-left:20px; line-height:34px; border-bottom:#1E1E1E solid 1px; }
.ui-tabs-nav a { text-decoration:none; color:#0076A3; font-weight:bold; }
.ui-tabs-nav .ui-tabs-selected { background:url(../images/misc/bullet-1.gif) no-repeat 5px 14px; }
.ui-tabs-nav .ui-tabs-selected a { color:#FFD300; }


.ui-tabs-disabled {
    opacity: .4;
}
.ui-tabs-panel {
    padding: 1em 8px;
    background: #000 url(../images/misc/bg-2.gif) repeat-x 0px -20px; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(../images/misc/loading.gif) no-repeat 0 50%;
}