/* 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 { list-style: none; margin: 0; padding: 0 0 0 4px; }
.ui-tabs-nav:after { display: block; clear: both; content: " "; }
.ui-tabs-nav li { list-style-type:none; float: left; margin: 0 0 0 2px; min-width: 74px; }
.ui-tabs-nav a { display: block; padding: 5px 10px; background-color: #d4dce4; border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-right: 1px solid #ccc; position: relative; top: 1px; }
.ui-tabs-nav a { color: #003399; font-weight: bold; line-height: 1.2; text-align: center; text-decoration: none; white-space: nowrap; outline: 0; }
.ui-tabs-nav .ui-tabs-selected a { position: relative; z-index: 2; margin-top: 0; color: #000; background-color: #fff!important; border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-right: 1px solid #ccc; }
.ui-tabs-nav a:hover { background-color: #003399; color: #fff; }
li.ui-tabs-selected a:hover,
li.ui-tabs-selected a:visited { background-color: #fff!important; color: #000; }
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active { background-color: #d4dce4; }
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { cursor: text; }
.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 { cursor: pointer; }
.ui-tabs-panel { border-top: 1px solid #ccc; padding: 1em 8px; background: #fff; }

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { display: inline-block; }
*:first-child+html .ui-tabs-nav { display: inline-block; }