.sprite { background: url(sprite.png) no-repeat top left; display: block; float: left; padding-right: 5px; }

.sprite.accept { background-position: 0 0; width: 24px; height: 24px; } 
.sprite.accept_page { background-position: 0 -40px; width: 24px; height: 24px; } 
.sprite.add { background-position: 0 -80px; width: 24px; height: 24px; } 
.sprite.add_page { background-position: 0 -120px; width: 24px; height: 24px; } 
.sprite.add_to_folder { background-position: 0 -160px; width: 24px; height: 24px; } 
.sprite.attachment { background-position: 0 -200px; width: 24px; height: 24px; } 
.sprite.back { background-position: 0 -240px; width: 24px; height: 24px; } 
.sprite.block { background-position: 0 -280px; width: 24px; height: 24px; } 
.sprite.calendar { background-position: 0 -320px; width: 24px; height: 24px; } 
.sprite.calendar_empty { background-position: 0 -360px; width: 24px; height: 24px; } 
.sprite.chart { background-position: 0 -400px; width: 24px; height: 24px; } 
.sprite.chart_pie { background-position: 0 -440px; width: 24px; height: 24px; } 
.sprite.clock { background-position: 0 -480px; width: 24px; height: 24px; } 
.sprite.comment { background-position: 0 -520px; width: 24px; height: 24px; } 
.sprite.comments { background-position: 0 -560px; width: 24px; height: 24px; } 
.sprite.delete { background-position: 0 -600px; width: 24px; height: 24px; } 
.sprite.delete_folder { background-position: 0 -640px; width: 24px; height: 24px; } 
.sprite.delete_page { background-position: 0 -680px; width: 24px; height: 24px; } 
.sprite.download { background-position: 0 -720px; width: 24px; height: 24px; } 
.sprite.favorite { background-position: 0 -760px; width: 24px; height: 24px; } 
.sprite.folder { background-position: 0 -800px; width: 24px; height: 24px; } 
.sprite.folder_accept { background-position: 0 -840px; width: 24px; height: 24px; } 
.sprite.folder_full { background-position: 0 -880px; width: 24px; height: 24px; } 
.sprite.full_page { background-position: 0 -920px; width: 24px; height: 24px; } 
.sprite.heart { background-position: 0 -960px; width: 24px; height: 24px; } 
.sprite.help { background-position: 0 -1000px; width: 24px; height: 24px; } 
.sprite.info { background-position: 0 -1040px; width: 24px; height: 24px; } 
.sprite.lock { background-position: 0 -1080px; width: 24px; height: 24px; } 
.sprite.mail { background-position: 0 -1120px; width: 24px; height: 24px; } 
.sprite.mail_lock { background-position: 0 -1160px; width: 24px; height: 24px; } 
.sprite.mail_receive { background-position: 0 -1200px; width: 24px; height: 24px; } 
.sprite.mail_search { background-position: 0 -1240px; width: 24px; height: 24px; } 
.sprite.mail_send { background-position: 0 -1280px; width: 24px; height: 24px; } 
.sprite.new_page { background-position: 0 -1320px; width: 24px; height: 24px; } 
.sprite.next { background-position: 0 -1360px; width: 24px; height: 24px; } 
.sprite.page_process { background-position: 0 -1400px; width: 24px; height: 24px; } 
.sprite.process { background-position: 0 -1440px; width: 24px; height: 24px; } 
.sprite.promotion { background-position: 0 -1480px; width: 24px; height: 24px; } 
.sprite.protection { background-position: 0 -1520px; width: 24px; height: 24px; } 
.sprite.refresh { background-position: 0 -1560px; width: 24px; height: 24px; } 
.sprite.rss { background-position: 0 -1600px; width: 24px; height: 24px; } 
.sprite.search { background-position: 0 -1640px; width: 24px; height: 24px; } 
.sprite.search_page { background-position: 0 -1680px; width: 24px; height: 24px; } 
.sprite.tag_blue { background-position: 0 -1720px; width: 24px; height: 24px; } 
.sprite.tag_green { background-position: 0 -1760px; width: 24px; height: 24px; } 
.sprite.text_page { background-position: 0 -1800px; width: 24px; height: 24px; } 
.sprite.unlock { background-position: 0 -1840px; width: 24px; height: 24px; } 
.sprite.user { background-position: 0 -1880px; width: 24px; height: 24px; } 
.sprite.users { background-position: 0 -1920px; width: 24px; height: 24px; } 
.sprite.warning { background-position: 0 -1960px; width: 24px; height: 24px; } 




.sprite-large { background: url(sprite-large.png) no-repeat top left; display: block; float: left; }

.sprite-large.accept { background-position: 0 0; width: 32px; height: 32px; } 
.sprite-large.accept_page { background-position: -64px 0; width: 32px; height: 32px; } 
.sprite-large.add { background-position: -128px 0; width: 32px; height: 32px; } 
.sprite-large.add_page { background-position: -192px 0; width: 32px; height: 32px; } 
.sprite-large.add_to_folder { background-position: -256px 0; width: 32px; height: 32px; } 
.sprite-large.attachment { background-position: -320px 0; width: 32px; height: 32px; } 
.sprite-large.back { background-position: -384px 0; width: 32px; height: 32px; } 
.sprite-large.block { background-position: -448px 0; width: 32px; height: 32px; } 
.sprite-large.calendar { background-position: -512px 0; width: 32px; height: 32px; } 
.sprite-large.calendar_empty { background-position: -576px 0; width: 32px; height: 32px; } 
.sprite-large.chart { background-position: -640px 0; width: 32px; height: 32px; } 
.sprite-large.chart_pie { background-position: -704px 0; width: 32px; height: 32px; } 
.sprite-large.clock { background-position: -768px 0; width: 32px; height: 32px; } 
.sprite-large.comment { background-position: -832px 0; width: 32px; height: 32px; } 
.sprite-large.comments { background-position: -896px 0; width: 32px; height: 32px; } 
.sprite-large.delete { background-position: -960px 0; width: 32px; height: 32px; } 
.sprite-large.delete_folder { background-position: -1024px 0; width: 32px; height: 32px; } 
.sprite-large.delete_page { background-position: -1088px 0; width: 32px; height: 32px; } 
.sprite-large.download { background-position: -1152px 0; width: 32px; height: 32px; } 
.sprite-large.favorite { background-position: -1216px 0; width: 32px; height: 32px; } 
.sprite-large.folder { background-position: -1280px 0; width: 32px; height: 32px; } 
.sprite-large.folder_accept { background-position: -1344px 0; width: 32px; height: 32px; } 
.sprite-large.folder_full { background-position: -1408px 0; width: 32px; height: 32px; } 
.sprite-large.full_page { background-position: -1472px 0; width: 32px; height: 32px; } 
.sprite-large.heart { background-position: -1536px 0; width: 32px; height: 32px; } 
.sprite-large.help { background-position: -1600px 0; width: 32px; height: 32px; } 
.sprite-large.info { background-position: -1664px 0; width: 32px; height: 32px; } 
.sprite-large.lock { background-position: -1728px 0; width: 32px; height: 32px; } 
.sprite-large.mail { background-position: -1792px 0; width: 32px; height: 32px; } 
.sprite-large.mail_lock { background-position: -1856px 0; width: 32px; height: 32px; } 
.sprite-large.mail_receive { background-position: -1920px 0; width: 32px; height: 32px; } 
.sprite-large.mail_search { background-position: 0 -64px; width: 32px; height: 32px; } 
.sprite-large.mail_send { background-position: -64px -64px; width: 32px; height: 32px; } 
.sprite-large.new_page { background-position: -128px -64px; width: 32px; height: 32px; } 
.sprite-large.next { background-position: -192px -64px; width: 32px; height: 32px; } 
.sprite-large.page_process { background-position: -256px -64px; width: 32px; height: 32px; } 
.sprite-large.process { background-position: -320px -64px; width: 32px; height: 32px; } 
.sprite-large.promotion { background-position: -384px -64px; width: 32px; height: 32px; } 
.sprite-large.protection { background-position: -448px -64px; width: 32px; height: 32px; } 
.sprite-large.refresh { background-position: -512px -64px; width: 32px; height: 32px; } 
.sprite-large.rss { background-position: -576px -64px; width: 32px; height: 32px; } 
.sprite-large.search { background-position: -640px -64px; width: 32px; height: 32px; } 
.sprite-large.search_page { background-position: -704px -64px; width: 32px; height: 32px; } 
.sprite-large.tag_blue { background-position: -768px -64px; width: 32px; height: 32px; } 
.sprite-large.tag_green { background-position: -832px -64px; width: 32px; height: 32px; } 
.sprite-large.text_page { background-position: -896px -64px; width: 32px; height: 32px; } 
.sprite-large.unlock { background-position: -960px -64px; width: 32px; height: 32px; } 
.sprite-large.user { background-position: -1024px -64px; width: 32px; height: 32px; } 
.sprite-large.users { background-position: -1088px -64px; width: 32px; height: 32px; } 
.sprite-large.warning { background-position: -1152px -64px; width: 32px; height: 32px; }