This is an example of the CSS:

(Code 1)

<style type='text/css'>

.inputboxUsr {
width: 150px;
margin: 0 0 1em 0;
border: 1px solid #333333;
background:url('img/bginputusr.gif') no-repeat right top;
}

.inputboxPwd {
width: 150px;
margin: 0 0 1em 0;
border: 1px solid #333333;
background:url('img/bginputpwd.gif') no-repeat right top;
}

.inputboxSearch {
width: 150px;
margin: 0 0 1em 0;
border: 1px solid #333333;
background:url('img/magnifying-glass.gif') no-repeat right center;
padding-right:20px;
}

.inputboxStar {
width: 150px;
margin: 0 0 1em 0;
border: 1px solid #333333;
background:url('img/lg_input_full.gif') no-repeat left center;
padding-left:20px;
}

</style>

<form id="loginForm" name="loginForm" method="post">
<input class="inputboxusr" type="text" size="15" name="usrname" />
<input class="inputboxpwd" type="password" size="15" value="" name="pass" />
<input class="inputboxSearch" type="text" size="15" value="" name="search" />
<input class="inputboxStar" type="text" size="15" value="" name="star" />
</form>