Add job status to job panel properties (1050078)

This work fixes Bugzilla bug [1050078](https://bugzilla.mozilla.org/show_bug.cgi?id=1050078).

This updates the top line of the job details panel (now ID'd as `result-status-pane` for css targeting), adding the job state to that line. It provides complimentary information to the job result, preventing any ambiguity for pending and running jobs - since their result values, are 'unknown'.

The label(s) have been placed in containers with a consistent white space, regardless of the length of the result value loaded. So when you click on various jobs, the State label doesn't shift around.

Two new greys have been added for `pending` and `running` per conversation with @jeads in channel. I approximated them from the job colors as best I could, keeping them in the flavor of the other 'light' colors used for testfailed, busted, success, in the same panel. I used the existing rgba css format and left coalesced untouched at this time. Let me know how you like them, my monitor is not ideal so I was putting them up in PShop after each adjustment to validate the rendered changes.

I've included a screen grab of one of the new results, *running*:

![jobresultstatus_aug11_rev2](https://cloud.githubusercontent.com/assets/3660661/3885878/95d605d2-21cd-11e4-8d86-2e33b47fc1e7.jpg)

Unrelated - I also noticed a distracting upward horizontal line shift in this panel (visible above), but I intend to fix that as a separate commit in the bootstrap, later. Since it's not really part of this change.

Let me know if anything here needs to be adjusted.

Tested on Windows:
FF Release **31.0**
Chrome Latest Release **36.0.1985.125 m**

Adding @camd for visibility.