help with javascript widget and styling it with css

Ok I have the following code:

<div class="js-kit-rating"></div>

<div class="js-kit-comments"></div>

<script src="http://js-kit.com/reviews.js"></script>

<style>

.js-poweredBy {display:none; visibility:hidden}

</style>





And Im trying to change the style of the main fonts used at the top of it to arial 9 or 10.

The problem is I cant figure it out, the result of the code is here (http://www.holidays2crete.com/daskalakisapartments.html)

and the how to on changing the stylesheet for this widget is here (http://wiki.js-kit.com/Skinning-Guide#Comments)

All I want to do is change the "Write a comment and Control panel" font but everything I do doesnt seem to work, does anyone have any ideas?

all help greatly appreciated im new ahere and completely baffled by css :(

Hello and welcome to the forums!

If you review the javascript you use to build the rating system (linked from here (http://js-kit.com/reviews.js)) it appears to be hard-coded there. I'm not sure if CSS can overcome this.

If you want to change the appearance I think your best bet is to host a copy of the javascript file on your own server and update the code to display the font the way you want it to. Just save a copy to your local computer and open the file with Notepad or similar (but NOT MSWord) and you can view/update the code.

thnaks for your reply, I will certainly explore doing that. I have pretty much given up after 2 days of trying to change the font now anyway and resigned myself to the times roman..

:)