#tabs {
    background:transparent url('') repeat-x scroll center bottom;
    margin:0;
    padding:0;            
}
#tabs ul {
    display:block;
    position:absolute;
}
#tabs ul.children {
    margin:0;
    padding:0;
    border-top:1px solid #EEE;
    z-index:100;
    visibility:hidden;
}
#tabs li {
    background:transparent url('') no-repeat scroll left top;
    display:inline;
    float:left;
    height:auto;
}
#tabs li li {
    background:#FFF none repeat scroll 0%;
    display:block;
    float:none;
}
#tabs a {
    text-decoration:none;	        
    background:transparent url('') no-repeat scroll left top;    
    color: #999;
    display:block;    
    line-height:20px;
    text-align:left;	        
    font-size:11px;
    width:115px;   
    cursor:pointer;    
}
#tabs a:hover, #tabs a.selected, #tabs li:hover {
    background:#FFF url('') no-repeat scroll left top;
    color:Red;        
    text-decoration:none;
}
#tabs ul a {
    background:#FAFAFF none repeat scroll 0%;
    border-bottom:1px solid #EEE;
    border-left:1px solid #EEE;
    border-right:1px solid #EEE;    
    line-height:20px;
    width:115px;
}
#tabs ul ul a {
    background:Transparent none repeat scroll 0%;        
}
#tabs ul a:hover, #tabs ul a.selected {
    background:transparent url('') no-repeat scroll left bottom;
}
#tabs li:hover ul, #tabs li.sf ul {
    visibility:visible;    
}

#tabs li:hover ul ul, #tabs li.sf ul ul {
    visibility:hidden;
}
#tabs li:hover ul, #tabs li li:hover ul, #tabs li.sf ul, #tabs li li.sf ul {
    visibility:visible;
}

/*Whitspace fix*/
/*this will trigger the haslayout property so the list will render without extrenous line spaceing*/
.whitespace_bug_fix{width:100%;}