Everquest 2 (EQ2)

Good	Evil	Both

<style type="text/css">
.recruitbx {background: #111111; border:0px; font-size:14px;}
.classhd {color:#ffcc00; font-weight:bold; text-align:center;}
.check {background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/check.gif) 2px 2px no-repeat; height:20px; padding-left:20px; }
.nocheck {background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/nocheck.gif) 2px 2px no-repeat; height:20px; padding-left:20px; }
.closed {background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/closed.gif) 2px 2px no-repeat; height:20px; padding-left:20px;}

.berserker {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/eq2berserker.jpg) no-repeat; height:20px; padding-left:26px; }
.guardian {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/eq2guardian.jpg) no-repeat; height:20px; padding-left:26px; }
.paladin {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/eq2paladin.jpg) no-repeat; height:20px; padding-left:26px; }
.monk {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/eq2monk.jpg) no-repeat; height:20px; padding-left:26px; }
.troubador {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/eq2troubador.jpg) no-repeat; height:20px; padding-left:26px; }
.dirge {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/eq2dirge.jpg) no-repeat; height:20px; padding-left:26px; }
.ranger {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/eq2ranger.jpg) no-repeat; height:20px; padding-left:26px; }
.swashbuckler {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/eq2swashbuckler.jpg) no-repeat; height:20px; padding-left:26px; }
.fury {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/eq2fury.jpg) no-repeat; height:20px; padding-left:26px; }
.warden {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/eq2warden.jpg) no-repeat; height:20px; padding-left:26px; }
.templar {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/eq2templar.jpg) no-repeat; height:20px; padding-left:26px; }
.mystic {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/eq2mystic.jpg) no-repeat; height:20px; padding-left:26px; }
.wizard {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/eq2wizard.jpg) no-repeat; height:20px; padding-left:26px; }
.warlock {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/eq2warlock.jpg) no-repeat; height:20px; padding-left:26px; }
.conjuror {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/eq2conjuror.jpg) no-repeat; height:20px; padding-left:26px; }
.illusionist {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/eq2illusionist.jpg) no-repeat; height:20px; padding-left:26px; }
</style>
<center>Good
<table class=recruitbx>
<tbody><tr><td colspan=2 class="classhd">Fighter
</td></tr><tr><td class="berserker">Berserker</td><td class="check">
</td></tr><tr><td class="guardian">Guardian</td><td class="check">
</td></tr><tr><td class="paladin">Paladin</td><td class="check">
</td></tr><tr><td class="monk">Monk</td><td class="check">

</td></tr><tr><td colspan=2 class="classhd">Mage
</td></tr><tr><td class="wizard">Wizard</td><td class="check">
</td></tr><tr><td class="warlock">Warlock</td><td class="check">
</td></tr><tr><td class="conjuror">Conjuror</td><td class="check">
</td></tr><tr><td class="illusionist">Illusionist</td><td class="check">

</td></tr><tr><td colspan=2 class="classhd">Priest
</td></tr><tr><td class="fury">Fury</td><td class="check">
</td></tr><tr><td class="warden">Warden</td><td class="check">
</td></tr><tr><td class="templar">Templar</td><td class="check">
</td></tr><tr><td class="mystic">Mystic</td><td class="check">

</td></tr><tr><td colspan=2 class="classhd">Scout
</td></tr><tr><td class="troubador">Troubador</td><td class="check">
</td></tr><tr><td class="dirge">Dirge</td><td class="check">
</td></tr><tr><td class="ranger">Ranger</td><td class="check">
</td></tr><tr><td class="swashbuckler">Swashbuckler</td><td class="check">
</td></tr>
</tbody></table>
</center>

<style type="text/css">
.recruitbx {background: #111111; border:0px; font-size:14px;}
.classhd {color:#ffcc00; font-weight:bold; text-align:center;}
.check {background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/check.gif) 2px 2px no-repeat; height:20px; padding-left:20px; }
.nocheck {background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/nocheck.gif) 2px 2px no-repeat; height:20px; padding-left:20px; }
.closed {background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/closed.gif) 2px 2px no-repeat; height:20px; padding-left:20px;}

.berserker {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/eq2berserker.jpg) no-repeat; height:20px; padding-left:26px; }
.guardian {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/eq2guardian.jpg) no-repeat; height:20px; padding-left:26px; }
.shadowknight {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/eq2shadowknight.jpg) no-repeat; height:20px; padding-left:26px; }
.bruiser {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/eq2bruiser.jpg) no-repeat; height:20px; padding-left:26px; }
.troubador {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/eq2troubador.jpg) no-repeat; height:20px; padding-left:26px; }
.dirge {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/eq2dirge.jpg) no-repeat; height:20px; padding-left:26px; }
.assassin {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/eq2assassin.jpg) no-repeat; height:20px; padding-left:26px; }
.brigand {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/eq2brigand.jpg) no-repeat; height:20px; padding-left:26px; }
.fury {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/eq2fury.jpg) no-repeat; height:20px; padding-left:26px; }
.warden {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/eq2warden.jpg) no-repeat; height:20px; padding-left:26px; }
.inquisitor {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/eq2inquisitor.jpg) no-repeat; height:20px; padding-left:26px; }
.defiler {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/eq2defiler.jpg) no-repeat; height:20px; padding-left:26px; }
.wizard {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/eq2wizard.jpg) no-repeat; height:20px; padding-left:26px; }
.warlock {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/eq2warlock.jpg) no-repeat; height:20px; padding-left:26px; }
.necromancer {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/eq2necromancer.jpg) no-repeat; height:20px; padding-left:26px; }
.coercer {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/eq2coercer.jpg) no-repeat; height:20px; padding-left:26px; }
</style>
<center>
<table class=recruitbx>
<tbody><tr><td colspan=2 class="classhd">Fighter
</td></tr><tr><td class="berserker">Berserker</td><td class="check">
</td></tr><tr><td class="guardian">Guardian</td><td class="check">
</td></tr><tr><td class="shadowknight">Shadowknight</td><td class="check">
</td></tr><tr><td class="bruiser">Bruiser</td><td class="check">

</td></tr><tr><td colspan=2 class="classhd">Mage
</td></tr><tr><td class="wizard">Wizard</td><td class="check">
</td></tr><tr><td class="warlock">Warlock</td><td class="check">
</td></tr><tr><td class="necromancer">Necromancer</td><td class="check">
</td></tr><tr><td class="coercer">Coercer</td><td class="check">

</td></tr><tr><td colspan=2 class="classhd">Priest
</td></tr><tr><td class="fury">Fury</td><td class="check">
</td></tr><tr><td class="warden">Warden</td><td class="check">
</td></tr><tr><td class="inquisitor">Inquisitor</td><td class="check">
</td></tr><tr><td class="defiler">Defiler</td><td class="check">

</td></tr><tr><td colspan=2 class="classhd">Scout
</td></tr><tr><td class="troubador">Troubador</td><td class="check">
</td></tr><tr><td class="dirge">Dirge</td><td class="check">
</td></tr><tr><td class="assassin">Assassin</td><td class="check">
</td></tr><tr><td class="brigand">Brigand</td><td class="check">
</td></tr>
</tbody></table>
</center>

<style type="text/css">
.recruitbx {background: #111111; border:0px; font-size:14px;}
.classhd {color:#ffcc00; font-weight:bold; text-align:center;}
.check {background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/check.gif) 2px 2px no-repeat; height:20px; padding-left:20px; }
.nocheck {background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/nocheck.gif) 2px 2px no-repeat; height:20px; padding-left:20px; }
.closed {background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/closed.gif) 2px 2px no-repeat; height:20px; padding-left:20px;}

.assassin {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/eq2assassin.jpg) no-repeat; height:20px; padding-left:26px; }
.berserker {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/eq2berserker.jpg) no-repeat; height:20px; padding-left:26px; }
.brigand {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/eq2brigand.jpg) no-repeat; height:20px; padding-left:26px; }
.bruiser {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/eq2bruiser.jpg) no-repeat; height:20px; padding-left:26px; }
.coercer {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/eq2coercer.jpg) no-repeat; height:20px; padding-left:26px; }
.conjuror {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/eq2conjuror.jpg) no-repeat; height:20px; padding-left:26px; }
.defiler {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/eq2defiler.jpg) no-repeat; height:20px; padding-left:26px; }
.dirge {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/eq2dirge.jpg) no-repeat; height:20px; padding-left:26px; }
.fury {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/eq2fury.jpg) no-repeat; height:20px; padding-left:26px; }
.guardian {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/eq2guardian.jpg) no-repeat; height:20px; padding-left:26px; }
.illusionist {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/eq2illusionist.jpg) no-repeat; height:20px; padding-left:26px; }
.inquisitor {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/eq2inquisitor.jpg) no-repeat; height:20px; padding-left:26px; }
.monk {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/eq2monk.jpg) no-repeat; height:20px; padding-left:26px; }
.mystic {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/eq2mystic.jpg) no-repeat; height:20px; padding-left:26px; }
.necromancer {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/eq2necromancer.jpg) no-repeat; height:20px; padding-left:26px; }
.paladin {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/eq2paladin.jpg) no-repeat; height:20px; padding-left:26px; }
.ranger {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/eq2ranger.jpg) no-repeat; height:20px; padding-left:26px; }
.shadowknight {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/eq2shadowknight.jpg) no-repeat; height:20px; padding-left:26px; }
.swashbuckler {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/eq2swashbuckler.jpg) no-repeat; height:20px; padding-left:26px; }
.templar {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/eq2templar.jpg) no-repeat; height:20px; padding-left:26px; }
.troubador {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/eq2troubador.jpg) no-repeat; height:20px; padding-left:26px; }
.warden {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/eq2warden.jpg) no-repeat; height:20px; padding-left:26px; }
.warlock {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/eq2warlock.jpg) no-repeat; height:20px; padding-left:26px; }
.wizard {color: #ffffff; background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/eq2wizard.jpg) no-repeat; height:20px; padding-left:26px; }
</style>
<center>
<table class=recruitbx>
<tbody><tr><td colspan=2 class="classhd">Fighter
</td></tr><tr><td class="berserker">Berserker</td><td class="check">
</td></tr><tr><td class="bruiser">Bruiser</td><td class="check">
</td></tr><tr><td class="guardian">Guardian</td><td class="check">
</td></tr><tr><td class="monk">Monk</td><td class="check">
</td></tr><tr><td class="paladin">Paladin</td><td class="check">
</td></tr><tr><td class="shadowknight">Shadowknight</td><td class="check">

</td></tr><tr><td colspan=2 class="classhd">Mage
</td></tr><tr><td class="coercer">Coercer</td><td class="check">
</td></tr><tr><td class="conjuror">Conjuror</td><td class="check">
</td></tr><tr><td class="illusionist">Illusionist</td><td class="check">
</td></tr><tr><td class="necromancer">Necromancer</td><td class="check">
</td></tr><tr><td class="wizard">Wizard</td><td class="check">
</td></tr><tr><td class="warlock">Warlock</td><td class="check">

</td></tr><tr><td colspan=2 class="classhd">Priest
</td></tr><tr><td class="defiler">Defiler</td><td class="check">
</td></tr><tr><td class="fury">Fury</td><td class="check">
</td></tr><tr><td class="inquisitor">Inquisitor</td><td class="check">
</td></tr><tr><td class="mystic">Mystic</td><td class="check">
</td></tr><tr><td class="templar">Templar</td><td class="check">
</td></tr><tr><td class="warden">Warden</td><td class="check">

</td></tr><tr><td colspan=2 class="classhd">Scout
</td></tr><tr><td class="assassin">Assassin</td><td class="check">
</td></tr><tr><td class="brigand">Brigand</td><td class="check">
</td></tr><tr><td class="dirge">Dirge</td><td class="check">
</td></tr><tr><td class="ranger">Ranger</td><td class="check">
</td></tr><tr><td class="swashbuckler">Swashbuckler</td><td class="check">
</td></tr><tr><td class="troubador">Troubador</td><td class="check">
</td></tr>
</tbody></table>
</center>

• To change the style of the box (background or border), edit the CSS that is in red.
• To change the color of the class archetype (Class header), edit the CSS in green.
• To change the color of the class name in the table, edit the CSS and change the color from #ffffff for that class to your desired color (in orange).
• To change the class availability from open to closed, just edit the content box text that is blue.
• I don't know if EQ2 splits their classes into good and evil, but I can combine these if posts if I did this correctly or not... thanks! Now combined