/* 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:25px;
	left:90px;
	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;
}
img.rollover_instructions{
	margin-top: 20px;
	float: left;
}

#assessment_tools {
	margin: -50px 0 0 0;
	position: relative;
}

#tool1{
position:absolute;
width:90px;
height:125px;
top:130px;
left:0px;
z-index:15;
}

#tool2{
position:absolute;
width:90px;
height:125px;
top:110px;
left:90px;
z-index:16;
}

#tool3{
position:absolute;
width:90px;
height:125px;
top:92px;
left:180px;
z-index:17;
}

#tool4{
position:absolute;
width:90px;
height:125px;
top:72px;
left:264px;
z-index:18;
}

#tool5{
position:absolute;
width:90px;
height:125px;
top:48px;
left:346px;
z-index:19;
}

#tool6{
position:absolute;
width:90px;
height:125px;
top:29px;
left:437px;
z-index:20;
}

#tool7{
position:absolute;
width:90px;
height:125px;
top:288px;
left:0px;
z-index:21;
}

#tool8{
position:absolute;
width:90px;
height:125px;
top:268px;
left:90px;
z-index:22;
}

#tool9{
position:absolute;
width:90px;
height:125px;
top:250px;
left:180px;
z-index:23;
}

#tool10{
position:absolute;
width:90px;
height:125px;
top:225px;
left:264px;
z-index:24;
}

#tool11{
position:absolute;
width:90px;
height:125px;
top:206px;
left:346px;
z-index:25;
}

#tool12{
position:absolute;
width:90px;
height:125px;
top:187px;
left:437px;
z-index:26;
}

#tool1 a,
#tool2 a,
#tool3 a,
#tool4 a,
#tool5 a,
#tool6 a,
#tool7 a,
#tool8 a,
#tool9 a,
#tool10 a,
#tool11 a,
#tool12 a{
	display:block;
	height:125px;
	width:90px;
}