CSS for the verse link

First, RefTagger is awesome.
Now to my question. I am able to modify the CSS for the tooltips as described in http://reftagger.com/#customize. That is great. But I also want to modify the CSS for the link that is created on the verse on my page itself. Since the anchor element ends up with a "lbsBibleRef" class I tried setting up a corresponding CSS definition:
.lbsBibleRef,
.lbsBibleRef a,
.lbsBibleRef a:link,
.lbsBibleRef a:hover,
.lbsBibleRef a:unvisited,
.lbsBibleRef a:visited
{
color: black;
text-decoration: none;
}
but my rule does not get picked up at all. I'm an "intermediate" CSS user, so maybe I'm missing something obvious here.
I got the desired effect to work by inserting an extra style command (a.style.color="black";) into a local copy of referencetagging.js itself, but if there is a cleaner solution that doesn't require hacking into compressed javascript I would like to know.
The use case is that on my wiki I have some pages dedicated to Bible verses. For example, I might have a page called "Acts 4:19" with some commentary on that verse. But many other verses may not have their own wiki page. I want to reserve blue text for the standard wiki meaning of links to internal pages. And I want other verses to remain black, with the understanding that frequent visitors to the site will know that they can hover over a verse with standard black text and get the RefTagger tooltip. See http://mt633.redirectme.net/wiki/%CE%94%CE%AF%CE%BA%CE%B1%CE%B9%CE%BF%CF%82 for an example.
[In fact, I am also inclined to disable the "href" feature of the anchor so that pop-up still comes up when you hover on the verse but the verse itself does not become a link. My feeling is that if someone really wants to open a window to examine that verse in more detail (on biblia.com) then they should click the "More>>" button in the tooltip rather than clicking the verse itself (since clicking on a link and going to an external site is unexpected behavior on a wiki).]