/* root element for tabs  */
ul.css-tabs {  
	margin:0 !important; 
	margin:0 0 -2px 0;
	padding:0;
	height:30px;
}

/* single tab */
ul.css-tabs li {  
	float:left;	 
	padding:0; 
	margin:0;  
	list-style-type:none;	
}

/* link inside the tab. uses a background image */
ul.css-tabs a { 
	float:left;
	font:bold 9pt arial, tahoma;
	display:block;
	padding:5px 19px;	
	text-decoration:none;
	border:2px solid #E9E9DF;;	
	border-bottom:0px;
	height:18px;
	line-height:18px;
	background:#FFFFFF url('../../images/tab_bg_link.jpg') repeat-x top left;
	color:#777;
	margin-right:-2px;
	position:relative;
	top:1px;	
}

ul.css-tabs a:hover {
	background-color:#F7F7F7;
	color:#333;
	background:#FFFFFF url('../../images/tab_bg_hover.jpg') repeat-x top left;
}
	
/* selected tab */
ul.css-tabs a.current {
	background:#FFFFFF;
	border-bottom:2px solid #FFFFFF;
	color:#000;	
	cursor:default;
	background:#FFFFFF url('../../images/tab_bg_current.jpg') repeat-x top left;
}

ul.css-tabs a.current:hover {
	background:#FFFFFF;
	border-bottom:2px solid #FFFFFF;
	color:#000;	
	cursor:default;
	background:#FFFFFF url('../../images/tab_bg_current.jpg') repeat-x top left;
}

/* tab pane */
div.css-panes div {
	display:none;
	border:2px solid #E9E9DF;
	min-height:150px;
	padding:10px;
	background-color:#FFFFFF;	
}