@charset "UTF-8";
/* CSS Document */

/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:3000;
    color:#000000;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:3001;background:;}
a.tt:hover div.tooltip{
    display:block;
    position:absolute;
    top:0px;
	left:0px;
	padding:0;
	width:200px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
    text-align: right;
    color: #0262cf;
}


a.tt:hover span.top{
	display: block;
	padding: 0;
	height:4px;
	width:200px;
	font-size:1px;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 14px;
}
a.tt:hover span.bottom{
	display: block;
	padding:0;
	height:4px;
	width:200px;
	font-size:1px;
}
/* old look
a.tt:hover div.tooltip{
    display:block;
    position:absolute;
    top:0px;
	left:0px;
	padding:0;
	width:200px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
    text-align: left;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}


a.tt:hover span.top{
	display: block;
	padding: 0;
	height:4px;
	width:200px;
	font-size:1px;
    background: url(../images/popTop.gif) no-repeat;
}
a.tt:hover span.middle{ 
	display: block;
	padding: 14px;
	background: url(../images/popMid.gif) repeat-y; 
}
a.tt:hover span.bottom{
	display: block;
	padding:0;
	height:4px;
	width:200px;
	font-size:1px;
    background: url(../images/popBttm.gif) no-repeat;
}

*/

#powerChart{
position:relative;
width:509px;
height:445px;
margin:0;
}
#intangible_1{
position:absolute;
width:175px;
height:60px;
top:50px;
left:200px;
z-index:35;
}
#intangible_2{
position:absolute;
width:175px;
height:60px;
top:118px;
left:200px;
z-index:36;
}
#intangible_3{
position:absolute;
width:175px;
height:60px;
top:188px;
left:200px;
z-index:37;
}
#intangible_4{
position:absolute;
width:175px;
height:60px;
top:258px;
left:200px;
z-index:38;
}
#intangible_1 a,#intangible_2 a,#intangible_3 a,#intangible_4 a{
	display:block;
	width:175px;
	height:60px;
}
#intangible_1 a.tt:hover div.tooltip,#intangible_2 a.tt:hover div.tooltip,#intangible_3 a.tt:hover div.tooltip,#intangible_4 a.tt:hover div.tooltip{
	top:0;
	left:-200px;
}

#powerImage{
position:absolute;
top:0;
left:0;
z-index:10;
}