[AliceHoward]

I have made some minor changes to how this is done on my own site so it works nicely with vB403

Put this in the additional css template

.toplinks form img {
position:relative;  
top: 5px;        
}

In header template FIND THIS:

				<fieldset id="logindetails" class="logindetails">
					<div>
						<div>
					<input type="text" class="textbox" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="101" value="<vb:if condition="$username">{vb:raw username}<vb:else />{vb:rawphrase username}</vb:if>" />
					<input type="text" class="textbox default-value" tabindex="102" name="vb_login_password_hint" id="navbar_password_hint" size="10" value="{vb:rawphrase password}" style="display:none;" />
					<input type="password" class="textbox" tabindex="102" name="vb_login_password" id="navbar_password" size="10" />
					<input type="submit" class="loginbutton" tabindex="104" value="{vb:rawphrase log_in}" title="{vb:rawphrase enter_username_to_login_or_register}" accesskey="s" />
						</div>
					</div>
				</fieldset>
				<div id="remember" class="remember">
					<label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" id="cb_cookieuser_navbar" class="cb_cookieuser_navbar" accesskey="c" tabindex="103" /> {vb:rawphrase remember_me}</label>
				</div>

REPLACE WITH:

                        <fieldset id="logindetails" class="logindetails">
                            <div>
                                <div>
                                    <img src="{vb:stylevar imgdir_icons}/username.png" alt="Username" />
                                    <input type="text" class="textbox" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="101" value="<vb:if condition="$username">{vb:raw username}<vb:else />{vb:rawphrase username}</vb:if>" />
                                    <img src="{vb:stylevar imgdir_icons}/password.png" alt="Password" />
                                    <input type="text" class="textbox default-value" tabindex="102" name="vb_login_password_hint" id="navbar_password_hint" size="10" value="{vb:rawphrase password}" style="display:none;" />
                                    <input type="password" class="textbox" tabindex="102" name="vb_login_password" id="navbar_password" size="10" />
                                    <input type="submit" class="loginbutton" tabindex="104" value="{vb:rawphrase log_in}" title="{vb:rawphrase enter_username_to_login_or_register}" accesskey="s" />
                                    <label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" id="cb_cookieuser_navbar" class="cb_cookieuser_navbar" accesskey="c" tabindex="103" /> {vb:rawphrase remember_me}</label>
                                </div>
                            </div>
                        </fieldset>

If you have trouble see the word login in some styles and would like a very quick fix for that then make this change:

In the header replacement code FIND:

<input type="submit" class="loginbutton"

REPLACE WITH:

<input type="submit" class="loginbutton" style="color:#000000"

You can change the 000000 for what ever colour best suits the style you are using.