.tab-wrapper
{
	padding:				1em 1.5em;
	margin:					0;
	border:					1px solid #eee;
	clear:					both;
}
.tab-menu
{
	margin:					0;
	padding:				0;
	list-style:				none;
	overflow:				none;
	background: #fff url(../images/skin/shadow.jpg);
	background-position:bottom;
	background-repeat:repeat-x;	
	border-bottom: 1px  solid #999;
	border-right: 1px  solid #999;
	border-left: 1px  solid #EEE;
	border-top: 1px  solid #EEE;
	position:relative;
	float:left;
	padding-bottom:3px;
	padding-top:3px;
}
.tab-menu li
{
	margin:					0;
	padding:				0;
	float:					left;
	line-height:			2em;	
}

.tab-menu li a
{
	padding:				0 .5em;
	font-weight:			bold;
	color:#A3A3A3;
	font-size:14px;
}
.tab-menu li a:hover,
.tab-menu li a:focus
{
	/* your effect here */
}
.tab-menu li.tab-selected a
{
	text-decoration:none;
	color:#333;
	text-shadow:#000;
	/* your effect here */
}

.tab-submenu
{
	margin:					0;
	padding:				0;
	list-style:				none;
	overflow:				auto;	
}
.tab-submenu li
{
	margin:					0;
	padding:				0;
	float:					left;
	line-height:			2em;
	background-color:#E0E3E4;
	border:#666 outset 1px;
}

.tab-submenu li:hover
{
	background-color:#2A2A2A;
	color:					#9191FF;
}

.tab-submenu li a
{
	padding:				0 .5em;
	font-weight:			bold;
	color:					#6D86AB;
}
.tab-submenu li a:hover,
.tab-submenu li a:focus
{
	background-color:#2A2A2A;
	color:					#9191FF;
	/* your effect here */
}
.tab-submenu li.tab-selected a
{
	text-decoration:		none;
	color:					#000051;	/* your effect here */
}

.tab-submenu li.tab-selected a:hover
{
	text-decoration:		none;
	color:					#9191FF;	/* your effect here */
}