Trouble with .hasTooltip background color

Boy I'm having a problem with .hasTooltip background color.

Tool tips on the sermons in the table are hard to read at URL
www.newbeginningokc.org/on-line-audio/all-sermons-by-date

I've fixed the background on the sermon player at URL
www.newbeginningokc.org/on-line-audio/al...ise-parenting-part-1

I've been using SermonSpeaker for years and I've just upgraded to Joomla 3.3 and SermonSpeaker 5.0.

Attached sermonspeaker.css and my template.css (Artisteer 4 template).

Any suggestions?
Thanks
Johnny

try adding this to your css file.

Thanks, and I tried several versions of table control in the sermonspeaker.css and the template.css with no success. I noticed that the popup tool tips do not use Arial but Times New Roman fonts and I'm trying to trace down the controlling CSS with this clue.

SermonSpeaker uses the tooltip methods provided by Joomla. However there are currently two methods. One (the old one) uses MooTools and the new one uses Bootstrap (jQuery).

I wrote some basic styling for the old one here: www.sermonspeaker.net/faq/31-pagination-...ps-look-awkward.html
The default Bootstrap styling for the new tooltips can be seen here: github.com/joomla/joomla-cms/blob/stagin...ui/less/tooltip.less

It may be possible that your template has only special styles for one of them. You would have to add the other one manually then.