.username input {
   float: left;
   border: medium none;
   background: url("../img/username_bg.png") no-repeat scroll 0px 0px transparent;
   color: #646464;
   font-size: 75%;
   height: 16px;
   outline: medium none;
   padding: 4px 0 0 30px;
   margin: 0px 4px 0px 0px;
   width: 70px;
}

.username input:hover, .username input:focus {
   background: url("../img/username_bg.png") no-repeat scroll 0px -20px transparent;
   color: #000000;
}

.password input {
   float: left;
   border: medium none;
   background:url("../img/password_bg.png") no-repeat scroll 0px 0px transparent;
   color: #646464;   
   font-size: 75%;
   height: 16px;
   outline: medium none;
   padding: 4px 0px 0px 30px;
   margin: 0px 4px 0px 0px;
   width: 70px;
}

.password input:hover, .password input:focus {
   background: url("../img/password_bg.png") no-repeat scroll 0px -20px transparent;
   color: #000000;
}

.login-button-icon button {
   float: left;
   background: url("../img/login_button_bg.png") no-repeat scroll 0px 0px transparent;
   border: medium none;
   cursor: pointer;
   height: 20px;
   overflow: hidden;
   padding: 0px;
   margin: 0px;
   width: 21px;
}