Tiny icons for users and security

[greatescape]

I've got a couple of questions about the lj-user and post security icons, apologies if they're the dumbest things you've ever heard. This is the code I'm using at the moment:

* html span.ljuser{
background-image: url(**URL**) !important;
background-repeat: no-repeat;
background-position: left middle;
padding: 0px 16px 16px 0px !important;
}

* html span.ljuser img{
visibility: hidden;
}

/* icon for users */
.ljuser img[src="http://p-stat.livejournal.com/img/userinfo.gif"] {
width: 0;
height: 0;
background-repeat: no-repeat;
background-image: url(**URL**) !important;
padding: 16px 16px 0 0 !important;
}

/* icon for communities */
.ljuser img[src="http://p-stat.livejournal.com/img/community.gif"] {
width:0;
height: 0;
background-repeat: no-repeat;
background-image: url(**URL**) !important;
padding: 16px 16px 0 0 !important;
}

/* icon for sponsored communities */
.ljuser img[src="http://p-stat.livejournal.com/img/sponcomm.gif"] {
width:0;
height: 0;
background-repeat: no-repeat;
background-image: url(**URL**) !important;
padding: 16px 16px 0 0 !important;
}

/* icon for syndicated */
.ljuser img[src="http://p-stat.livejournal.com/img/syndicated.gif"] {
width: 0;
height: 0;
background-repeat: no-repeat;
background-image: url(**URL**) !important;
padding: 16px 16px 0 0 !important;
}

/* icon for news */
.ljuser img[src="http://p-stat.livejournal.com/img/newsinfo.gif"] {
width:0;
height: 0;
background-repeat: no-repeat;
background-image: url(**URL**) !important;
padding: 16px 16px 0 0 !important;
}

/* icon for open-id */
.ljuser img[src="http://p-stat.livejournal.com/img/openid-profile.gif"] {
width:0;
height: 0;
background-repeat: no-repeat;
background-image: url(**URL**) !important;
padding: 16px 16px 0 0 !important;
}

.caption img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{
width: 0;
height: 0;
padding: 0 16px 16px 0;
background: url(**URL**);
}

.caption img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{
width: 0;
height: 0;
padding: 0 16px 16px 0;
background: url(**URL**);
}

.subject img[src="http://p-stat.livejournal.com/img/icon_protected.gif"] {
width: 0px;
height: 0px;
padding: 0px 16px 16px 0px;
background: url(**URL**);
}

.subject img[src="http://p-stat.livejournal.com/img/icon_groups.gif"] {
width: 0px;
height: 0px;
padding: 0px 16px 16px 0px;
background: url(**URL**);
}

.subject img[src="http://p-stat.livejournal.com/img/icon_private.gif"] {
width: 0px;
height: 0px;
padding: 0px 16px 16px 0px;
background: url(**URL**);
}

Firstly, do I need all of that? I don't know what the difference is between .caption and .subject, it looks like I've merged some bits together from different places.

And secondly, is there a way to put this in my layer along with my other custom icon codes? Beyond copy and paste I don't have the first clue what I'm doing with layers but I'd rather have it all in the same place.