div.tabs			{
				margin-top:	-1px;
				padding-left:	5px;
				background:	url('images/tabs/tab-bar.png') repeat 0px 1px;
						}

ul.primary , ul.secondary	{
				display:	table;
				width:		100%;
						}

ul.primary			{
				margin:		0px;
				list-style:	none;
						}

ul.primary li			{
				float:		left;
				display:	block;
				height:		24px;
				line-height:	20px;
				margin:		0px;
				padding-left:	5px;
				font-weight:	bold;
				text-decoration:	none;
				color:		#777;
				background:	url('images/tabs/tab-left.png') no-repeat left -37px transparent;
						}

ul.primary li a			{
				display:	block;
				border:		0px;
				height:		20px; /* 24px (parent) - 4px (padding) */
				margin:		0px;
				padding:	4px 13px 0px 6px;
				background:	url('images/tabs/tab-right.png') no-repeat right -37px transparent;
						}

ul.primary li a:hover		{
				background:	url('images/tabs/tab-right.png') no-repeat right -75px transparent;
						}

ul.primary li.active a,
ul.primary li.active a:hover	{
				position:	relative;
				top:		1px;
				display:	block;
				border:		0px;
				height:		20px; /* 24px (parent) - 4px (padding) */
				margin:		0px;
				padding:	4px 13px 0px 6px;
				color:		#000;
				background:	url('images/tabs/tab-right.png') no-repeat right 0px transparent;
						}

ul.secondary			{
				margin:		0px;
				padding:	0px 0px 0px 5px;
				border-bottom:	1px solid #c0c0c0;
				list-style:	none;
				background:	url('images/tabs/tab-secondary-bg.png') repeat-x left bottom;
						}

ul.secondary li			{
				float:		left;
				margin:		0px 5px 0px 0px;
				padding:	5px 0px;
				border-right:	none;
						}

ul.secondary a			{
				display:	block;
				height:		24px;
				margin:		0px;
				padding:	0px;
				border:		1px solid #c0c0c0;
				text-decoration:	none;
				color:		#777;
				background:	url('images/tabs/tab-secondary.png') repeat-x left -56px;
						}

ul.secondary a .tab		{
				display:	block;
				height:		18px; /* 24px (parent) - 6px (padding) */
				margin:		0px;
				padding:	3px 8px;
				line-height:	18px;
						}

ul.secondary a:hover		{
				background:	url('images/tabs/tab-secondary.png') repeat-x left bottom;
						}

ul.secondary a.active,
ul.secondary a.active:hover	{
				border:		1px solid #c0c0c0;
				color:		#000;
				background:	url('images/tabs/tab-secondary.png') repeat-x left top;
						}