/* tab pane styling */
.panes span {
	display:none;		
}


/* root element for tabs  */

ul.tabs 
{ 
	
list-style:none; 
	
margin:0 !important; 
	
padding:0;	
		
	
height:25px;

}



a.twittab
{ 
	
background: url(images/ft.gif) no-repeat 0px 0px;

margin-left:2px;	
}

a.facetab
{ 
	
background: url(images/ff.gif) no-repeat 0px 0px;

margin-left:2px;	
}

/* single tab */

ul.tabs li 
{ 
	
float:left;	 
	
text-indent:0;
	
padding:0;
	
margin:0 !important;
	
list-style-image:none !important; 

}



/* link inside the tab. uses a background image */

ul.tabs a 
{ 
		
display:block;
	
height: 25px;  
		
width: 112px;
		
	
text-decoration:none;
		
padding:0px;
	


margin-top:2px;	
	
position:relative;
	
}



ul.tabs a:active 
{
	
background-color:#373435;	

}


/* when mouse enters the tab move the background image */

ul.tabs a:hover 
{
	
background-position: 0px -54px;	
		

}



/* active tab uses a class name "current". its highlight is also done by moving the background image. */

ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a 
{
	
background-position: 0px -27px;	
	
	
cursor:default !important; 
	
color:#000 !important;

}





/* initially all panes are hidden */ 

.panes .pane 
{
	
display:none;		

}