button.html

<!-- anchor -->

<a class="button_init normal" onclick="$('pre_button').hide(); $('add_quick_switch_form').show();" type="button"><span>&nbsp;Add..</span><em>&nbsp;</em></a>

<!-- button -->

<button class="button_init normal" onclick="" type="submit"><span>&nbsp;Update User</span><em>&nbsp;</em></button>

buttons.css

/* buttons */
.button_init					 		{ width:auto; overflow:visible; padding:0; margin:0; border:0; cursor: pointer; background:transparent; white-space: pre; font-family: Tahoma, sans-serif; font-size: 9px; color: #fff !important; font-weight: bold; line-height: 20px;}
.button_init:hover						{ text-decoration: none; }

button.normal > span 					{ padding: 2px 0px 3px 5px; background: url(/images/main_sprite.png) -1016px -113px; }
button.normal > em   					{ padding: 2px 5px 3px 0px; background: url(/images/main_sprite.png) -1293px -113px; }

button.green > span						{ padding: 2px 0px 3px 5px; background: url(/images/main_sprite.png) -1301px -129px; }
button.green > em  						{ padding: 2px 5px 3px 0px; background: url(/images/main_sprite.png) -1580px -129px; }

button.red > span						{ padding: 2px  0px 3px 5px; background: url(/images/main_sprite.png) -1301px -113px; }
button.red > em  						{ padding: 2px 5px 3px 0px; background: url(/images/main_sprite.png) -1580px -113px; }

a.normal > span 						{ padding: 2px 0px 3px 5px; background: url(/images/main_sprite.png) -1016px -113px; }
a.normal > em   						{ padding: 2px 5px 3px 0px; background: url(/images/main_sprite.png) -1293px -113px; }

a.big > span 							{ padding: 7px 0px 7px 10px; background: url(/images/main_sprite.png) -1586px -110px; font-size: 18px; color: #333; font-weight: normal; font-family: Arial; }
a.big > em   							{ padding: 7px 10px 7px 0px; background: url(/images/main_sprite.png) -1830px -110px; font-size: 18px; font-weight: normal; font-family: Arial; }

a.red > span							{ padding: 2px 0px 3px 5px; background: url(/images/main_sprite.png) -1301px -113px; }
a.red > em 								{ padding: 2px 5px 3px 0px; background: url(/images/main_sprite.png) -1580px -113px; }

a.green > span							{ padding: 2px 0px 3px 5px; background: url(/images/main_sprite.png) -1301px -129px; }
a.green > em 							{ padding: 2px 5px 3px 0px; background: url(/images/main_sprite.png) -1580px -129px; }

.disabled_init 							{ width:auto; overflow:visible; padding:0; margin:0; border:0; cursor: pointer; background:transparent; white-space: pre; font-family: Arial, Helvetica, Tahoma, sans-serif; font-size: 7pt; font-weight: bold; color: #222 !important; line-height: 20px; }
span.normal > span 						{ padding: 2px 0px 3px 5px; background: url(/images/main_sprite.png) -1016px -129px; }
span.normal > em   						{ padding: 2px 5px 3px 0px; background: url(/images/main_sprite.png) -1293px -129px; }