[itsRahul]

This is what my additional.css says

.loginBoxInput {
background:url({vb:stylevar imgdir_themedir}/loginBoxInput.gif) no-repeat top left;
width:129px;
height:28px;
}
.loginInput {
background:transparent;
border:0;
color: #8e9fb3;
font-size:12px;
width:119px;
padding:0 5px;
height:28px;
line-height:28px;
}

Removing this line:background:url({vb:stylevar imgdir_themedir}/loginBoxInput.gif) no-repeat top left;
changed nothing. The entire top/header has a dark color so it's ok if the boxes are black. I just want the font to appear light when typing. Before the user selects a box, the default text "Username/password" are in light, readable text.

I don't understand why the color: #8e9fb3 gets overwritten from user selecting the box. How do I find the area that's overwriting on user click?