/* ".classIcon" contains the icon and text,
   ".classIcon span" only contains the class name text
  ******************************************/
.classIcon { width: 60%; float: left; padding-left: 30px; width: 30px; height: 18px; line-height: 22px; }
.classIcon span { padding: 0 5px; }

// Set the need for each class, if it should have the default value, just leave it blank or with an "x"
// Use "x" for the default need, "n" for none, "l" (lower case L) for low
// "m" for medium and "h" for high need.
,juggernaut : "x,x"
,marauder : "x,x"
,assassin : "x,x"
,sorceror : "x,x"
,powertech : "x,x"
,mercenary : "x,x"
,operative : "x,x"
,sniper : "x,x"

.icon_juggernaut { background-position: 0 0; }
.icon_marauder { background-position: 0 -50px; }
.icon_assassin { background-position: 0 -100px; }
.icon_sorceror { background-position: 0 -150px; }
.icon_powertech { background-position: 0 -200px; }
.icon_mercenary { background-position: 0 -250px; }
.icon_operative { background-position: 0 -300px; }
.icon_sniper { background-position: 0 -350px; }

.icon_juggernaut_veng { background-position: 0 0; }
.icon_juggernaut_immort { background-position: 0 -50px; }
.icon_marauder_annihilation { background-position: 0 -100px; }
.icon_marauder_carnage { background-position: 0 -150px; }

,juggernaut : "h,h"
,marauder : "h,h"
,assassin : "h,h"
,sorceror : "h,h"
,powertech : "h,h"
,mercenary : "h,h"
,operative : "h,h"
,sniper : "h,h"