/* root element for tabs  */
ul.css-tabs {  
	margin:0 !important; 
	padding:0;
	height:46px;
	display:inline;
	overflow:hidden;
	/*border-bottom:1px solid #666;*/
}

/* 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 {
	/*background: transparent url(../images/menu_bg.png) repeat-x left top;*/
	/*float:left;*/
	font-size:100%;
	display:block;
	padding: 11px 20px;/*this changes the space between text and edge of li*/
	text-decoration:none;
	/*border:1px solid #666;*/	
	border-bottom:solid 1px #000;
	/*height:18px;*/
	/*background-color:#efefef;*/
	color:#777;
	/*margin-right:2px;*/
	/*-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright:4px;*/
	position:relative;
	/*top:20px;*/
}

ul.css-tabs a:hover {
	background: transparent url(../images/menu_over.png) repeat-x center top;
	border-left:solid 1px #000;
	color:#fff;
	width:-1px;
}
	
/* selected tab */
ul.css-tabs a.current {
	background: transparent url(../images/menu_over.png) repeat-x center top;
	border-left:solid 1px #000;
	background-color:#ddd;
	/*border-bottom:2px solid #ddd;*/
	color:#fff;
	cursor:default;
	/*letter-spacing:-0.1em;
	font-weight:bold;*/
}

ul.css-tabs li em {
	display: block;
	float: left;
	width: 2px;
	height: 46px;
    background: transparent url(../images/menu_sep.png) no-repeat left top;
}

/*last separator*/
/*This will add a separator after your last link*/
ul.css-tabs li.sep {
	width: 2px;
    background: transparent url(../images/menu_sep.png) no-repeat left top;
	height:100%;
}
	
/* tab pane */
div.css-panes div {
	/*display:none;/* /*disabled to fix nested div bug in jQuery tools tabs*/
	/*border:1px solid #666;
	border-width:0 1px 1px 1px;
	min-height:150px;
	padding:15px 20px;
	background-color:#ddd;
	*/
}