/* Tabs
----------------------------------*/
#tabs ul
{
   border-bottom: 1px solid #a7d102;
   height: 27px;
   margin-top: 10px;
   overflow: hidden;
   width: 676px;
}

#tb_breakfast a
{
   background: url(../images/tab_breakfast.png) top left no-repeat;  
}

#tb_lunch a
{
   background: url(../images/tab_lunch.png) top left no-repeat; 
}

#tb_dinner a
{
   background: url(../images/tab_dinner.png) top left no-repeat; 
}

#tb_dessert a
{
   background: url(../images/tab_dessert.png) top left no-repeat; 
}

#tb_winelist a
{
   background: url(../images/tab_winelist.png) top left no-repeat; 
}

#tb_setmenus a
{
   background: url(../images/tab_setmenus.png) top left no-repeat; 
}

#tb_breakfast a:hover, #tb_lunch a:hover, #tb_dinner a:hover, #tb_dessert a:hover, #tb_winelist a:hover, #tb_setmenus a:hover
{
   background-position: bottom left;   
}

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

.ui-tabs .ui-tabs-nav 
{      

}

.ui-tabs .ui-tabs-nav li /*tabs */
{ 
   float: left;
   height: 27px;
   list-style: none;  
   margin: 0 !important;
      margin-right: 2px !important;
   padding: 0 !important; 
   position: relative;
   width: 111px;   
}

#tb_setmenus
{
      margin-right: 0 !important;
}

.ui-tabs .ui-tabs-nav li a 
{     
   cursor: pointer;   
   display: block;
      height: 27px;
      width: 111px; 
   border: 0 none;    
   float: left;
   overflow: hidden;
   margin: 0 !important;
   padding: 0 !important;  
}

.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 
{ 
	display: none;
}