/* type cast a css element is actually a bad idea - but for this example ... it doesn't matter */
span { display: block; width: 16px; height: 16px; float: left; }

/* no sprites - multiple images ... => no good! */
.icon-mail 				{ background: transparent url(images/email.png) 0 0 no-repeat }
.icon-mail-add 			{ background: transparent url(images/email_add.png) 0 0 no-repeat }
.icon-mail-attach 		{ background: transparent url(images/email_attach.png) 0 0 no-repeat }
.icon-mail-delete 		{ background: transparent url(images/email_delete.png) 0 0 no-repeat }
.icon-mail-edit 		{ background: transparent url(images/email_edit.png) 0 0 no-repeat }
.icon-mail-error 		{ background: transparent url(images/email_error.png) 0 0 no-repeat }
.icon-mail-go 			{ background: transparent url(images/email_go.png) 0 0 no-repeat }
.icon-mail-link 		{ background: transparent url(images/email_link.png) 0 0 no-repeat }
.icon-nail-open 		{ background: transparent url(images/email_open.png) 0 0 no-repeat }
.icon-mail-open-image 	{ background: transparent url(images/email_open_image.png) 0 0 no-repeat }