div.speechbubbles{
background-color:#E7E49E; /*background color of tooltip*/
border:1px solid black;
position:fixed;
top:0;
z-index:10001;
visibility:hidden;
line-height:1.3em;
padding:8px;
width:370px; /*default width of tooltip*/
border-radius:8px; /*CSS3 border radius*/
-moz-border-radius:8px;
-webkit-border-radius:8px;
box-shadow:0 0 10px #888888; /*CSS3 shadow*/
-moz-box-shadow:0 0 10px #888888;
-webkit-box-shadow:0 0 10px #888888;
}

.bubbletable {
	overflow: auto;
}


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


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


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;*/
bottom:-40px;

}