/*
	<div class="ddoverlap">
	<ul>
	<li>...
	<li class="selected">
	<br style="clear: left" />
*/

	.ddoverlap{
		height:1%;
		border-bottom: 1px solid #bbb8a9;
	}
	
	.ddoverlap ul{
		padding: 0;
		margin: 0;
		font: bold 90% default;
		list-style-type: none;
	}
	
	.ddoverlap li{
		display: inline;
		margin: 0;
	}
	
	.ddoverlap li a{
		font: italic 17px arial, sans-serif;
		padding: 3px 7px;
		text-decoration: none;
		padding-right: 32px; /*extra right padding to account for curved right edge of tab image*/
		color: #666;
		background: transparent url(righttabdefault.gif) 100% 0 no-repeat;
		border-left: 1px solid #dbdbd5;
		position: relative;
		display: block;
		float: left;
		margin-left: -20px; /*shift tabs 20px to the left so they overlap*/
		left: 20px;
	}
	
	.ddoverlap li a:visited{
		color: #666;
	}
	
	.ddoverlap li a:hover{
		padding-top:4px;
		padding-bottom:2px;
		text-decoration: none;
		color: black;
	}
	
	.ddoverlap li.selected a{ /*selected tab style*/
		color: black;
		z-index: 100; /*higher z-index so selected tab is topmost*/
		top: 1px; /*Shift tab 1px down so the border beneath it is covered*/
		background: transparent url(righttabselected.gif) 100% 0 no-repeat;
	}
	
	.ddoverlap li.selected a:hover{
		padding-top:3px;
		padding-bottom:3px;
		text-decoration: none;
		color: black;
	}