a.info{position: relative;z-index:24;background-color:yellow; color:#000; text-decoration:none}
a.info:hover{z-index:25;background-color: #ff0}
a.info span{display: none}
a.info:hover span{display:block;
    position:absolute; top:2em;left:2em; width:15em;
    border:1px solid #0cf; background-color:white; color:#000;text-align: center}
div#counter{margin-top: 100px}
/*now let's go to print the stuff: this will not work in ie: would be better make
two style sheets and link them with the media attribute*/

@media print{
    body{font-size: 10pt}
    div#main{margin: 0 0.5cm}
    a.info{background-color: #fff; color: 000}
    a.info span{display: inline;font-style: italic}
    a.info span:before{content: " ["} /*for a better print, even if... */
    a.info span:after{content: "] "}  /* ...will not work in ie*/
    div#counter{display: none}
    }

#mouseoverstyle {
	BACKGROUND-COLOR: highlight
}
#mouseoverstyle A {
	COLOR: white
}
#dhtmltooltip{
position: absolute;
width: 200px;
border: 1px dashed #F1C057;
padding: 0px;
background-color: lightyellow;
/*background-image: url(../images/.gif);*/
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
    filter:alpha(opacity=60);
}
/*specify height of broken up content */
.multiparts{
height: 50px;
}
.style1 {font-size: 9px
}