#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }

#tooltip.deathknights {
	background-color:#111;
	opacity: 1;
	border: 1px outset #999;
	width: 250px;
	color: #fff;
}
#tooltip.deathknights h3 {
	color: #ca1734;
	padding-left: 3px;
	font-size: 110%;
	font-weight: bold;
	margin: .2em 0 .5em 0;
}
#tooltip.deathknights div { padding-left: 3px; }

#tooltip.druids {
	background-color:#111;
	opacity: 1;
	border: 1px outset #999;
	width: 250px;
	color: #fff;
}
#tooltip.druids h3 {
	color: #ff7c0a;
	padding-left: 3px;
	font-size: 110%;
	font-weight: bold;
	margin: .2em 0 .5em 0;
}
#tooltip.druids div { padding-left: 3px; }

#tooltip.hunters {
	background-color:#111;
	opacity: 1;
	border: 1px outset #999;
	width: 250px;
	color: #fff;
}
#tooltip.hunters h3 {
	color: #aad372;
	padding-left: 3px;
	font-size: 110%;
	font-weight: bold;
	margin: .2em 0 .5em 0;
}
#tooltip.hunters div { padding-left: 3px; }

#tooltip.mages {
	background-color:#111;
	opacity: 1;
	border: 1px outset #999;
	width: 250px;
	color: #fff;
}
#tooltip.mages h3 {
	color: #68ccef;
	padding-left: 3px;
	font-size: 110%;
	font-weight: bold;
	margin: .2em 0 .5em 0;
}
#tooltip.mages div { padding-left: 3px; }

#tooltip.paladins {
	background-color:#111;
	opacity: 1;
	border: 1px outset #999;
	width: 250px;
	color: #fff;
}
#tooltip.paladins h3 {
	color: #f085af;
	padding-left: 3px;
	font-size: 110%;
	font-weight: bold;
	margin: .2em 0 .5em 0;
}
#tooltip.paladins div { padding-left: 3px; }

#tooltip.priests {
	background-color:#111;
	opacity: 1;
	border: 1px outset #999;
	width: 250px;
	color: #fff;
}
#tooltip.priests h3 {
	color: #ffffff;
	padding-left: 3px;
	font-size: 110%;
	font-weight: bold;
	margin: .2em 0 .5em 0;
}
#tooltip.priests div { padding-left: 3px; }

#tooltip.rogues {
	background-color:#111;
	opacity: 1;
	border: 1px outset #999;
	width: 250px;
	color: #fff;
}
#tooltip.rogues h3 {
	color: #fff468;
	padding-left: 3px;
	font-size: 110%;
	font-weight: bold;
	margin: .2em 0 .5em 0;
}
#tooltip.rogues div { padding-left: 3px; }

#tooltip.shamans {
	background-color:#111;
	opacity: 1;
	border: 1px outset #999;
	width: 250px;
	color: #fff;
}
#tooltip.shamans h3 {
	color: #1d5eff;
	padding-left: 3px;
	font-size: 110%;
	font-weight: bold;
	margin: .2em 0 .5em 0;
}
#tooltip.shamans div { padding-left: 3px; }

#tooltip.warlocks {
	background-color:#111;
	opacity: 1;
	border: 1px outset #999;
	width: 250px;
	color: #fff;
}
#tooltip.warlocks h3 {
	color: #9582d1;
	padding-left: 3px;
	font-size: 110%;
	font-weight: bold;
	margin: .2em 0 .5em 0;
}
#tooltip.warlocks div { padding-left: 3px; }

#tooltip.warriors {
	background-color:#111;
	opacity: 1;
	border: 1px outset #999;
	width: 250px;
	color: #fff;
}
#tooltip.warriors h3 {
	color: #c69b6d;
	padding-left: 3px;
	font-size: 110%;
	font-weight: bold;
	margin: .2em 0 .5em 0;
}
#tooltip.warriors div { padding-left: 3px; }

#tooltip.linkbars {
	background-color: #111;
	opacity: 1;
	border: 1px outset #999;
	width: 240px;
	color: #fff;
}
#tooltip.linkbars h3 {
	color: #fff;
	padding-left: 3px;
	font-size: 110%;
	font-weight: bold;
	margin: .2em 0 .5em 0;
}

#linkbar { 
	padding-left: 4px;
	display: block;
	float: left;
	text-align: center;
}

#tooltip.requirements {
	background:url(../images/requirements.gif);
	opacity: 1;
	border: 1px outset #999;
	margin: 0px;
	padding: 0px;
	width: 600px;
	height: 480px;
}