Misc CSS and Design changes

Ok, after hours of painfully testing on a slow computer using only Chrome Dev Tools (my pc kinda died) I think i've finally got the tick business done as well as some other little misc fixes and improvements.
Changes:
* Watched Indicator / Tick
  * Completely re-coded how it is displayed and loaded (again)
  * Uses divs and CSS classes again as opposed to heavily CSS based which allowed less control
  * Doesn't overlap text anymore if long episode name
* Progress Indicator
  * Added a separate color for while a show is still adding (yellow)
  * The progress icons area now has fixed height & width
  * Progress icons area doesn't overflow edges anymore
* Calender event / episode display thingy (event.html)
  * Completely re-coded how it works (this really confused me, heaps of IFs and &&s just do my head in)
  * Now all episodes use the 'default' non-torrent view unless an episode is actually downloading, this
  * Fixed some tooltip placement issues however the tooltip is still irregular if an episode is downloading
* Other
  * Changed poster width (back) to 163px (from 169px) to fix progress icon overflow and,
  * Updated poster margins to accommodate for the smaller poster width

Also you might want to properly test the view while an episode is downloading as I cannot really test it at the moment, I got the episode to go into the 'downloading' view and it looks alight but I couldn't test with it actually downloading.
Note to self: Still need to look into mobify resizing