<span class="niftydefault" style="display: block;">
<span class="yoo-login">
<span class="login">
<span class="username">
<input type="text" name="UserName" size="15" alt="Login" value="Login" onblur="if(this.value=='') this.value='Login';" onfocus="if(this.value=='Login') this.value='';" />
</span>

css
a:focus { outline: none; }

span.yoo-login,
span.yoo-login span {
display: block;
}

span.niftydefault span.yoo-login span.login {
width: 139px;
margin: auto;
}

span.niftydefault span.yoo-login span.login span.username,
span.niftydefault span.yoo-login span.login span.password {
margin-bottom: 6px;
width: 109px;
height: 16px;
padding: 5px 5px 2px 25px;
overflow: hidden;
}

span.niftydefault span.yoo-login span.login span.username {
background: url(../images/username_bg.png) 0 0 no-repeat; /* ie6png:crop */
}

span.niftydefault span.yoo-login span.login span.password {
background: url(../images/password_bg.png) 0 0 no-repeat; /* ie6png:crop */
}

span.niftydefault span.yoo-login span.login span.username:hover {
background: url(../images/username_bg.png) 0 -24px no-repeat;
}

span.niftydefault span.yoo-login span.login span.password:hover {
background: url(../images/password_bg.png) 0 -24px no-repeat;
}

span.niftydefault span.yoo-login span.login span.username input,
span.niftydefault span.yoo-login span.login span.password input {
padding: 0px;
width: 100%;
background: none;
border: none;
outline: none;
float: left;
color: #646464;
font-size: 12px;
}

span.niftydefault span.yoo-login span.login span.username input:hover,
span.niftydefault span.yoo-login span.login span.password input:hover,
span.niftydefault span.yoo-login span.login span.username input:focus,
span.niftydefault span.yoo-login span.login span.password input:focus {
color: #000000;
}