div.speechbubbles{
background-image: linear-gradient(#facdca, #fff);
/* background-image: url(../images/bkgs/bubble_content.jpg); */
/* background-color:#ffdcda; */							/*background color of tooltip*/
border:1px solid #a87878;
position:absolute;
top:0;
font: 1.0em/1.0  helvetica,arial,sans-serif;
color: #2f4f4f;
text-align: justify;
z-index:100;
visibility:hidden;
line-height:1.3em;
padding:8px;
width:280px;									/*default width of tooltip*/
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;								/*CSS3 border radius*/
-moz-box-shadow:0 0 90px #888888;
-webkit-box-shadow:0 0 90px #888888;
box-shadow:0 0 90px #888888;							/*CSS3 shadow*/
}



div.speechbubbles div.speechbubbles-arrow{					/*shared CSS for arrow DIV (upwards pointing)*/
border-color: transparent transparent #a87878 transparent;			/*border color should be same as div.speechbubbles background color*/
border-style: solid;
border-width: 10px;
height:0;
width:0;
position:absolute;
top:-19px;
left:20px;
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 transparent black transparent;			/*border color should be same as div.speechbubbles border color*/
border-style: solid;
border-width: 10px;
height:0;
width:0;
position:absolute;
top:-20px;
left:20px;
z-index:101;
_display:none;									/*IE hack to hide arrow in IE6*/
}


div.downversion div.speechbubbles-arrow{					/*down arrow DIV specific CSS*/
border-color: #a87878 transparent transparent transparent;			/*border color should be same as div.speechbubbles background color*/
top:auto;
bottom:-19px;
}


div.downversion div.speechbubbles-arrow-border{					/*down arrow border DIV specific CSS*/
border-color: black transparent transparent transparent;			/*border color should be same as div.speechbubbles border color*/
top:auto;
bottom:-20px;
}