Bible Code / CSS Issue

[Chadi]

When hovering over any quoted Scripture verse in forum posts, the netTagger pop-up works as shows that full Scripture. The problem is that when doing a hover over the actual verse prior to pop-up, the font style of the versed Scripture changes to some generic looking Times Roman style font and I cannot trace the cause of this. It should remain the same style on/off hover mode.

Example post:
http://www.talkjesus.com/church-sermons/40237-going-deeper-conquering-your-fears.html#post193034

My netbible.css code is

/* The div that holds the entire popup */

#nbtDiv {
padding: 0;
margin: 0;
display: none;
z-index:100;
border-radius: 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
-moz-box-shadow: 2px 3px 5px #BBBBBB;
-webkit-box-shadow: 2px 3px 5px #BBBBBB;
box-shadow: 2px 3px 5px #BBBBBB;
border-left: 1px solid #BBBBBB;
border-right: 1px solid #BBBBBB;
border-bottom: 1px solid #BBBBBB;
background-color: white;
}

/* The Header that includes the Current Verse Reference and Close X */

#nbtHeader {
/* padding:0px;
background-color:#3a3877;
border:0px;
padding:0px;
margin:0px;
height:16px; */
background: url("/api/NETBibleTagger/v2/images/headerBackground.png") repeat scroll 0 0 white;
border: 1px solid #DDDDDD;
height: 30px;
-moz-border-radius-topright: 6px;
-moz-border-radius-topleft: 6px;
}

/* The span that hold the Current Verse Reference */

#nbtVerseTitle {
color: #555;
display: inline;
font-family: Helvetica,Arial,serif;
font-size: 16px;
font-weight: bold;
padding-left: 8px;
position: relative;
top: 4px;
width: auto;
}

/* The Close link's child image */

#nbtClose img {
border: 0 none;
display: block;
float: right;
height: 0;
margin-right: 3px;
margin-top: 6px;
*margin-top:0px;
}

/* The loading Indicator image */

#nbtLoading {
position:relative;
border:0;
margin-left:auto;
margin-right:auto;
display:block;
vertical-align:middle;
}

/* The div containing the content */

#verseTarget {
height: 150px;
/*
border: 1px solid #DDDDDD;
background-color: white;
*/
color:#777;
overflow: auto;
padding-left: 5px;
font-family: Helvetica,Arial,serif;
font-size: 12px;
line-height:20px;
}

#verseTarget a, #nbtPoweredBy a {
color: #0088CC;
text-decoration: none;
font-family: Helvetica,Arial,serif;
font-size: 10px;
}

.nbtWidth {
width: 350px;
}

#nbtPoweredBy {
padding-left: 6px;
border-top: 1px solid #DDDDDD;
font-size: 10px;
padding-bottom: 2px;
padding-top: 2px;
color:black;
}

[Lynne]

Using firebug... on hover code:

.vb_postbit a:hover, .vb_postbit a:active {
border-bottom: 1px dotted #4D528C;
color: #4D528C;
font: 12px "verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif";
text-decoration: none;

}

Those double quotes around the font are not valid and make that part of the CSS invalid.

[Chadi]

Thank you