td.heroGoodTitle
{
	vertical-align: middle;
	text-align: left;
	background-color: #2F51AC;
	height: 20px;
	width: 150px;
	border:1px solid #242424;
	padding: 2px 5px 2px 5px;
	margin: 2px 5px 2px 5px;
}
td.heroGoodData
{
	vertical-align: middle;
	text-align: left;
	background-color: #1D3269;	
	border:1px solid #242424;
	padding: 4px 5px 2px 5px;
	margin: 2px 5px 2px 5px;
}

td.heroGoodData a, td.heroBadData a
{
	color:#ffd800;
	font:normal 12px Verdana;
}


td.heroBadTitle
{
	vertical-align: middle;
	text-align: left;
	background-color: #AC2F36;
	height: 20px;
	width: 150px;
	border:1px solid #242424;
	padding: 2px 5px 2px 5px;
	margin: 2px 5px 2px 5px;
}
td.heroBadData
{
	vertical-align: middle;
	text-align: left;
	background-color: #691D21;	
	border:1px solid #242424;
	padding: 4px 5px 2px 5px;
	margin: 2px 5px 2px 5px;
}

#percentDescription
{
	position:absolute;
	text-align:center;
	width: 150px;
	z-index:10; 
	display: none;
}

#percentDescription #percentDescriptionContent
{
	padding: 10px;
  text-align: center;
	background-color: #000000;
}

#deltaDescription
{
	position:absolute;
	text-align:center;
	width: 150px;
	z-index:10; 
	display: none;
}

#deltaDescription #deltaDescriptionContent
{
	padding: 10px;
  text-align: center;
	background-color: #000000;
}