@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:80px;
	left:102px;
	padding:0;
	width:120px;
	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:120px;
	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:120px;
	font-size:1px;
    /* background: url(../images/popBttm.gif) no-repeat; */
}

#relation_chart_1{
position:relative;
width:550px;
height:250px;
margin:0;
}
#ed_greater{
position:absolute;
width:112px;
height:220px;
top:10px;
left:20px;
z-index:15;
}
#ed_greater a{
	display:block;
	width:112px;
	height:220px;
}
#ed_less{
position:absolute;
width:112px;
height:220px;
top:10px;
left:212px;
z-index:20;
}
#ed_less a{
	display:block;
	width:112px;
	height:220px;
}
#ed_equal{
position:absolute;
width:112px;
height:220px;
top:10px;
left:414px;
z-index:25;
}
#ed_equal a{
	display:block;
	width:112px;
	height:220px;
}

#relate1_image{
position:absolute;
top:0;
left:0;
z-index:10;
}
#relation_chart_2{
position:relative;
width:550px;
height:233px;
margin:0;
}
#est_greater{
position:absolute;
width:112px;
height:220px;
top:10px;
left:20px;
z-index:30;
}
#est_greater a{
	display:block;
	width:112px;
	height:220px;
}
#est_less{
position:absolute;
width:112px;
height:220px;
top:10px;
left:212px;
z-index:35;
}
#est_less a{
	display:block;
	width:112px;
	height:220px;
}
#est_equal{
position:absolute;
width:112px;
height:220px;
top:10px;
left:414px;
z-index:40;
}
#est_equal a{
	display:block;
	width:112px;
	height:220px;
}

#relate2_image{
position:absolute;
top:0;
left:0;
z-index:28;
}
