Chatterbox!, I don't know how to change the color. Options

[XChelleXStarX]

Hey, I'd like to change the color of the font of my chatterbox. My Xanga is XChelleXStarX and you'll see the chatterboxes, because there are actually two, if you scroll all the way down to the bottom of my Xanga. Because my background is white, the white font isn't showing up. Please help me fix this!

[XChelleXStarX]

Wow guys, thanks for all the advice! Unfortunately, I'm still a bit confused. I want my dialogue of the chatterboxes to be the same pink that the other words on my Xanga are. I don't want to change the background color. It doesn't look like there is a choice to change the color of the font in the chatterbox codes, but here they are anyway. It would be great if someone could figure out how to fix this! Thanks in advance!

<align=left><!-- Flooble chatterbox for XChelleXStarX start --><table border="0" width="100%" cellpadding="0" cellspacing="0"><tr><td valign="bottom" align="left"></td></tr></table>
<script language="javascript"> var chatterbox = 'no'; </script>
<script language="javascript" src="http://chatter.flooble.com/chatter.php?js=true&id=XChelleXStarX&sid=2480099">
</script><noscript>
<a href="http://chatter.flooble.com/chatter.php?id=XChelleXStarX&sid=2480099&popup=true&w=480&h=400"
target="flooblechatterbox"
onClick="window.open('about:blank','flooblechatterbox','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,re
izable=no,copyhistory=no,width=480,height=400');return true;">
<img src="http://img.flooble.com/images/chatter/chaticon.gif" border="0"
align="absbottom">Talk</a>
in my <a href="http://chatter.flooble.com/">flooble chatterbox, a free javascript chat tag board / shoutbox / tagboard program for your xanga, diary, blogger or weblog</a> |
</noscript>
<script language="javascript"> if (!chatterbox || chatterbox != 'ok') {
document.write('This <a href="http://chatter.flooble.com/">flooble chatterbox</a> is');
document.write(' temporarily unavailable. It will be back up shortly.'); } </script>
<!-- Flooble chatterbox for XChelleXStarX end --></align=left>

<align=right><!-- Flooble chatterbox for xxxLostWithYouxxx start --><table border="0" width="100%" cellpadding="0" cellspacing="0"><tr><td valign="bottom" align="right"></td></tr></table>
<script language="javascript"> var chatterbox = 'no'; </script>
<script language="javascript" src="http://chatter.flooble.com/chatter.php?js=true&id=xxxLostWithYouxxx&sid=1876073">
</script><noscript>
<a href="http://chatter.flooble.com/chatter.php?id=xxxLostWithYouxxx&sid=1876073&popup=true&w=480&h=400"
target="flooblechatterbox"
onClick="window.open('about:blank','flooblechatterbox','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,re
izable=no,copyhistory=no,width=480,height=400');return true;">
<img src="http://img.flooble.com/images/chatter/chaticon.gif" border="0"
align="absbottom">Talk</a>
in my <a href="http://chatter.flooble.com/">flooble chatterbox, a free javascript chat tag board / shoutbox / tagboard program for your xanga, diary, blogger or weblog</a> |
<a href="http://perplexus.info/tree.php">puzzles, problems, riddles by category</a>
</noscript>
<script language="javascript"> if (!chatterbox || chatterbox != 'ok') {
document.write('This <a href="http://chatter.flooble.com/">flooble chatterbox</a> is');
document.write(' temporarily unavailable. It will be back up shortly.'); } </script>
<!-- Flooble chatterbox for xxxLostWithYouxxx end --></align=right>