Good morning
I only partially followed the instructions and it works fine for me.
Then I looked at them in more detail and instead of
span.S2HMemberOnline { color: #008800; }
span.S2HMemberOffline { color: #880000; }I added
.S2HMemberOnline { color: #008800; }
.S2HMemberOffline { color: #880000; }
Removing the span but leaving the leading full stop.
The other obvious possible problem
"<span class=""S2HMemberOffline"">Offline</span>"
is using one " (shift 2) instead of two " ((shift 2),(shift 2)) around the class name.
I am not using the multiskin option.
Bye
Ian