.tabs {
	background:url(../images/sprite_master.png);
	list-style:none;
	margin:0 !important;
	padding:0;
	height:30px;
	border-bottom:1px solid #cccccc;
	background-color:#fff;
}
/* single tab */
.tabs li {
	border-left:1px solid #cccccc;
	float:right;
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important;

}
/* link inside the tab. uses a background image */
.tabs a {
	background: url(../images/tab-bg.gif) repeat-x top left;
	font-size:11px;
	display:block;
	width: auto;
	text-align:center;
	text-decoration:none;
	color:#555555;
	padding:0px 10px;
	margin:0px;
	position:relative;
	top:0px;
}
.tabs a:active {
	outline:none;
}
/* when mouse enters the tab move the background image */
.tabs a:hover {
	color:#000000;
	background:#dddddd;
	text-decoration:underline;
}
/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
.tabs .current, .tabs .current:hover, .tabs li.current a {
	background:#ffffff;
	border-top:1px solid #cccccc;
	border-right:1px solid #cccccc;
	cursor:default !important;
	color:#000 !important;
}

/* initially all panes are hidden */ 
.panes .pane {
	display:none;
}
/*}}}*/