/* Tabs
----------------------------------*/
#tabs ul
{
   border-bottom: 5px solid #f78f1e;
   height: 38px;
   margin-top: 10px;
   overflow: hidden;
   width: 100%;
   margin-left: 0 !important;
}

.ui-tabs-panel
{
   background: url(../images/bk_tabs.png) top left repeat-x; 
   min-height: 300px;
   padding: 10px !important;
}

.ui-tabs /* overall styling */
{    
   width: 100%;   
   zoom: 1; 
}

.ui-tabs .ui-tabs-nav 
{      

}

.ui-tabs .ui-tabs-nav li /*tabs */
{    
   float: left;
   list-style: none;  
   margin: 0;
      margin-left: 4px;
   padding: 0 !important; 
   position: relative;
   text-align: center;
   width: 152px;   
}

.ui-tabs .ui-tabs-nav li:first-child
{    
      margin-left: 0;  
}

.ui-tabs .ui-tabs-nav li a 
{     
   background: url(../images/bk_tab.png) top left no-repeat;    
   border: 0 none;       
   color: #fff;
   cursor: pointer;   
   display: block;
      height: 38px;
      width: 152px; 
   float: left;
   font-size: 12px;
   line-height: 38px;
   overflow: hidden;
   margin: 0 !important;
   padding: 0 !important; 
   text-decoration: none; 
   text-transform: uppercase;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li a:hover
{
   background-position: bottom left !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 
{ 
   border: 0;      
   display: block; 
   min-height: 100px;   
   padding: 20px  0; 
}

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

