Resolve inconsistent layout problems

This resolves a variety of problems that would occurr because the layout had a
few issues, it should all be fixed now.

The main things to note are that:
    - The stylesheet is now better documented and cleaned up.
    - All the layout should be consistent accross tabs as they are all
    now using the same class names.
    - emperor.css is now using two spaces instead of four.
    - This resolves a horriblly annoying bug that would need us to add a bunch
    of <br> tags to make the content fit on screen.

------------------------------------------------------------------------------

Note that tests are not going to pass (this is on purpose). I will not fix
them until we are all happy with the layout.

Please make any comments as you see fit.