Fix IE Cross Browser Issues

Fixed a few bugs that appear in IE8. Header had an unexpected 20px
padding when > ~760px (like its in mobile sizes) and the focus style
was too dark and made the text unreadable.

The header had a 20px spacing to the side of it. This looked to be due
to the @media polyfil we use, as its a js polyfil and we call the
@media in dynamic base then override in the child theme, IE isn't
overriding it as it looks like the javsript is rendered/injected
last (as you would kinda expect).
Fix Reports HTML5 Doctype

Updated the reports pages to use a HTML5 Doctype rather than XHTML 1.0
Fix Validation errors

Fixed various validation errors ande removed unessarry langauge
attribute on script tag.

The only fix that may cause problems is removing cellpadding cellspacing
border and border attributes from the tables. It doesn't seemt to be a
probelm so far, but if the layout is changed on any reports what these
attrbutes achieve needs to be done through CSS.
Fix Reports IE9/8 No Table Scroll

More Noticable in IE9, but the Table wouldn't scroll and the columns
between the headings and table body weren't aligned on report.php.
Caused by bootstrap giving all <table>'s a max-width:100% IE9 doesn't
like this.. I'm not sure IE8 even knows what it is so its less effected.