updated health text position and used reversed gradiant

Do we want this? (Probably yes to the healthtext, but what about the reversed gradiant? like it? )

![esper classres_explain](https://cloud.githubusercontent.com/assets/7889925/3341092/312bf14e-f885-11e3-8fd1-1e3239e900ad.png)