.TopGroup
{
  background-color:#FFFFFF;
  border-bottom: 1px solid silver;
}

.Level2Group
{
  background-color:#f2f2f2; 
  border: 1px solid silver; 
  border-top-width: 0px;
}

.TopLevelTab 
{
  color: #008542; 
  font-size:12px; 
  font-weight: bold;
  cursor:pointer;
}

.TopLevelTabHover 
{
  color:#92D400; 
  font-size:12px; 
  font-weight: bold;
  cursor:pointer;
}

.SelectedTopLevelTab
{
  background-color: #f2f2f2; 
  color: #92D400; 
  font-size:12px; 
  font-weight: bold;
  cursor: default;
  border: 1px solid silver;
  border-right-color: #FFFFFF;  
  border-bottom-width: 0px;  
  position: relative;
  top: 1px;
}

.SelectedTopLevelTabHover
{
	background-color: #f2f2f2; 
	color: #92D400; 
	font-size:12px; 
	font-weight: bold;
	cursor: default;
	border: 1px solid silver;
	border-right-color: #FFFFFF;  
	border-bottom-width: 0px;  
	position: relative;
	top: 1px;
	cursor: pointer;
}

.Level2Tab 
{
  color: Black;
  font-size:10px; 
  cursor:pointer;
}

.Level2TabHover 
{
  color: #92D400;
  font-size:10px;
  cursor:pointer;
}

.SelectedLevel2Tab 
{
  color: #92D400;
  font-size:10px; 
}

.SelectedLevel2TabHover
{
  color: #92D400;
  font-size:10px;
  cursor: pointer;
}

/* Didn't want to hard code this value, but doesn't seem to be any other way.
The widths of the other tabs aren't available and therefore
the width of the spacer tab can't be calculated. */

.SpacerTab
{
	width: 245px;
}