/* 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; }

.icons { background-image: url(images/sprite.png); background-repeat: none }
.icon-mail 				{ background-position: 0 0 }
.icon-mail-add 			{ background-position: 0 -40px }
.icon-mail-attach 		{ background-position: 0 -80px }
.icon-mail-delete 		{ background-position: 0 -120px }
.icon-mail-edit 		{ background-position: 0 -160px }
.icon-mail-error 		{ background-position: 0 -200px }
.icon-mail-go 			{ background-position: 0 -240px }
.icon-mail-link 		{ background-position: 0 -280px }
.icon-nail-open 		{ background-position: 0 -320px }
.icon-mail-open-image 	{ background-position: 0 -360px }