/*
 * Tab set container.
 */
.tabset {
	width: 100%;
    display: table;
	table-layout: fixed;
}


/*
 * A tab set row.
 */
.tabset ul {
    display: table-row;
}


/**
 * A tab.
 */
.tabset li {
	display: table-cell;
	border: 1px solid #ccc; 
	border-width: 1px 1px 0 1px;
	text-align: center;
	padding: 2px
}


/**
 * A large-text tab.
 */
.tabset.big li {
	font-size: 105%;
	font-weight: bold;
	padding: 6px 2px 6px 2px
}


/**
 * A tabset on the bottom of the page; swaps the border.
 */
.tabset.bottom li {
	border-width: 0 1px 1px 1px;
}


/*
 * Specific styles for the first-level tabs.
 */
.tabset1 li {
	border: 1px solid #999;
	border-width: 1px 1px 0 1px;
	background-color: #ccc;
}

.tabset1 .current {
	background-color: #6af;
}


/*
 * Specific styles for the second-level tabs.
 */
.tabset2 li {
	border: 1px solid #a8a8a8;
	border-width: 1px 1px 0 1px;
	background-color: #ddd;
}

.tabset2 .current {
	background-color: #8cf;
}


/*
 * Specific styles for the third-level tabs.
 */
.tabset3 {
	border: 1px solid #ccc;
	border-width: 1px 1px 0 1px;
	background-color: #eee;
}

.tabset3 .current {
	background-color: #aef;
}


/*
 * A special tab which is a link.
 */
.tabset .tablink {
	background-color: #fda;
}