/* Tabs
----------------------------------*/
#tabs
{
   clear: both;
}

ul#tabNav
{
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
        bottom: 0;
        right: 33px;
}

    #tabNav li
    {
        float: left;
        margin: 0;
        padding: 0;
    }

#tb_1 a, #tb_2 a, #tb_3 a, #tb_4 a, a#tb_prev, a#tb_next
{
    background: transparent url(../images/mbox_1.png) top left no-repeat;
    border: 0 none;
    cursor: pointer;
    display: block; 
    height: 32px;
    text-decoration: none;
    width: 36px;
}

    a#tb_prev
    {
        background: transparent url(../images/mbox_back.png) top left no-repeat;
        position: absolute;
            right: 177px;
            bottom: 0;
        width: 35px;        
    } 
    
    a#tb_next
    {
        background: transparent url(../images/mbox_next.png) top left no-repeat;
        position: absolute;
            right: 0;
            bottom: 0;        
        width: 33px;        
    }     

    #tb_2 a
    {
        background: transparent url(../images/mbox_2.png) top left no-repeat;
    }   
    
    #tb_3 a
    {
        background: transparent url(../images/mbox_3.png) top left no-repeat;
    } 
    
    #tb_4 a
    {
        background: transparent url(../images/mbox_4.png) top left no-repeat;
    }    
                  
    
    #tb_1 a:hover, #tb_2 a:hover, #tb_3 a:hover, #tb_4 a:hover, a#tb_prev:hover, a#tb_next:hover
    {
        background-position: bottom;
    }
    
    .tabText
    {
        height: 180px;
        padding: 10px;
        position: absolute;
            top: 0;
            right: 0;
        width: 190px;
    }
    
    .tabMedia
    {
        border: 3px solid #85aee7;
            border-right: 0 none;
        height: 225px;
        overflow: hidden;
        position: relative;
            left: 0;
        width: 405px;
    }

.ui-tabs /* overall styling */
{ 
    background-color: transparent;
    padding: 0; 
   zoom: 1; 
   width: 100%;
}

.ui-tabs .ui-tabs-nav 
{    
  
}

.ui-tabs .ui-tabs-nav li /*tabs */
{ 

}

.ui-tabs .ui-tabs-nav li a 
{ 
 
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li a:hover
{
   background-position: bottom !important;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a 
{ 
   cursor: text; 
}

.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel 
{ 
   background-color: #transparent;   
   border: 0;      
   display: block; 
   overflow: hidden;
   height: 230px;   
}

.ui-tabs .ui-tabs-hide 
{ 
    position: absolute;
    left: -10000px;
}