/* speechBubble */
.speechBubbleLeft,
.speechBubbleRight {
display:block;
position:relative;
opacity:0.8;
width:105px;
clear:both;
}
.speechBubbleLeft .speechBubbleContent {
width:105px;
position:absolute;
top:0;
right:7px;
}
.speechBubbleRight .speechBubbleContent {
width:105px;
position:absolute;
top:0;
left:17px;
}
.speechBubbleContent {
color:#fff;
font:normal normal normal 12px/1.33em Arial, Helvetica, sans-serif;
padding:2px;
display:block;
}
.speechBubbleArrow {
width:17px;
height:17px;
display:block;
position:absolute;
top:10px;
}
.speechBubbleLeft .speechBubbleArrow {
background:url(pics/bgSpeechbubblesLeft.gif) no-repeat left top;
right:0;
}
.speechBubbleRight .speechBubbleArrow {
background:url(pics/bgSpeechbubblesRight.gif) no-repeat left top;
left:0;
}
/* leave in this order because javascript relies on it */
.speechBubbleBlue .speechBubbleContent { background:#3399d1; }
.speechBubbleBlue .speechBubbleArrow { background-position:0px -40px; }
.speechBubbleBronze .speechBubbleContent { background:#a34e4e; }
.speechBubbleBronze .speechBubbleArrow { background-position:0px 0px; }
.speechBubblePurple .speechBubbleContent { background:#a149a8; }
.speechBubblePurple .speechBubbleArrow { background-position:0px -20px; }
.speechBubbleGreen .speechBubbleContent { background:#679d33; }
.speechBubbleGreen .speechBubbleArrow { background-position:0px -60px; }
.speechBubbleYellow .speechBubbleContent {
background:#ffdb33;
color:#333;
}
.speechBubbleYellow .speechBubbleArrow { background-position:0px -80px; }
.speechBubbleOrange .speechBubbleContent { background:#e38933; }
.speechBubbleOrange .speechBubbleArrow { background-position:0px -100px; }
.speechBubbleToolTip .speechBubbleContent {
background:#b4b4b4;
color:#666;
}
.speechBubbleToolTip .speechBubbleArrow { background-position:0px -120px; }
.speechBubbleParent .speechBubble { display:none; }