div.speechbubbles{
background-color:#EDEDED; /*background color of tooltip*/
border:1px solid black;
margin-top:-50px;
margin-left:200px;
z-index:100;
position:absolute;
visibility:hidden;
padding:8px;
line-height:1.3em;
width:auto; /*default width of tooltip*/
border-radius:5px; /*CSS3 border radius*/
-moz-border-radius:5px;
-webkit-border-radius:5px;
box-shadow: 0 0 10px 0 #888888; /*CSS3 shadow*/
-moz-box-shadow:0 0 10px #888888;
-webkit-box-shadow:0 0 10px #888888;
}

div.speechbubbles div.speechbubbles-arrow{  /*shared CSS for arrow DIV (upwards pointing)*/
height:20px;
width:10;
margin-top:-15px;
margin-left:-28px;
z-index:101;
_display:none; /*IE hack to hide arrow in IE6*/
}

div.speechbubbles div.speechbubbles-arrow-border{ /*shared CSS for arrow border DIV*/
border-color: transparent #EDEDED transparent transparent; /*border color should be same as div.speechbubbles border color*/
border-style: solid;
border-width: 5px;
height:0;
width:0;
margin-top:-15px;
margin-left:-18px;
z-index:101;
_display:none; /*IE hack to hide arrow in IE6*/
}




div.speechbubblea{
background-color:#EDEDED; /*background color of tooltip*/
border:1px solid black;
margin-top:-75px;
margin-left:500px;
z-index:100;
position:absolute;
visibility:hidden;
padding:8px;
width:auto; /*default width of tooltip*/
border-radius:5px; /*CSS3 border radius*/
-moz-border-radius:5px;
-webkit-border-radius:5px;
box-shadow: 0 0 10px 0 #888888; /*CSS3 shadow*/
-moz-box-shadow:0 0 10px #888888;
-webkit-box-shadow:0 0 10px #888888;
}

div.speechbubblea div.speechbubblea-arrow{  /*shared CSS for arrow DIV (upwards pointing)*/
height:0;
width:0;
margin-top:-30px;
margin-left:-18px;
z-index:101;
_display:none; /*IE hack to hide arrow in IE6*/
}

div.speechbubblea div.speechbubblea-arrow-border{ /*shared CSS for arrow border DIV*/
border-color: #000 transparent transparent transparent; /*border color should be same as div.speechbubbles border color*/
border-style: solid;
border-width: 5px;
height:20px;
width:0;
margin-top:10px;
margin-left:0px;
z-index:101;
_display:none; /*IE hack to hide arrow in IE6*/
}