@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: 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{ /* different middle bg for stretch */
	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;
}

#pillarChart{
position:relative;
width:509px;
height:445px;
margin:0;
}
#pil1{
position:absolute;
width:70px;
height:230px;
top:80px;
left:10px;
z-index:15;
}
#pil1 a{
	display:block;
	height:230px;
	width:70px;
}
#pil2{
position:absolute;
width:70px;
height:180px;
top:130px;
left:140px;
z-index:20;
}
#pil2 a{
	display:block;
	width:70px;
	height:180px;
}
#pil3{
position:absolute;
width:70px;
height:130px;
top:180px;
left:270px;
z-index:25;
}
#pil3 a{
	display:block;
	width:70px;
	height:130px;
}
#pil4{
position:absolute;
width:70px;
height:80px;
top:230px;
left:400px;
z-index:30;
}
#pil4 a{
	display:block;
	width:70px;
	height:80px;
}
#pil1 a.tt:hover div.tooltip{
	top:-60px;
}
#pil2 a.tt:hover div.tooltip{
	top:-110px;
}
#pil3 a.tt:hover div.tooltip{
	top:-160px;
}
#pil4 a.tt:hover div.tooltip{
	top:-210px;
}
#pillarImage{
position:absolute;
top:0;
left:0;
z-index:10;
}
#white_papers {
	width:195px;
	float: right;
	/*margin-top: -140px;*/
}