.TabControl
{
	margin-bottom:1ex;

	border-bottom:solid 1px;
}

.firefox .TabControl
{
	margin-bottom:20px;
	padding-bottom:5px;
}

.TabControl .Tab
{
	display:inline-block;
	padding:5px 5px 5px 5px;
	margin-right:2px;
	
	text-decoration:none;
		
	border:solid 1px;
}

.ie .TabControl .Tab
{
	/*	Move the tab 1 px down, so that the border of the tab and the tabcontrol overlap. 
		We need to set position to relative first, otherwise the activetab can't hide the border of the tabcontrol */
	position:relative;
	top: 1px;
}

.Tab:hover
{
	text-decoration:underline;
}

.TabControl .ActiveTab
{
	padding:10px 10px 5px 10px;

	border-bottom:solid 1px;

	text-decoration:none;
	font-weight:bold;
}

.TabControl .ActiveTab:hover
{
	text-decoration:none;
}