Add integration mode to html reporter

When adding tests to an existing page, we want
mocha to be unobtrusive. Adding the css class
`integration` to the mocha div will enable the
integration mode of the html reporter. This will:

* Remove the report from the page flow, and hide
it by default.
* Add a toggle to the stats panel to show/hide the
report.
* Modifies the css to remove some built in 
assumptions, where the report styles would be
inherited from the base page. (and thus unreadable
if it is loaded in a page with a white on dark
color scheme, for example).
* Add the css class `bottom` to the mocha div, and
the stats panel will move to the bottom of the page.
* Adds a test to demonstrate its usage. Run:
`node test/browser-integration/index.js`, and visit
`http://localhost:3333/`
Separate initialization of mocha with `run`

Motivation: I have written an adapter for testacular
that will load a page with mocha tests inside an
iframe. I need to be able to hook (but not change)
the runner events to report the status of the tests
to testacular. Thus:

```
var mocha = iframe.contentWindow.mocha;
var runner = mocha.init();
runner.on('start', function() {
  tc.info({total: runner.total});
});
runner.on('test end', reportTest);
runner.run();
```
Push the mocha report to the top
Hide the report by clicking outside it.
Show the report at test end.
Merge branch 'html-integration-reporter'

* html-integration-reporter:
  Show the report at test end.
  Hide the report by clicking outside it.
  Push the mocha report to the top
  Separate initialization of mocha with `run`
  Add integration mode to html reporter