/**
 * jQueryUI.ScrollableTabs - Scrolling multiple tabs.
 * @copyright jQueryUI.scrollableTabs is licensed under the WTFPL (so feel free to relicense as needed).
 * Date: 16/05/2011
 * @author Aamir Afridi - aamirafridi(at)gmail(dot)com | http://www.aamirafridi.com
 * @version 2.0
 */

.stMainWrapper > ul.ui-tabs-nav
{
    position: relative;
    overflow: hidden;
    padding-right: 50px;
}

    .stMainWrapper > ul.ui-tabs-nav li
    {
        position: absolute;
        top: 3px; /*do not set 'left' should be done in the plugin after some calculations*/
    }

        .stMainWrapper > ul.ui-tabs-nav li.stHasCloseBtn a
        {
            padding-right: 5px;
        }

        .stMainWrapper > ul.ui-tabs-nav li.stFirstTab
        {
            margin-right: 3px;
        }

        .stMainWrapper > ul.ui-tabs-nav li span.stCloseBtn
        {
            float: left;
            margin-top: 6px;
            margin-right: 4px;
            border: none;
            cursor: pointer;
        }

.stMainWrapper > ul.ui-tabs-nav.listTab
{
   display: none;
   padding: 0 .1em;
   float: right;
   width: 13em;
   position: absolute;
   right: 2px;
   overflow: inherit;
   overflow-y: auto;
   height: initial !important;
   max-height: calc(100% - 40px);
   z-index: 2;
   background: white;
   border: 1px solid #D3D3D3;
   top: 34px;
   box-sizing: border-box;
}

   .stMainWrapper > ul.ui-tabs-nav.listTab li
   {
      clear: left;
      width: 100%;
      border-right-width: 0 !important;
      left: 0!important;
      top: 0;
      position: relative;
   }
   .stMainWrapper > ul.ui-tabs-nav.listTab li a
   {
      display:block;
   }
   .stMainWrapper > ul.ui-tabs-nav.listTab li.ui-tabs-active
   {
      padding-bottom: 0;
      padding-right: .1em;
      border-right-width: 1px;
   }

.stNavMain
{
    list-style: none;
    margin: 0 !important;
    padding: 0 1px 0 1px !important;
    position: relative;
    border: none !important;
    width: 100%;
}

    .stNavMain li
    {
        position: absolute;
        width: 16px;
        border-top: none !important;
        border-bottom: none !important;
        cursor: pointer;
        margin-top: -1px;
    }

        .stNavMain li .ui-icon
        {
            margin-top: 38%;
        }

        .stNavMain li.stNavNextArrow,
        .stNavMain li.stNavLastArrow,
        .stNavMain li.stNavListOfTabs
        {
            border-right: none !important;
            right: 3px;
        }

        .stNavMain li.stNavPrevArrow,
        .stNavMain li.stNavFirstArrow
        {
            border-left: none !important;
        }
