<style type="text/css">
.recruitbx { background: url() center center no-repeat; color: #dddddd; border:0px; font-size:16px; }

 .check { background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/check.gif) center center no-repeat; height:18px; padding-left:20px; }
 .nocheck { background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/nocheck.gif) center center no-repeat; height:18px; padding-left:20px; }
 .medium { background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/closed.gif) center center no-repeat;  height:18px; padding-left:20px;}
 .up { background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/uparrow.png) center center no-repeat;  height:18px; padding-left:20px;}
 .down { background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/downarrow.png) center center no-repeat;  height:18px; padding-left:20px;}

 .Ranger { background: url(http://www.guildportal.com/GuildImages/AionImages/class_5.gif) center no-repeat; height:18px; padding-left:20px; }
 .Assassin { background: url(http://www.guildportal.com/GuildImages/AionImages/class_4.gif) center no-repeat; height:18px; padding-left:20px; }
 .Chanter { background: url(http://www.guildportal.com/GuildImages/AionImages/class_11.gif) center no-repeat; height:18px; padding-left:20px; }
 .Cleric { background: url(http://www.guildportal.com/GuildImages/AionImages/class_10.gif) center no-repeat; height:18px; padding-left:20px; }
 .Sorcerer { background: url(http://www.guildportal.com/GuildImages/AionImages/class_7.gif) center no-repeat; height:18px; padding-left:20px; }
 .Spiritmaster { background: url(http://www.guildportal.com/GuildImages/AionImages/class_8.gif) center no-repeat; height:18px; padding-left:20px; }
 .Templar { background: url(http://www.guildportal.com/GuildImages/AionImages/class_2.gif) center no-repeat; height:18px; padding-left:20px; }
 .Gladiator { background: url(http://www.guildportal.com/GuildImages/AionImages/class_1.gif) center no-repeat; height:18px; padding-left:20px; }

 .Scout { background: url(http://www.guildportal.com/GuildImages/AionImages/class_3.gif) center no-repeat; height:18px; padding-left:20px; }
 .Warrior { background: url(http://www.guildportal.com/GuildImages/AionImages/class_0.gif) center no-repeat; height:18px; padding-left:20px; }
</style>
<center><table class="recruitbx"><tbody>
 
 <tr><td align="right" class="Gladiator"></td>
 <td align="center" valign="middle"><strong>
 <a class="tooltip" title="Recruitment Status: 10/10 spots open">Gladiator
 </a></strong></td><td class="up">
 </td></tr>
 
 <tr><td align="right" class="Templar">
 </td><td align="center" valign="middle"><strong>
 <a class="tooltip" title="Recruitment Status: 10/10 spots open">Templar
 </a></strong></td><td class="up">
 
 </td></tr><tr><td align="right" class="Assassin">
 </td><td align="center" valign="middle"><strong>
 <a class="tooltip" title="Recruitment Status: 10/10 spots open">Assassin
 </a></strong></td><td class="up">

 </td></tr><tr><td align="right" class="Ranger">
 </td><td align="center" valign="middle"><strong>
 <a class="tooltip" title="Recruitment Status: 10/10 spots open">Ranger
 </a></strong></td><td class="up">

 </td></tr><tr><td align="right" class="Sorcerer">
 </td><td align="center" valign="middle"><strong>
 <a class="tooltip" title="Recruitment Status: 10/10 spots open">Sorcerer
 </a></strong></td><td class="up">

 </td></tr><tr><td align="right" class="Spiritmaster">
 </td><td align="center" valign="middle"><strong>
 <a class="tooltip" title="Recruitment Status: 10/10 spots open">Spiritmaster
 </a></strong></td><td class="up">

 </td></tr><tr><td align="right" class="Cleric">
 </td><td align="center" valign="middle"><strong>
 <a class="tooltip" title="Recruitment Status: 10/10 spots open">Cleric
 </a></strong></td><td class="up">

 </td></tr><tr><td align="right" class="Chanter">
 </td><td align="center" valign="middle"> <strong>
 <a class="tooltip" title="Recruitment Status: 10/10 spots open">Chanter
 </a></strong></td><td class="up">

 </td></tr></tbody></table>
<span style="color: #ddd;">Hover Class names<br/>for more information</span>
</center>

• Modify the overall text color by changing the CSS in blue.
• Modify the CSS for "check", "nocheck", "medium", "up" or "down" by changing the background image URL and adjusting the height to match the image height and the padding-left to match the image width
• Change your recruitment status tooltip (popup) by modifying the title element in purple.
• Change your recruitment status image by changing the class in green to match the CSS class.
• I wasn't sure about the "Warrior" and "Scout" classes - the icons are included in the CSS, but I didn't add it to the table.