/* root element for tabs  */
ul.css-tabs {  
	margin:0px 1px 0px 1px  !important; 
	padding:0px 10px 0px 10px;
	height:30px;
	background:url(../images/tabsMenuBG.jpg) repeat-x bottom;
}

/* 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-size:12px;
	display:block;
	padding:0px 0px 0px 6px;	
	text-decoration:none;
	background:url("../images/tabsMenuLeft.png") no-repeat left top;
	color:#666666;
	position:relative;
	top:1px;	
}

ul.css-tabs a span {
background:url("../images/tabsMenuRight.png") no-repeat right top;
float:left;
display:block;
padding:7px 7px 7px 0px;
margin-right:1px;
color:#fff;
}


ul.css-tabs a:hover {
color:#666666;
background-position:0% -42px;
}
	
ul.css-tabs a:hover span{
	background-position:100% -42px;
	color:#666666;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}

/* End IE5-Mac hack */
#tabs a:hover span {
	}
/* selected tab */
ul.css-tabs a.selected {
	border-bottom:2px solid #ffffff;	
	color:#666666;	
	cursor:default;
	background-position:0% -42px;
}

ul.css-tabs a.selected span{
	background-position:100% -42px;
	color:#666666;
}

/* tab pane */
.css-panes {
	display:block;
	border:1px solid #666;
	border-width:0 1px 0px 1px;
	min-height:150px;
	padding:30px 20px 20px 20px;
	background-color:#ffffff;
	text-align:left;
}