/*-----------------------------------------------------------------------------
 [TABLE OF CONTENTS]
    +ui-tabs-nav
    +ui-tabs-selected
    +ui-tabs-unselect
    +ui-tabs-disabled
    +ui-tabs-panel
    +ui-tabs-hide
    +ui-tabs-loading

 [MARKUP]
    <ul class="ui-tabs-nav">
        <li class="ui-tabs-selected"><a href="#fragment-1"><span></span></a></li>
        <li class="ui-tabs-unselect"><a href="#fragment-2"><span></span></a></li>
        <li class="ui-tabs-disabled"><a href="#fragment-3"><span></span></a></li>
    </ul>
    <div id="fragment-1" class="ui-tabs-panel"></div>
    <div id="fragment-2" class="ui-tabs-panel ui-tabs-hide"></div>
    <div id="fragment-3" class="ui-tabs-panel ui-tabs-hide"></div>

 [DOCS]
    http://docs.jquery.com/UI/Tabs/Theming
-----------------------------------------------------------------------------*/

/* 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;
    }
}