From d91a0c1fab9f32cb0aed63252bc3ab6ec568ab11 Mon Sep 17 00:00:00 2001
From: Roberto Rosario <roberto.rosario.gonzalez@gmail.com>
Date: Tue, 6 Jan 2015 22:14:31 -0400
Subject: [PATCH] Add the new home screen view and template, issue #108

---
 .../packages/pure-release-0.5.0/HISTORY.md    |  413 ++++
 .../packages/pure-release-0.5.0/LICENSE.md    |   52 +
 .../packages/pure-release-0.5.0/README.md     |  170 ++
 .../pure-release-0.5.0/base-context-min.css   |   11 +
 .../pure-release-0.5.0/base-context.css       |  590 ++++++
 .../packages/pure-release-0.5.0/base-min.css  |   11 +
 .../packages/pure-release-0.5.0/base.css      |  565 ++++++
 .../packages/pure-release-0.5.0/bower.json    |    8 +
 .../pure-release-0.5.0/buttons-core-min.css   |    7 +
 .../pure-release-0.5.0/buttons-core.css       |   28 +
 .../pure-release-0.5.0/buttons-min.css        |    7 +
 .../packages/pure-release-0.5.0/buttons.css   |   98 +
 .../packages/pure-release-0.5.0/forms-min.css |    7 +
 .../pure-release-0.5.0/forms-nr-min.css       |    7 +
 .../packages/pure-release-0.5.0/forms-nr.css  |  302 +++
 .../packages/pure-release-0.5.0/forms.css     |  367 ++++
 .../pure-release-0.5.0/grids-core-min.css     |    7 +
 .../pure-release-0.5.0/grids-core.css         |   73 +
 .../packages/pure-release-0.5.0/grids-min.css |    7 +
 .../grids-responsive-min.css                  |    7 +
 .../grids-responsive-old-ie-min.css           |    7 +
 .../grids-responsive-old-ie.css               |  641 +++++++
 .../pure-release-0.5.0/grids-responsive.css   |  861 +++++++++
 .../pure-release-0.5.0/grids-units-min.css    |    7 +
 .../pure-release-0.5.0/grids-units.css        |  217 +++
 .../packages/pure-release-0.5.0/grids.css     |  285 +++
 .../pure-release-0.5.0/menus-core-min.css     |    7 +
 .../pure-release-0.5.0/menus-core.css         |  142 ++
 .../packages/pure-release-0.5.0/menus-min.css |    7 +
 .../pure-release-0.5.0/menus-nr-min.css       |    7 +
 .../packages/pure-release-0.5.0/menus-nr.css  |  285 +++
 .../menus-paginator-min.css                   |    7 +
 .../pure-release-0.5.0/menus-paginator.css    |   61 +
 .../packages/pure-release-0.5.0/menus.css     |  296 +++
 .../packages/pure-release-0.5.0/pure-min.css  |   11 +
 .../pure-release-0.5.0/pure-nr-min.css        |   11 +
 .../packages/pure-release-0.5.0/pure-nr.css   | 1588 ++++++++++++++++
 .../packages/pure-release-0.5.0/pure.css      | 1664 +++++++++++++++++
 .../pure-release-0.5.0/tables-min.css         |    7 +
 .../packages/pure-release-0.5.0/tables.css    |   79 +
 .../static/packages/animate-custom.css        |    0
 .../packages/fancyBox-master/.gitattributes   |    0
 .../packages/fancyBox-master/CHANGELOG.md     |    0
 .../static/packages/fancyBox-master/README.md |    0
 .../packages/fancyBox-master/bower.json       |    0
 .../packages/fancyBox-master/demo/1_b.jpg     |  Bin
 .../packages/fancyBox-master/demo/1_s.jpg     |  Bin
 .../packages/fancyBox-master/demo/2_b.jpg     |  Bin
 .../packages/fancyBox-master/demo/2_s.jpg     |  Bin
 .../packages/fancyBox-master/demo/3_b.jpg     |  Bin
 .../packages/fancyBox-master/demo/3_s.jpg     |  Bin
 .../packages/fancyBox-master/demo/4_b.jpg     |  Bin
 .../packages/fancyBox-master/demo/4_s.jpg     |  Bin
 .../packages/fancyBox-master/demo/5_b.jpg     |  Bin
 .../packages/fancyBox-master/demo/5_s.jpg     |  Bin
 .../packages/fancyBox-master/demo/ajax.txt    |    0
 .../packages/fancyBox-master/demo/iframe.html |    0
 .../packages/fancyBox-master/demo/index.html  |    0
 .../fancyBox-master/fancybox.jquery.json      |    0
 .../fancyBox-master/lib/jquery-1.10.2.min.js  |    0
 .../lib/jquery.mousewheel.pack.js             |    0
 .../packages/fancyBox-master/source/blank.gif |  Bin
 .../source/fancybox_loading.gif               |  Bin
 .../source/fancybox_loading@2x.gif            |  Bin
 .../source/fancybox_overlay.png               |  Bin
 .../source/fancybox_sprite.png                |  Bin
 .../source/fancybox_sprite@2x.png             |  Bin
 .../source/helpers/fancybox_buttons.png       |  Bin
 .../helpers/jquery.fancybox-buttons.css       |    0
 .../source/helpers/jquery.fancybox-buttons.js |    0
 .../source/helpers/jquery.fancybox-media.js   |    0
 .../source/helpers/jquery.fancybox-thumbs.css |    0
 .../source/helpers/jquery.fancybox-thumbs.js  |    0
 .../source/jquery.fancybox.css                |    0
 .../fancyBox-master/source/jquery.fancybox.js |    0
 .../source/jquery.fancybox.pack.js            |    0
 .../packages/fancyBox-master/sprite.psd       |  Bin
 .../static/packages/jquery-2.1.1.min.js       |    0
 .../packages/jquery.printElement.min.js       |    0
 .../static/packages/jquery.scrollview.js      |    0
 .../jquery_lazyload-master/.gitignore         |    0
 .../packages/jquery_lazyload-master/.jshintrc |    0
 .../CONTRIBUTING.markdown                     |    0
 .../jquery_lazyload-master/Gruntfile.js       |    0
 .../jquery_lazyload-master/README.textile     |    0
 .../jquery_lazyload-master/bower.json         |    0
 .../jquery_lazyload-master/disabled.html      |    0
 .../jquery_lazyload-master/enabled.html       |    0
 .../jquery_lazyload-master/enabled_ajax.html  |    0
 .../enabled_background.html                   |    0
 .../enabled_container.html                    |    0
 .../enabled_fadein.html                       |    0
 .../enabled_gazillion.html                    |    0
 .../enabled_noscript.html                     |    0
 .../enabled_timeout.html                      |    0
 .../jquery_lazyload-master/enabled_wide.html  |    0
 .../enabled_wide_container.html               |    0
 .../img/bmw_m1_hood.jpg                       |  Bin
 .../img/bmw_m1_side.jpg                       |  Bin
 .../jquery_lazyload-master/img/bmw_m3_gt.jpg  |  Bin
 .../img/corvette_pitstop.jpg                  |  Bin
 .../jquery_lazyload-master/img/grey.gif       |  Bin
 .../img/transparent.gif                       |  Bin
 .../jquery_lazyload-master/img/viper_1.jpg    |  Bin
 .../img/viper_corner.jpg                      |  Bin
 .../jquery_lazyload-master/img/white.gif      |  Bin
 .../jquery_lazyload-master/jquery.lazyload.js |    0
 .../jquery.lazyload.min.js                    |    0
 .../jquery.scrollstop.js                      |    0
 .../jquery.scrollstop.min.js                  |    0
 .../lazyload.jquery.json                      |    0
 .../jquery_lazyload-master/package.json       |    0
 .../static/web_theme_media/LICENSE            |    0
 .../static/web_theme_media/README.md          |    0
 .../static/web_theme_media/VERSION            |    0
 .../static/web_theme_media/images/avatar.png  |  Bin
 .../images/icons/application_edit.png         |  Bin
 .../web_theme_media/images/icons/cross.png    |  Bin
 .../web_theme_media/images/icons/key.png      |  Bin
 .../web_theme_media/images/icons/tick.png     |  Bin
 .../javascripts/jquery.localscroll.js         |    0
 .../javascripts/jquery.scrollTo.js            |    0
 .../web_theme_media/stylesheets/base.css      |    0
 .../web_theme_media/stylesheets/override.css  |    0
 .../themes/activo/images/arrow.png            |  Bin
 .../activo/images/boxbar-background.png       |  Bin
 .../images/button-background-active.png       |  Bin
 .../activo/images/button-background.png       |  Bin
 .../activo/images/menubar-background.png      |  Bin
 .../stylesheets/themes/activo/style.css       |    0
 .../stylesheets/themes/amro/style.css         |    0
 .../stylesheets/themes/bec-green/style.css    |    0
 .../stylesheets/themes/bec/style.css          |    0
 .../stylesheets/themes/blue/style.css         |    0
 .../fonts/museo700-regular-webfont.eot        |  Bin
 .../fonts/museo700-regular-webfont.svg        |    0
 .../fonts/museo700-regular-webfont.ttf        |  Bin
 .../fonts/museo700-regular-webfont.woff       |  Bin
 .../default/fonts/museosans_500-webfont.eot   |  Bin
 .../default/fonts/museosans_500-webfont.svg   |    0
 .../default/fonts/museosans_500-webfont.ttf   |  Bin
 .../default/fonts/museosans_500-webfont.woff  |  Bin
 .../fonts/museosans_500_italic-webfont.eot    |  Bin
 .../fonts/museosans_500_italic-webfont.svg    |    0
 .../fonts/museosans_500_italic-webfont.ttf    |  Bin
 .../fonts/museosans_500_italic-webfont.woff   |  Bin
 .../themes/default/images/arrow.png           |  Bin
 .../stylesheets/themes/default/images/bgd.jpg |  Bin
 .../default/images/boxbar-background.png      |  Bin
 .../images/button-background-active.png       |  Bin
 .../default/images/button-background.png      |  Bin
 .../default/images/menubar-background.png     |  Bin
 .../themes/default/images/messages/error.png  |  Bin
 .../themes/default/images/messages/notice.png |  Bin
 .../default/images/messages/warning.png       |  Bin
 .../stylesheets/themes/default/style.css      |    0
 .../themes/djime-cerulean/style.css           |    0
 .../stylesheets/themes/drastic-dark/style.css |    0
 .../stylesheets/themes/kathleene/style.css    |    0
 .../stylesheets/themes/olive/style.css        |    0
 .../stylesheets/themes/orange/style.css       |    0
 .../stylesheets/themes/red/style.css          |    0
 .../themes/reidb-greenish/style.css           |    0
 .../stylesheets/themes/warehouse/style.css    |    0
 mayan/apps/documents/__init__.py              |    9 +-
 mayan/apps/dynamic_search/__init__.py         |    6 +-
 mayan/apps/dynamic_search/links.py            |    1 -
 mayan/apps/main/__init__.py                   |    4 +
 mayan/apps/main/static/main/icons/page.png    |  Bin 0 -> 738 bytes
 .../apps/main/static/main/icons/page_add.png  |  Bin 0 -> 1363 bytes
 mayan/apps/main/templates/main/base.html      |   18 +
 mayan/apps/main/templates/main/home.html      |   58 +-
 mayan/apps/main/views.py                      |   21 +-
 173 files changed, 9020 insertions(+), 24 deletions(-)
 create mode 100644 mayan/apps/common/static/common/packages/pure-release-0.5.0/HISTORY.md
 create mode 100644 mayan/apps/common/static/common/packages/pure-release-0.5.0/LICENSE.md
 create mode 100644 mayan/apps/common/static/common/packages/pure-release-0.5.0/README.md
 create mode 100644 mayan/apps/common/static/common/packages/pure-release-0.5.0/base-context-min.css
 create mode 100644 mayan/apps/common/static/common/packages/pure-release-0.5.0/base-context.css
 create mode 100644 mayan/apps/common/static/common/packages/pure-release-0.5.0/base-min.css
 create mode 100644 mayan/apps/common/static/common/packages/pure-release-0.5.0/base.css
 create mode 100644 mayan/apps/common/static/common/packages/pure-release-0.5.0/bower.json
 create mode 100644 mayan/apps/common/static/common/packages/pure-release-0.5.0/buttons-core-min.css
 create mode 100644 mayan/apps/common/static/common/packages/pure-release-0.5.0/buttons-core.css
 create mode 100644 mayan/apps/common/static/common/packages/pure-release-0.5.0/buttons-min.css
 create mode 100644 mayan/apps/common/static/common/packages/pure-release-0.5.0/buttons.css
 create mode 100644 mayan/apps/common/static/common/packages/pure-release-0.5.0/forms-min.css
 create mode 100644 mayan/apps/common/static/common/packages/pure-release-0.5.0/forms-nr-min.css
 create mode 100644 mayan/apps/common/static/common/packages/pure-release-0.5.0/forms-nr.css
 create mode 100644 mayan/apps/common/static/common/packages/pure-release-0.5.0/forms.css
 create mode 100644 mayan/apps/common/static/common/packages/pure-release-0.5.0/grids-core-min.css
 create mode 100644 mayan/apps/common/static/common/packages/pure-release-0.5.0/grids-core.css
 create mode 100644 mayan/apps/common/static/common/packages/pure-release-0.5.0/grids-min.css
 create mode 100644 mayan/apps/common/static/common/packages/pure-release-0.5.0/grids-responsive-min.css
 create mode 100644 mayan/apps/common/static/common/packages/pure-release-0.5.0/grids-responsive-old-ie-min.css
 create mode 100644 mayan/apps/common/static/common/packages/pure-release-0.5.0/grids-responsive-old-ie.css
 create mode 100644 mayan/apps/common/static/common/packages/pure-release-0.5.0/grids-responsive.css
 create mode 100644 mayan/apps/common/static/common/packages/pure-release-0.5.0/grids-units-min.css
 create mode 100644 mayan/apps/common/static/common/packages/pure-release-0.5.0/grids-units.css
 create mode 100644 mayan/apps/common/static/common/packages/pure-release-0.5.0/grids.css
 create mode 100644 mayan/apps/common/static/common/packages/pure-release-0.5.0/menus-core-min.css
 create mode 100644 mayan/apps/common/static/common/packages/pure-release-0.5.0/menus-core.css
 create mode 100644 mayan/apps/common/static/common/packages/pure-release-0.5.0/menus-min.css
 create mode 100644 mayan/apps/common/static/common/packages/pure-release-0.5.0/menus-nr-min.css
 create mode 100644 mayan/apps/common/static/common/packages/pure-release-0.5.0/menus-nr.css
 create mode 100644 mayan/apps/common/static/common/packages/pure-release-0.5.0/menus-paginator-min.css
 create mode 100644 mayan/apps/common/static/common/packages/pure-release-0.5.0/menus-paginator.css
 create mode 100644 mayan/apps/common/static/common/packages/pure-release-0.5.0/menus.css
 create mode 100644 mayan/apps/common/static/common/packages/pure-release-0.5.0/pure-min.css
 create mode 100644 mayan/apps/common/static/common/packages/pure-release-0.5.0/pure-nr-min.css
 create mode 100644 mayan/apps/common/static/common/packages/pure-release-0.5.0/pure-nr.css
 create mode 100644 mayan/apps/common/static/common/packages/pure-release-0.5.0/pure.css
 create mode 100644 mayan/apps/common/static/common/packages/pure-release-0.5.0/tables-min.css
 create mode 100644 mayan/apps/common/static/common/packages/pure-release-0.5.0/tables.css
 rename mayan/apps/{main => common}/static/packages/animate-custom.css (100%)
 rename mayan/apps/{main => common}/static/packages/fancyBox-master/.gitattributes (100%)
 rename mayan/apps/{main => common}/static/packages/fancyBox-master/CHANGELOG.md (100%)
 rename mayan/apps/{main => common}/static/packages/fancyBox-master/README.md (100%)
 rename mayan/apps/{main => common}/static/packages/fancyBox-master/bower.json (100%)
 rename mayan/apps/{main => common}/static/packages/fancyBox-master/demo/1_b.jpg (100%)
 rename mayan/apps/{main => common}/static/packages/fancyBox-master/demo/1_s.jpg (100%)
 rename mayan/apps/{main => common}/static/packages/fancyBox-master/demo/2_b.jpg (100%)
 rename mayan/apps/{main => common}/static/packages/fancyBox-master/demo/2_s.jpg (100%)
 rename mayan/apps/{main => common}/static/packages/fancyBox-master/demo/3_b.jpg (100%)
 rename mayan/apps/{main => common}/static/packages/fancyBox-master/demo/3_s.jpg (100%)
 rename mayan/apps/{main => common}/static/packages/fancyBox-master/demo/4_b.jpg (100%)
 rename mayan/apps/{main => common}/static/packages/fancyBox-master/demo/4_s.jpg (100%)
 rename mayan/apps/{main => common}/static/packages/fancyBox-master/demo/5_b.jpg (100%)
 rename mayan/apps/{main => common}/static/packages/fancyBox-master/demo/5_s.jpg (100%)
 rename mayan/apps/{main => common}/static/packages/fancyBox-master/demo/ajax.txt (100%)
 rename mayan/apps/{main => common}/static/packages/fancyBox-master/demo/iframe.html (100%)
 rename mayan/apps/{main => common}/static/packages/fancyBox-master/demo/index.html (100%)
 rename mayan/apps/{main => common}/static/packages/fancyBox-master/fancybox.jquery.json (100%)
 rename mayan/apps/{main => common}/static/packages/fancyBox-master/lib/jquery-1.10.2.min.js (100%)
 rename mayan/apps/{main => common}/static/packages/fancyBox-master/lib/jquery.mousewheel.pack.js (100%)
 rename mayan/apps/{main => common}/static/packages/fancyBox-master/source/blank.gif (100%)
 rename mayan/apps/{main => common}/static/packages/fancyBox-master/source/fancybox_loading.gif (100%)
 rename mayan/apps/{main => common}/static/packages/fancyBox-master/source/fancybox_loading@2x.gif (100%)
 rename mayan/apps/{main => common}/static/packages/fancyBox-master/source/fancybox_overlay.png (100%)
 rename mayan/apps/{main => common}/static/packages/fancyBox-master/source/fancybox_sprite.png (100%)
 rename mayan/apps/{main => common}/static/packages/fancyBox-master/source/fancybox_sprite@2x.png (100%)
 rename mayan/apps/{main => common}/static/packages/fancyBox-master/source/helpers/fancybox_buttons.png (100%)
 rename mayan/apps/{main => common}/static/packages/fancyBox-master/source/helpers/jquery.fancybox-buttons.css (100%)
 rename mayan/apps/{main => common}/static/packages/fancyBox-master/source/helpers/jquery.fancybox-buttons.js (100%)
 rename mayan/apps/{main => common}/static/packages/fancyBox-master/source/helpers/jquery.fancybox-media.js (100%)
 rename mayan/apps/{main => common}/static/packages/fancyBox-master/source/helpers/jquery.fancybox-thumbs.css (100%)
 rename mayan/apps/{main => common}/static/packages/fancyBox-master/source/helpers/jquery.fancybox-thumbs.js (100%)
 rename mayan/apps/{main => common}/static/packages/fancyBox-master/source/jquery.fancybox.css (100%)
 rename mayan/apps/{main => common}/static/packages/fancyBox-master/source/jquery.fancybox.js (100%)
 rename mayan/apps/{main => common}/static/packages/fancyBox-master/source/jquery.fancybox.pack.js (100%)
 rename mayan/apps/{main => common}/static/packages/fancyBox-master/sprite.psd (100%)
 rename mayan/apps/{main => common}/static/packages/jquery-2.1.1.min.js (100%)
 rename mayan/apps/{main => common}/static/packages/jquery.printElement.min.js (100%)
 rename mayan/apps/{main => common}/static/packages/jquery.scrollview.js (100%)
 rename mayan/apps/{main => common}/static/packages/jquery_lazyload-master/.gitignore (100%)
 rename mayan/apps/{main => common}/static/packages/jquery_lazyload-master/.jshintrc (100%)
 rename mayan/apps/{main => common}/static/packages/jquery_lazyload-master/CONTRIBUTING.markdown (100%)
 rename mayan/apps/{main => common}/static/packages/jquery_lazyload-master/Gruntfile.js (100%)
 rename mayan/apps/{main => common}/static/packages/jquery_lazyload-master/README.textile (100%)
 rename mayan/apps/{main => common}/static/packages/jquery_lazyload-master/bower.json (100%)
 rename mayan/apps/{main => common}/static/packages/jquery_lazyload-master/disabled.html (100%)
 rename mayan/apps/{main => common}/static/packages/jquery_lazyload-master/enabled.html (100%)
 rename mayan/apps/{main => common}/static/packages/jquery_lazyload-master/enabled_ajax.html (100%)
 rename mayan/apps/{main => common}/static/packages/jquery_lazyload-master/enabled_background.html (100%)
 rename mayan/apps/{main => common}/static/packages/jquery_lazyload-master/enabled_container.html (100%)
 rename mayan/apps/{main => common}/static/packages/jquery_lazyload-master/enabled_fadein.html (100%)
 rename mayan/apps/{main => common}/static/packages/jquery_lazyload-master/enabled_gazillion.html (100%)
 rename mayan/apps/{main => common}/static/packages/jquery_lazyload-master/enabled_noscript.html (100%)
 rename mayan/apps/{main => common}/static/packages/jquery_lazyload-master/enabled_timeout.html (100%)
 rename mayan/apps/{main => common}/static/packages/jquery_lazyload-master/enabled_wide.html (100%)
 rename mayan/apps/{main => common}/static/packages/jquery_lazyload-master/enabled_wide_container.html (100%)
 rename mayan/apps/{main => common}/static/packages/jquery_lazyload-master/img/bmw_m1_hood.jpg (100%)
 rename mayan/apps/{main => common}/static/packages/jquery_lazyload-master/img/bmw_m1_side.jpg (100%)
 rename mayan/apps/{main => common}/static/packages/jquery_lazyload-master/img/bmw_m3_gt.jpg (100%)
 rename mayan/apps/{main => common}/static/packages/jquery_lazyload-master/img/corvette_pitstop.jpg (100%)
 rename mayan/apps/{main => common}/static/packages/jquery_lazyload-master/img/grey.gif (100%)
 rename mayan/apps/{main => common}/static/packages/jquery_lazyload-master/img/transparent.gif (100%)
 rename mayan/apps/{main => common}/static/packages/jquery_lazyload-master/img/viper_1.jpg (100%)
 rename mayan/apps/{main => common}/static/packages/jquery_lazyload-master/img/viper_corner.jpg (100%)
 rename mayan/apps/{main => common}/static/packages/jquery_lazyload-master/img/white.gif (100%)
 rename mayan/apps/{main => common}/static/packages/jquery_lazyload-master/jquery.lazyload.js (100%)
 rename mayan/apps/{main => common}/static/packages/jquery_lazyload-master/jquery.lazyload.min.js (100%)
 rename mayan/apps/{main => common}/static/packages/jquery_lazyload-master/jquery.scrollstop.js (100%)
 rename mayan/apps/{main => common}/static/packages/jquery_lazyload-master/jquery.scrollstop.min.js (100%)
 rename mayan/apps/{main => common}/static/packages/jquery_lazyload-master/lazyload.jquery.json (100%)
 rename mayan/apps/{main => common}/static/packages/jquery_lazyload-master/package.json (100%)
 rename mayan/apps/{main => common}/static/web_theme_media/LICENSE (100%)
 rename mayan/apps/{main => common}/static/web_theme_media/README.md (100%)
 rename mayan/apps/{main => common}/static/web_theme_media/VERSION (100%)
 rename mayan/apps/{main => common}/static/web_theme_media/images/avatar.png (100%)
 rename mayan/apps/{main => common}/static/web_theme_media/images/icons/application_edit.png (100%)
 rename mayan/apps/{main => common}/static/web_theme_media/images/icons/cross.png (100%)
 rename mayan/apps/{main => common}/static/web_theme_media/images/icons/key.png (100%)
 rename mayan/apps/{main => common}/static/web_theme_media/images/icons/tick.png (100%)
 rename mayan/apps/{main => common}/static/web_theme_media/javascripts/jquery.localscroll.js (100%)
 rename mayan/apps/{main => common}/static/web_theme_media/javascripts/jquery.scrollTo.js (100%)
 rename mayan/apps/{main => common}/static/web_theme_media/stylesheets/base.css (100%)
 rename mayan/apps/{main => common}/static/web_theme_media/stylesheets/override.css (100%)
 rename mayan/apps/{main => common}/static/web_theme_media/stylesheets/themes/activo/images/arrow.png (100%)
 rename mayan/apps/{main => common}/static/web_theme_media/stylesheets/themes/activo/images/boxbar-background.png (100%)
 rename mayan/apps/{main => common}/static/web_theme_media/stylesheets/themes/activo/images/button-background-active.png (100%)
 rename mayan/apps/{main => common}/static/web_theme_media/stylesheets/themes/activo/images/button-background.png (100%)
 rename mayan/apps/{main => common}/static/web_theme_media/stylesheets/themes/activo/images/menubar-background.png (100%)
 rename mayan/apps/{main => common}/static/web_theme_media/stylesheets/themes/activo/style.css (100%)
 rename mayan/apps/{main => common}/static/web_theme_media/stylesheets/themes/amro/style.css (100%)
 rename mayan/apps/{main => common}/static/web_theme_media/stylesheets/themes/bec-green/style.css (100%)
 rename mayan/apps/{main => common}/static/web_theme_media/stylesheets/themes/bec/style.css (100%)
 rename mayan/apps/{main => common}/static/web_theme_media/stylesheets/themes/blue/style.css (100%)
 rename mayan/apps/{main => common}/static/web_theme_media/stylesheets/themes/default/fonts/museo700-regular-webfont.eot (100%)
 rename mayan/apps/{main => common}/static/web_theme_media/stylesheets/themes/default/fonts/museo700-regular-webfont.svg (100%)
 rename mayan/apps/{main => common}/static/web_theme_media/stylesheets/themes/default/fonts/museo700-regular-webfont.ttf (100%)
 rename mayan/apps/{main => common}/static/web_theme_media/stylesheets/themes/default/fonts/museo700-regular-webfont.woff (100%)
 rename mayan/apps/{main => common}/static/web_theme_media/stylesheets/themes/default/fonts/museosans_500-webfont.eot (100%)
 rename mayan/apps/{main => common}/static/web_theme_media/stylesheets/themes/default/fonts/museosans_500-webfont.svg (100%)
 rename mayan/apps/{main => common}/static/web_theme_media/stylesheets/themes/default/fonts/museosans_500-webfont.ttf (100%)
 rename mayan/apps/{main => common}/static/web_theme_media/stylesheets/themes/default/fonts/museosans_500-webfont.woff (100%)
 rename mayan/apps/{main => common}/static/web_theme_media/stylesheets/themes/default/fonts/museosans_500_italic-webfont.eot (100%)
 rename mayan/apps/{main => common}/static/web_theme_media/stylesheets/themes/default/fonts/museosans_500_italic-webfont.svg (100%)
 rename mayan/apps/{main => common}/static/web_theme_media/stylesheets/themes/default/fonts/museosans_500_italic-webfont.ttf (100%)
 rename mayan/apps/{main => common}/static/web_theme_media/stylesheets/themes/default/fonts/museosans_500_italic-webfont.woff (100%)
 rename mayan/apps/{main => common}/static/web_theme_media/stylesheets/themes/default/images/arrow.png (100%)
 rename mayan/apps/{main => common}/static/web_theme_media/stylesheets/themes/default/images/bgd.jpg (100%)
 rename mayan/apps/{main => common}/static/web_theme_media/stylesheets/themes/default/images/boxbar-background.png (100%)
 rename mayan/apps/{main => common}/static/web_theme_media/stylesheets/themes/default/images/button-background-active.png (100%)
 rename mayan/apps/{main => common}/static/web_theme_media/stylesheets/themes/default/images/button-background.png (100%)
 rename mayan/apps/{main => common}/static/web_theme_media/stylesheets/themes/default/images/menubar-background.png (100%)
 rename mayan/apps/{main => common}/static/web_theme_media/stylesheets/themes/default/images/messages/error.png (100%)
 rename mayan/apps/{main => common}/static/web_theme_media/stylesheets/themes/default/images/messages/notice.png (100%)
 rename mayan/apps/{main => common}/static/web_theme_media/stylesheets/themes/default/images/messages/warning.png (100%)
 rename mayan/apps/{main => common}/static/web_theme_media/stylesheets/themes/default/style.css (100%)
 rename mayan/apps/{main => common}/static/web_theme_media/stylesheets/themes/djime-cerulean/style.css (100%)
 rename mayan/apps/{main => common}/static/web_theme_media/stylesheets/themes/drastic-dark/style.css (100%)
 rename mayan/apps/{main => common}/static/web_theme_media/stylesheets/themes/kathleene/style.css (100%)
 rename mayan/apps/{main => common}/static/web_theme_media/stylesheets/themes/olive/style.css (100%)
 rename mayan/apps/{main => common}/static/web_theme_media/stylesheets/themes/orange/style.css (100%)
 rename mayan/apps/{main => common}/static/web_theme_media/stylesheets/themes/red/style.css (100%)
 rename mayan/apps/{main => common}/static/web_theme_media/stylesheets/themes/reidb-greenish/style.css (100%)
 rename mayan/apps/{main => common}/static/web_theme_media/stylesheets/themes/warehouse/style.css (100%)
 create mode 100644 mayan/apps/main/static/main/icons/page.png
 create mode 100644 mayan/apps/main/static/main/icons/page_add.png

diff --git a/mayan/apps/common/static/common/packages/pure-release-0.5.0/HISTORY.md b/mayan/apps/common/static/common/packages/pure-release-0.5.0/HISTORY.md
new file mode 100644
index 0000000000..445de01bc4
--- /dev/null
+++ b/mayan/apps/common/static/common/packages/pure-release-0.5.0/HISTORY.md
@@ -0,0 +1,413 @@
+Pure Change History
+===================
+
+0.5.0 (2014-05-27)
+------------------
+
+### Base
+
+* Added the `.pure-img` class name for make images scale with the viewport in
+  fluid layouts.
+
+### Grids
+
+* __[!]__ Removed `.pure-g-r` from core, in favor of a mobile-first responsive
+  grid system. ([#24][], [#267][])
+
+  To use the mobile-first grid system, you need to pull in `pure.css`, along
+  with `grids-responsive.css`. We also have `grids-responsive-old-ie.css` that
+  you can serve to IE < 9 users so that they can view a desktop-version of your
+  website:
+
+    ```html
+    <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.5.0-rc-1/pure-min.css">
+
+    <!--[if lt IE 9]>
+        <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.5.0-rc-1/grids-responsive-old-ie-min.css">
+    <![endif]-->
+    <!--[if gt IE 8]><!-->
+        <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.5.0-rc-1/grids-responsive-min.css">
+    <!--<![endif]-->
+    ```
+
+  Find out more about the new grid system at <http://purecss.io/grids/>.
+
+### Tables
+
+* Switched cell padding in Tables from `px` to `em` units, and also increased
+  the amount of padding to `padding: 0.5em 1em`.
+
+
+[#24]: https://github.com/yui/pure/issues/24
+[#267]: https://github.com/yui/pure/pull/267
+
+
+0.4.2 (2014-02-13)
+------------------
+
+* Added `main` to Pure's `bower.json` file to allow easier integration with
+  build processes and tooling. ([#286][] @stevenvachon)
+
+### Forms
+
+* Improved how `<input type="color">` elements look in Chrome by fixing
+  paddings. ([#283][] @jpetto)
+
+* Removed `font-size` rules from `<input>`, `<legend>`, and `<fieldset>`
+  elements within `.pure-form`. Font sizes are now inherited from the
+  application's CSS file. ([#265][])
+
+* Invalid `<input>` elements within a Pure Form no longer explicitly set a
+  `border-width`. ([#295][] @kwando)
+
+
+[#265]: https://github.com/yui/pure/issues/265
+[#283]: https://github.com/yui/pure/issues/283
+[#286]: https://github.com/yui/pure/issues/286
+[#295]: https://github.com/yui/pure/issues/295
+
+
+0.4.1 (2014-02-06)
+------------------
+
+### Base
+
+* Elements that have Pure classnames which set a `display` declaration _and_ use
+  the `hidden` HTML attribute will now properly be hidden. With these changes,
+  the following button will be hidden from view:
+
+    ```html
+    <button class="pure-button" hidden>No showy</button>
+    ```
+
+  A new rule for the `[hidden]` selector has been added with the declaration:
+  `display: none !important;`. This is a time where it's appropriate for a
+  project like Pure to use `!important`. ([#177][])
+
+### Buttons
+
+* Removed all the occurrences of `-ms-linear-gradient()` from Buttons since it
+  has never been in the final version of IE 10. ([#200][]: @AurelioDeRosa)
+
+* `<input>` Buttons now have the same height as non-input buttons.
+  `font-family: inherit;` has been added to the `.pure-button` selector to
+  normalize the difference in height. ([#221][] @narcis-radu)
+
+* Buttons now have visually uniform default `padding` on all four sides. The
+  left/right padding is 2x the top/bottom padding. ([#191][] @achalv)
+
+### Forms
+
+* Added `vertical-align: top;` to `<textarea>`s within `.pure-form-aligned`
+  Forms to fix an alignment issue where its label was aligned to the middle.
+  ([#174][] @rictorres, @ItsAsbreuk)
+
+* Added styling for `<input>` elements that don't have a `type` attribute.
+  ([#261][] @dougdavies)
+
+### Grids
+
+* Added all non-reduced fractions to Grids default 5ths- and 24ths-based units.
+  There are now styles specified for `.pure-u-1-24` – `.pure-u-24-24`. All 5ths-
+  based units and reduced factions still remain; e.g., both `.pure-u-12-24` and
+  `.pure-u-1-2` exist. ([#144][] @mike-engel)
+
+* Removed `grids-units.css` from `src/`, this file is now generated via a Grunt
+  task. The units generation is done via the new
+  [`rework-pure-grids`][rework-pure-grids] [Rework][] plugin, and it can be used
+  to create any custom nth-based units for Pure's Grids system.
+
+### Menus
+
+* Removed hard-coded height for horizontal menus. ([#164][])
+
+
+[#144]: https://github.com/yui/pure/issues/144
+[#164]: https://github.com/yui/pure/issues/164
+[#174]: https://github.com/yui/pure/issues/174
+[#177]: https://github.com/yui/pure/issues/177
+[#191]: https://github.com/yui/pure/issues/191
+[#200]: https://github.com/yui/pure/issues/200
+[#221]: https://github.com/yui/pure/issues/221
+[#261]: https://github.com/yui/pure/issues/261
+
+[rework-pure-grids]: https://github.com/ericf/rework-pure-grids
+[Rework]: https://github.com/visionmedia/rework
+
+
+0.4.0 (2014-02-06)
+------------------
+
+* __[!]__ Corrupted release build, use `0.4.1`.
+
+
+0.3.0 (2013-09-09)
+------------------
+
+* __[!]__ Pure now requires the Base module (which is Normalize.css) to be on
+  the page. Pure has essentially always required the styles provided by
+  Normalize.css via the Base module, and this now makes it a firm requirement.
+  The `pure-min.css` and `pure-nr-min.css` rollup files already include the Base
+  module.
+
+  **Note:** When using a [custom subset][Customize] of Pure, be sure to include
+  the Base module.
+
+* Added non-minified rollup files: `pure.css` and `pure-nr.css`. These files are
+  created in addition to the minified rollups: `pure-min.css` and
+  `pure-nr-min.css`. The minified rollups _should_ be used in production.
+  ([#171][] @omeid)
+
+### Base
+
+* __[!]__ Removed Normalize.css from checked-in `src/`. Bower is now used to
+  programmatically import Normalize.css into `bower_components/` if it's not
+  already installed. Normalize.css is still bundled with Pure, this change is a
+  development-time change only. ([#160][])
+
+### Buttons
+
+* Removed `-webkit-font-smoothing: antialiased` rule from Buttons. Pure should
+  not dictate sub-pixel font rendering, that should be left to the person's
+  browser settings and/or the developer. ([#170][] @dchest)
+
+### Forms
+
+* __[!]__ Removed `forms-core.css`. This was a copy of Normalize.css' form
+  related styles. Now that Pure requires the Base module (Normalize.css) to be
+  on the page, the Forms Core submodule is no longer needed. ([#160][])
+
+* Added `:focus` styles to `[readonly]` `<input>` elements. ([#143][])
+
+* Removed `-webkit-font-smoothing: antialiased` rule from Forms input styles.
+  Pure should not dictate sub-pixel font rendering, that should be left to the
+  person's browser settings and/or the developer. ([#185][] @dchest)
+
+### Grids
+
+* __[!]__ Improved support for Grids across OS/browser combinations, and its
+  ability to withstand the use of non-default fonts when set by either the
+  person in their browser settings or by the developer using custom fonts.
+
+  Grids now uses CSS3 Flexbox when possible to avoid the side-effects of setting
+  a negative `letter-spacing` — the fallback for older browsers. Grids also now
+  uses a specific font stack on `.pure-g` and `.pure-g-r` classes to ensure the
+  greatest OS/browser compatibility when non-default fonts are being used. By
+  default grid units will now have `font-family: sans-serif;` applied — this is
+  the default font stack Pure's Base module (Normalize.css) applies to the
+  `<body>`.
+
+  This is a **breaking change** if you are using any non-default fonts in your
+  web project. Fortunately, it's quite easy to make sure your custom font stacks
+  apply to content within Pure Girds. Instead of applying your custom font to
+  only the `<body>` element, apply it to the grid units as well:
+
+    ```css
+    body,
+    .pure-g [class *= "pure-u"],
+    .pure-g-r [class *= "pure-u"] {
+        /* Set you're content font stack here: */
+        font-family: Georgia, Times, "Times New Roman", serif;
+    }
+    ```
+
+  Refer to the [Grids Documentation][Grids-fonts] for more details on using
+  non-default fonts with Pure Grids.
+  ([#41][], [#162][], [#166][], [#189][]: @adapterik @dannyfritz, @pandeiro)
+
+* Fixed grid units from falling to a new line on IE 6 and IE 7. Grid units now
+  have a separate `*width` value for these older versions of IE. This value is
+  `0.005%` less than the standard `width` value. This fix does not affect modern
+  browsers because it uses the star hack. ([#154][])
+
+* Added a `height: auto` rule to images within a `.pure-g-r` so that their
+  aspect ratios are maintained when the page is resized. ([#172][]: @dchest)
+
+
+[#41]: https://github.com/yui/pure/issues/41
+[#143]: https://github.com/yui/pure/issues/143
+[#154]: https://github.com/yui/pure/issues/154
+[#160]: https://github.com/yui/pure/issues/160
+[#162]: https://github.com/yui/pure/issues/162
+[#166]: https://github.com/yui/pure/issues/166
+[#170]: https://github.com/yui/pure/issues/170
+[#171]: https://github.com/yui/pure/issues/171
+[#172]: https://github.com/yui/pure/issues/172
+[#185]: https://github.com/yui/pure/issues/185
+[#189]: https://github.com/yui/pure/issues/189
+
+[Customize]: http://purecss.io/customize/
+[Grids-fonts]: http://purecss.io/grids/#using-grids-with-custom-fonts
+
+
+0.2.1 (2013-07-17)
+------------------
+
+### Forms
+
+* __[!]__ Made `[readonly]` `<input>`s look visually different to `[disabled]`
+  and regular `<input>`s. ([#102][]: @jaseg)
+
+* Fixed copy/paste bug that mapped text inputs to `.pure-form` instead of
+  `.pure-group`. The `.pure-form-group input` styles are now applied to all
+  text-ish `<input>` elements. ([#96][])
+
+* Fixed `.pure-input-rounded` styles to now apply correctly. The change to use
+  more specific selectors for text-ish inputs in v0.2.0 caused the
+  `.pure-input-rounded` selector to not apply because it was less specific. This
+  selector now has right specificity. ([#109][]: @AurelioDeRosa)
+
+* Added `display: block` to `<textarea>`s in `.pure-form-stacked` `<form>`s to
+  fix an alignment issue for subsequent elements. ([#90][]: @AurelioDeRosa)
+
+* Removed the gray `color` from `.pure-form label`. This allows `<label>`s to
+  inherit their foreground color. ([#89][]: @AurelioDeRosa)
+
+### Grids
+
+* __[!]__ Changed `.pure-u-1` grid unit to now use `width: 100%` instead of
+  `display: block` to achieve taking up the full width of its container. This
+  makes it easier to override and align since it's using `display: inline-block`
+  like the other grid units. ([#94][])
+
+* Fixed `width` value typo in `.pure-u-1-6`, changed it from `16.656%` to
+  `16.666%`. ([#115][]: @chilts)
+
+### Menus
+
+* __[!]__ Fixed broken styling of active paginator items by using Grids CSS
+  rules to layout items horizontally; this makes sure the active item isn't
+  overlapped. ([#127][])
+
+### Tables
+
+* Removed `white-space: nowrap` from `.pure-table thead`. This fixes issues
+  where tables inside of grids would break the grid. ([#95][]: @AurelioDeRosa)
+
+
+[#89]: https://github.com/yui/pure/issues/89
+[#90]: https://github.com/yui/pure/issues/90
+[#94]: https://github.com/yui/pure/issues/94
+[#95]: https://github.com/yui/pure/issues/95
+[#96]: https://github.com/yui/pure/issues/96
+[#102]: https://github.com/yui/pure/issues/102
+[#109]: https://github.com/yui/pure/issues/109
+[#115]: https://github.com/yui/pure/issues/115
+[#127]: https://github.com/yui/pure/issues/127
+[#172]: https://github.com/yui/pure/pull/172
+
+
+0.2.0 (2013-06-11)
+------------------
+
+* __[!]__ Fixed accessibility mistake by removing `a:focus {outline: none;}`
+  rule from `buttons-core.css`.
+
+* __[!]__ Improved `:focus` styles by applying the same rules that are used by
+  `:hover` styles. When overriding Pure's `:hover` styles, be sure to include
+  `:focus` selectors as well.
+
+* Added improvements to developer workflow:
+
+    * Added basic Tests using CSSLint via `grunt test` ([#25][])
+
+    * Integrated Travis CI which runs `grunt test` on pushes to `master` and for
+      pull requests.
+
+    * Added `grunt watch` task which runs tests and build.
+
+    * Added support to `pure-site` for serving `pure` locally during
+      development. ([#46][], [yui/pure-site#111][])
+
+* Removed vendor prefixes for `box-shadow`, `text-shadow`, `border-radius`. All
+  modern browsers support the non-prefixed versions of these properties.
+  ([#23][])
+
+### Forms
+
+* __[!]__ Replaced `.pure-help-inline` with `.pure-form-message-inline`. We
+  still support the older classname but it is deprecated and will be going away
+  in a future release. ([#32][]: @dannytatom)
+
+* Added a new class called `.pure-form-message`. It works the same way as
+  `.pure-form-message-inline` but is meant for block elements.
+  ([#32][]: @dannytatom)
+
+* Added focus styles for file, radio, and checkbox `<input>`s to improve
+  accessibility. ([#42][]: @codepb)
+
+* `<textarea>`s now have the same styling as `<input>`s. ([#49][]: @rcbdev)
+
+* `.pure-form input` rules are now more specific by targetting only "texty"
+  `<inputs>`. This prevents these styles from affecting "buttony" `<input>`s.
+  ([#54][])
+
+### Grids
+
+* Elements with classnames before the responsive grid's unit classnames now
+  works correctly. Before units were targeted using the `^=` ("starts with")
+  selector, which meant that if another classname preceded the unit classname,
+  then the rule would not apply. ([#44][])
+
+### Menus
+
+* Added `.pure-menu-separator` classname that can be used to visually
+  separate horizontal menu items. ([#53][]: @codepb, @mseri)
+
+* Focused menus have an `outline: none` by default. Instead, menu-items that
+  have been opened to display children (in a drop-down menu) get a slight
+  background (`#dedede`) for accessibility. ([#22][])
+
+
+[#22]: https://github.com/yui/pure/issues/22
+[#23]: https://github.com/yui/pure/issues/23
+[#25]: https://github.com/yui/pure/issues/25
+[#32]: https://github.com/yui/pure/issues/32
+[#42]: https://github.com/yui/pure/issues/42
+[#44]: https://github.com/yui/pure/issues/44
+[#46]: https://github.com/yui/pure/issues/46
+[#49]: https://github.com/yui/pure/issues/49
+[#53]: https://github.com/yui/pure/issues/53
+[#54]: https://github.com/yui/pure/issues/54
+
+[yui/pure-site#111]: https://github.com/yui/pure-site/issues/111
+
+
+0.1.0 (2013-05-24)
+------------------
+
+* __[!]__ Initial public release.
+
+* Upgraded Normalize.css to 1.1.2.
+
+* Integrated Bower into `grunt import` process.
+
+* Cleaned up manual test files, removing unnecessary CSS files and cruft.
+
+### Buttons
+
+* Added `border-radius: 2px` to enhance the appearance the they are click-able.
+
+### Menus
+
+* Removed `border-radius` from vertical menus.
+
+* Replaced blue hover for menus with light grey (`#eee`)
+
+* Removed `font-weight: bold` from selected menu items.
+
+
+0.0.2 (2013-05-16)
+------------------
+
+* __[!]__ Renamed to Pure.
+
+* __[!]__ Renamed CSS classname prefix to `pure`.
+
+* Preview release (2).
+
+
+0.0.1 (2013-05-14)
+------------------
+
+* Preview release.
diff --git a/mayan/apps/common/static/common/packages/pure-release-0.5.0/LICENSE.md b/mayan/apps/common/static/common/packages/pure-release-0.5.0/LICENSE.md
new file mode 100644
index 0000000000..e914649a3b
--- /dev/null
+++ b/mayan/apps/common/static/common/packages/pure-release-0.5.0/LICENSE.md
@@ -0,0 +1,52 @@
+Software License Agreement (BSD License)
+========================================
+
+Copyright 2014 Yahoo! Inc. All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+
+    * Redistributions in binary form must reproduce the above copyright
+      notice, this list of conditions and the following disclaimer in the
+      documentation and/or other materials provided with the distribution.
+
+    * Neither the name of the Yahoo! Inc. nor the
+      names of its contributors may be used to endorse or promote products
+      derived from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL YAHOO! INC. BE LIABLE FOR ANY
+DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
+ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+
+Normalize.css License
+=====================
+
+Copyright (c) Nicolas Gallagher and Jonathan Neal
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of
+this software and associated documentation files (the "Software"), to deal in
+the Software without restriction, including without limitation the rights to
+use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+the Software, and to permit persons to whom the Software is furnished to do so,
+subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
diff --git a/mayan/apps/common/static/common/packages/pure-release-0.5.0/README.md b/mayan/apps/common/static/common/packages/pure-release-0.5.0/README.md
new file mode 100644
index 0000000000..879c5cd037
--- /dev/null
+++ b/mayan/apps/common/static/common/packages/pure-release-0.5.0/README.md
@@ -0,0 +1,170 @@
+Pure
+====
+
+[![Pure](http://f.cl.ly/items/2y0M0E2Q3a2H0z1N1Y19/pure-banner.png)][Pure]
+
+A set of small, responsive CSS modules that you can use in every web project.
+[http://purecss.io/][Pure]
+
+[![Build Status](https://travis-ci.org/yui/pure.png?branch=master)][Build Status]
+
+**Use From the CDN:**
+
+```html
+<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.5.0/pure-min.css">
+```
+
+Note: You can [customize which Pure modules you need][customize].
+
+**Install with Bower:**
+
+```shell
+$ bower install --save pure
+```
+
+
+[Pure]: http://purecss.io/
+[Bower]: http://bower.io/
+[Build Status]: https://travis-ci.org/yui/pure
+[customize]: http://purecss.io/customize/
+
+
+Features
+--------
+
+Pure is meant to be a starting point for every website or web app. We take care
+of all the CSS work that every site needs, without making it look cookie-cutter:
+
+* A responsive grid that can be customized to your needs.
+
+* A solid base built on [Normalize.css][] to fix cross-browser compatibility
+  issues.
+
+* Consistently styled buttons that work with `<a>` and `<button>` elements.
+
+* Styles for vertical and horizontal menus, including support for dropdown
+  menus.
+
+* Useful form alignments that look great on all screen sizes.
+
+* Various common table styles.
+
+* An extremely minimalist look that is super-easy to customize.
+
+* Responsive by default, with a non-responsive option.
+
+* Easy one-click customization with the [Skin Builder][].
+
+* Extremely small file size: **4.5KB minified + gzip**.
+
+
+[Normalize.css]: http://necolas.github.io/normalize.css/
+[Skin Builder]: http://yui.github.io/skinbuilder/?mode=pure
+
+
+Get Started
+-----------
+
+To get started using Pure, go to the [Pure CSS website][Pure]. The website has
+extensive documentation and examples necessary to get you started using Pure.
+
+You can include the Pure CSS file in your project by fetching it from Yahoo's
+CDN:
+
+```html
+<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.5.0/pure-min.css">
+```
+
+You can also install Pure using [Bower][], using the following command:
+
+```shell
+$ bower install --save pure
+```
+
+
+Build From Source
+-----------------
+
+Optionally, you can build Pure from its source on Github. To do this, you'll
+need to have Node.js and npm installed. We use [Grunt][] to build Pure.
+
+```shell
+$ git clone git@github.com:yui/pure.git
+$ cd pure
+$ npm install
+$ grunt
+```
+
+### Build Files
+
+Now, all Pure CSS files should be built into the `pure/build/` directory. All
+files that are in this build directory are also available on the CDN. The naming
+conventions of the files in the `build/` directory follow these rules:
+
+* `[module]-core.css`: The minimal set of styles, ususally structural, that
+  provide the base on which the rest of the module's styles build.
+
+* `[module]-nr.css`: Rollup of `[module]-core.css` + `[module].css` +
+  `[module]-[feature].css` from the `src/[module]/` dir. This is the
+  non-responsive version of a module.
+
+* `[module].css`: Rollup of `[module]-nr.css` + `[module]-r.css` from the
+  `build/` dir. This is the responsive version of a module.
+
+* `*-min.css`: A minified file version of the files of the same name.
+
+* `pure.css`: A rollup of all `[module].css` files in the `build/` dir. This is
+  a responsive roll-up of everything, non-minified.
+
+* `pure-min.css`: Minified version of `pure.css` that should be used in
+  production.
+
+* `pure-nr.css`: A Rollup of all modules without @media queries. This is a
+  non-responsive roll-up of everything, non-minified.
+
+* `pure-nr-min.css`: Minified version of `pure-nr.css` that should be used in
+  production.
+
+
+[Grunt]: http://gruntjs.com/
+
+
+Browser Support and Testing
+---------------------------
+
+Pure is tested and works in:
+
+* IE 7+
+* Latest Stable: Firefox, Chrome, Safari
+* iOS 6.x, 7.x
+* Android 4.x
+
+
+Docs and Website
+----------------
+
+[Pure's website][Pure] is also open source, so please open any issues or pull
+requests for the docs and website over at the [`pure-site`][pure-site]
+repository.
+
+
+[pure-site]: https://github.com/yui/pure-site
+
+
+Contributing
+------------
+
+See the [CONTRIBUTING file][] for information on how to contribute to Pure.
+
+
+[CONTRIBUTING file]: https://github.com/yui/pure/blob/master/CONTRIBUTING.md
+
+
+License
+-------
+
+This software is free to use under the Yahoo! Inc. BSD license.
+See the [LICENSE file][] for license text and copyright information.
+
+
+[LICENSE file]: https://github.com/yui/pure/blob/master/LICENSE.md
diff --git a/mayan/apps/common/static/common/packages/pure-release-0.5.0/base-context-min.css b/mayan/apps/common/static/common/packages/pure-release-0.5.0/base-context-min.css
new file mode 100644
index 0000000000..e109c523cc
--- /dev/null
+++ b/mayan/apps/common/static/common/packages/pure-release-0.5.0/base-context-min.css
@@ -0,0 +1,11 @@
+/*!
+Pure v0.5.0
+Copyright 2014 Yahoo! Inc. All rights reserved.
+Licensed under the BSD License.
+https://github.com/yui/pure/blob/master/LICENSE.md
+*/
+/*!
+normalize.css v1.1.3 | MIT License | git.io/normalize
+Copyright (c) Nicolas Gallagher and Jonathan Neal
+*/
+/*! normalize.css v1.1.3 | MIT License | git.io/normalize */.pure article,.pure aside,.pure details,.pure figcaption,.pure figure,.pure footer,.pure header,.pure hgroup,.pure main,.pure nav,.pure section,.pure summary{display:block}.pure audio,.pure canvas,.pure video{display:inline-block;*display:inline;*zoom:1}.pure audio:not([controls]){display:none;height:0}.pure [hidden]{display:none}.pure{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}.pure,.pure button,.pure input,.pure select,.pure textarea{font-family:sans-serif}.pure{margin:0}.pure a:focus{outline:thin dotted}.pure a:active,.pure a:hover{outline:0}.pure h1{font-size:2em;margin:.67em 0}.pure h2{font-size:1.5em;margin:.83em 0}.pure h3{font-size:1.17em;margin:1em 0}.pure h4{font-size:1em;margin:1.33em 0}.pure h5{font-size:.83em;margin:1.67em 0}.pure h6{font-size:.67em;margin:2.33em 0}.pure abbr[title]{border-bottom:1px dotted}.pure b,.pure strong{font-weight:700}.pure blockquote{margin:1em 40px}.pure dfn{font-style:italic}.pure hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}.pure mark{background:#ff0;color:#000}.pure p,.pure pre{margin:1em 0}.pure code,.pure kbd,.pure pre,.pure samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}.pure pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}.pure q{quotes:none}.pure q:before,.pure q:after{content:'';content:none}.pure small{font-size:80%}.pure sub,.pure sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.pure sup{top:-.5em}.pure sub{bottom:-.25em}.pure dl,.pure menu,.pure ol,.pure ul{margin:1em 0}.pure dd{margin:0 0 0 40px}.pure menu,.pure ol,.pure ul{padding:0 0 0 40px}.pure nav ul,.pure nav ol{list-style:none;list-style-image:none}.pure img{border:0;-ms-interpolation-mode:bicubic}.pure svg:not(:root){overflow:hidden}.pure figure{margin:0}.pure form{margin:0}.pure fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}.pure legend{border:0;padding:0;white-space:normal;*margin-left:-7px}.pure button,.pure input,.pure select,.pure textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}.pure button,.pure input{line-height:normal}.pure button,.pure select{text-transform:none}.pure button,.pure input[type=button],.pure input[type=reset],.pure input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible}.pure button[disabled],.pure input[disabled]{cursor:default}.pure input[type=checkbox],.pure input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px}.pure input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}.pure input[type=search]::-webkit-search-cancel-button,.pure input[type=search]::-webkit-search-decoration{-webkit-appearance:none}.pure button::-moz-focus-inner,.pure input::-moz-focus-inner{border:0;padding:0}.pure textarea{overflow:auto;vertical-align:top}.pure table{border-collapse:collapse;border-spacing:0}.pure [hidden]{display:none!important}.pure .pure-img{max-width:100%;height:auto;display:block}
\ No newline at end of file
diff --git a/mayan/apps/common/static/common/packages/pure-release-0.5.0/base-context.css b/mayan/apps/common/static/common/packages/pure-release-0.5.0/base-context.css
new file mode 100644
index 0000000000..834f7834a6
--- /dev/null
+++ b/mayan/apps/common/static/common/packages/pure-release-0.5.0/base-context.css
@@ -0,0 +1,590 @@
+/*!
+Pure v0.5.0
+Copyright 2014 Yahoo! Inc. All rights reserved.
+Licensed under the BSD License.
+https://github.com/yui/pure/blob/master/LICENSE.md
+*/
+/*!
+normalize.css v1.1.3 | MIT License | git.io/normalize
+Copyright (c) Nicolas Gallagher and Jonathan Neal
+*/
+/*! normalize.css v1.1.3 | MIT License | git.io/normalize */
+
+/* ==========================================================================
+   HTML5 display definitions
+   ========================================================================== */
+
+/**
+ * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
+ */
+
+.pure article,
+.pure aside,
+.pure details,
+.pure figcaption,
+.pure figure,
+.pure footer,
+.pure header,
+.pure hgroup,
+.pure main,
+.pure nav,
+.pure section,
+.pure summary {
+    display: block;
+}
+
+/**
+ * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
+ */
+
+.pure audio,
+.pure canvas,
+.pure video {
+    display: inline-block;
+    *display: inline;
+    *zoom: 1;
+}
+
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+
+.pure audio:not([controls]) {
+    display: none;
+    height: 0;
+}
+
+/**
+ * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
+ * Known issue: no IE 6 support.
+ */
+
+.pure [hidden] {
+    display: none;
+}
+
+/* ==========================================================================
+   Base
+   ========================================================================== */
+
+/**
+ * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
+ *    `em` units.
+ * 2. Prevent iOS text size adjust after orientation change, without disabling
+ *    user zoom.
+ */
+
+.pure {
+    font-size: 100%;
+    /* 1 */
+    -ms-text-size-adjust: 100%;
+    /* 2 */
+    -webkit-text-size-adjust: 100%;
+    /* 2 */
+}
+
+/**
+ * Address `font-family` inconsistency between `textarea` and other form
+ * elements.
+ */
+
+.pure,
+.pure button,
+.pure input,
+.pure select,
+.pure textarea {
+    font-family: sans-serif;
+}
+
+/**
+ * Address margins handled incorrectly in IE 6/7.
+ */
+
+.pure {
+    margin: 0;
+}
+
+/* ==========================================================================
+   Links
+   ========================================================================== */
+
+/**
+ * Address `outline` inconsistency between Chrome and other browsers.
+ */
+
+.pure a:focus {
+    outline: thin dotted;
+}
+
+/**
+ * Improve readability when focused and also mouse hovered in all browsers.
+ */
+
+.pure a:active,
+.pure a:hover {
+    outline: 0;
+}
+
+/* ==========================================================================
+   Typography
+   ========================================================================== */
+
+/**
+ * Address font sizes and margins set differently in IE 6/7.
+ * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
+ * and Chrome.
+ */
+
+.pure h1 {
+    font-size: 2em;
+    margin: 0.67em 0;
+}
+
+.pure h2 {
+    font-size: 1.5em;
+    margin: 0.83em 0;
+}
+
+.pure h3 {
+    font-size: 1.17em;
+    margin: 1em 0;
+}
+
+.pure h4 {
+    font-size: 1em;
+    margin: 1.33em 0;
+}
+
+.pure h5 {
+    font-size: 0.83em;
+    margin: 1.67em 0;
+}
+
+.pure h6 {
+    font-size: 0.67em;
+    margin: 2.33em 0;
+}
+
+/**
+ * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
+ */
+
+.pure abbr[title] {
+    border-bottom: 1px dotted;
+}
+
+/**
+ * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
+ */
+
+.pure b,
+.pure strong {
+    font-weight: bold;
+}
+
+.pure blockquote {
+    margin: 1em 40px;
+}
+
+/**
+ * Address styling not present in Safari 5 and Chrome.
+ */
+
+.pure dfn {
+    font-style: italic;
+}
+
+/**
+ * Address differences between Firefox and other browsers.
+ * Known issue: no IE 6/7 normalization.
+ */
+
+.pure hr {
+    -moz-box-sizing: content-box;
+    box-sizing: content-box;
+    height: 0;
+}
+
+/**
+ * Address styling not present in IE 6/7/8/9.
+ */
+
+.pure mark {
+    background: #ff0;
+    color: #000;
+}
+
+/**
+ * Address margins set differently in IE 6/7.
+ */
+
+.pure p,
+.pure pre {
+    margin: 1em 0;
+}
+
+/**
+ * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
+ */
+
+.pure code,
+.pure kbd,
+.pure pre,
+.pure samp {
+    font-family: monospace, serif;
+    _font-family: 'courier new', monospace;
+    font-size: 1em;
+}
+
+/**
+ * Improve readability of pre-formatted text in all browsers.
+ */
+
+.pure pre {
+    white-space: pre;
+    white-space: pre-wrap;
+    word-wrap: break-word;
+}
+
+/**
+ * Address CSS quotes not supported in IE 6/7.
+ */
+
+.pure q {
+    quotes: none;
+}
+
+/**
+ * Address `quotes` property not supported in Safari 4.
+ */
+
+.pure q:before,
+.pure q:after {
+    content: '';
+    content: none;
+}
+
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+
+.pure small {
+    font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ */
+
+.pure sub,
+.pure sup {
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+    vertical-align: baseline;
+}
+
+.pure sup {
+    top: -0.5em;
+}
+
+.pure sub {
+    bottom: -0.25em;
+}
+
+/* ==========================================================================
+   Lists
+   ========================================================================== */
+
+/**
+ * Address margins set differently in IE 6/7.
+ */
+
+.pure dl,
+.pure menu,
+.pure ol,
+.pure ul {
+    margin: 1em 0;
+}
+
+.pure dd {
+    margin: 0 0 0 40px;
+}
+
+/**
+ * Address paddings set differently in IE 6/7.
+ */
+
+.pure menu,
+.pure ol,
+.pure ul {
+    padding: 0 0 0 40px;
+}
+
+/**
+ * Correct list images handled incorrectly in IE 7.
+ */
+
+.pure nav ul,
+.pure nav ol {
+    list-style: none;
+    list-style-image: none;
+}
+
+/* ==========================================================================
+   Embedded content
+   ========================================================================== */
+
+/**
+ * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
+ * 2. Improve image quality when scaled in IE 7.
+ */
+
+.pure img {
+    border: 0;
+    /* 1 */
+    -ms-interpolation-mode: bicubic;
+    /* 2 */
+}
+
+/**
+ * Correct overflow displayed oddly in IE 9.
+ */
+
+.pure svg:not(:root) {
+    overflow: hidden;
+}
+
+/* ==========================================================================
+   Figures
+   ========================================================================== */
+
+/**
+ * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
+ */
+
+.pure figure {
+    margin: 0;
+}
+
+/* ==========================================================================
+   Forms
+   ========================================================================== */
+
+/**
+ * Correct margin displayed oddly in IE 6/7.
+ */
+
+.pure form {
+    margin: 0;
+}
+
+/**
+ * Define consistent border, margin, and padding.
+ */
+
+.pure fieldset {
+    border: 1px solid #c0c0c0;
+    margin: 0 2px;
+    padding: 0.35em 0.625em 0.75em;
+}
+
+/**
+ * 1. Correct color not being inherited in IE 6/7/8/9.
+ * 2. Correct text not wrapping in Firefox 3.
+ * 3. Correct alignment displayed oddly in IE 6/7.
+ */
+
+.pure legend {
+    border: 0;
+    /* 1 */
+    padding: 0;
+    white-space: normal;
+    /* 2 */
+    *margin-left: -7px;
+    /* 3 */
+}
+
+/**
+ * 1. Correct font size not being inherited in all browsers.
+ * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
+ *    and Chrome.
+ * 3. Improve appearance and consistency in all browsers.
+ */
+
+.pure button,
+.pure input,
+.pure select,
+.pure textarea {
+    font-size: 100%;
+    /* 1 */
+    margin: 0;
+    /* 2 */
+    vertical-align: baseline;
+    /* 3 */
+    *vertical-align: middle;
+    /* 3 */
+}
+
+/**
+ * Address Firefox 3+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+
+.pure button,
+.pure input {
+    line-height: normal;
+}
+
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
+ * Correct `select` style inheritance in Firefox 4+ and Opera.
+ */
+
+.pure button,
+.pure select {
+    text-transform: none;
+}
+
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ *    and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ *    `input` and others.
+ * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
+ *    Known issue: inner spacing remains in IE 6.
+ */
+
+.pure button,
+.pure input[type="button"],
+.pure /* 1 */
+input[type="reset"],
+.pure input[type="submit"] {
+    -webkit-appearance: button;
+    /* 2 */
+    cursor: pointer;
+    /* 3 */
+    *overflow: visible;
+    /* 4 */
+}
+
+/**
+ * Re-set default cursor for disabled elements.
+ */
+
+.pure button[disabled],
+.pure input[disabled] {
+    cursor: default;
+}
+
+/**
+ * 1. Address box sizing set to content-box in IE 8/9.
+ * 2. Remove excess padding in IE 8/9.
+ * 3. Remove excess padding in IE 7.
+ *    Known issue: excess padding remains in IE 6.
+ */
+
+.pure input[type="checkbox"],
+.pure input[type="radio"] {
+    box-sizing: border-box;
+    /* 1 */
+    padding: 0;
+    /* 2 */
+    *height: 13px;
+    /* 3 */
+    *width: 13px;
+    /* 3 */
+}
+
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
+ *    (include `-moz` to future-proof).
+ */
+
+.pure input[type="search"] {
+    -webkit-appearance: textfield;
+    /* 1 */
+    -moz-box-sizing: content-box;
+    -webkit-box-sizing: content-box;
+    /* 2 */
+    box-sizing: content-box;
+}
+
+/**
+ * Remove inner padding and search cancel button in Safari 5 and Chrome
+ * on OS X.
+ */
+
+.pure input[type="search"]::-webkit-search-cancel-button,
+.pure input[type="search"]::-webkit-search-decoration {
+    -webkit-appearance: none;
+}
+
+/**
+ * Remove inner padding and border in Firefox 3+.
+ */
+
+.pure button::-moz-focus-inner,
+.pure input::-moz-focus-inner {
+    border: 0;
+    padding: 0;
+}
+
+/**
+ * 1. Remove default vertical scrollbar in IE 6/7/8/9.
+ * 2. Improve readability and alignment in all browsers.
+ */
+
+.pure textarea {
+    overflow: auto;
+    /* 1 */
+    vertical-align: top;
+    /* 2 */
+}
+
+/* ==========================================================================
+   Tables
+   ========================================================================== */
+
+/**
+ * Remove most spacing between table cells.
+ */
+
+.pure table {
+    border-collapse: collapse;
+    border-spacing: 0;
+}
+
+/*csslint important:false*/
+
+/* ==========================================================================
+   Pure Base Extras
+   ========================================================================== */
+
+/**
+ * Extra rules that Pure adds on top of Normalize.css
+ */
+
+/**
+ * Always hide an element when it has the `hidden` HTML attribute.
+ */
+
+.pure [hidden] {
+    display: none !important;
+}
+
+/**
+ * Add this class to an image to make it fit within it's fluid parent wrapper while maintaining
+ * aspect ratio.
+ */
+
+.pure .pure-img {
+    max-width: 100%;
+    height: auto;
+    display: block;
+}
\ No newline at end of file
diff --git a/mayan/apps/common/static/common/packages/pure-release-0.5.0/base-min.css b/mayan/apps/common/static/common/packages/pure-release-0.5.0/base-min.css
new file mode 100644
index 0000000000..79012e7d7d
--- /dev/null
+++ b/mayan/apps/common/static/common/packages/pure-release-0.5.0/base-min.css
@@ -0,0 +1,11 @@
+/*!
+Pure v0.5.0
+Copyright 2014 Yahoo! Inc. All rights reserved.
+Licensed under the BSD License.
+https://github.com/yui/pure/blob/master/LICENSE.md
+*/
+/*!
+normalize.css v1.1.3 | MIT License | git.io/normalize
+Copyright (c) Nicolas Gallagher and Jonathan Neal
+*/
+/*! normalize.css v1.1.3 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}[hidden]{display:none!important}.pure-img{max-width:100%;height:auto;display:block}
\ No newline at end of file
diff --git a/mayan/apps/common/static/common/packages/pure-release-0.5.0/base.css b/mayan/apps/common/static/common/packages/pure-release-0.5.0/base.css
new file mode 100644
index 0000000000..83a986961e
--- /dev/null
+++ b/mayan/apps/common/static/common/packages/pure-release-0.5.0/base.css
@@ -0,0 +1,565 @@
+/*!
+Pure v0.5.0
+Copyright 2014 Yahoo! Inc. All rights reserved.
+Licensed under the BSD License.
+https://github.com/yui/pure/blob/master/LICENSE.md
+*/
+/*!
+normalize.css v1.1.3 | MIT License | git.io/normalize
+Copyright (c) Nicolas Gallagher and Jonathan Neal
+*/
+/*! normalize.css v1.1.3 | MIT License | git.io/normalize */
+
+/* ==========================================================================
+   HTML5 display definitions
+   ========================================================================== */
+
+/**
+ * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
+ */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+nav,
+section,
+summary {
+    display: block;
+}
+
+/**
+ * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
+ */
+
+audio,
+canvas,
+video {
+    display: inline-block;
+    *display: inline;
+    *zoom: 1;
+}
+
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+
+audio:not([controls]) {
+    display: none;
+    height: 0;
+}
+
+/**
+ * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
+ * Known issue: no IE 6 support.
+ */
+
+[hidden] {
+    display: none;
+}
+
+/* ==========================================================================
+   Base
+   ========================================================================== */
+
+/**
+ * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
+ *    `em` units.
+ * 2. Prevent iOS text size adjust after orientation change, without disabling
+ *    user zoom.
+ */
+
+html {
+    font-size: 100%; /* 1 */
+    -ms-text-size-adjust: 100%; /* 2 */
+    -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/**
+ * Address `font-family` inconsistency between `textarea` and other form
+ * elements.
+ */
+
+html,
+button,
+input,
+select,
+textarea {
+    font-family: sans-serif;
+}
+
+/**
+ * Address margins handled incorrectly in IE 6/7.
+ */
+
+body {
+    margin: 0;
+}
+
+/* ==========================================================================
+   Links
+   ========================================================================== */
+
+/**
+ * Address `outline` inconsistency between Chrome and other browsers.
+ */
+
+a:focus {
+    outline: thin dotted;
+}
+
+/**
+ * Improve readability when focused and also mouse hovered in all browsers.
+ */
+
+a:active,
+a:hover {
+    outline: 0;
+}
+
+/* ==========================================================================
+   Typography
+   ========================================================================== */
+
+/**
+ * Address font sizes and margins set differently in IE 6/7.
+ * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
+ * and Chrome.
+ */
+
+h1 {
+    font-size: 2em;
+    margin: 0.67em 0;
+}
+
+h2 {
+    font-size: 1.5em;
+    margin: 0.83em 0;
+}
+
+h3 {
+    font-size: 1.17em;
+    margin: 1em 0;
+}
+
+h4 {
+    font-size: 1em;
+    margin: 1.33em 0;
+}
+
+h5 {
+    font-size: 0.83em;
+    margin: 1.67em 0;
+}
+
+h6 {
+    font-size: 0.67em;
+    margin: 2.33em 0;
+}
+
+/**
+ * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
+ */
+
+abbr[title] {
+    border-bottom: 1px dotted;
+}
+
+/**
+ * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
+ */
+
+b,
+strong {
+    font-weight: bold;
+}
+
+blockquote {
+    margin: 1em 40px;
+}
+
+/**
+ * Address styling not present in Safari 5 and Chrome.
+ */
+
+dfn {
+    font-style: italic;
+}
+
+/**
+ * Address differences between Firefox and other browsers.
+ * Known issue: no IE 6/7 normalization.
+ */
+
+hr {
+    -moz-box-sizing: content-box;
+    box-sizing: content-box;
+    height: 0;
+}
+
+/**
+ * Address styling not present in IE 6/7/8/9.
+ */
+
+mark {
+    background: #ff0;
+    color: #000;
+}
+
+/**
+ * Address margins set differently in IE 6/7.
+ */
+
+p,
+pre {
+    margin: 1em 0;
+}
+
+/**
+ * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
+ */
+
+code,
+kbd,
+pre,
+samp {
+    font-family: monospace, serif;
+    _font-family: 'courier new', monospace;
+    font-size: 1em;
+}
+
+/**
+ * Improve readability of pre-formatted text in all browsers.
+ */
+
+pre {
+    white-space: pre;
+    white-space: pre-wrap;
+    word-wrap: break-word;
+}
+
+/**
+ * Address CSS quotes not supported in IE 6/7.
+ */
+
+q {
+    quotes: none;
+}
+
+/**
+ * Address `quotes` property not supported in Safari 4.
+ */
+
+q:before,
+q:after {
+    content: '';
+    content: none;
+}
+
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+
+small {
+    font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ */
+
+sub,
+sup {
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+    vertical-align: baseline;
+}
+
+sup {
+    top: -0.5em;
+}
+
+sub {
+    bottom: -0.25em;
+}
+
+/* ==========================================================================
+   Lists
+   ========================================================================== */
+
+/**
+ * Address margins set differently in IE 6/7.
+ */
+
+dl,
+menu,
+ol,
+ul {
+    margin: 1em 0;
+}
+
+dd {
+    margin: 0 0 0 40px;
+}
+
+/**
+ * Address paddings set differently in IE 6/7.
+ */
+
+menu,
+ol,
+ul {
+    padding: 0 0 0 40px;
+}
+
+/**
+ * Correct list images handled incorrectly in IE 7.
+ */
+
+nav ul,
+nav ol {
+    list-style: none;
+    list-style-image: none;
+}
+
+/* ==========================================================================
+   Embedded content
+   ========================================================================== */
+
+/**
+ * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
+ * 2. Improve image quality when scaled in IE 7.
+ */
+
+img {
+    border: 0; /* 1 */
+    -ms-interpolation-mode: bicubic; /* 2 */
+}
+
+/**
+ * Correct overflow displayed oddly in IE 9.
+ */
+
+svg:not(:root) {
+    overflow: hidden;
+}
+
+/* ==========================================================================
+   Figures
+   ========================================================================== */
+
+/**
+ * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
+ */
+
+figure {
+    margin: 0;
+}
+
+/* ==========================================================================
+   Forms
+   ========================================================================== */
+
+/**
+ * Correct margin displayed oddly in IE 6/7.
+ */
+
+form {
+    margin: 0;
+}
+
+/**
+ * Define consistent border, margin, and padding.
+ */
+
+fieldset {
+    border: 1px solid #c0c0c0;
+    margin: 0 2px;
+    padding: 0.35em 0.625em 0.75em;
+}
+
+/**
+ * 1. Correct color not being inherited in IE 6/7/8/9.
+ * 2. Correct text not wrapping in Firefox 3.
+ * 3. Correct alignment displayed oddly in IE 6/7.
+ */
+
+legend {
+    border: 0; /* 1 */
+    padding: 0;
+    white-space: normal; /* 2 */
+    *margin-left: -7px; /* 3 */
+}
+
+/**
+ * 1. Correct font size not being inherited in all browsers.
+ * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
+ *    and Chrome.
+ * 3. Improve appearance and consistency in all browsers.
+ */
+
+button,
+input,
+select,
+textarea {
+    font-size: 100%; /* 1 */
+    margin: 0; /* 2 */
+    vertical-align: baseline; /* 3 */
+    *vertical-align: middle; /* 3 */
+}
+
+/**
+ * Address Firefox 3+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+
+button,
+input {
+    line-height: normal;
+}
+
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
+ * Correct `select` style inheritance in Firefox 4+ and Opera.
+ */
+
+button,
+select {
+    text-transform: none;
+}
+
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ *    and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ *    `input` and others.
+ * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
+ *    Known issue: inner spacing remains in IE 6.
+ */
+
+button,
+html input[type="button"], /* 1 */
+input[type="reset"],
+input[type="submit"] {
+    -webkit-appearance: button; /* 2 */
+    cursor: pointer; /* 3 */
+    *overflow: visible;  /* 4 */
+}
+
+/**
+ * Re-set default cursor for disabled elements.
+ */
+
+button[disabled],
+html input[disabled] {
+    cursor: default;
+}
+
+/**
+ * 1. Address box sizing set to content-box in IE 8/9.
+ * 2. Remove excess padding in IE 8/9.
+ * 3. Remove excess padding in IE 7.
+ *    Known issue: excess padding remains in IE 6.
+ */
+
+input[type="checkbox"],
+input[type="radio"] {
+    box-sizing: border-box; /* 1 */
+    padding: 0; /* 2 */
+    *height: 13px; /* 3 */
+    *width: 13px; /* 3 */
+}
+
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
+ *    (include `-moz` to future-proof).
+ */
+
+input[type="search"] {
+    -webkit-appearance: textfield; /* 1 */
+    -moz-box-sizing: content-box;
+    -webkit-box-sizing: content-box; /* 2 */
+    box-sizing: content-box;
+}
+
+/**
+ * Remove inner padding and search cancel button in Safari 5 and Chrome
+ * on OS X.
+ */
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+    -webkit-appearance: none;
+}
+
+/**
+ * Remove inner padding and border in Firefox 3+.
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+    border: 0;
+    padding: 0;
+}
+
+/**
+ * 1. Remove default vertical scrollbar in IE 6/7/8/9.
+ * 2. Improve readability and alignment in all browsers.
+ */
+
+textarea {
+    overflow: auto; /* 1 */
+    vertical-align: top; /* 2 */
+}
+
+/* ==========================================================================
+   Tables
+   ========================================================================== */
+
+/**
+ * Remove most spacing between table cells.
+ */
+
+table {
+    border-collapse: collapse;
+    border-spacing: 0;
+}
+
+/*csslint important:false*/
+
+/* ==========================================================================
+   Pure Base Extras
+   ========================================================================== */
+
+/**
+ * Extra rules that Pure adds on top of Normalize.css
+ */
+
+/**
+ * Always hide an element when it has the `hidden` HTML attribute.
+ */
+
+[hidden] {
+    display: none !important;
+}
+
+/**
+ * Add this class to an image to make it fit within it's fluid parent wrapper while maintaining
+ * aspect ratio.
+ */
+.pure-img {
+    max-width: 100%;
+    height: auto;
+    display: block;
+}
diff --git a/mayan/apps/common/static/common/packages/pure-release-0.5.0/bower.json b/mayan/apps/common/static/common/packages/pure-release-0.5.0/bower.json
new file mode 100644
index 0000000000..133e0a54e8
--- /dev/null
+++ b/mayan/apps/common/static/common/packages/pure-release-0.5.0/bower.json
@@ -0,0 +1,8 @@
+{
+  "name": "pure",
+  "version": "0.5.0",
+  "main": "pure.css",
+  "devDependencies": {
+    "normalize-css": "1.1.3"
+  }
+}
\ No newline at end of file
diff --git a/mayan/apps/common/static/common/packages/pure-release-0.5.0/buttons-core-min.css b/mayan/apps/common/static/common/packages/pure-release-0.5.0/buttons-core-min.css
new file mode 100644
index 0000000000..2dc13b3f69
--- /dev/null
+++ b/mayan/apps/common/static/common/packages/pure-release-0.5.0/buttons-core-min.css
@@ -0,0 +1,7 @@
+/*!
+Pure v0.5.0
+Copyright 2014 Yahoo! Inc. All rights reserved.
+Licensed under the BSD License.
+https://github.com/yui/pure/blob/master/LICENSE.md
+*/
+.pure-button{display:inline-block;*display:inline;zoom:1;line-height:normal;white-space:nowrap;vertical-align:baseline;text-align:center;cursor:pointer;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pure-button::-moz-focus-inner{padding:0;border:0}
\ No newline at end of file
diff --git a/mayan/apps/common/static/common/packages/pure-release-0.5.0/buttons-core.css b/mayan/apps/common/static/common/packages/pure-release-0.5.0/buttons-core.css
new file mode 100644
index 0000000000..18d2cfde86
--- /dev/null
+++ b/mayan/apps/common/static/common/packages/pure-release-0.5.0/buttons-core.css
@@ -0,0 +1,28 @@
+/*!
+Pure v0.5.0
+Copyright 2014 Yahoo! Inc. All rights reserved.
+Licensed under the BSD License.
+https://github.com/yui/pure/blob/master/LICENSE.md
+*/
+.pure-button {
+    /* Structure */
+    display: inline-block;
+    *display: inline; /*IE 6/7*/
+    zoom: 1;
+    line-height: normal;
+    white-space: nowrap;
+    vertical-align: baseline;
+    text-align: center;
+    cursor: pointer;
+    -webkit-user-drag: none;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+}
+
+/* Firefox: Get rid of the inner focus border */
+.pure-button::-moz-focus-inner {
+    padding: 0;
+    border: 0;
+}
diff --git a/mayan/apps/common/static/common/packages/pure-release-0.5.0/buttons-min.css b/mayan/apps/common/static/common/packages/pure-release-0.5.0/buttons-min.css
new file mode 100644
index 0000000000..ee6cc13404
--- /dev/null
+++ b/mayan/apps/common/static/common/packages/pure-release-0.5.0/buttons-min.css
@@ -0,0 +1,7 @@
+/*!
+Pure v0.5.0
+Copyright 2014 Yahoo! Inc. All rights reserved.
+Licensed under the BSD License.
+https://github.com/yui/pure/blob/master/LICENSE.md
+*/
+.pure-button{display:inline-block;*display:inline;zoom:1;line-height:normal;white-space:nowrap;vertical-align:baseline;text-align:center;cursor:pointer;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pure-button::-moz-focus-inner{padding:0;border:0}.pure-button{font-family:inherit;font-size:100%;*font-size:90%;*overflow:visible;padding:.5em 1em;color:#444;color:rgba(0,0,0,.8);*color:#444;border:1px solid #999;border:0 rgba(0,0,0,0);background-color:#E6E6E6;text-decoration:none;border-radius:2px}.pure-button-hover,.pure-button:hover,.pure-button:focus{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000', GradientType=0);background-image:-webkit-gradient(linear,0 0,0 100%,from(transparent),color-stop(40%,rgba(0,0,0,.05)),to(rgba(0,0,0,.1)));background-image:-webkit-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));background-image:-moz-linear-gradient(top,rgba(0,0,0,.05) 0,rgba(0,0,0,.1));background-image:-o-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));background-image:linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1))}.pure-button:focus{outline:0}.pure-button-active,.pure-button:active{box-shadow:0 0 0 1px rgba(0,0,0,.15) inset,0 0 6px rgba(0,0,0,.2) inset}.pure-button[disabled],.pure-button-disabled,.pure-button-disabled:hover,.pure-button-disabled:focus,.pure-button-disabled:active{border:0;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);filter:alpha(opacity=40);-khtml-opacity:.4;-moz-opacity:.4;opacity:.4;cursor:not-allowed;box-shadow:none}.pure-button-hidden{display:none}.pure-button::-moz-focus-inner{padding:0;border:0}.pure-button-primary,.pure-button-selected,a.pure-button-primary,a.pure-button-selected{background-color:#0078e7;color:#fff}
\ No newline at end of file
diff --git a/mayan/apps/common/static/common/packages/pure-release-0.5.0/buttons.css b/mayan/apps/common/static/common/packages/pure-release-0.5.0/buttons.css
new file mode 100644
index 0000000000..be5ee2694e
--- /dev/null
+++ b/mayan/apps/common/static/common/packages/pure-release-0.5.0/buttons.css
@@ -0,0 +1,98 @@
+/*!
+Pure v0.5.0
+Copyright 2014 Yahoo! Inc. All rights reserved.
+Licensed under the BSD License.
+https://github.com/yui/pure/blob/master/LICENSE.md
+*/
+.pure-button {
+    /* Structure */
+    display: inline-block;
+    *display: inline; /*IE 6/7*/
+    zoom: 1;
+    line-height: normal;
+    white-space: nowrap;
+    vertical-align: baseline;
+    text-align: center;
+    cursor: pointer;
+    -webkit-user-drag: none;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+}
+
+/* Firefox: Get rid of the inner focus border */
+.pure-button::-moz-focus-inner {
+    padding: 0;
+    border: 0;
+}
+
+/*csslint outline-none:false*/
+
+.pure-button {
+    font-family: inherit;
+    font-size: 100%;
+    *font-size: 90%; /*IE 6/7 - To reduce IE's oversized button text*/
+    *overflow: visible; /*IE 6/7 - Because of IE's overly large left/right padding on buttons */
+    padding: 0.5em 1em;
+    color: #444; /* rgba not supported (IE 8) */
+    color: rgba(0, 0, 0, 0.80); /* rgba supported */
+    *color: #444; /* IE 6 & 7 */
+    border: 1px solid #999;  /*IE 6/7/8*/
+    border: none rgba(0, 0, 0, 0);  /*IE9 + everything else*/
+    background-color: #E6E6E6;
+    text-decoration: none;
+    border-radius: 2px;
+}
+
+.pure-button-hover,
+.pure-button:hover,
+.pure-button:focus {
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000',GradientType=0);
+    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0,0,0, 0.05)), to(rgba(0,0,0, 0.10)));
+    background-image: -webkit-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
+    background-image: -moz-linear-gradient(top, rgba(0,0,0, 0.05) 0%, rgba(0,0,0, 0.10));
+    background-image: -o-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
+    background-image: linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
+}
+.pure-button:focus {
+    outline: 0;
+}
+.pure-button-active,
+.pure-button:active {
+    box-shadow: 0 0 0 1px rgba(0,0,0, 0.15) inset, 0 0 6px rgba(0,0,0, 0.20) inset;
+}
+
+.pure-button[disabled],
+.pure-button-disabled,
+.pure-button-disabled:hover,
+.pure-button-disabled:focus,
+.pure-button-disabled:active {
+    border: none;
+    background-image: none;
+    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+    filter: alpha(opacity=40);
+    -khtml-opacity: 0.40;
+    -moz-opacity: 0.40;
+    opacity: 0.40;
+    cursor: not-allowed;
+    box-shadow: none;
+}
+
+.pure-button-hidden {
+    display: none;
+}
+
+/* Firefox: Get rid of the inner focus border */
+.pure-button::-moz-focus-inner{
+    padding: 0;
+    border: 0;
+}
+
+.pure-button-primary,
+.pure-button-selected,
+a.pure-button-primary,
+a.pure-button-selected {
+    background-color: rgb(0, 120, 231);
+    color: #fff;
+}
diff --git a/mayan/apps/common/static/common/packages/pure-release-0.5.0/forms-min.css b/mayan/apps/common/static/common/packages/pure-release-0.5.0/forms-min.css
new file mode 100644
index 0000000000..a45f8e417f
--- /dev/null
+++ b/mayan/apps/common/static/common/packages/pure-release-0.5.0/forms-min.css
@@ -0,0 +1,7 @@
+/*!
+Pure v0.5.0
+Copyright 2014 Yahoo! Inc. All rights reserved.
+Licensed under the BSD License.
+https://github.com/yui/pure/blob/master/LICENSE.md
+*/
+.pure-form input[type=text],.pure-form input[type=password],.pure-form input[type=email],.pure-form input[type=url],.pure-form input[type=date],.pure-form input[type=month],.pure-form input[type=time],.pure-form input[type=datetime],.pure-form input[type=datetime-local],.pure-form input[type=week],.pure-form input[type=number],.pure-form input[type=search],.pure-form input[type=tel],.pure-form input[type=color],.pure-form select,.pure-form textarea{padding:.5em .6em;display:inline-block;border:1px solid #ccc;box-shadow:inset 0 1px 3px #ddd;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.pure-form input:not([type]){padding:.5em .6em;display:inline-block;border:1px solid #ccc;box-shadow:inset 0 1px 3px #ddd;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.pure-form input[type=color]{padding:.2em .5em}.pure-form input[type=text]:focus,.pure-form input[type=password]:focus,.pure-form input[type=email]:focus,.pure-form input[type=url]:focus,.pure-form input[type=date]:focus,.pure-form input[type=month]:focus,.pure-form input[type=time]:focus,.pure-form input[type=datetime]:focus,.pure-form input[type=datetime-local]:focus,.pure-form input[type=week]:focus,.pure-form input[type=number]:focus,.pure-form input[type=search]:focus,.pure-form input[type=tel]:focus,.pure-form input[type=color]:focus,.pure-form select:focus,.pure-form textarea:focus{outline:0;outline:thin dotted \9;border-color:#129FEA}.pure-form input:not([type]):focus{outline:0;outline:thin dotted \9;border-color:#129FEA}.pure-form input[type=file]:focus,.pure-form input[type=radio]:focus,.pure-form input[type=checkbox]:focus{outline:thin dotted #333;outline:1px auto #129FEA}.pure-form .pure-checkbox,.pure-form .pure-radio{margin:.5em 0;display:block}.pure-form input[type=text][disabled],.pure-form input[type=password][disabled],.pure-form input[type=email][disabled],.pure-form input[type=url][disabled],.pure-form input[type=date][disabled],.pure-form input[type=month][disabled],.pure-form input[type=time][disabled],.pure-form input[type=datetime][disabled],.pure-form input[type=datetime-local][disabled],.pure-form input[type=week][disabled],.pure-form input[type=number][disabled],.pure-form input[type=search][disabled],.pure-form input[type=tel][disabled],.pure-form input[type=color][disabled],.pure-form select[disabled],.pure-form textarea[disabled]{cursor:not-allowed;background-color:#eaeded;color:#cad2d3}.pure-form input:not([type])[disabled]{cursor:not-allowed;background-color:#eaeded;color:#cad2d3}.pure-form input[readonly],.pure-form select[readonly],.pure-form textarea[readonly]{background:#eee;color:#777;border-color:#ccc}.pure-form input:focus:invalid,.pure-form textarea:focus:invalid,.pure-form select:focus:invalid{color:#b94a48;border-color:#ee5f5b}.pure-form input:focus:invalid:focus,.pure-form textarea:focus:invalid:focus,.pure-form select:focus:invalid:focus{border-color:#e9322d}.pure-form input[type=file]:focus:invalid:focus,.pure-form input[type=radio]:focus:invalid:focus,.pure-form input[type=checkbox]:focus:invalid:focus{outline-color:#e9322d}.pure-form select{border:1px solid #ccc;background-color:#fff}.pure-form select[multiple]{height:auto}.pure-form label{margin:.5em 0 .2em}.pure-form fieldset{margin:0;padding:.35em 0 .75em;border:0}.pure-form legend{display:block;width:100%;padding:.3em 0;margin-bottom:.3em;color:#333;border-bottom:1px solid #e5e5e5}.pure-form-stacked input[type=text],.pure-form-stacked input[type=password],.pure-form-stacked input[type=email],.pure-form-stacked input[type=url],.pure-form-stacked input[type=date],.pure-form-stacked input[type=month],.pure-form-stacked input[type=time],.pure-form-stacked input[type=datetime],.pure-form-stacked input[type=datetime-local],.pure-form-stacked input[type=week],.pure-form-stacked input[type=number],.pure-form-stacked input[type=search],.pure-form-stacked input[type=tel],.pure-form-stacked input[type=color],.pure-form-stacked select,.pure-form-stacked label,.pure-form-stacked textarea{display:block;margin:.25em 0}.pure-form-stacked input:not([type]){display:block;margin:.25em 0}.pure-form-aligned input,.pure-form-aligned textarea,.pure-form-aligned select,.pure-form-aligned .pure-help-inline,.pure-form-message-inline{display:inline-block;*display:inline;*zoom:1;vertical-align:middle}.pure-form-aligned textarea{vertical-align:top}.pure-form-aligned .pure-control-group{margin-bottom:.5em}.pure-form-aligned .pure-control-group label{text-align:right;display:inline-block;vertical-align:middle;width:10em;margin:0 1em 0 0}.pure-form-aligned .pure-controls{margin:1.5em 0 0 10em}.pure-form input.pure-input-rounded,.pure-form .pure-input-rounded{border-radius:2em;padding:.5em 1em}.pure-form .pure-group fieldset{margin-bottom:10px}.pure-form .pure-group input{display:block;padding:10px;margin:0;border-radius:0;position:relative;top:-1px}.pure-form .pure-group input:focus{z-index:2}.pure-form .pure-group input:first-child{top:1px;border-radius:4px 4px 0 0}.pure-form .pure-group input:last-child{top:-2px;border-radius:0 0 4px 4px}.pure-form .pure-group button{margin:.35em 0}.pure-form .pure-input-1{width:100%}.pure-form .pure-input-2-3{width:66%}.pure-form .pure-input-1-2{width:50%}.pure-form .pure-input-1-3{width:33%}.pure-form .pure-input-1-4{width:25%}.pure-form .pure-help-inline,.pure-form-message-inline{display:inline-block;padding-left:.3em;color:#666;vertical-align:middle;font-size:.875em}.pure-form-message{display:block;color:#666;font-size:.875em}@media only screen and (max-width :480px){.pure-form button[type=submit]{margin:.7em 0 0}.pure-form input:not([type]),.pure-form input[type=text],.pure-form input[type=password],.pure-form input[type=email],.pure-form input[type=url],.pure-form input[type=date],.pure-form input[type=month],.pure-form input[type=time],.pure-form input[type=datetime],.pure-form input[type=datetime-local],.pure-form input[type=week],.pure-form input[type=number],.pure-form input[type=search],.pure-form input[type=tel],.pure-form input[type=color],.pure-form label{margin-bottom:.3em;display:block}.pure-group input:not([type]),.pure-group input[type=text],.pure-group input[type=password],.pure-group input[type=email],.pure-group input[type=url],.pure-group input[type=date],.pure-group input[type=month],.pure-group input[type=time],.pure-group input[type=datetime],.pure-group input[type=datetime-local],.pure-group input[type=week],.pure-group input[type=number],.pure-group input[type=search],.pure-group input[type=tel],.pure-group input[type=color]{margin-bottom:0}.pure-form-aligned .pure-control-group label{margin-bottom:.3em;text-align:left;display:block;width:100%}.pure-form-aligned .pure-controls{margin:1.5em 0 0}.pure-form .pure-help-inline,.pure-form-message-inline,.pure-form-message{display:block;font-size:.75em;padding:.2em 0 .8em}}
\ No newline at end of file
diff --git a/mayan/apps/common/static/common/packages/pure-release-0.5.0/forms-nr-min.css b/mayan/apps/common/static/common/packages/pure-release-0.5.0/forms-nr-min.css
new file mode 100644
index 0000000000..adc9d617c2
--- /dev/null
+++ b/mayan/apps/common/static/common/packages/pure-release-0.5.0/forms-nr-min.css
@@ -0,0 +1,7 @@
+/*!
+Pure v0.5.0
+Copyright 2014 Yahoo! Inc. All rights reserved.
+Licensed under the BSD License.
+https://github.com/yui/pure/blob/master/LICENSE.md
+*/
+.pure-form input[type=text],.pure-form input[type=password],.pure-form input[type=email],.pure-form input[type=url],.pure-form input[type=date],.pure-form input[type=month],.pure-form input[type=time],.pure-form input[type=datetime],.pure-form input[type=datetime-local],.pure-form input[type=week],.pure-form input[type=number],.pure-form input[type=search],.pure-form input[type=tel],.pure-form input[type=color],.pure-form select,.pure-form textarea{padding:.5em .6em;display:inline-block;border:1px solid #ccc;box-shadow:inset 0 1px 3px #ddd;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.pure-form input:not([type]){padding:.5em .6em;display:inline-block;border:1px solid #ccc;box-shadow:inset 0 1px 3px #ddd;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.pure-form input[type=color]{padding:.2em .5em}.pure-form input[type=text]:focus,.pure-form input[type=password]:focus,.pure-form input[type=email]:focus,.pure-form input[type=url]:focus,.pure-form input[type=date]:focus,.pure-form input[type=month]:focus,.pure-form input[type=time]:focus,.pure-form input[type=datetime]:focus,.pure-form input[type=datetime-local]:focus,.pure-form input[type=week]:focus,.pure-form input[type=number]:focus,.pure-form input[type=search]:focus,.pure-form input[type=tel]:focus,.pure-form input[type=color]:focus,.pure-form select:focus,.pure-form textarea:focus{outline:0;outline:thin dotted \9;border-color:#129FEA}.pure-form input:not([type]):focus{outline:0;outline:thin dotted \9;border-color:#129FEA}.pure-form input[type=file]:focus,.pure-form input[type=radio]:focus,.pure-form input[type=checkbox]:focus{outline:thin dotted #333;outline:1px auto #129FEA}.pure-form .pure-checkbox,.pure-form .pure-radio{margin:.5em 0;display:block}.pure-form input[type=text][disabled],.pure-form input[type=password][disabled],.pure-form input[type=email][disabled],.pure-form input[type=url][disabled],.pure-form input[type=date][disabled],.pure-form input[type=month][disabled],.pure-form input[type=time][disabled],.pure-form input[type=datetime][disabled],.pure-form input[type=datetime-local][disabled],.pure-form input[type=week][disabled],.pure-form input[type=number][disabled],.pure-form input[type=search][disabled],.pure-form input[type=tel][disabled],.pure-form input[type=color][disabled],.pure-form select[disabled],.pure-form textarea[disabled]{cursor:not-allowed;background-color:#eaeded;color:#cad2d3}.pure-form input:not([type])[disabled]{cursor:not-allowed;background-color:#eaeded;color:#cad2d3}.pure-form input[readonly],.pure-form select[readonly],.pure-form textarea[readonly]{background:#eee;color:#777;border-color:#ccc}.pure-form input:focus:invalid,.pure-form textarea:focus:invalid,.pure-form select:focus:invalid{color:#b94a48;border-color:#ee5f5b}.pure-form input:focus:invalid:focus,.pure-form textarea:focus:invalid:focus,.pure-form select:focus:invalid:focus{border-color:#e9322d}.pure-form input[type=file]:focus:invalid:focus,.pure-form input[type=radio]:focus:invalid:focus,.pure-form input[type=checkbox]:focus:invalid:focus{outline-color:#e9322d}.pure-form select{border:1px solid #ccc;background-color:#fff}.pure-form select[multiple]{height:auto}.pure-form label{margin:.5em 0 .2em}.pure-form fieldset{margin:0;padding:.35em 0 .75em;border:0}.pure-form legend{display:block;width:100%;padding:.3em 0;margin-bottom:.3em;color:#333;border-bottom:1px solid #e5e5e5}.pure-form-stacked input[type=text],.pure-form-stacked input[type=password],.pure-form-stacked input[type=email],.pure-form-stacked input[type=url],.pure-form-stacked input[type=date],.pure-form-stacked input[type=month],.pure-form-stacked input[type=time],.pure-form-stacked input[type=datetime],.pure-form-stacked input[type=datetime-local],.pure-form-stacked input[type=week],.pure-form-stacked input[type=number],.pure-form-stacked input[type=search],.pure-form-stacked input[type=tel],.pure-form-stacked input[type=color],.pure-form-stacked select,.pure-form-stacked label,.pure-form-stacked textarea{display:block;margin:.25em 0}.pure-form-stacked input:not([type]){display:block;margin:.25em 0}.pure-form-aligned input,.pure-form-aligned textarea,.pure-form-aligned select,.pure-form-aligned .pure-help-inline,.pure-form-message-inline{display:inline-block;*display:inline;*zoom:1;vertical-align:middle}.pure-form-aligned textarea{vertical-align:top}.pure-form-aligned .pure-control-group{margin-bottom:.5em}.pure-form-aligned .pure-control-group label{text-align:right;display:inline-block;vertical-align:middle;width:10em;margin:0 1em 0 0}.pure-form-aligned .pure-controls{margin:1.5em 0 0 10em}.pure-form input.pure-input-rounded,.pure-form .pure-input-rounded{border-radius:2em;padding:.5em 1em}.pure-form .pure-group fieldset{margin-bottom:10px}.pure-form .pure-group input{display:block;padding:10px;margin:0;border-radius:0;position:relative;top:-1px}.pure-form .pure-group input:focus{z-index:2}.pure-form .pure-group input:first-child{top:1px;border-radius:4px 4px 0 0}.pure-form .pure-group input:last-child{top:-2px;border-radius:0 0 4px 4px}.pure-form .pure-group button{margin:.35em 0}.pure-form .pure-input-1{width:100%}.pure-form .pure-input-2-3{width:66%}.pure-form .pure-input-1-2{width:50%}.pure-form .pure-input-1-3{width:33%}.pure-form .pure-input-1-4{width:25%}.pure-form .pure-help-inline,.pure-form-message-inline{display:inline-block;padding-left:.3em;color:#666;vertical-align:middle;font-size:.875em}.pure-form-message{display:block;color:#666;font-size:.875em}
\ No newline at end of file
diff --git a/mayan/apps/common/static/common/packages/pure-release-0.5.0/forms-nr.css b/mayan/apps/common/static/common/packages/pure-release-0.5.0/forms-nr.css
new file mode 100644
index 0000000000..aa9bc875a2
--- /dev/null
+++ b/mayan/apps/common/static/common/packages/pure-release-0.5.0/forms-nr.css
@@ -0,0 +1,302 @@
+/*!
+Pure v0.5.0
+Copyright 2014 Yahoo! Inc. All rights reserved.
+Licensed under the BSD License.
+https://github.com/yui/pure/blob/master/LICENSE.md
+*/
+.pure-form input[type="text"],
+.pure-form input[type="password"],
+.pure-form input[type="email"],
+.pure-form input[type="url"],
+.pure-form input[type="date"],
+.pure-form input[type="month"],
+.pure-form input[type="time"],
+.pure-form input[type="datetime"],
+.pure-form input[type="datetime-local"],
+.pure-form input[type="week"],
+.pure-form input[type="number"],
+.pure-form input[type="search"],
+.pure-form input[type="tel"],
+.pure-form input[type="color"],
+.pure-form select,
+.pure-form textarea {
+    padding: 0.5em 0.6em;
+    display: inline-block;
+    border: 1px solid #ccc;
+    box-shadow: inset 0 1px 3px #ddd;
+    border-radius: 4px;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+}
+
+/*
+Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
+since IE8 won't execute CSS that contains a CSS3 selector.
+*/
+.pure-form input:not([type]) {
+    padding: 0.5em 0.6em;
+    display: inline-block;
+    border: 1px solid #ccc;
+    box-shadow: inset 0 1px 3px #ddd;
+    border-radius: 4px;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+}
+
+
+/* Chrome (as of v.32/34 on OS X) needs additional room for color to display. */
+/* May be able to remove this tweak as color inputs become more standardized across browsers. */
+.pure-form input[type="color"] {
+    padding: 0.2em 0.5em;
+}
+
+
+.pure-form input[type="text"]:focus,
+.pure-form input[type="password"]:focus,
+.pure-form input[type="email"]:focus,
+.pure-form input[type="url"]:focus,
+.pure-form input[type="date"]:focus,
+.pure-form input[type="month"]:focus,
+.pure-form input[type="time"]:focus,
+.pure-form input[type="datetime"]:focus,
+.pure-form input[type="datetime-local"]:focus,
+.pure-form input[type="week"]:focus,
+.pure-form input[type="number"]:focus,
+.pure-form input[type="search"]:focus,
+.pure-form input[type="tel"]:focus,
+.pure-form input[type="color"]:focus,
+.pure-form select:focus,
+.pure-form textarea:focus {
+    outline: 0;
+    outline: thin dotted \9; /* IE6-9 */
+    border-color: #129FEA;
+}
+
+/*
+Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
+since IE8 won't execute CSS that contains a CSS3 selector.
+*/
+.pure-form input:not([type]):focus {
+    outline: 0;
+    outline: thin dotted \9; /* IE6-9 */
+    border-color: #129FEA;
+}
+
+.pure-form input[type="file"]:focus,
+.pure-form input[type="radio"]:focus,
+.pure-form input[type="checkbox"]:focus {
+    outline: thin dotted #333;
+    outline: 1px auto #129FEA;
+}
+.pure-form .pure-checkbox,
+.pure-form .pure-radio {
+    margin: 0.5em 0;
+    display: block;
+}
+
+.pure-form input[type="text"][disabled],
+.pure-form input[type="password"][disabled],
+.pure-form input[type="email"][disabled],
+.pure-form input[type="url"][disabled],
+.pure-form input[type="date"][disabled],
+.pure-form input[type="month"][disabled],
+.pure-form input[type="time"][disabled],
+.pure-form input[type="datetime"][disabled],
+.pure-form input[type="datetime-local"][disabled],
+.pure-form input[type="week"][disabled],
+.pure-form input[type="number"][disabled],
+.pure-form input[type="search"][disabled],
+.pure-form input[type="tel"][disabled],
+.pure-form input[type="color"][disabled],
+.pure-form select[disabled],
+.pure-form textarea[disabled] {
+    cursor: not-allowed;
+    background-color: #eaeded;
+    color: #cad2d3;
+}
+
+/*
+Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
+since IE8 won't execute CSS that contains a CSS3 selector.
+*/
+.pure-form input:not([type])[disabled] {
+    cursor: not-allowed;
+    background-color: #eaeded;
+    color: #cad2d3;
+}
+.pure-form input[readonly],
+.pure-form select[readonly],
+.pure-form textarea[readonly] {
+    background: #eee; /* menu hover bg color */
+    color: #777; /* menu text color */
+    border-color: #ccc;
+}
+
+.pure-form input:focus:invalid,
+.pure-form textarea:focus:invalid,
+.pure-form select:focus:invalid {
+    color: #b94a48;
+    border-color: #ee5f5b;
+}
+.pure-form input:focus:invalid:focus,
+.pure-form textarea:focus:invalid:focus,
+.pure-form select:focus:invalid:focus {
+    border-color: #e9322d;
+}
+.pure-form input[type="file"]:focus:invalid:focus,
+.pure-form input[type="radio"]:focus:invalid:focus,
+.pure-form input[type="checkbox"]:focus:invalid:focus {
+    outline-color: #e9322d;
+}
+.pure-form select {
+    border: 1px solid #ccc;
+    background-color: white;
+}
+.pure-form select[multiple] {
+    height: auto;
+}
+.pure-form label {
+    margin: 0.5em 0 0.2em;
+}
+.pure-form fieldset {
+    margin: 0;
+    padding: 0.35em 0 0.75em;
+    border: 0;
+}
+.pure-form legend {
+    display: block;
+    width: 100%;
+    padding: 0.3em 0;
+    margin-bottom: 0.3em;
+    color: #333;
+    border-bottom: 1px solid #e5e5e5;
+}
+
+.pure-form-stacked input[type="text"],
+.pure-form-stacked input[type="password"],
+.pure-form-stacked input[type="email"],
+.pure-form-stacked input[type="url"],
+.pure-form-stacked input[type="date"],
+.pure-form-stacked input[type="month"],
+.pure-form-stacked input[type="time"],
+.pure-form-stacked input[type="datetime"],
+.pure-form-stacked input[type="datetime-local"],
+.pure-form-stacked input[type="week"],
+.pure-form-stacked input[type="number"],
+.pure-form-stacked input[type="search"],
+.pure-form-stacked input[type="tel"],
+.pure-form-stacked input[type="color"],
+.pure-form-stacked select,
+.pure-form-stacked label,
+.pure-form-stacked textarea {
+    display: block;
+    margin: 0.25em 0;
+}
+
+/*
+Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
+since IE8 won't execute CSS that contains a CSS3 selector.
+*/
+.pure-form-stacked input:not([type]) {
+    display: block;
+    margin: 0.25em 0;
+}
+.pure-form-aligned input,
+.pure-form-aligned textarea,
+.pure-form-aligned select,
+/* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead. */
+.pure-form-aligned .pure-help-inline,
+.pure-form-message-inline {
+    display: inline-block;
+    *display: inline;
+    *zoom: 1;
+    vertical-align: middle;
+}
+.pure-form-aligned textarea {
+    vertical-align: top;
+}
+
+/* Aligned Forms */
+.pure-form-aligned .pure-control-group {
+    margin-bottom: 0.5em;
+}
+.pure-form-aligned .pure-control-group label {
+    text-align: right;
+    display: inline-block;
+    vertical-align: middle;
+    width: 10em;
+    margin: 0 1em 0 0;
+}
+.pure-form-aligned .pure-controls {
+    margin: 1.5em 0 0 10em;
+}
+
+/* Rounded Inputs */
+.pure-form input.pure-input-rounded,
+.pure-form .pure-input-rounded {
+    border-radius: 2em;
+    padding: 0.5em 1em;
+}
+
+/* Grouped Inputs */
+.pure-form .pure-group fieldset {
+    margin-bottom: 10px;
+}
+.pure-form .pure-group input {
+    display: block;
+    padding: 10px;
+    margin: 0;
+    border-radius: 0;
+    position: relative;
+    top: -1px;
+}
+.pure-form .pure-group input:focus {
+    z-index: 2;
+}
+.pure-form .pure-group input:first-child {
+    top: 1px;
+    border-radius: 4px 4px 0 0;
+}
+.pure-form .pure-group input:last-child {
+    top: -2px;
+    border-radius: 0 0 4px 4px;
+}
+.pure-form .pure-group button {
+    margin: 0.35em 0;
+}
+
+.pure-form .pure-input-1 {
+    width: 100%;
+}
+.pure-form .pure-input-2-3 {
+    width: 66%;
+}
+.pure-form .pure-input-1-2 {
+    width: 50%;
+}
+.pure-form .pure-input-1-3 {
+    width: 33%;
+}
+.pure-form .pure-input-1-4 {
+    width: 25%;
+}
+
+/* Inline help for forms */
+/* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead. */
+.pure-form .pure-help-inline,
+.pure-form-message-inline {
+    display: inline-block;
+    padding-left: 0.3em;
+    color: #666;
+    vertical-align: middle;
+    font-size: 0.875em;
+}
+
+/* Block help for forms */
+.pure-form-message {
+    display: block;
+    color: #666;
+    font-size: 0.875em;
+}
diff --git a/mayan/apps/common/static/common/packages/pure-release-0.5.0/forms.css b/mayan/apps/common/static/common/packages/pure-release-0.5.0/forms.css
new file mode 100644
index 0000000000..8c9382f2fd
--- /dev/null
+++ b/mayan/apps/common/static/common/packages/pure-release-0.5.0/forms.css
@@ -0,0 +1,367 @@
+/*!
+Pure v0.5.0
+Copyright 2014 Yahoo! Inc. All rights reserved.
+Licensed under the BSD License.
+https://github.com/yui/pure/blob/master/LICENSE.md
+*/
+.pure-form input[type="text"],
+.pure-form input[type="password"],
+.pure-form input[type="email"],
+.pure-form input[type="url"],
+.pure-form input[type="date"],
+.pure-form input[type="month"],
+.pure-form input[type="time"],
+.pure-form input[type="datetime"],
+.pure-form input[type="datetime-local"],
+.pure-form input[type="week"],
+.pure-form input[type="number"],
+.pure-form input[type="search"],
+.pure-form input[type="tel"],
+.pure-form input[type="color"],
+.pure-form select,
+.pure-form textarea {
+    padding: 0.5em 0.6em;
+    display: inline-block;
+    border: 1px solid #ccc;
+    box-shadow: inset 0 1px 3px #ddd;
+    border-radius: 4px;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+}
+
+/*
+Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
+since IE8 won't execute CSS that contains a CSS3 selector.
+*/
+.pure-form input:not([type]) {
+    padding: 0.5em 0.6em;
+    display: inline-block;
+    border: 1px solid #ccc;
+    box-shadow: inset 0 1px 3px #ddd;
+    border-radius: 4px;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+}
+
+
+/* Chrome (as of v.32/34 on OS X) needs additional room for color to display. */
+/* May be able to remove this tweak as color inputs become more standardized across browsers. */
+.pure-form input[type="color"] {
+    padding: 0.2em 0.5em;
+}
+
+
+.pure-form input[type="text"]:focus,
+.pure-form input[type="password"]:focus,
+.pure-form input[type="email"]:focus,
+.pure-form input[type="url"]:focus,
+.pure-form input[type="date"]:focus,
+.pure-form input[type="month"]:focus,
+.pure-form input[type="time"]:focus,
+.pure-form input[type="datetime"]:focus,
+.pure-form input[type="datetime-local"]:focus,
+.pure-form input[type="week"]:focus,
+.pure-form input[type="number"]:focus,
+.pure-form input[type="search"]:focus,
+.pure-form input[type="tel"]:focus,
+.pure-form input[type="color"]:focus,
+.pure-form select:focus,
+.pure-form textarea:focus {
+    outline: 0;
+    outline: thin dotted \9; /* IE6-9 */
+    border-color: #129FEA;
+}
+
+/*
+Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
+since IE8 won't execute CSS that contains a CSS3 selector.
+*/
+.pure-form input:not([type]):focus {
+    outline: 0;
+    outline: thin dotted \9; /* IE6-9 */
+    border-color: #129FEA;
+}
+
+.pure-form input[type="file"]:focus,
+.pure-form input[type="radio"]:focus,
+.pure-form input[type="checkbox"]:focus {
+    outline: thin dotted #333;
+    outline: 1px auto #129FEA;
+}
+.pure-form .pure-checkbox,
+.pure-form .pure-radio {
+    margin: 0.5em 0;
+    display: block;
+}
+
+.pure-form input[type="text"][disabled],
+.pure-form input[type="password"][disabled],
+.pure-form input[type="email"][disabled],
+.pure-form input[type="url"][disabled],
+.pure-form input[type="date"][disabled],
+.pure-form input[type="month"][disabled],
+.pure-form input[type="time"][disabled],
+.pure-form input[type="datetime"][disabled],
+.pure-form input[type="datetime-local"][disabled],
+.pure-form input[type="week"][disabled],
+.pure-form input[type="number"][disabled],
+.pure-form input[type="search"][disabled],
+.pure-form input[type="tel"][disabled],
+.pure-form input[type="color"][disabled],
+.pure-form select[disabled],
+.pure-form textarea[disabled] {
+    cursor: not-allowed;
+    background-color: #eaeded;
+    color: #cad2d3;
+}
+
+/*
+Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
+since IE8 won't execute CSS that contains a CSS3 selector.
+*/
+.pure-form input:not([type])[disabled] {
+    cursor: not-allowed;
+    background-color: #eaeded;
+    color: #cad2d3;
+}
+.pure-form input[readonly],
+.pure-form select[readonly],
+.pure-form textarea[readonly] {
+    background: #eee; /* menu hover bg color */
+    color: #777; /* menu text color */
+    border-color: #ccc;
+}
+
+.pure-form input:focus:invalid,
+.pure-form textarea:focus:invalid,
+.pure-form select:focus:invalid {
+    color: #b94a48;
+    border-color: #ee5f5b;
+}
+.pure-form input:focus:invalid:focus,
+.pure-form textarea:focus:invalid:focus,
+.pure-form select:focus:invalid:focus {
+    border-color: #e9322d;
+}
+.pure-form input[type="file"]:focus:invalid:focus,
+.pure-form input[type="radio"]:focus:invalid:focus,
+.pure-form input[type="checkbox"]:focus:invalid:focus {
+    outline-color: #e9322d;
+}
+.pure-form select {
+    border: 1px solid #ccc;
+    background-color: white;
+}
+.pure-form select[multiple] {
+    height: auto;
+}
+.pure-form label {
+    margin: 0.5em 0 0.2em;
+}
+.pure-form fieldset {
+    margin: 0;
+    padding: 0.35em 0 0.75em;
+    border: 0;
+}
+.pure-form legend {
+    display: block;
+    width: 100%;
+    padding: 0.3em 0;
+    margin-bottom: 0.3em;
+    color: #333;
+    border-bottom: 1px solid #e5e5e5;
+}
+
+.pure-form-stacked input[type="text"],
+.pure-form-stacked input[type="password"],
+.pure-form-stacked input[type="email"],
+.pure-form-stacked input[type="url"],
+.pure-form-stacked input[type="date"],
+.pure-form-stacked input[type="month"],
+.pure-form-stacked input[type="time"],
+.pure-form-stacked input[type="datetime"],
+.pure-form-stacked input[type="datetime-local"],
+.pure-form-stacked input[type="week"],
+.pure-form-stacked input[type="number"],
+.pure-form-stacked input[type="search"],
+.pure-form-stacked input[type="tel"],
+.pure-form-stacked input[type="color"],
+.pure-form-stacked select,
+.pure-form-stacked label,
+.pure-form-stacked textarea {
+    display: block;
+    margin: 0.25em 0;
+}
+
+/*
+Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
+since IE8 won't execute CSS that contains a CSS3 selector.
+*/
+.pure-form-stacked input:not([type]) {
+    display: block;
+    margin: 0.25em 0;
+}
+.pure-form-aligned input,
+.pure-form-aligned textarea,
+.pure-form-aligned select,
+/* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead. */
+.pure-form-aligned .pure-help-inline,
+.pure-form-message-inline {
+    display: inline-block;
+    *display: inline;
+    *zoom: 1;
+    vertical-align: middle;
+}
+.pure-form-aligned textarea {
+    vertical-align: top;
+}
+
+/* Aligned Forms */
+.pure-form-aligned .pure-control-group {
+    margin-bottom: 0.5em;
+}
+.pure-form-aligned .pure-control-group label {
+    text-align: right;
+    display: inline-block;
+    vertical-align: middle;
+    width: 10em;
+    margin: 0 1em 0 0;
+}
+.pure-form-aligned .pure-controls {
+    margin: 1.5em 0 0 10em;
+}
+
+/* Rounded Inputs */
+.pure-form input.pure-input-rounded,
+.pure-form .pure-input-rounded {
+    border-radius: 2em;
+    padding: 0.5em 1em;
+}
+
+/* Grouped Inputs */
+.pure-form .pure-group fieldset {
+    margin-bottom: 10px;
+}
+.pure-form .pure-group input {
+    display: block;
+    padding: 10px;
+    margin: 0;
+    border-radius: 0;
+    position: relative;
+    top: -1px;
+}
+.pure-form .pure-group input:focus {
+    z-index: 2;
+}
+.pure-form .pure-group input:first-child {
+    top: 1px;
+    border-radius: 4px 4px 0 0;
+}
+.pure-form .pure-group input:last-child {
+    top: -2px;
+    border-radius: 0 0 4px 4px;
+}
+.pure-form .pure-group button {
+    margin: 0.35em 0;
+}
+
+.pure-form .pure-input-1 {
+    width: 100%;
+}
+.pure-form .pure-input-2-3 {
+    width: 66%;
+}
+.pure-form .pure-input-1-2 {
+    width: 50%;
+}
+.pure-form .pure-input-1-3 {
+    width: 33%;
+}
+.pure-form .pure-input-1-4 {
+    width: 25%;
+}
+
+/* Inline help for forms */
+/* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead. */
+.pure-form .pure-help-inline,
+.pure-form-message-inline {
+    display: inline-block;
+    padding-left: 0.3em;
+    color: #666;
+    vertical-align: middle;
+    font-size: 0.875em;
+}
+
+/* Block help for forms */
+.pure-form-message {
+    display: block;
+    color: #666;
+    font-size: 0.875em;
+}
+
+@media only screen and (max-width : 480px) {
+    .pure-form button[type="submit"] {
+        margin: 0.7em 0 0;
+    }
+
+    .pure-form input:not([type]),
+    .pure-form input[type="text"],
+    .pure-form input[type="password"],
+    .pure-form input[type="email"],
+    .pure-form input[type="url"],
+    .pure-form input[type="date"],
+    .pure-form input[type="month"],
+    .pure-form input[type="time"],
+    .pure-form input[type="datetime"],
+    .pure-form input[type="datetime-local"],
+    .pure-form input[type="week"],
+    .pure-form input[type="number"],
+    .pure-form input[type="search"],
+    .pure-form input[type="tel"],
+    .pure-form input[type="color"],
+    .pure-form label {
+        margin-bottom: 0.3em;
+        display: block;
+    }
+
+    .pure-group input:not([type]),
+    .pure-group input[type="text"],
+    .pure-group input[type="password"],
+    .pure-group input[type="email"],
+    .pure-group input[type="url"],
+    .pure-group input[type="date"],
+    .pure-group input[type="month"],
+    .pure-group input[type="time"],
+    .pure-group input[type="datetime"],
+    .pure-group input[type="datetime-local"],
+    .pure-group input[type="week"],
+    .pure-group input[type="number"],
+    .pure-group input[type="search"],
+    .pure-group input[type="tel"],
+    .pure-group input[type="color"] {
+        margin-bottom: 0;
+    }
+
+    .pure-form-aligned .pure-control-group label {
+        margin-bottom: 0.3em;
+        text-align: left;
+        display: block;
+        width: 100%;
+    }
+
+    .pure-form-aligned .pure-controls {
+        margin: 1.5em 0 0 0;
+    }
+
+    /* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead. */
+    .pure-form .pure-help-inline,
+    .pure-form-message-inline,
+    .pure-form-message {
+        display: block;
+        font-size: 0.75em;
+        /* Increased bottom padding to make it group with its related input element. */
+        padding: 0.2em 0 0.8em;
+    }
+}
diff --git a/mayan/apps/common/static/common/packages/pure-release-0.5.0/grids-core-min.css b/mayan/apps/common/static/common/packages/pure-release-0.5.0/grids-core-min.css
new file mode 100644
index 0000000000..65ab794f1a
--- /dev/null
+++ b/mayan/apps/common/static/common/packages/pure-release-0.5.0/grids-core-min.css
@@ -0,0 +1,7 @@
+/*!
+Pure v0.5.0
+Copyright 2014 Yahoo! Inc. All rights reserved.
+Licensed under the BSD License.
+https://github.com/yui/pure/blob/master/LICENSE.md
+*/
+.pure-g{letter-spacing:-.31em;*letter-spacing:normal;*word-spacing:-.43em;text-rendering:optimizespeed;font-family:FreeSans,Arimo,"Droid Sans",Helvetica,Arial,sans-serif;display:-webkit-flex;-webkit-flex-flow:row wrap;display:-ms-flexbox;-ms-flex-flow:row wrap}.opera-only :-o-prefocus,.pure-g{word-spacing:-.43em}.pure-u{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-g [class *="pure-u"]{font-family:sans-serif}
\ No newline at end of file
diff --git a/mayan/apps/common/static/common/packages/pure-release-0.5.0/grids-core.css b/mayan/apps/common/static/common/packages/pure-release-0.5.0/grids-core.css
new file mode 100644
index 0000000000..b0b52e375b
--- /dev/null
+++ b/mayan/apps/common/static/common/packages/pure-release-0.5.0/grids-core.css
@@ -0,0 +1,73 @@
+/*!
+Pure v0.5.0
+Copyright 2014 Yahoo! Inc. All rights reserved.
+Licensed under the BSD License.
+https://github.com/yui/pure/blob/master/LICENSE.md
+*/
+/*csslint regex-selectors:false, known-properties:false, duplicate-properties:false*/
+
+.pure-g {
+    letter-spacing: -0.31em; /* Webkit: collapse white-space between units */
+    *letter-spacing: normal; /* reset IE < 8 */
+    *word-spacing: -0.43em; /* IE < 8: collapse white-space between units */
+    text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLegibility */
+
+    /*
+    Sets the font stack to fonts known to work properly with the above letter
+    and word spacings. See: https://github.com/yui/pure/issues/41/
+
+    The following font stack makes Pure Grids work on all known environments.
+
+    * FreeSans: Ships with many Linux distros, including Ubuntu
+
+    * Arimo: Ships with Chrome OS. Arimo has to be defined before Helvetica and
+      Arial to get picked up by the browser, even though neither is available
+      in Chrome OS.
+
+    * Droid Sans: Ships with all versions of Android.
+
+    * Helvetica, Arial, sans-serif: Common font stack on OS X and Windows.
+    */
+    font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
+
+    /*
+    Use flexbox when possible to avoid `letter-spacing` side-effects.
+
+    NOTE: Firefox (as of 25) does not currently support flex-wrap, so the
+    `-moz-` prefix version is omitted.
+    */
+
+    display: -webkit-flex;
+    -webkit-flex-flow: row wrap;
+
+    /* IE10 uses display: flexbox */
+    display: -ms-flexbox;
+    -ms-flex-flow: row wrap;
+}
+
+/* Opera as of 12 on Windows needs word-spacing.
+   The ".opera-only" selector is used to prevent actual prefocus styling
+   and is not required in markup.
+*/
+.opera-only :-o-prefocus,
+.pure-g {
+    word-spacing: -0.43em;
+}
+
+.pure-u {
+    display: inline-block;
+    *display: inline; /* IE < 8: fake inline-block */
+    zoom: 1;
+    letter-spacing: normal;
+    word-spacing: normal;
+    vertical-align: top;
+    text-rendering: auto;
+}
+
+/*
+Resets the font family back to the OS/browser's default sans-serif font,
+this the same font stack that Normalize.css sets for the `body`.
+*/
+.pure-g [class *= "pure-u"] {
+    font-family: sans-serif;
+}
diff --git a/mayan/apps/common/static/common/packages/pure-release-0.5.0/grids-min.css b/mayan/apps/common/static/common/packages/pure-release-0.5.0/grids-min.css
new file mode 100644
index 0000000000..8d83ea3e31
--- /dev/null
+++ b/mayan/apps/common/static/common/packages/pure-release-0.5.0/grids-min.css
@@ -0,0 +1,7 @@
+/*!
+Pure v0.5.0
+Copyright 2014 Yahoo! Inc. All rights reserved.
+Licensed under the BSD License.
+https://github.com/yui/pure/blob/master/LICENSE.md
+*/
+.pure-g{letter-spacing:-.31em;*letter-spacing:normal;*word-spacing:-.43em;text-rendering:optimizespeed;font-family:FreeSans,Arimo,"Droid Sans",Helvetica,Arial,sans-serif;display:-webkit-flex;-webkit-flex-flow:row wrap;display:-ms-flexbox;-ms-flex-flow:row wrap}.opera-only :-o-prefocus,.pure-g{word-spacing:-.43em}.pure-u{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-g [class *="pure-u"]{font-family:sans-serif}.pure-u-1,.pure-u-1-1,.pure-u-1-2,.pure-u-1-3,.pure-u-2-3,.pure-u-1-4,.pure-u-3-4,.pure-u-1-5,.pure-u-2-5,.pure-u-3-5,.pure-u-4-5,.pure-u-5-5,.pure-u-1-6,.pure-u-5-6,.pure-u-1-8,.pure-u-3-8,.pure-u-5-8,.pure-u-7-8,.pure-u-1-12,.pure-u-5-12,.pure-u-7-12,.pure-u-11-12,.pure-u-1-24,.pure-u-2-24,.pure-u-3-24,.pure-u-4-24,.pure-u-5-24,.pure-u-6-24,.pure-u-7-24,.pure-u-8-24,.pure-u-9-24,.pure-u-10-24,.pure-u-11-24,.pure-u-12-24,.pure-u-13-24,.pure-u-14-24,.pure-u-15-24,.pure-u-16-24,.pure-u-17-24,.pure-u-18-24,.pure-u-19-24,.pure-u-20-24,.pure-u-21-24,.pure-u-22-24,.pure-u-23-24,.pure-u-24-24{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-1-24{width:4.1667%;*width:4.1357%}.pure-u-1-12,.pure-u-2-24{width:8.3333%;*width:8.3023%}.pure-u-1-8,.pure-u-3-24{width:12.5%;*width:12.469%}.pure-u-1-6,.pure-u-4-24{width:16.6667%;*width:16.6357%}.pure-u-1-5{width:20%;*width:19.969%}.pure-u-5-24{width:20.8333%;*width:20.8023%}.pure-u-1-4,.pure-u-6-24{width:25%;*width:24.969%}.pure-u-7-24{width:29.1667%;*width:29.1357%}.pure-u-1-3,.pure-u-8-24{width:33.3333%;*width:33.3023%}.pure-u-3-8,.pure-u-9-24{width:37.5%;*width:37.469%}.pure-u-2-5{width:40%;*width:39.969%}.pure-u-5-12,.pure-u-10-24{width:41.6667%;*width:41.6357%}.pure-u-11-24{width:45.8333%;*width:45.8023%}.pure-u-1-2,.pure-u-12-24{width:50%;*width:49.969%}.pure-u-13-24{width:54.1667%;*width:54.1357%}.pure-u-7-12,.pure-u-14-24{width:58.3333%;*width:58.3023%}.pure-u-3-5{width:60%;*width:59.969%}.pure-u-5-8,.pure-u-15-24{width:62.5%;*width:62.469%}.pure-u-2-3,.pure-u-16-24{width:66.6667%;*width:66.6357%}.pure-u-17-24{width:70.8333%;*width:70.8023%}.pure-u-3-4,.pure-u-18-24{width:75%;*width:74.969%}.pure-u-19-24{width:79.1667%;*width:79.1357%}.pure-u-4-5{width:80%;*width:79.969%}.pure-u-5-6,.pure-u-20-24{width:83.3333%;*width:83.3023%}.pure-u-7-8,.pure-u-21-24{width:87.5%;*width:87.469%}.pure-u-11-12,.pure-u-22-24{width:91.6667%;*width:91.6357%}.pure-u-23-24{width:95.8333%;*width:95.8023%}.pure-u-1,.pure-u-1-1,.pure-u-5-5,.pure-u-24-24{width:100%}
\ No newline at end of file
diff --git a/mayan/apps/common/static/common/packages/pure-release-0.5.0/grids-responsive-min.css b/mayan/apps/common/static/common/packages/pure-release-0.5.0/grids-responsive-min.css
new file mode 100644
index 0000000000..7bcfd32808
--- /dev/null
+++ b/mayan/apps/common/static/common/packages/pure-release-0.5.0/grids-responsive-min.css
@@ -0,0 +1,7 @@
+/*!
+Pure v0.5.0
+Copyright 2014 Yahoo! Inc. All rights reserved.
+Licensed under the BSD License.
+https://github.com/yui/pure/blob/master/LICENSE.md
+*/
+@media screen and (min-width:35.5em){.pure-u-sm-1,.pure-u-sm-1-1,.pure-u-sm-1-2,.pure-u-sm-1-3,.pure-u-sm-2-3,.pure-u-sm-1-4,.pure-u-sm-3-4,.pure-u-sm-1-5,.pure-u-sm-2-5,.pure-u-sm-3-5,.pure-u-sm-4-5,.pure-u-sm-5-5,.pure-u-sm-1-6,.pure-u-sm-5-6,.pure-u-sm-1-8,.pure-u-sm-3-8,.pure-u-sm-5-8,.pure-u-sm-7-8,.pure-u-sm-1-12,.pure-u-sm-5-12,.pure-u-sm-7-12,.pure-u-sm-11-12,.pure-u-sm-1-24,.pure-u-sm-2-24,.pure-u-sm-3-24,.pure-u-sm-4-24,.pure-u-sm-5-24,.pure-u-sm-6-24,.pure-u-sm-7-24,.pure-u-sm-8-24,.pure-u-sm-9-24,.pure-u-sm-10-24,.pure-u-sm-11-24,.pure-u-sm-12-24,.pure-u-sm-13-24,.pure-u-sm-14-24,.pure-u-sm-15-24,.pure-u-sm-16-24,.pure-u-sm-17-24,.pure-u-sm-18-24,.pure-u-sm-19-24,.pure-u-sm-20-24,.pure-u-sm-21-24,.pure-u-sm-22-24,.pure-u-sm-23-24,.pure-u-sm-24-24{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-sm-1-24{width:4.1667%;*width:4.1357%}.pure-u-sm-1-12,.pure-u-sm-2-24{width:8.3333%;*width:8.3023%}.pure-u-sm-1-8,.pure-u-sm-3-24{width:12.5%;*width:12.469%}.pure-u-sm-1-6,.pure-u-sm-4-24{width:16.6667%;*width:16.6357%}.pure-u-sm-1-5{width:20%;*width:19.969%}.pure-u-sm-5-24{width:20.8333%;*width:20.8023%}.pure-u-sm-1-4,.pure-u-sm-6-24{width:25%;*width:24.969%}.pure-u-sm-7-24{width:29.1667%;*width:29.1357%}.pure-u-sm-1-3,.pure-u-sm-8-24{width:33.3333%;*width:33.3023%}.pure-u-sm-3-8,.pure-u-sm-9-24{width:37.5%;*width:37.469%}.pure-u-sm-2-5{width:40%;*width:39.969%}.pure-u-sm-5-12,.pure-u-sm-10-24{width:41.6667%;*width:41.6357%}.pure-u-sm-11-24{width:45.8333%;*width:45.8023%}.pure-u-sm-1-2,.pure-u-sm-12-24{width:50%;*width:49.969%}.pure-u-sm-13-24{width:54.1667%;*width:54.1357%}.pure-u-sm-7-12,.pure-u-sm-14-24{width:58.3333%;*width:58.3023%}.pure-u-sm-3-5{width:60%;*width:59.969%}.pure-u-sm-5-8,.pure-u-sm-15-24{width:62.5%;*width:62.469%}.pure-u-sm-2-3,.pure-u-sm-16-24{width:66.6667%;*width:66.6357%}.pure-u-sm-17-24{width:70.8333%;*width:70.8023%}.pure-u-sm-3-4,.pure-u-sm-18-24{width:75%;*width:74.969%}.pure-u-sm-19-24{width:79.1667%;*width:79.1357%}.pure-u-sm-4-5{width:80%;*width:79.969%}.pure-u-sm-5-6,.pure-u-sm-20-24{width:83.3333%;*width:83.3023%}.pure-u-sm-7-8,.pure-u-sm-21-24{width:87.5%;*width:87.469%}.pure-u-sm-11-12,.pure-u-sm-22-24{width:91.6667%;*width:91.6357%}.pure-u-sm-23-24{width:95.8333%;*width:95.8023%}.pure-u-sm-1,.pure-u-sm-1-1,.pure-u-sm-5-5,.pure-u-sm-24-24{width:100%}}@media screen and (min-width:48em){.pure-u-md-1,.pure-u-md-1-1,.pure-u-md-1-2,.pure-u-md-1-3,.pure-u-md-2-3,.pure-u-md-1-4,.pure-u-md-3-4,.pure-u-md-1-5,.pure-u-md-2-5,.pure-u-md-3-5,.pure-u-md-4-5,.pure-u-md-5-5,.pure-u-md-1-6,.pure-u-md-5-6,.pure-u-md-1-8,.pure-u-md-3-8,.pure-u-md-5-8,.pure-u-md-7-8,.pure-u-md-1-12,.pure-u-md-5-12,.pure-u-md-7-12,.pure-u-md-11-12,.pure-u-md-1-24,.pure-u-md-2-24,.pure-u-md-3-24,.pure-u-md-4-24,.pure-u-md-5-24,.pure-u-md-6-24,.pure-u-md-7-24,.pure-u-md-8-24,.pure-u-md-9-24,.pure-u-md-10-24,.pure-u-md-11-24,.pure-u-md-12-24,.pure-u-md-13-24,.pure-u-md-14-24,.pure-u-md-15-24,.pure-u-md-16-24,.pure-u-md-17-24,.pure-u-md-18-24,.pure-u-md-19-24,.pure-u-md-20-24,.pure-u-md-21-24,.pure-u-md-22-24,.pure-u-md-23-24,.pure-u-md-24-24{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-md-1-24{width:4.1667%;*width:4.1357%}.pure-u-md-1-12,.pure-u-md-2-24{width:8.3333%;*width:8.3023%}.pure-u-md-1-8,.pure-u-md-3-24{width:12.5%;*width:12.469%}.pure-u-md-1-6,.pure-u-md-4-24{width:16.6667%;*width:16.6357%}.pure-u-md-1-5{width:20%;*width:19.969%}.pure-u-md-5-24{width:20.8333%;*width:20.8023%}.pure-u-md-1-4,.pure-u-md-6-24{width:25%;*width:24.969%}.pure-u-md-7-24{width:29.1667%;*width:29.1357%}.pure-u-md-1-3,.pure-u-md-8-24{width:33.3333%;*width:33.3023%}.pure-u-md-3-8,.pure-u-md-9-24{width:37.5%;*width:37.469%}.pure-u-md-2-5{width:40%;*width:39.969%}.pure-u-md-5-12,.pure-u-md-10-24{width:41.6667%;*width:41.6357%}.pure-u-md-11-24{width:45.8333%;*width:45.8023%}.pure-u-md-1-2,.pure-u-md-12-24{width:50%;*width:49.969%}.pure-u-md-13-24{width:54.1667%;*width:54.1357%}.pure-u-md-7-12,.pure-u-md-14-24{width:58.3333%;*width:58.3023%}.pure-u-md-3-5{width:60%;*width:59.969%}.pure-u-md-5-8,.pure-u-md-15-24{width:62.5%;*width:62.469%}.pure-u-md-2-3,.pure-u-md-16-24{width:66.6667%;*width:66.6357%}.pure-u-md-17-24{width:70.8333%;*width:70.8023%}.pure-u-md-3-4,.pure-u-md-18-24{width:75%;*width:74.969%}.pure-u-md-19-24{width:79.1667%;*width:79.1357%}.pure-u-md-4-5{width:80%;*width:79.969%}.pure-u-md-5-6,.pure-u-md-20-24{width:83.3333%;*width:83.3023%}.pure-u-md-7-8,.pure-u-md-21-24{width:87.5%;*width:87.469%}.pure-u-md-11-12,.pure-u-md-22-24{width:91.6667%;*width:91.6357%}.pure-u-md-23-24{width:95.8333%;*width:95.8023%}.pure-u-md-1,.pure-u-md-1-1,.pure-u-md-5-5,.pure-u-md-24-24{width:100%}}@media screen and (min-width:64em){.pure-u-lg-1,.pure-u-lg-1-1,.pure-u-lg-1-2,.pure-u-lg-1-3,.pure-u-lg-2-3,.pure-u-lg-1-4,.pure-u-lg-3-4,.pure-u-lg-1-5,.pure-u-lg-2-5,.pure-u-lg-3-5,.pure-u-lg-4-5,.pure-u-lg-5-5,.pure-u-lg-1-6,.pure-u-lg-5-6,.pure-u-lg-1-8,.pure-u-lg-3-8,.pure-u-lg-5-8,.pure-u-lg-7-8,.pure-u-lg-1-12,.pure-u-lg-5-12,.pure-u-lg-7-12,.pure-u-lg-11-12,.pure-u-lg-1-24,.pure-u-lg-2-24,.pure-u-lg-3-24,.pure-u-lg-4-24,.pure-u-lg-5-24,.pure-u-lg-6-24,.pure-u-lg-7-24,.pure-u-lg-8-24,.pure-u-lg-9-24,.pure-u-lg-10-24,.pure-u-lg-11-24,.pure-u-lg-12-24,.pure-u-lg-13-24,.pure-u-lg-14-24,.pure-u-lg-15-24,.pure-u-lg-16-24,.pure-u-lg-17-24,.pure-u-lg-18-24,.pure-u-lg-19-24,.pure-u-lg-20-24,.pure-u-lg-21-24,.pure-u-lg-22-24,.pure-u-lg-23-24,.pure-u-lg-24-24{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-lg-1-24{width:4.1667%;*width:4.1357%}.pure-u-lg-1-12,.pure-u-lg-2-24{width:8.3333%;*width:8.3023%}.pure-u-lg-1-8,.pure-u-lg-3-24{width:12.5%;*width:12.469%}.pure-u-lg-1-6,.pure-u-lg-4-24{width:16.6667%;*width:16.6357%}.pure-u-lg-1-5{width:20%;*width:19.969%}.pure-u-lg-5-24{width:20.8333%;*width:20.8023%}.pure-u-lg-1-4,.pure-u-lg-6-24{width:25%;*width:24.969%}.pure-u-lg-7-24{width:29.1667%;*width:29.1357%}.pure-u-lg-1-3,.pure-u-lg-8-24{width:33.3333%;*width:33.3023%}.pure-u-lg-3-8,.pure-u-lg-9-24{width:37.5%;*width:37.469%}.pure-u-lg-2-5{width:40%;*width:39.969%}.pure-u-lg-5-12,.pure-u-lg-10-24{width:41.6667%;*width:41.6357%}.pure-u-lg-11-24{width:45.8333%;*width:45.8023%}.pure-u-lg-1-2,.pure-u-lg-12-24{width:50%;*width:49.969%}.pure-u-lg-13-24{width:54.1667%;*width:54.1357%}.pure-u-lg-7-12,.pure-u-lg-14-24{width:58.3333%;*width:58.3023%}.pure-u-lg-3-5{width:60%;*width:59.969%}.pure-u-lg-5-8,.pure-u-lg-15-24{width:62.5%;*width:62.469%}.pure-u-lg-2-3,.pure-u-lg-16-24{width:66.6667%;*width:66.6357%}.pure-u-lg-17-24{width:70.8333%;*width:70.8023%}.pure-u-lg-3-4,.pure-u-lg-18-24{width:75%;*width:74.969%}.pure-u-lg-19-24{width:79.1667%;*width:79.1357%}.pure-u-lg-4-5{width:80%;*width:79.969%}.pure-u-lg-5-6,.pure-u-lg-20-24{width:83.3333%;*width:83.3023%}.pure-u-lg-7-8,.pure-u-lg-21-24{width:87.5%;*width:87.469%}.pure-u-lg-11-12,.pure-u-lg-22-24{width:91.6667%;*width:91.6357%}.pure-u-lg-23-24{width:95.8333%;*width:95.8023%}.pure-u-lg-1,.pure-u-lg-1-1,.pure-u-lg-5-5,.pure-u-lg-24-24{width:100%}}@media screen and (min-width:80em){.pure-u-xl-1,.pure-u-xl-1-1,.pure-u-xl-1-2,.pure-u-xl-1-3,.pure-u-xl-2-3,.pure-u-xl-1-4,.pure-u-xl-3-4,.pure-u-xl-1-5,.pure-u-xl-2-5,.pure-u-xl-3-5,.pure-u-xl-4-5,.pure-u-xl-5-5,.pure-u-xl-1-6,.pure-u-xl-5-6,.pure-u-xl-1-8,.pure-u-xl-3-8,.pure-u-xl-5-8,.pure-u-xl-7-8,.pure-u-xl-1-12,.pure-u-xl-5-12,.pure-u-xl-7-12,.pure-u-xl-11-12,.pure-u-xl-1-24,.pure-u-xl-2-24,.pure-u-xl-3-24,.pure-u-xl-4-24,.pure-u-xl-5-24,.pure-u-xl-6-24,.pure-u-xl-7-24,.pure-u-xl-8-24,.pure-u-xl-9-24,.pure-u-xl-10-24,.pure-u-xl-11-24,.pure-u-xl-12-24,.pure-u-xl-13-24,.pure-u-xl-14-24,.pure-u-xl-15-24,.pure-u-xl-16-24,.pure-u-xl-17-24,.pure-u-xl-18-24,.pure-u-xl-19-24,.pure-u-xl-20-24,.pure-u-xl-21-24,.pure-u-xl-22-24,.pure-u-xl-23-24,.pure-u-xl-24-24{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-xl-1-24{width:4.1667%;*width:4.1357%}.pure-u-xl-1-12,.pure-u-xl-2-24{width:8.3333%;*width:8.3023%}.pure-u-xl-1-8,.pure-u-xl-3-24{width:12.5%;*width:12.469%}.pure-u-xl-1-6,.pure-u-xl-4-24{width:16.6667%;*width:16.6357%}.pure-u-xl-1-5{width:20%;*width:19.969%}.pure-u-xl-5-24{width:20.8333%;*width:20.8023%}.pure-u-xl-1-4,.pure-u-xl-6-24{width:25%;*width:24.969%}.pure-u-xl-7-24{width:29.1667%;*width:29.1357%}.pure-u-xl-1-3,.pure-u-xl-8-24{width:33.3333%;*width:33.3023%}.pure-u-xl-3-8,.pure-u-xl-9-24{width:37.5%;*width:37.469%}.pure-u-xl-2-5{width:40%;*width:39.969%}.pure-u-xl-5-12,.pure-u-xl-10-24{width:41.6667%;*width:41.6357%}.pure-u-xl-11-24{width:45.8333%;*width:45.8023%}.pure-u-xl-1-2,.pure-u-xl-12-24{width:50%;*width:49.969%}.pure-u-xl-13-24{width:54.1667%;*width:54.1357%}.pure-u-xl-7-12,.pure-u-xl-14-24{width:58.3333%;*width:58.3023%}.pure-u-xl-3-5{width:60%;*width:59.969%}.pure-u-xl-5-8,.pure-u-xl-15-24{width:62.5%;*width:62.469%}.pure-u-xl-2-3,.pure-u-xl-16-24{width:66.6667%;*width:66.6357%}.pure-u-xl-17-24{width:70.8333%;*width:70.8023%}.pure-u-xl-3-4,.pure-u-xl-18-24{width:75%;*width:74.969%}.pure-u-xl-19-24{width:79.1667%;*width:79.1357%}.pure-u-xl-4-5{width:80%;*width:79.969%}.pure-u-xl-5-6,.pure-u-xl-20-24{width:83.3333%;*width:83.3023%}.pure-u-xl-7-8,.pure-u-xl-21-24{width:87.5%;*width:87.469%}.pure-u-xl-11-12,.pure-u-xl-22-24{width:91.6667%;*width:91.6357%}.pure-u-xl-23-24{width:95.8333%;*width:95.8023%}.pure-u-xl-1,.pure-u-xl-1-1,.pure-u-xl-5-5,.pure-u-xl-24-24{width:100%}}
\ No newline at end of file
diff --git a/mayan/apps/common/static/common/packages/pure-release-0.5.0/grids-responsive-old-ie-min.css b/mayan/apps/common/static/common/packages/pure-release-0.5.0/grids-responsive-old-ie-min.css
new file mode 100644
index 0000000000..51720bab5d
--- /dev/null
+++ b/mayan/apps/common/static/common/packages/pure-release-0.5.0/grids-responsive-old-ie-min.css
@@ -0,0 +1,7 @@
+/*!
+Pure v0.5.0
+Copyright 2014 Yahoo! Inc. All rights reserved.
+Licensed under the BSD License.
+https://github.com/yui/pure/blob/master/LICENSE.md
+*/
+.pure-u-sm-1,.pure-u-sm-1-1,.pure-u-sm-1-2,.pure-u-sm-1-3,.pure-u-sm-2-3,.pure-u-sm-1-4,.pure-u-sm-3-4,.pure-u-sm-1-5,.pure-u-sm-2-5,.pure-u-sm-3-5,.pure-u-sm-4-5,.pure-u-sm-5-5,.pure-u-sm-1-6,.pure-u-sm-5-6,.pure-u-sm-1-8,.pure-u-sm-3-8,.pure-u-sm-5-8,.pure-u-sm-7-8,.pure-u-sm-1-12,.pure-u-sm-5-12,.pure-u-sm-7-12,.pure-u-sm-11-12,.pure-u-sm-1-24,.pure-u-sm-2-24,.pure-u-sm-3-24,.pure-u-sm-4-24,.pure-u-sm-5-24,.pure-u-sm-6-24,.pure-u-sm-7-24,.pure-u-sm-8-24,.pure-u-sm-9-24,.pure-u-sm-10-24,.pure-u-sm-11-24,.pure-u-sm-12-24,.pure-u-sm-13-24,.pure-u-sm-14-24,.pure-u-sm-15-24,.pure-u-sm-16-24,.pure-u-sm-17-24,.pure-u-sm-18-24,.pure-u-sm-19-24,.pure-u-sm-20-24,.pure-u-sm-21-24,.pure-u-sm-22-24,.pure-u-sm-23-24,.pure-u-sm-24-24{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-sm-1-24{width:4.1667%;*width:4.1357%}.pure-u-sm-1-12,.pure-u-sm-2-24{width:8.3333%;*width:8.3023%}.pure-u-sm-1-8,.pure-u-sm-3-24{width:12.5%;*width:12.469%}.pure-u-sm-1-6,.pure-u-sm-4-24{width:16.6667%;*width:16.6357%}.pure-u-sm-1-5{width:20%;*width:19.969%}.pure-u-sm-5-24{width:20.8333%;*width:20.8023%}.pure-u-sm-1-4,.pure-u-sm-6-24{width:25%;*width:24.969%}.pure-u-sm-7-24{width:29.1667%;*width:29.1357%}.pure-u-sm-1-3,.pure-u-sm-8-24{width:33.3333%;*width:33.3023%}.pure-u-sm-3-8,.pure-u-sm-9-24{width:37.5%;*width:37.469%}.pure-u-sm-2-5{width:40%;*width:39.969%}.pure-u-sm-5-12,.pure-u-sm-10-24{width:41.6667%;*width:41.6357%}.pure-u-sm-11-24{width:45.8333%;*width:45.8023%}.pure-u-sm-1-2,.pure-u-sm-12-24{width:50%;*width:49.969%}.pure-u-sm-13-24{width:54.1667%;*width:54.1357%}.pure-u-sm-7-12,.pure-u-sm-14-24{width:58.3333%;*width:58.3023%}.pure-u-sm-3-5{width:60%;*width:59.969%}.pure-u-sm-5-8,.pure-u-sm-15-24{width:62.5%;*width:62.469%}.pure-u-sm-2-3,.pure-u-sm-16-24{width:66.6667%;*width:66.6357%}.pure-u-sm-17-24{width:70.8333%;*width:70.8023%}.pure-u-sm-3-4,.pure-u-sm-18-24{width:75%;*width:74.969%}.pure-u-sm-19-24{width:79.1667%;*width:79.1357%}.pure-u-sm-4-5{width:80%;*width:79.969%}.pure-u-sm-5-6,.pure-u-sm-20-24{width:83.3333%;*width:83.3023%}.pure-u-sm-7-8,.pure-u-sm-21-24{width:87.5%;*width:87.469%}.pure-u-sm-11-12,.pure-u-sm-22-24{width:91.6667%;*width:91.6357%}.pure-u-sm-23-24{width:95.8333%;*width:95.8023%}.pure-u-sm-1,.pure-u-sm-1-1,.pure-u-sm-5-5,.pure-u-sm-24-24{width:100%}.pure-u-md-1,.pure-u-md-1-1,.pure-u-md-1-2,.pure-u-md-1-3,.pure-u-md-2-3,.pure-u-md-1-4,.pure-u-md-3-4,.pure-u-md-1-5,.pure-u-md-2-5,.pure-u-md-3-5,.pure-u-md-4-5,.pure-u-md-5-5,.pure-u-md-1-6,.pure-u-md-5-6,.pure-u-md-1-8,.pure-u-md-3-8,.pure-u-md-5-8,.pure-u-md-7-8,.pure-u-md-1-12,.pure-u-md-5-12,.pure-u-md-7-12,.pure-u-md-11-12,.pure-u-md-1-24,.pure-u-md-2-24,.pure-u-md-3-24,.pure-u-md-4-24,.pure-u-md-5-24,.pure-u-md-6-24,.pure-u-md-7-24,.pure-u-md-8-24,.pure-u-md-9-24,.pure-u-md-10-24,.pure-u-md-11-24,.pure-u-md-12-24,.pure-u-md-13-24,.pure-u-md-14-24,.pure-u-md-15-24,.pure-u-md-16-24,.pure-u-md-17-24,.pure-u-md-18-24,.pure-u-md-19-24,.pure-u-md-20-24,.pure-u-md-21-24,.pure-u-md-22-24,.pure-u-md-23-24,.pure-u-md-24-24{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-md-1-24{width:4.1667%;*width:4.1357%}.pure-u-md-1-12,.pure-u-md-2-24{width:8.3333%;*width:8.3023%}.pure-u-md-1-8,.pure-u-md-3-24{width:12.5%;*width:12.469%}.pure-u-md-1-6,.pure-u-md-4-24{width:16.6667%;*width:16.6357%}.pure-u-md-1-5{width:20%;*width:19.969%}.pure-u-md-5-24{width:20.8333%;*width:20.8023%}.pure-u-md-1-4,.pure-u-md-6-24{width:25%;*width:24.969%}.pure-u-md-7-24{width:29.1667%;*width:29.1357%}.pure-u-md-1-3,.pure-u-md-8-24{width:33.3333%;*width:33.3023%}.pure-u-md-3-8,.pure-u-md-9-24{width:37.5%;*width:37.469%}.pure-u-md-2-5{width:40%;*width:39.969%}.pure-u-md-5-12,.pure-u-md-10-24{width:41.6667%;*width:41.6357%}.pure-u-md-11-24{width:45.8333%;*width:45.8023%}.pure-u-md-1-2,.pure-u-md-12-24{width:50%;*width:49.969%}.pure-u-md-13-24{width:54.1667%;*width:54.1357%}.pure-u-md-7-12,.pure-u-md-14-24{width:58.3333%;*width:58.3023%}.pure-u-md-3-5{width:60%;*width:59.969%}.pure-u-md-5-8,.pure-u-md-15-24{width:62.5%;*width:62.469%}.pure-u-md-2-3,.pure-u-md-16-24{width:66.6667%;*width:66.6357%}.pure-u-md-17-24{width:70.8333%;*width:70.8023%}.pure-u-md-3-4,.pure-u-md-18-24{width:75%;*width:74.969%}.pure-u-md-19-24{width:79.1667%;*width:79.1357%}.pure-u-md-4-5{width:80%;*width:79.969%}.pure-u-md-5-6,.pure-u-md-20-24{width:83.3333%;*width:83.3023%}.pure-u-md-7-8,.pure-u-md-21-24{width:87.5%;*width:87.469%}.pure-u-md-11-12,.pure-u-md-22-24{width:91.6667%;*width:91.6357%}.pure-u-md-23-24{width:95.8333%;*width:95.8023%}.pure-u-md-1,.pure-u-md-1-1,.pure-u-md-5-5,.pure-u-md-24-24{width:100%}.pure-u-lg-1,.pure-u-lg-1-1,.pure-u-lg-1-2,.pure-u-lg-1-3,.pure-u-lg-2-3,.pure-u-lg-1-4,.pure-u-lg-3-4,.pure-u-lg-1-5,.pure-u-lg-2-5,.pure-u-lg-3-5,.pure-u-lg-4-5,.pure-u-lg-5-5,.pure-u-lg-1-6,.pure-u-lg-5-6,.pure-u-lg-1-8,.pure-u-lg-3-8,.pure-u-lg-5-8,.pure-u-lg-7-8,.pure-u-lg-1-12,.pure-u-lg-5-12,.pure-u-lg-7-12,.pure-u-lg-11-12,.pure-u-lg-1-24,.pure-u-lg-2-24,.pure-u-lg-3-24,.pure-u-lg-4-24,.pure-u-lg-5-24,.pure-u-lg-6-24,.pure-u-lg-7-24,.pure-u-lg-8-24,.pure-u-lg-9-24,.pure-u-lg-10-24,.pure-u-lg-11-24,.pure-u-lg-12-24,.pure-u-lg-13-24,.pure-u-lg-14-24,.pure-u-lg-15-24,.pure-u-lg-16-24,.pure-u-lg-17-24,.pure-u-lg-18-24,.pure-u-lg-19-24,.pure-u-lg-20-24,.pure-u-lg-21-24,.pure-u-lg-22-24,.pure-u-lg-23-24,.pure-u-lg-24-24{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-lg-1-24{width:4.1667%;*width:4.1357%}.pure-u-lg-1-12,.pure-u-lg-2-24{width:8.3333%;*width:8.3023%}.pure-u-lg-1-8,.pure-u-lg-3-24{width:12.5%;*width:12.469%}.pure-u-lg-1-6,.pure-u-lg-4-24{width:16.6667%;*width:16.6357%}.pure-u-lg-1-5{width:20%;*width:19.969%}.pure-u-lg-5-24{width:20.8333%;*width:20.8023%}.pure-u-lg-1-4,.pure-u-lg-6-24{width:25%;*width:24.969%}.pure-u-lg-7-24{width:29.1667%;*width:29.1357%}.pure-u-lg-1-3,.pure-u-lg-8-24{width:33.3333%;*width:33.3023%}.pure-u-lg-3-8,.pure-u-lg-9-24{width:37.5%;*width:37.469%}.pure-u-lg-2-5{width:40%;*width:39.969%}.pure-u-lg-5-12,.pure-u-lg-10-24{width:41.6667%;*width:41.6357%}.pure-u-lg-11-24{width:45.8333%;*width:45.8023%}.pure-u-lg-1-2,.pure-u-lg-12-24{width:50%;*width:49.969%}.pure-u-lg-13-24{width:54.1667%;*width:54.1357%}.pure-u-lg-7-12,.pure-u-lg-14-24{width:58.3333%;*width:58.3023%}.pure-u-lg-3-5{width:60%;*width:59.969%}.pure-u-lg-5-8,.pure-u-lg-15-24{width:62.5%;*width:62.469%}.pure-u-lg-2-3,.pure-u-lg-16-24{width:66.6667%;*width:66.6357%}.pure-u-lg-17-24{width:70.8333%;*width:70.8023%}.pure-u-lg-3-4,.pure-u-lg-18-24{width:75%;*width:74.969%}.pure-u-lg-19-24{width:79.1667%;*width:79.1357%}.pure-u-lg-4-5{width:80%;*width:79.969%}.pure-u-lg-5-6,.pure-u-lg-20-24{width:83.3333%;*width:83.3023%}.pure-u-lg-7-8,.pure-u-lg-21-24{width:87.5%;*width:87.469%}.pure-u-lg-11-12,.pure-u-lg-22-24{width:91.6667%;*width:91.6357%}.pure-u-lg-23-24{width:95.8333%;*width:95.8023%}.pure-u-lg-1,.pure-u-lg-1-1,.pure-u-lg-5-5,.pure-u-lg-24-24{width:100%}
\ No newline at end of file
diff --git a/mayan/apps/common/static/common/packages/pure-release-0.5.0/grids-responsive-old-ie.css b/mayan/apps/common/static/common/packages/pure-release-0.5.0/grids-responsive-old-ie.css
new file mode 100644
index 0000000000..14c31c2d13
--- /dev/null
+++ b/mayan/apps/common/static/common/packages/pure-release-0.5.0/grids-responsive-old-ie.css
@@ -0,0 +1,641 @@
+/*!
+Pure v0.5.0
+Copyright 2014 Yahoo! Inc. All rights reserved.
+Licensed under the BSD License.
+https://github.com/yui/pure/blob/master/LICENSE.md
+*/
+.pure-u-sm-1,
+.pure-u-sm-1-1,
+.pure-u-sm-1-2,
+.pure-u-sm-1-3,
+.pure-u-sm-2-3,
+.pure-u-sm-1-4,
+.pure-u-sm-3-4,
+.pure-u-sm-1-5,
+.pure-u-sm-2-5,
+.pure-u-sm-3-5,
+.pure-u-sm-4-5,
+.pure-u-sm-5-5,
+.pure-u-sm-1-6,
+.pure-u-sm-5-6,
+.pure-u-sm-1-8,
+.pure-u-sm-3-8,
+.pure-u-sm-5-8,
+.pure-u-sm-7-8,
+.pure-u-sm-1-12,
+.pure-u-sm-5-12,
+.pure-u-sm-7-12,
+.pure-u-sm-11-12,
+.pure-u-sm-1-24,
+.pure-u-sm-2-24,
+.pure-u-sm-3-24,
+.pure-u-sm-4-24,
+.pure-u-sm-5-24,
+.pure-u-sm-6-24,
+.pure-u-sm-7-24,
+.pure-u-sm-8-24,
+.pure-u-sm-9-24,
+.pure-u-sm-10-24,
+.pure-u-sm-11-24,
+.pure-u-sm-12-24,
+.pure-u-sm-13-24,
+.pure-u-sm-14-24,
+.pure-u-sm-15-24,
+.pure-u-sm-16-24,
+.pure-u-sm-17-24,
+.pure-u-sm-18-24,
+.pure-u-sm-19-24,
+.pure-u-sm-20-24,
+.pure-u-sm-21-24,
+.pure-u-sm-22-24,
+.pure-u-sm-23-24,
+.pure-u-sm-24-24 {
+  display: inline-block;
+  *display: inline;
+  zoom: 1;
+  letter-spacing: normal;
+  word-spacing: normal;
+  vertical-align: top;
+  text-rendering: auto;
+}
+
+.pure-u-sm-1-24 {
+  width: 4.1667%;
+  *width: 4.1357%;
+}
+
+.pure-u-sm-1-12,
+.pure-u-sm-2-24 {
+  width: 8.3333%;
+  *width: 8.3023%;
+}
+
+.pure-u-sm-1-8,
+.pure-u-sm-3-24 {
+  width: 12.5000%;
+  *width: 12.4690%;
+}
+
+.pure-u-sm-1-6,
+.pure-u-sm-4-24 {
+  width: 16.6667%;
+  *width: 16.6357%;
+}
+
+.pure-u-sm-1-5 {
+  width: 20%;
+  *width: 19.9690%;
+}
+
+.pure-u-sm-5-24 {
+  width: 20.8333%;
+  *width: 20.8023%;
+}
+
+.pure-u-sm-1-4,
+.pure-u-sm-6-24 {
+  width: 25%;
+  *width: 24.9690%;
+}
+
+.pure-u-sm-7-24 {
+  width: 29.1667%;
+  *width: 29.1357%;
+}
+
+.pure-u-sm-1-3,
+.pure-u-sm-8-24 {
+  width: 33.3333%;
+  *width: 33.3023%;
+}
+
+.pure-u-sm-3-8,
+.pure-u-sm-9-24 {
+  width: 37.5000%;
+  *width: 37.4690%;
+}
+
+.pure-u-sm-2-5 {
+  width: 40%;
+  *width: 39.9690%;
+}
+
+.pure-u-sm-5-12,
+.pure-u-sm-10-24 {
+  width: 41.6667%;
+  *width: 41.6357%;
+}
+
+.pure-u-sm-11-24 {
+  width: 45.8333%;
+  *width: 45.8023%;
+}
+
+.pure-u-sm-1-2,
+.pure-u-sm-12-24 {
+  width: 50%;
+  *width: 49.9690%;
+}
+
+.pure-u-sm-13-24 {
+  width: 54.1667%;
+  *width: 54.1357%;
+}
+
+.pure-u-sm-7-12,
+.pure-u-sm-14-24 {
+  width: 58.3333%;
+  *width: 58.3023%;
+}
+
+.pure-u-sm-3-5 {
+  width: 60%;
+  *width: 59.9690%;
+}
+
+.pure-u-sm-5-8,
+.pure-u-sm-15-24 {
+  width: 62.5000%;
+  *width: 62.4690%;
+}
+
+.pure-u-sm-2-3,
+.pure-u-sm-16-24 {
+  width: 66.6667%;
+  *width: 66.6357%;
+}
+
+.pure-u-sm-17-24 {
+  width: 70.8333%;
+  *width: 70.8023%;
+}
+
+.pure-u-sm-3-4,
+.pure-u-sm-18-24 {
+  width: 75%;
+  *width: 74.9690%;
+}
+
+.pure-u-sm-19-24 {
+  width: 79.1667%;
+  *width: 79.1357%;
+}
+
+.pure-u-sm-4-5 {
+  width: 80%;
+  *width: 79.9690%;
+}
+
+.pure-u-sm-5-6,
+.pure-u-sm-20-24 {
+  width: 83.3333%;
+  *width: 83.3023%;
+}
+
+.pure-u-sm-7-8,
+.pure-u-sm-21-24 {
+  width: 87.5000%;
+  *width: 87.4690%;
+}
+
+.pure-u-sm-11-12,
+.pure-u-sm-22-24 {
+  width: 91.6667%;
+  *width: 91.6357%;
+}
+
+.pure-u-sm-23-24 {
+  width: 95.8333%;
+  *width: 95.8023%;
+}
+
+.pure-u-sm-1,
+.pure-u-sm-1-1,
+.pure-u-sm-5-5,
+.pure-u-sm-24-24 {
+  width: 100%;
+}
+
+.pure-u-md-1,
+.pure-u-md-1-1,
+.pure-u-md-1-2,
+.pure-u-md-1-3,
+.pure-u-md-2-3,
+.pure-u-md-1-4,
+.pure-u-md-3-4,
+.pure-u-md-1-5,
+.pure-u-md-2-5,
+.pure-u-md-3-5,
+.pure-u-md-4-5,
+.pure-u-md-5-5,
+.pure-u-md-1-6,
+.pure-u-md-5-6,
+.pure-u-md-1-8,
+.pure-u-md-3-8,
+.pure-u-md-5-8,
+.pure-u-md-7-8,
+.pure-u-md-1-12,
+.pure-u-md-5-12,
+.pure-u-md-7-12,
+.pure-u-md-11-12,
+.pure-u-md-1-24,
+.pure-u-md-2-24,
+.pure-u-md-3-24,
+.pure-u-md-4-24,
+.pure-u-md-5-24,
+.pure-u-md-6-24,
+.pure-u-md-7-24,
+.pure-u-md-8-24,
+.pure-u-md-9-24,
+.pure-u-md-10-24,
+.pure-u-md-11-24,
+.pure-u-md-12-24,
+.pure-u-md-13-24,
+.pure-u-md-14-24,
+.pure-u-md-15-24,
+.pure-u-md-16-24,
+.pure-u-md-17-24,
+.pure-u-md-18-24,
+.pure-u-md-19-24,
+.pure-u-md-20-24,
+.pure-u-md-21-24,
+.pure-u-md-22-24,
+.pure-u-md-23-24,
+.pure-u-md-24-24 {
+  display: inline-block;
+  *display: inline;
+  zoom: 1;
+  letter-spacing: normal;
+  word-spacing: normal;
+  vertical-align: top;
+  text-rendering: auto;
+}
+
+.pure-u-md-1-24 {
+  width: 4.1667%;
+  *width: 4.1357%;
+}
+
+.pure-u-md-1-12,
+.pure-u-md-2-24 {
+  width: 8.3333%;
+  *width: 8.3023%;
+}
+
+.pure-u-md-1-8,
+.pure-u-md-3-24 {
+  width: 12.5000%;
+  *width: 12.4690%;
+}
+
+.pure-u-md-1-6,
+.pure-u-md-4-24 {
+  width: 16.6667%;
+  *width: 16.6357%;
+}
+
+.pure-u-md-1-5 {
+  width: 20%;
+  *width: 19.9690%;
+}
+
+.pure-u-md-5-24 {
+  width: 20.8333%;
+  *width: 20.8023%;
+}
+
+.pure-u-md-1-4,
+.pure-u-md-6-24 {
+  width: 25%;
+  *width: 24.9690%;
+}
+
+.pure-u-md-7-24 {
+  width: 29.1667%;
+  *width: 29.1357%;
+}
+
+.pure-u-md-1-3,
+.pure-u-md-8-24 {
+  width: 33.3333%;
+  *width: 33.3023%;
+}
+
+.pure-u-md-3-8,
+.pure-u-md-9-24 {
+  width: 37.5000%;
+  *width: 37.4690%;
+}
+
+.pure-u-md-2-5 {
+  width: 40%;
+  *width: 39.9690%;
+}
+
+.pure-u-md-5-12,
+.pure-u-md-10-24 {
+  width: 41.6667%;
+  *width: 41.6357%;
+}
+
+.pure-u-md-11-24 {
+  width: 45.8333%;
+  *width: 45.8023%;
+}
+
+.pure-u-md-1-2,
+.pure-u-md-12-24 {
+  width: 50%;
+  *width: 49.9690%;
+}
+
+.pure-u-md-13-24 {
+  width: 54.1667%;
+  *width: 54.1357%;
+}
+
+.pure-u-md-7-12,
+.pure-u-md-14-24 {
+  width: 58.3333%;
+  *width: 58.3023%;
+}
+
+.pure-u-md-3-5 {
+  width: 60%;
+  *width: 59.9690%;
+}
+
+.pure-u-md-5-8,
+.pure-u-md-15-24 {
+  width: 62.5000%;
+  *width: 62.4690%;
+}
+
+.pure-u-md-2-3,
+.pure-u-md-16-24 {
+  width: 66.6667%;
+  *width: 66.6357%;
+}
+
+.pure-u-md-17-24 {
+  width: 70.8333%;
+  *width: 70.8023%;
+}
+
+.pure-u-md-3-4,
+.pure-u-md-18-24 {
+  width: 75%;
+  *width: 74.9690%;
+}
+
+.pure-u-md-19-24 {
+  width: 79.1667%;
+  *width: 79.1357%;
+}
+
+.pure-u-md-4-5 {
+  width: 80%;
+  *width: 79.9690%;
+}
+
+.pure-u-md-5-6,
+.pure-u-md-20-24 {
+  width: 83.3333%;
+  *width: 83.3023%;
+}
+
+.pure-u-md-7-8,
+.pure-u-md-21-24 {
+  width: 87.5000%;
+  *width: 87.4690%;
+}
+
+.pure-u-md-11-12,
+.pure-u-md-22-24 {
+  width: 91.6667%;
+  *width: 91.6357%;
+}
+
+.pure-u-md-23-24 {
+  width: 95.8333%;
+  *width: 95.8023%;
+}
+
+.pure-u-md-1,
+.pure-u-md-1-1,
+.pure-u-md-5-5,
+.pure-u-md-24-24 {
+  width: 100%;
+}
+
+.pure-u-lg-1,
+.pure-u-lg-1-1,
+.pure-u-lg-1-2,
+.pure-u-lg-1-3,
+.pure-u-lg-2-3,
+.pure-u-lg-1-4,
+.pure-u-lg-3-4,
+.pure-u-lg-1-5,
+.pure-u-lg-2-5,
+.pure-u-lg-3-5,
+.pure-u-lg-4-5,
+.pure-u-lg-5-5,
+.pure-u-lg-1-6,
+.pure-u-lg-5-6,
+.pure-u-lg-1-8,
+.pure-u-lg-3-8,
+.pure-u-lg-5-8,
+.pure-u-lg-7-8,
+.pure-u-lg-1-12,
+.pure-u-lg-5-12,
+.pure-u-lg-7-12,
+.pure-u-lg-11-12,
+.pure-u-lg-1-24,
+.pure-u-lg-2-24,
+.pure-u-lg-3-24,
+.pure-u-lg-4-24,
+.pure-u-lg-5-24,
+.pure-u-lg-6-24,
+.pure-u-lg-7-24,
+.pure-u-lg-8-24,
+.pure-u-lg-9-24,
+.pure-u-lg-10-24,
+.pure-u-lg-11-24,
+.pure-u-lg-12-24,
+.pure-u-lg-13-24,
+.pure-u-lg-14-24,
+.pure-u-lg-15-24,
+.pure-u-lg-16-24,
+.pure-u-lg-17-24,
+.pure-u-lg-18-24,
+.pure-u-lg-19-24,
+.pure-u-lg-20-24,
+.pure-u-lg-21-24,
+.pure-u-lg-22-24,
+.pure-u-lg-23-24,
+.pure-u-lg-24-24 {
+  display: inline-block;
+  *display: inline;
+  zoom: 1;
+  letter-spacing: normal;
+  word-spacing: normal;
+  vertical-align: top;
+  text-rendering: auto;
+}
+
+.pure-u-lg-1-24 {
+  width: 4.1667%;
+  *width: 4.1357%;
+}
+
+.pure-u-lg-1-12,
+.pure-u-lg-2-24 {
+  width: 8.3333%;
+  *width: 8.3023%;
+}
+
+.pure-u-lg-1-8,
+.pure-u-lg-3-24 {
+  width: 12.5000%;
+  *width: 12.4690%;
+}
+
+.pure-u-lg-1-6,
+.pure-u-lg-4-24 {
+  width: 16.6667%;
+  *width: 16.6357%;
+}
+
+.pure-u-lg-1-5 {
+  width: 20%;
+  *width: 19.9690%;
+}
+
+.pure-u-lg-5-24 {
+  width: 20.8333%;
+  *width: 20.8023%;
+}
+
+.pure-u-lg-1-4,
+.pure-u-lg-6-24 {
+  width: 25%;
+  *width: 24.9690%;
+}
+
+.pure-u-lg-7-24 {
+  width: 29.1667%;
+  *width: 29.1357%;
+}
+
+.pure-u-lg-1-3,
+.pure-u-lg-8-24 {
+  width: 33.3333%;
+  *width: 33.3023%;
+}
+
+.pure-u-lg-3-8,
+.pure-u-lg-9-24 {
+  width: 37.5000%;
+  *width: 37.4690%;
+}
+
+.pure-u-lg-2-5 {
+  width: 40%;
+  *width: 39.9690%;
+}
+
+.pure-u-lg-5-12,
+.pure-u-lg-10-24 {
+  width: 41.6667%;
+  *width: 41.6357%;
+}
+
+.pure-u-lg-11-24 {
+  width: 45.8333%;
+  *width: 45.8023%;
+}
+
+.pure-u-lg-1-2,
+.pure-u-lg-12-24 {
+  width: 50%;
+  *width: 49.9690%;
+}
+
+.pure-u-lg-13-24 {
+  width: 54.1667%;
+  *width: 54.1357%;
+}
+
+.pure-u-lg-7-12,
+.pure-u-lg-14-24 {
+  width: 58.3333%;
+  *width: 58.3023%;
+}
+
+.pure-u-lg-3-5 {
+  width: 60%;
+  *width: 59.9690%;
+}
+
+.pure-u-lg-5-8,
+.pure-u-lg-15-24 {
+  width: 62.5000%;
+  *width: 62.4690%;
+}
+
+.pure-u-lg-2-3,
+.pure-u-lg-16-24 {
+  width: 66.6667%;
+  *width: 66.6357%;
+}
+
+.pure-u-lg-17-24 {
+  width: 70.8333%;
+  *width: 70.8023%;
+}
+
+.pure-u-lg-3-4,
+.pure-u-lg-18-24 {
+  width: 75%;
+  *width: 74.9690%;
+}
+
+.pure-u-lg-19-24 {
+  width: 79.1667%;
+  *width: 79.1357%;
+}
+
+.pure-u-lg-4-5 {
+  width: 80%;
+  *width: 79.9690%;
+}
+
+.pure-u-lg-5-6,
+.pure-u-lg-20-24 {
+  width: 83.3333%;
+  *width: 83.3023%;
+}
+
+.pure-u-lg-7-8,
+.pure-u-lg-21-24 {
+  width: 87.5000%;
+  *width: 87.4690%;
+}
+
+.pure-u-lg-11-12,
+.pure-u-lg-22-24 {
+  width: 91.6667%;
+  *width: 91.6357%;
+}
+
+.pure-u-lg-23-24 {
+  width: 95.8333%;
+  *width: 95.8023%;
+}
+
+.pure-u-lg-1,
+.pure-u-lg-1-1,
+.pure-u-lg-5-5,
+.pure-u-lg-24-24 {
+  width: 100%;
+}
\ No newline at end of file
diff --git a/mayan/apps/common/static/common/packages/pure-release-0.5.0/grids-responsive.css b/mayan/apps/common/static/common/packages/pure-release-0.5.0/grids-responsive.css
new file mode 100644
index 0000000000..12ad994737
--- /dev/null
+++ b/mayan/apps/common/static/common/packages/pure-release-0.5.0/grids-responsive.css
@@ -0,0 +1,861 @@
+/*!
+Pure v0.5.0
+Copyright 2014 Yahoo! Inc. All rights reserved.
+Licensed under the BSD License.
+https://github.com/yui/pure/blob/master/LICENSE.md
+*/
+@media screen and (min-width: 35.5em) {
+    .pure-u-sm-1,
+    .pure-u-sm-1-1,
+    .pure-u-sm-1-2,
+    .pure-u-sm-1-3,
+    .pure-u-sm-2-3,
+    .pure-u-sm-1-4,
+    .pure-u-sm-3-4,
+    .pure-u-sm-1-5,
+    .pure-u-sm-2-5,
+    .pure-u-sm-3-5,
+    .pure-u-sm-4-5,
+    .pure-u-sm-5-5,
+    .pure-u-sm-1-6,
+    .pure-u-sm-5-6,
+    .pure-u-sm-1-8,
+    .pure-u-sm-3-8,
+    .pure-u-sm-5-8,
+    .pure-u-sm-7-8,
+    .pure-u-sm-1-12,
+    .pure-u-sm-5-12,
+    .pure-u-sm-7-12,
+    .pure-u-sm-11-12,
+    .pure-u-sm-1-24,
+    .pure-u-sm-2-24,
+    .pure-u-sm-3-24,
+    .pure-u-sm-4-24,
+    .pure-u-sm-5-24,
+    .pure-u-sm-6-24,
+    .pure-u-sm-7-24,
+    .pure-u-sm-8-24,
+    .pure-u-sm-9-24,
+    .pure-u-sm-10-24,
+    .pure-u-sm-11-24,
+    .pure-u-sm-12-24,
+    .pure-u-sm-13-24,
+    .pure-u-sm-14-24,
+    .pure-u-sm-15-24,
+    .pure-u-sm-16-24,
+    .pure-u-sm-17-24,
+    .pure-u-sm-18-24,
+    .pure-u-sm-19-24,
+    .pure-u-sm-20-24,
+    .pure-u-sm-21-24,
+    .pure-u-sm-22-24,
+    .pure-u-sm-23-24,
+    .pure-u-sm-24-24 {
+        display: inline-block;
+        *display: inline;
+        zoom: 1;
+        letter-spacing: normal;
+        word-spacing: normal;
+        vertical-align: top;
+        text-rendering: auto;
+    }
+
+    .pure-u-sm-1-24 {
+        width: 4.1667%;
+        *width: 4.1357%;
+    }
+
+    .pure-u-sm-1-12,
+    .pure-u-sm-2-24 {
+        width: 8.3333%;
+        *width: 8.3023%;
+    }
+
+    .pure-u-sm-1-8,
+    .pure-u-sm-3-24 {
+        width: 12.5000%;
+        *width: 12.4690%;
+    }
+
+    .pure-u-sm-1-6,
+    .pure-u-sm-4-24 {
+        width: 16.6667%;
+        *width: 16.6357%;
+    }
+
+    .pure-u-sm-1-5 {
+        width: 20%;
+        *width: 19.9690%;
+    }
+
+    .pure-u-sm-5-24 {
+        width: 20.8333%;
+        *width: 20.8023%;
+    }
+
+    .pure-u-sm-1-4,
+    .pure-u-sm-6-24 {
+        width: 25%;
+        *width: 24.9690%;
+    }
+
+    .pure-u-sm-7-24 {
+        width: 29.1667%;
+        *width: 29.1357%;
+    }
+
+    .pure-u-sm-1-3,
+    .pure-u-sm-8-24 {
+        width: 33.3333%;
+        *width: 33.3023%;
+    }
+
+    .pure-u-sm-3-8,
+    .pure-u-sm-9-24 {
+        width: 37.5000%;
+        *width: 37.4690%;
+    }
+
+    .pure-u-sm-2-5 {
+        width: 40%;
+        *width: 39.9690%;
+    }
+
+    .pure-u-sm-5-12,
+    .pure-u-sm-10-24 {
+        width: 41.6667%;
+        *width: 41.6357%;
+    }
+
+    .pure-u-sm-11-24 {
+        width: 45.8333%;
+        *width: 45.8023%;
+    }
+
+    .pure-u-sm-1-2,
+    .pure-u-sm-12-24 {
+        width: 50%;
+        *width: 49.9690%;
+    }
+
+    .pure-u-sm-13-24 {
+        width: 54.1667%;
+        *width: 54.1357%;
+    }
+
+    .pure-u-sm-7-12,
+    .pure-u-sm-14-24 {
+        width: 58.3333%;
+        *width: 58.3023%;
+    }
+
+    .pure-u-sm-3-5 {
+        width: 60%;
+        *width: 59.9690%;
+    }
+
+    .pure-u-sm-5-8,
+    .pure-u-sm-15-24 {
+        width: 62.5000%;
+        *width: 62.4690%;
+    }
+
+    .pure-u-sm-2-3,
+    .pure-u-sm-16-24 {
+        width: 66.6667%;
+        *width: 66.6357%;
+    }
+
+    .pure-u-sm-17-24 {
+        width: 70.8333%;
+        *width: 70.8023%;
+    }
+
+    .pure-u-sm-3-4,
+    .pure-u-sm-18-24 {
+        width: 75%;
+        *width: 74.9690%;
+    }
+
+    .pure-u-sm-19-24 {
+        width: 79.1667%;
+        *width: 79.1357%;
+    }
+
+    .pure-u-sm-4-5 {
+        width: 80%;
+        *width: 79.9690%;
+    }
+
+    .pure-u-sm-5-6,
+    .pure-u-sm-20-24 {
+        width: 83.3333%;
+        *width: 83.3023%;
+    }
+
+    .pure-u-sm-7-8,
+    .pure-u-sm-21-24 {
+        width: 87.5000%;
+        *width: 87.4690%;
+    }
+
+    .pure-u-sm-11-12,
+    .pure-u-sm-22-24 {
+        width: 91.6667%;
+        *width: 91.6357%;
+    }
+
+    .pure-u-sm-23-24 {
+        width: 95.8333%;
+        *width: 95.8023%;
+    }
+
+    .pure-u-sm-1,
+    .pure-u-sm-1-1,
+    .pure-u-sm-5-5,
+    .pure-u-sm-24-24 {
+        width: 100%;
+    }
+}
+
+@media screen and (min-width: 48em) {
+    .pure-u-md-1,
+    .pure-u-md-1-1,
+    .pure-u-md-1-2,
+    .pure-u-md-1-3,
+    .pure-u-md-2-3,
+    .pure-u-md-1-4,
+    .pure-u-md-3-4,
+    .pure-u-md-1-5,
+    .pure-u-md-2-5,
+    .pure-u-md-3-5,
+    .pure-u-md-4-5,
+    .pure-u-md-5-5,
+    .pure-u-md-1-6,
+    .pure-u-md-5-6,
+    .pure-u-md-1-8,
+    .pure-u-md-3-8,
+    .pure-u-md-5-8,
+    .pure-u-md-7-8,
+    .pure-u-md-1-12,
+    .pure-u-md-5-12,
+    .pure-u-md-7-12,
+    .pure-u-md-11-12,
+    .pure-u-md-1-24,
+    .pure-u-md-2-24,
+    .pure-u-md-3-24,
+    .pure-u-md-4-24,
+    .pure-u-md-5-24,
+    .pure-u-md-6-24,
+    .pure-u-md-7-24,
+    .pure-u-md-8-24,
+    .pure-u-md-9-24,
+    .pure-u-md-10-24,
+    .pure-u-md-11-24,
+    .pure-u-md-12-24,
+    .pure-u-md-13-24,
+    .pure-u-md-14-24,
+    .pure-u-md-15-24,
+    .pure-u-md-16-24,
+    .pure-u-md-17-24,
+    .pure-u-md-18-24,
+    .pure-u-md-19-24,
+    .pure-u-md-20-24,
+    .pure-u-md-21-24,
+    .pure-u-md-22-24,
+    .pure-u-md-23-24,
+    .pure-u-md-24-24 {
+        display: inline-block;
+        *display: inline;
+        zoom: 1;
+        letter-spacing: normal;
+        word-spacing: normal;
+        vertical-align: top;
+        text-rendering: auto;
+    }
+
+    .pure-u-md-1-24 {
+        width: 4.1667%;
+        *width: 4.1357%;
+    }
+
+    .pure-u-md-1-12,
+    .pure-u-md-2-24 {
+        width: 8.3333%;
+        *width: 8.3023%;
+    }
+
+    .pure-u-md-1-8,
+    .pure-u-md-3-24 {
+        width: 12.5000%;
+        *width: 12.4690%;
+    }
+
+    .pure-u-md-1-6,
+    .pure-u-md-4-24 {
+        width: 16.6667%;
+        *width: 16.6357%;
+    }
+
+    .pure-u-md-1-5 {
+        width: 20%;
+        *width: 19.9690%;
+    }
+
+    .pure-u-md-5-24 {
+        width: 20.8333%;
+        *width: 20.8023%;
+    }
+
+    .pure-u-md-1-4,
+    .pure-u-md-6-24 {
+        width: 25%;
+        *width: 24.9690%;
+    }
+
+    .pure-u-md-7-24 {
+        width: 29.1667%;
+        *width: 29.1357%;
+    }
+
+    .pure-u-md-1-3,
+    .pure-u-md-8-24 {
+        width: 33.3333%;
+        *width: 33.3023%;
+    }
+
+    .pure-u-md-3-8,
+    .pure-u-md-9-24 {
+        width: 37.5000%;
+        *width: 37.4690%;
+    }
+
+    .pure-u-md-2-5 {
+        width: 40%;
+        *width: 39.9690%;
+    }
+
+    .pure-u-md-5-12,
+    .pure-u-md-10-24 {
+        width: 41.6667%;
+        *width: 41.6357%;
+    }
+
+    .pure-u-md-11-24 {
+        width: 45.8333%;
+        *width: 45.8023%;
+    }
+
+    .pure-u-md-1-2,
+    .pure-u-md-12-24 {
+        width: 50%;
+        *width: 49.9690%;
+    }
+
+    .pure-u-md-13-24 {
+        width: 54.1667%;
+        *width: 54.1357%;
+    }
+
+    .pure-u-md-7-12,
+    .pure-u-md-14-24 {
+        width: 58.3333%;
+        *width: 58.3023%;
+    }
+
+    .pure-u-md-3-5 {
+        width: 60%;
+        *width: 59.9690%;
+    }
+
+    .pure-u-md-5-8,
+    .pure-u-md-15-24 {
+        width: 62.5000%;
+        *width: 62.4690%;
+    }
+
+    .pure-u-md-2-3,
+    .pure-u-md-16-24 {
+        width: 66.6667%;
+        *width: 66.6357%;
+    }
+
+    .pure-u-md-17-24 {
+        width: 70.8333%;
+        *width: 70.8023%;
+    }
+
+    .pure-u-md-3-4,
+    .pure-u-md-18-24 {
+        width: 75%;
+        *width: 74.9690%;
+    }
+
+    .pure-u-md-19-24 {
+        width: 79.1667%;
+        *width: 79.1357%;
+    }
+
+    .pure-u-md-4-5 {
+        width: 80%;
+        *width: 79.9690%;
+    }
+
+    .pure-u-md-5-6,
+    .pure-u-md-20-24 {
+        width: 83.3333%;
+        *width: 83.3023%;
+    }
+
+    .pure-u-md-7-8,
+    .pure-u-md-21-24 {
+        width: 87.5000%;
+        *width: 87.4690%;
+    }
+
+    .pure-u-md-11-12,
+    .pure-u-md-22-24 {
+        width: 91.6667%;
+        *width: 91.6357%;
+    }
+
+    .pure-u-md-23-24 {
+        width: 95.8333%;
+        *width: 95.8023%;
+    }
+
+    .pure-u-md-1,
+    .pure-u-md-1-1,
+    .pure-u-md-5-5,
+    .pure-u-md-24-24 {
+        width: 100%;
+    }
+}
+
+@media screen and (min-width: 64em) {
+    .pure-u-lg-1,
+    .pure-u-lg-1-1,
+    .pure-u-lg-1-2,
+    .pure-u-lg-1-3,
+    .pure-u-lg-2-3,
+    .pure-u-lg-1-4,
+    .pure-u-lg-3-4,
+    .pure-u-lg-1-5,
+    .pure-u-lg-2-5,
+    .pure-u-lg-3-5,
+    .pure-u-lg-4-5,
+    .pure-u-lg-5-5,
+    .pure-u-lg-1-6,
+    .pure-u-lg-5-6,
+    .pure-u-lg-1-8,
+    .pure-u-lg-3-8,
+    .pure-u-lg-5-8,
+    .pure-u-lg-7-8,
+    .pure-u-lg-1-12,
+    .pure-u-lg-5-12,
+    .pure-u-lg-7-12,
+    .pure-u-lg-11-12,
+    .pure-u-lg-1-24,
+    .pure-u-lg-2-24,
+    .pure-u-lg-3-24,
+    .pure-u-lg-4-24,
+    .pure-u-lg-5-24,
+    .pure-u-lg-6-24,
+    .pure-u-lg-7-24,
+    .pure-u-lg-8-24,
+    .pure-u-lg-9-24,
+    .pure-u-lg-10-24,
+    .pure-u-lg-11-24,
+    .pure-u-lg-12-24,
+    .pure-u-lg-13-24,
+    .pure-u-lg-14-24,
+    .pure-u-lg-15-24,
+    .pure-u-lg-16-24,
+    .pure-u-lg-17-24,
+    .pure-u-lg-18-24,
+    .pure-u-lg-19-24,
+    .pure-u-lg-20-24,
+    .pure-u-lg-21-24,
+    .pure-u-lg-22-24,
+    .pure-u-lg-23-24,
+    .pure-u-lg-24-24 {
+        display: inline-block;
+        *display: inline;
+        zoom: 1;
+        letter-spacing: normal;
+        word-spacing: normal;
+        vertical-align: top;
+        text-rendering: auto;
+    }
+
+    .pure-u-lg-1-24 {
+        width: 4.1667%;
+        *width: 4.1357%;
+    }
+
+    .pure-u-lg-1-12,
+    .pure-u-lg-2-24 {
+        width: 8.3333%;
+        *width: 8.3023%;
+    }
+
+    .pure-u-lg-1-8,
+    .pure-u-lg-3-24 {
+        width: 12.5000%;
+        *width: 12.4690%;
+    }
+
+    .pure-u-lg-1-6,
+    .pure-u-lg-4-24 {
+        width: 16.6667%;
+        *width: 16.6357%;
+    }
+
+    .pure-u-lg-1-5 {
+        width: 20%;
+        *width: 19.9690%;
+    }
+
+    .pure-u-lg-5-24 {
+        width: 20.8333%;
+        *width: 20.8023%;
+    }
+
+    .pure-u-lg-1-4,
+    .pure-u-lg-6-24 {
+        width: 25%;
+        *width: 24.9690%;
+    }
+
+    .pure-u-lg-7-24 {
+        width: 29.1667%;
+        *width: 29.1357%;
+    }
+
+    .pure-u-lg-1-3,
+    .pure-u-lg-8-24 {
+        width: 33.3333%;
+        *width: 33.3023%;
+    }
+
+    .pure-u-lg-3-8,
+    .pure-u-lg-9-24 {
+        width: 37.5000%;
+        *width: 37.4690%;
+    }
+
+    .pure-u-lg-2-5 {
+        width: 40%;
+        *width: 39.9690%;
+    }
+
+    .pure-u-lg-5-12,
+    .pure-u-lg-10-24 {
+        width: 41.6667%;
+        *width: 41.6357%;
+    }
+
+    .pure-u-lg-11-24 {
+        width: 45.8333%;
+        *width: 45.8023%;
+    }
+
+    .pure-u-lg-1-2,
+    .pure-u-lg-12-24 {
+        width: 50%;
+        *width: 49.9690%;
+    }
+
+    .pure-u-lg-13-24 {
+        width: 54.1667%;
+        *width: 54.1357%;
+    }
+
+    .pure-u-lg-7-12,
+    .pure-u-lg-14-24 {
+        width: 58.3333%;
+        *width: 58.3023%;
+    }
+
+    .pure-u-lg-3-5 {
+        width: 60%;
+        *width: 59.9690%;
+    }
+
+    .pure-u-lg-5-8,
+    .pure-u-lg-15-24 {
+        width: 62.5000%;
+        *width: 62.4690%;
+    }
+
+    .pure-u-lg-2-3,
+    .pure-u-lg-16-24 {
+        width: 66.6667%;
+        *width: 66.6357%;
+    }
+
+    .pure-u-lg-17-24 {
+        width: 70.8333%;
+        *width: 70.8023%;
+    }
+
+    .pure-u-lg-3-4,
+    .pure-u-lg-18-24 {
+        width: 75%;
+        *width: 74.9690%;
+    }
+
+    .pure-u-lg-19-24 {
+        width: 79.1667%;
+        *width: 79.1357%;
+    }
+
+    .pure-u-lg-4-5 {
+        width: 80%;
+        *width: 79.9690%;
+    }
+
+    .pure-u-lg-5-6,
+    .pure-u-lg-20-24 {
+        width: 83.3333%;
+        *width: 83.3023%;
+    }
+
+    .pure-u-lg-7-8,
+    .pure-u-lg-21-24 {
+        width: 87.5000%;
+        *width: 87.4690%;
+    }
+
+    .pure-u-lg-11-12,
+    .pure-u-lg-22-24 {
+        width: 91.6667%;
+        *width: 91.6357%;
+    }
+
+    .pure-u-lg-23-24 {
+        width: 95.8333%;
+        *width: 95.8023%;
+    }
+
+    .pure-u-lg-1,
+    .pure-u-lg-1-1,
+    .pure-u-lg-5-5,
+    .pure-u-lg-24-24 {
+        width: 100%;
+    }
+}
+
+@media screen and (min-width: 80em) {
+    .pure-u-xl-1,
+    .pure-u-xl-1-1,
+    .pure-u-xl-1-2,
+    .pure-u-xl-1-3,
+    .pure-u-xl-2-3,
+    .pure-u-xl-1-4,
+    .pure-u-xl-3-4,
+    .pure-u-xl-1-5,
+    .pure-u-xl-2-5,
+    .pure-u-xl-3-5,
+    .pure-u-xl-4-5,
+    .pure-u-xl-5-5,
+    .pure-u-xl-1-6,
+    .pure-u-xl-5-6,
+    .pure-u-xl-1-8,
+    .pure-u-xl-3-8,
+    .pure-u-xl-5-8,
+    .pure-u-xl-7-8,
+    .pure-u-xl-1-12,
+    .pure-u-xl-5-12,
+    .pure-u-xl-7-12,
+    .pure-u-xl-11-12,
+    .pure-u-xl-1-24,
+    .pure-u-xl-2-24,
+    .pure-u-xl-3-24,
+    .pure-u-xl-4-24,
+    .pure-u-xl-5-24,
+    .pure-u-xl-6-24,
+    .pure-u-xl-7-24,
+    .pure-u-xl-8-24,
+    .pure-u-xl-9-24,
+    .pure-u-xl-10-24,
+    .pure-u-xl-11-24,
+    .pure-u-xl-12-24,
+    .pure-u-xl-13-24,
+    .pure-u-xl-14-24,
+    .pure-u-xl-15-24,
+    .pure-u-xl-16-24,
+    .pure-u-xl-17-24,
+    .pure-u-xl-18-24,
+    .pure-u-xl-19-24,
+    .pure-u-xl-20-24,
+    .pure-u-xl-21-24,
+    .pure-u-xl-22-24,
+    .pure-u-xl-23-24,
+    .pure-u-xl-24-24 {
+        display: inline-block;
+        *display: inline;
+        zoom: 1;
+        letter-spacing: normal;
+        word-spacing: normal;
+        vertical-align: top;
+        text-rendering: auto;
+    }
+
+    .pure-u-xl-1-24 {
+        width: 4.1667%;
+        *width: 4.1357%;
+    }
+
+    .pure-u-xl-1-12,
+    .pure-u-xl-2-24 {
+        width: 8.3333%;
+        *width: 8.3023%;
+    }
+
+    .pure-u-xl-1-8,
+    .pure-u-xl-3-24 {
+        width: 12.5000%;
+        *width: 12.4690%;
+    }
+
+    .pure-u-xl-1-6,
+    .pure-u-xl-4-24 {
+        width: 16.6667%;
+        *width: 16.6357%;
+    }
+
+    .pure-u-xl-1-5 {
+        width: 20%;
+        *width: 19.9690%;
+    }
+
+    .pure-u-xl-5-24 {
+        width: 20.8333%;
+        *width: 20.8023%;
+    }
+
+    .pure-u-xl-1-4,
+    .pure-u-xl-6-24 {
+        width: 25%;
+        *width: 24.9690%;
+    }
+
+    .pure-u-xl-7-24 {
+        width: 29.1667%;
+        *width: 29.1357%;
+    }
+
+    .pure-u-xl-1-3,
+    .pure-u-xl-8-24 {
+        width: 33.3333%;
+        *width: 33.3023%;
+    }
+
+    .pure-u-xl-3-8,
+    .pure-u-xl-9-24 {
+        width: 37.5000%;
+        *width: 37.4690%;
+    }
+
+    .pure-u-xl-2-5 {
+        width: 40%;
+        *width: 39.9690%;
+    }
+
+    .pure-u-xl-5-12,
+    .pure-u-xl-10-24 {
+        width: 41.6667%;
+        *width: 41.6357%;
+    }
+
+    .pure-u-xl-11-24 {
+        width: 45.8333%;
+        *width: 45.8023%;
+    }
+
+    .pure-u-xl-1-2,
+    .pure-u-xl-12-24 {
+        width: 50%;
+        *width: 49.9690%;
+    }
+
+    .pure-u-xl-13-24 {
+        width: 54.1667%;
+        *width: 54.1357%;
+    }
+
+    .pure-u-xl-7-12,
+    .pure-u-xl-14-24 {
+        width: 58.3333%;
+        *width: 58.3023%;
+    }
+
+    .pure-u-xl-3-5 {
+        width: 60%;
+        *width: 59.9690%;
+    }
+
+    .pure-u-xl-5-8,
+    .pure-u-xl-15-24 {
+        width: 62.5000%;
+        *width: 62.4690%;
+    }
+
+    .pure-u-xl-2-3,
+    .pure-u-xl-16-24 {
+        width: 66.6667%;
+        *width: 66.6357%;
+    }
+
+    .pure-u-xl-17-24 {
+        width: 70.8333%;
+        *width: 70.8023%;
+    }
+
+    .pure-u-xl-3-4,
+    .pure-u-xl-18-24 {
+        width: 75%;
+        *width: 74.9690%;
+    }
+
+    .pure-u-xl-19-24 {
+        width: 79.1667%;
+        *width: 79.1357%;
+    }
+
+    .pure-u-xl-4-5 {
+        width: 80%;
+        *width: 79.9690%;
+    }
+
+    .pure-u-xl-5-6,
+    .pure-u-xl-20-24 {
+        width: 83.3333%;
+        *width: 83.3023%;
+    }
+
+    .pure-u-xl-7-8,
+    .pure-u-xl-21-24 {
+        width: 87.5000%;
+        *width: 87.4690%;
+    }
+
+    .pure-u-xl-11-12,
+    .pure-u-xl-22-24 {
+        width: 91.6667%;
+        *width: 91.6357%;
+    }
+
+    .pure-u-xl-23-24 {
+        width: 95.8333%;
+        *width: 95.8023%;
+    }
+
+    .pure-u-xl-1,
+    .pure-u-xl-1-1,
+    .pure-u-xl-5-5,
+    .pure-u-xl-24-24 {
+        width: 100%;
+    }
+}
\ No newline at end of file
diff --git a/mayan/apps/common/static/common/packages/pure-release-0.5.0/grids-units-min.css b/mayan/apps/common/static/common/packages/pure-release-0.5.0/grids-units-min.css
new file mode 100644
index 0000000000..8d30199631
--- /dev/null
+++ b/mayan/apps/common/static/common/packages/pure-release-0.5.0/grids-units-min.css
@@ -0,0 +1,7 @@
+/*!
+Pure v0.5.0
+Copyright 2014 Yahoo! Inc. All rights reserved.
+Licensed under the BSD License.
+https://github.com/yui/pure/blob/master/LICENSE.md
+*/
+.pure-u-1,.pure-u-1-1,.pure-u-1-2,.pure-u-1-3,.pure-u-2-3,.pure-u-1-4,.pure-u-3-4,.pure-u-1-5,.pure-u-2-5,.pure-u-3-5,.pure-u-4-5,.pure-u-5-5,.pure-u-1-6,.pure-u-5-6,.pure-u-1-8,.pure-u-3-8,.pure-u-5-8,.pure-u-7-8,.pure-u-1-12,.pure-u-5-12,.pure-u-7-12,.pure-u-11-12,.pure-u-1-24,.pure-u-2-24,.pure-u-3-24,.pure-u-4-24,.pure-u-5-24,.pure-u-6-24,.pure-u-7-24,.pure-u-8-24,.pure-u-9-24,.pure-u-10-24,.pure-u-11-24,.pure-u-12-24,.pure-u-13-24,.pure-u-14-24,.pure-u-15-24,.pure-u-16-24,.pure-u-17-24,.pure-u-18-24,.pure-u-19-24,.pure-u-20-24,.pure-u-21-24,.pure-u-22-24,.pure-u-23-24,.pure-u-24-24{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-1-24{width:4.1667%;*width:4.1357%}.pure-u-1-12,.pure-u-2-24{width:8.3333%;*width:8.3023%}.pure-u-1-8,.pure-u-3-24{width:12.5%;*width:12.469%}.pure-u-1-6,.pure-u-4-24{width:16.6667%;*width:16.6357%}.pure-u-1-5{width:20%;*width:19.969%}.pure-u-5-24{width:20.8333%;*width:20.8023%}.pure-u-1-4,.pure-u-6-24{width:25%;*width:24.969%}.pure-u-7-24{width:29.1667%;*width:29.1357%}.pure-u-1-3,.pure-u-8-24{width:33.3333%;*width:33.3023%}.pure-u-3-8,.pure-u-9-24{width:37.5%;*width:37.469%}.pure-u-2-5{width:40%;*width:39.969%}.pure-u-5-12,.pure-u-10-24{width:41.6667%;*width:41.6357%}.pure-u-11-24{width:45.8333%;*width:45.8023%}.pure-u-1-2,.pure-u-12-24{width:50%;*width:49.969%}.pure-u-13-24{width:54.1667%;*width:54.1357%}.pure-u-7-12,.pure-u-14-24{width:58.3333%;*width:58.3023%}.pure-u-3-5{width:60%;*width:59.969%}.pure-u-5-8,.pure-u-15-24{width:62.5%;*width:62.469%}.pure-u-2-3,.pure-u-16-24{width:66.6667%;*width:66.6357%}.pure-u-17-24{width:70.8333%;*width:70.8023%}.pure-u-3-4,.pure-u-18-24{width:75%;*width:74.969%}.pure-u-19-24{width:79.1667%;*width:79.1357%}.pure-u-4-5{width:80%;*width:79.969%}.pure-u-5-6,.pure-u-20-24{width:83.3333%;*width:83.3023%}.pure-u-7-8,.pure-u-21-24{width:87.5%;*width:87.469%}.pure-u-11-12,.pure-u-22-24{width:91.6667%;*width:91.6357%}.pure-u-23-24{width:95.8333%;*width:95.8023%}.pure-u-1,.pure-u-1-1,.pure-u-5-5,.pure-u-24-24{width:100%}
\ No newline at end of file
diff --git a/mayan/apps/common/static/common/packages/pure-release-0.5.0/grids-units.css b/mayan/apps/common/static/common/packages/pure-release-0.5.0/grids-units.css
new file mode 100644
index 0000000000..6475532ae0
--- /dev/null
+++ b/mayan/apps/common/static/common/packages/pure-release-0.5.0/grids-units.css
@@ -0,0 +1,217 @@
+/*!
+Pure v0.5.0
+Copyright 2014 Yahoo! Inc. All rights reserved.
+Licensed under the BSD License.
+https://github.com/yui/pure/blob/master/LICENSE.md
+*/
+.pure-u-1,
+.pure-u-1-1,
+.pure-u-1-2,
+.pure-u-1-3,
+.pure-u-2-3,
+.pure-u-1-4,
+.pure-u-3-4,
+.pure-u-1-5,
+.pure-u-2-5,
+.pure-u-3-5,
+.pure-u-4-5,
+.pure-u-5-5,
+.pure-u-1-6,
+.pure-u-5-6,
+.pure-u-1-8,
+.pure-u-3-8,
+.pure-u-5-8,
+.pure-u-7-8,
+.pure-u-1-12,
+.pure-u-5-12,
+.pure-u-7-12,
+.pure-u-11-12,
+.pure-u-1-24,
+.pure-u-2-24,
+.pure-u-3-24,
+.pure-u-4-24,
+.pure-u-5-24,
+.pure-u-6-24,
+.pure-u-7-24,
+.pure-u-8-24,
+.pure-u-9-24,
+.pure-u-10-24,
+.pure-u-11-24,
+.pure-u-12-24,
+.pure-u-13-24,
+.pure-u-14-24,
+.pure-u-15-24,
+.pure-u-16-24,
+.pure-u-17-24,
+.pure-u-18-24,
+.pure-u-19-24,
+.pure-u-20-24,
+.pure-u-21-24,
+.pure-u-22-24,
+.pure-u-23-24,
+.pure-u-24-24 {
+    display: inline-block;
+    *display: inline;
+    zoom: 1;
+    letter-spacing: normal;
+    word-spacing: normal;
+    vertical-align: top;
+    text-rendering: auto;
+}
+
+.pure-u-1-24 {
+    width: 4.1667%;
+    *width: 4.1357%;
+}
+
+.pure-u-1-12,
+.pure-u-2-24 {
+    width: 8.3333%;
+    *width: 8.3023%;
+}
+
+.pure-u-1-8,
+.pure-u-3-24 {
+    width: 12.5000%;
+    *width: 12.4690%;
+}
+
+.pure-u-1-6,
+.pure-u-4-24 {
+    width: 16.6667%;
+    *width: 16.6357%;
+}
+
+.pure-u-1-5 {
+    width: 20%;
+    *width: 19.9690%;
+}
+
+.pure-u-5-24 {
+    width: 20.8333%;
+    *width: 20.8023%;
+}
+
+.pure-u-1-4,
+.pure-u-6-24 {
+    width: 25%;
+    *width: 24.9690%;
+}
+
+.pure-u-7-24 {
+    width: 29.1667%;
+    *width: 29.1357%;
+}
+
+.pure-u-1-3,
+.pure-u-8-24 {
+    width: 33.3333%;
+    *width: 33.3023%;
+}
+
+.pure-u-3-8,
+.pure-u-9-24 {
+    width: 37.5000%;
+    *width: 37.4690%;
+}
+
+.pure-u-2-5 {
+    width: 40%;
+    *width: 39.9690%;
+}
+
+.pure-u-5-12,
+.pure-u-10-24 {
+    width: 41.6667%;
+    *width: 41.6357%;
+}
+
+.pure-u-11-24 {
+    width: 45.8333%;
+    *width: 45.8023%;
+}
+
+.pure-u-1-2,
+.pure-u-12-24 {
+    width: 50%;
+    *width: 49.9690%;
+}
+
+.pure-u-13-24 {
+    width: 54.1667%;
+    *width: 54.1357%;
+}
+
+.pure-u-7-12,
+.pure-u-14-24 {
+    width: 58.3333%;
+    *width: 58.3023%;
+}
+
+.pure-u-3-5 {
+    width: 60%;
+    *width: 59.9690%;
+}
+
+.pure-u-5-8,
+.pure-u-15-24 {
+    width: 62.5000%;
+    *width: 62.4690%;
+}
+
+.pure-u-2-3,
+.pure-u-16-24 {
+    width: 66.6667%;
+    *width: 66.6357%;
+}
+
+.pure-u-17-24 {
+    width: 70.8333%;
+    *width: 70.8023%;
+}
+
+.pure-u-3-4,
+.pure-u-18-24 {
+    width: 75%;
+    *width: 74.9690%;
+}
+
+.pure-u-19-24 {
+    width: 79.1667%;
+    *width: 79.1357%;
+}
+
+.pure-u-4-5 {
+    width: 80%;
+    *width: 79.9690%;
+}
+
+.pure-u-5-6,
+.pure-u-20-24 {
+    width: 83.3333%;
+    *width: 83.3023%;
+}
+
+.pure-u-7-8,
+.pure-u-21-24 {
+    width: 87.5000%;
+    *width: 87.4690%;
+}
+
+.pure-u-11-12,
+.pure-u-22-24 {
+    width: 91.6667%;
+    *width: 91.6357%;
+}
+
+.pure-u-23-24 {
+    width: 95.8333%;
+    *width: 95.8023%;
+}
+
+.pure-u-1,
+.pure-u-1-1,
+.pure-u-5-5,
+.pure-u-24-24 {
+    width: 100%;
+}
\ No newline at end of file
diff --git a/mayan/apps/common/static/common/packages/pure-release-0.5.0/grids.css b/mayan/apps/common/static/common/packages/pure-release-0.5.0/grids.css
new file mode 100644
index 0000000000..e64e6a69f2
--- /dev/null
+++ b/mayan/apps/common/static/common/packages/pure-release-0.5.0/grids.css
@@ -0,0 +1,285 @@
+/*!
+Pure v0.5.0
+Copyright 2014 Yahoo! Inc. All rights reserved.
+Licensed under the BSD License.
+https://github.com/yui/pure/blob/master/LICENSE.md
+*/
+/*csslint regex-selectors:false, known-properties:false, duplicate-properties:false*/
+
+.pure-g {
+    letter-spacing: -0.31em; /* Webkit: collapse white-space between units */
+    *letter-spacing: normal; /* reset IE < 8 */
+    *word-spacing: -0.43em; /* IE < 8: collapse white-space between units */
+    text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLegibility */
+
+    /*
+    Sets the font stack to fonts known to work properly with the above letter
+    and word spacings. See: https://github.com/yui/pure/issues/41/
+
+    The following font stack makes Pure Grids work on all known environments.
+
+    * FreeSans: Ships with many Linux distros, including Ubuntu
+
+    * Arimo: Ships with Chrome OS. Arimo has to be defined before Helvetica and
+      Arial to get picked up by the browser, even though neither is available
+      in Chrome OS.
+
+    * Droid Sans: Ships with all versions of Android.
+
+    * Helvetica, Arial, sans-serif: Common font stack on OS X and Windows.
+    */
+    font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
+
+    /*
+    Use flexbox when possible to avoid `letter-spacing` side-effects.
+
+    NOTE: Firefox (as of 25) does not currently support flex-wrap, so the
+    `-moz-` prefix version is omitted.
+    */
+
+    display: -webkit-flex;
+    -webkit-flex-flow: row wrap;
+
+    /* IE10 uses display: flexbox */
+    display: -ms-flexbox;
+    -ms-flex-flow: row wrap;
+}
+
+/* Opera as of 12 on Windows needs word-spacing.
+   The ".opera-only" selector is used to prevent actual prefocus styling
+   and is not required in markup.
+*/
+.opera-only :-o-prefocus,
+.pure-g {
+    word-spacing: -0.43em;
+}
+
+.pure-u {
+    display: inline-block;
+    *display: inline; /* IE < 8: fake inline-block */
+    zoom: 1;
+    letter-spacing: normal;
+    word-spacing: normal;
+    vertical-align: top;
+    text-rendering: auto;
+}
+
+/*
+Resets the font family back to the OS/browser's default sans-serif font,
+this the same font stack that Normalize.css sets for the `body`.
+*/
+.pure-g [class *= "pure-u"] {
+    font-family: sans-serif;
+}
+
+.pure-u-1,
+.pure-u-1-1,
+.pure-u-1-2,
+.pure-u-1-3,
+.pure-u-2-3,
+.pure-u-1-4,
+.pure-u-3-4,
+.pure-u-1-5,
+.pure-u-2-5,
+.pure-u-3-5,
+.pure-u-4-5,
+.pure-u-5-5,
+.pure-u-1-6,
+.pure-u-5-6,
+.pure-u-1-8,
+.pure-u-3-8,
+.pure-u-5-8,
+.pure-u-7-8,
+.pure-u-1-12,
+.pure-u-5-12,
+.pure-u-7-12,
+.pure-u-11-12,
+.pure-u-1-24,
+.pure-u-2-24,
+.pure-u-3-24,
+.pure-u-4-24,
+.pure-u-5-24,
+.pure-u-6-24,
+.pure-u-7-24,
+.pure-u-8-24,
+.pure-u-9-24,
+.pure-u-10-24,
+.pure-u-11-24,
+.pure-u-12-24,
+.pure-u-13-24,
+.pure-u-14-24,
+.pure-u-15-24,
+.pure-u-16-24,
+.pure-u-17-24,
+.pure-u-18-24,
+.pure-u-19-24,
+.pure-u-20-24,
+.pure-u-21-24,
+.pure-u-22-24,
+.pure-u-23-24,
+.pure-u-24-24 {
+    display: inline-block;
+    *display: inline;
+    zoom: 1;
+    letter-spacing: normal;
+    word-spacing: normal;
+    vertical-align: top;
+    text-rendering: auto;
+}
+
+.pure-u-1-24 {
+    width: 4.1667%;
+    *width: 4.1357%;
+}
+
+.pure-u-1-12,
+.pure-u-2-24 {
+    width: 8.3333%;
+    *width: 8.3023%;
+}
+
+.pure-u-1-8,
+.pure-u-3-24 {
+    width: 12.5000%;
+    *width: 12.4690%;
+}
+
+.pure-u-1-6,
+.pure-u-4-24 {
+    width: 16.6667%;
+    *width: 16.6357%;
+}
+
+.pure-u-1-5 {
+    width: 20%;
+    *width: 19.9690%;
+}
+
+.pure-u-5-24 {
+    width: 20.8333%;
+    *width: 20.8023%;
+}
+
+.pure-u-1-4,
+.pure-u-6-24 {
+    width: 25%;
+    *width: 24.9690%;
+}
+
+.pure-u-7-24 {
+    width: 29.1667%;
+    *width: 29.1357%;
+}
+
+.pure-u-1-3,
+.pure-u-8-24 {
+    width: 33.3333%;
+    *width: 33.3023%;
+}
+
+.pure-u-3-8,
+.pure-u-9-24 {
+    width: 37.5000%;
+    *width: 37.4690%;
+}
+
+.pure-u-2-5 {
+    width: 40%;
+    *width: 39.9690%;
+}
+
+.pure-u-5-12,
+.pure-u-10-24 {
+    width: 41.6667%;
+    *width: 41.6357%;
+}
+
+.pure-u-11-24 {
+    width: 45.8333%;
+    *width: 45.8023%;
+}
+
+.pure-u-1-2,
+.pure-u-12-24 {
+    width: 50%;
+    *width: 49.9690%;
+}
+
+.pure-u-13-24 {
+    width: 54.1667%;
+    *width: 54.1357%;
+}
+
+.pure-u-7-12,
+.pure-u-14-24 {
+    width: 58.3333%;
+    *width: 58.3023%;
+}
+
+.pure-u-3-5 {
+    width: 60%;
+    *width: 59.9690%;
+}
+
+.pure-u-5-8,
+.pure-u-15-24 {
+    width: 62.5000%;
+    *width: 62.4690%;
+}
+
+.pure-u-2-3,
+.pure-u-16-24 {
+    width: 66.6667%;
+    *width: 66.6357%;
+}
+
+.pure-u-17-24 {
+    width: 70.8333%;
+    *width: 70.8023%;
+}
+
+.pure-u-3-4,
+.pure-u-18-24 {
+    width: 75%;
+    *width: 74.9690%;
+}
+
+.pure-u-19-24 {
+    width: 79.1667%;
+    *width: 79.1357%;
+}
+
+.pure-u-4-5 {
+    width: 80%;
+    *width: 79.9690%;
+}
+
+.pure-u-5-6,
+.pure-u-20-24 {
+    width: 83.3333%;
+    *width: 83.3023%;
+}
+
+.pure-u-7-8,
+.pure-u-21-24 {
+    width: 87.5000%;
+    *width: 87.4690%;
+}
+
+.pure-u-11-12,
+.pure-u-22-24 {
+    width: 91.6667%;
+    *width: 91.6357%;
+}
+
+.pure-u-23-24 {
+    width: 95.8333%;
+    *width: 95.8023%;
+}
+
+.pure-u-1,
+.pure-u-1-1,
+.pure-u-5-5,
+.pure-u-24-24 {
+    width: 100%;
+}
\ No newline at end of file
diff --git a/mayan/apps/common/static/common/packages/pure-release-0.5.0/menus-core-min.css b/mayan/apps/common/static/common/packages/pure-release-0.5.0/menus-core-min.css
new file mode 100644
index 0000000000..0c8c7e87a6
--- /dev/null
+++ b/mayan/apps/common/static/common/packages/pure-release-0.5.0/menus-core-min.css
@@ -0,0 +1,7 @@
+/*!
+Pure v0.5.0
+Copyright 2014 Yahoo! Inc. All rights reserved.
+Licensed under the BSD License.
+https://github.com/yui/pure/blob/master/LICENSE.md
+*/
+.pure-menu ul{position:absolute;visibility:hidden}.pure-menu.pure-menu-open{visibility:visible;z-index:2;width:100%}.pure-menu ul{left:-10000px;list-style:none;margin:0;padding:0;top:-10000px;z-index:1}.pure-menu>ul{position:relative}.pure-menu-open>ul{left:0;top:0;visibility:visible}.pure-menu-open>ul:focus{outline:0}.pure-menu li{position:relative}.pure-menu a,.pure-menu .pure-menu-heading{display:block;color:inherit;line-height:1.5em;padding:5px 20px;text-decoration:none;white-space:nowrap}.pure-menu.pure-menu-horizontal>.pure-menu-heading{display:inline-block;*display:inline;zoom:1;margin:0;vertical-align:middle}.pure-menu.pure-menu-horizontal>ul{display:inline-block;*display:inline;zoom:1;vertical-align:middle}.pure-menu li a{padding:5px 20px}.pure-menu-can-have-children>.pure-menu-label:after{content:'\25B8';float:right;font-family:'Lucida Grande','Lucida Sans Unicode','DejaVu Sans',sans-serif;margin-right:-20px;margin-top:-1px}.pure-menu-can-have-children>.pure-menu-label{padding-right:30px}.pure-menu-separator{background-color:#dfdfdf;display:block;height:1px;font-size:0;margin:7px 2px;overflow:hidden}.pure-menu-hidden{display:none}.pure-menu-fixed{position:fixed;top:0;left:0;width:100%}.pure-menu-horizontal li{display:inline-block;*display:inline;zoom:1;vertical-align:middle}.pure-menu-horizontal li li{display:block}.pure-menu-horizontal>.pure-menu-children>.pure-menu-can-have-children>.pure-menu-label:after{content:"\25BE"}.pure-menu-horizontal>.pure-menu-children>.pure-menu-can-have-children>.pure-menu-label{padding-right:30px}.pure-menu-horizontal li.pure-menu-separator{height:50%;width:1px;margin:0 7px}.pure-menu-horizontal li li.pure-menu-separator{height:1px;width:auto;margin:7px 2px}
\ No newline at end of file
diff --git a/mayan/apps/common/static/common/packages/pure-release-0.5.0/menus-core.css b/mayan/apps/common/static/common/packages/pure-release-0.5.0/menus-core.css
new file mode 100644
index 0000000000..cf910f632f
--- /dev/null
+++ b/mayan/apps/common/static/common/packages/pure-release-0.5.0/menus-core.css
@@ -0,0 +1,142 @@
+/*!
+Pure v0.5.0
+Copyright 2014 Yahoo! Inc. All rights reserved.
+Licensed under the BSD License.
+https://github.com/yui/pure/blob/master/LICENSE.md
+*/
+/*csslint adjoining-classes:false, outline-none:false*/
+/*TODO: Remove this lint rule override after a refactor of this code.*/
+
+.pure-menu ul {
+    position: absolute;
+    visibility: hidden;
+}
+
+.pure-menu.pure-menu-open {
+    visibility: visible;
+    z-index: 2;
+    width: 100%;
+}
+
+.pure-menu ul {
+    left: -10000px;
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    top: -10000px;
+    z-index: 1;
+}
+
+.pure-menu > ul { position: relative; }
+
+.pure-menu-open > ul {
+    left: 0;
+    top: 0;
+    visibility: visible;
+}
+
+.pure-menu-open > ul:focus {
+    outline: 0;
+}
+
+.pure-menu li { position: relative; }
+
+.pure-menu a,
+.pure-menu .pure-menu-heading {
+    display: block;
+    color: inherit;
+    line-height: 1.5em;
+    padding: 5px 20px;
+    text-decoration: none;
+    white-space: nowrap;
+}
+
+.pure-menu.pure-menu-horizontal > .pure-menu-heading {
+    display: inline-block;
+    *display: inline;
+    zoom: 1;
+    margin: 0;
+    vertical-align: middle;
+}
+.pure-menu.pure-menu-horizontal > ul {
+    display: inline-block;
+    *display: inline;
+    zoom: 1;
+    vertical-align: middle;
+}
+
+.pure-menu li a { padding: 5px 20px; }
+
+.pure-menu-can-have-children > .pure-menu-label:after {
+    content: '\25B8';
+    float: right;
+    /* These specific fonts have the Unicode char we need. */
+    font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'DejaVu Sans', sans-serif;
+    margin-right: -20px;
+    margin-top: -1px;
+}
+
+.pure-menu-can-have-children > .pure-menu-label {
+    padding-right: 30px;
+}
+
+.pure-menu-separator {
+    background-color: #dfdfdf;
+    display: block;
+    height: 1px;
+    font-size: 0;
+    margin: 7px 2px;
+    overflow: hidden;
+}
+
+.pure-menu-hidden {
+    display: none;
+}
+
+/* FIXED MENU */
+.pure-menu-fixed {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+}
+
+
+/* HORIZONTAL MENU CODE */
+
+/* Initial menus should be inline-block so that they are horizontal */
+.pure-menu-horizontal li {
+    display: inline-block;
+    *display: inline;
+    zoom: 1;
+    vertical-align: middle;
+}
+
+/* Submenus should still be display: block; */
+.pure-menu-horizontal li li {
+    display: block;
+}
+
+/* Content after should be down arrow */
+.pure-menu-horizontal > .pure-menu-children > .pure-menu-can-have-children > .pure-menu-label:after {
+    content: "\25BE";
+}
+/*Add extra padding to elements that have the arrow so that the hover looks nice */
+.pure-menu-horizontal > .pure-menu-children > .pure-menu-can-have-children > .pure-menu-label {
+    padding-right: 30px;
+}
+
+/* Adjusting separator for vertical menus */
+.pure-menu-horizontal li.pure-menu-separator {
+	height: 50%;
+	width: 1px;
+	margin: 0 7px;
+}
+
+/* Submenus should be horizontal separator again */
+.pure-menu-horizontal li li.pure-menu-separator {
+	height: 1px;
+	width: auto;
+	margin: 7px 2px;
+}
+
diff --git a/mayan/apps/common/static/common/packages/pure-release-0.5.0/menus-min.css b/mayan/apps/common/static/common/packages/pure-release-0.5.0/menus-min.css
new file mode 100644
index 0000000000..e337c02a97
--- /dev/null
+++ b/mayan/apps/common/static/common/packages/pure-release-0.5.0/menus-min.css
@@ -0,0 +1,7 @@
+/*!
+Pure v0.5.0
+Copyright 2014 Yahoo! Inc. All rights reserved.
+Licensed under the BSD License.
+https://github.com/yui/pure/blob/master/LICENSE.md
+*/
+.pure-menu ul{position:absolute;visibility:hidden}.pure-menu.pure-menu-open{visibility:visible;z-index:2;width:100%}.pure-menu ul{left:-10000px;list-style:none;margin:0;padding:0;top:-10000px;z-index:1}.pure-menu>ul{position:relative}.pure-menu-open>ul{left:0;top:0;visibility:visible}.pure-menu-open>ul:focus{outline:0}.pure-menu li{position:relative}.pure-menu a,.pure-menu .pure-menu-heading{display:block;color:inherit;line-height:1.5em;padding:5px 20px;text-decoration:none;white-space:nowrap}.pure-menu.pure-menu-horizontal>.pure-menu-heading{display:inline-block;*display:inline;zoom:1;margin:0;vertical-align:middle}.pure-menu.pure-menu-horizontal>ul{display:inline-block;*display:inline;zoom:1;vertical-align:middle}.pure-menu li a{padding:5px 20px}.pure-menu-can-have-children>.pure-menu-label:after{content:'\25B8';float:right;font-family:'Lucida Grande','Lucida Sans Unicode','DejaVu Sans',sans-serif;margin-right:-20px;margin-top:-1px}.pure-menu-can-have-children>.pure-menu-label{padding-right:30px}.pure-menu-separator{background-color:#dfdfdf;display:block;height:1px;font-size:0;margin:7px 2px;overflow:hidden}.pure-menu-hidden{display:none}.pure-menu-fixed{position:fixed;top:0;left:0;width:100%}.pure-menu-horizontal li{display:inline-block;*display:inline;zoom:1;vertical-align:middle}.pure-menu-horizontal li li{display:block}.pure-menu-horizontal>.pure-menu-children>.pure-menu-can-have-children>.pure-menu-label:after{content:"\25BE"}.pure-menu-horizontal>.pure-menu-children>.pure-menu-can-have-children>.pure-menu-label{padding-right:30px}.pure-menu-horizontal li.pure-menu-separator{height:50%;width:1px;margin:0 7px}.pure-menu-horizontal li li.pure-menu-separator{height:1px;width:auto;margin:7px 2px}.pure-menu.pure-menu-open,.pure-menu.pure-menu-horizontal li .pure-menu-children{background:#fff;border:1px solid #b7b7b7}.pure-menu.pure-menu-horizontal,.pure-menu.pure-menu-horizontal .pure-menu-heading{border:0}.pure-menu a{border:1px solid transparent;border-left:0;border-right:0}.pure-menu a,.pure-menu .pure-menu-can-have-children>li:after{color:#777}.pure-menu .pure-menu-can-have-children>li:hover:after{color:#fff}.pure-menu .pure-menu-open{background:#dedede}.pure-menu li a:hover,.pure-menu li a:focus{background:#eee}.pure-menu li.pure-menu-disabled a:hover,.pure-menu li.pure-menu-disabled a:focus{background:#fff;color:#bfbfbf}.pure-menu .pure-menu-disabled>a{background-image:none;border-color:transparent;cursor:default}.pure-menu .pure-menu-disabled>a,.pure-menu .pure-menu-can-have-children.pure-menu-disabled>a:after{color:#bfbfbf}.pure-menu .pure-menu-heading{color:#565d64;text-transform:uppercase;font-size:90%;margin-top:.5em;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#dfdfdf}.pure-menu .pure-menu-selected a{color:#000}.pure-menu.pure-menu-open.pure-menu-fixed{border:0;border-bottom:1px solid #b7b7b7}.pure-paginator{letter-spacing:-.31em;*letter-spacing:normal;*word-spacing:-.43em;text-rendering:optimizespeed;list-style:none;margin:0;padding:0}.opera-only :-o-prefocus,.pure-paginator{word-spacing:-.43em}.pure-paginator li{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-paginator .pure-button{border-radius:0;padding:.8em 1.4em;vertical-align:top;height:1.1em}.pure-paginator .pure-button:focus,.pure-paginator .pure-button:active{outline-style:none}.pure-paginator .prev,.pure-paginator .next{color:#C0C1C3;text-shadow:0 -1px 0 rgba(0,0,0,.45)}.pure-paginator .prev{border-radius:2px 0 0 2px}.pure-paginator .next{border-radius:0 2px 2px 0}@media (max-width:480px){.pure-menu-horizontal{width:100%}.pure-menu-children li{display:block;border-bottom:1px solid #000}}
\ No newline at end of file
diff --git a/mayan/apps/common/static/common/packages/pure-release-0.5.0/menus-nr-min.css b/mayan/apps/common/static/common/packages/pure-release-0.5.0/menus-nr-min.css
new file mode 100644
index 0000000000..9515238f87
--- /dev/null
+++ b/mayan/apps/common/static/common/packages/pure-release-0.5.0/menus-nr-min.css
@@ -0,0 +1,7 @@
+/*!
+Pure v0.5.0
+Copyright 2014 Yahoo! Inc. All rights reserved.
+Licensed under the BSD License.
+https://github.com/yui/pure/blob/master/LICENSE.md
+*/
+.pure-menu ul{position:absolute;visibility:hidden}.pure-menu.pure-menu-open{visibility:visible;z-index:2;width:100%}.pure-menu ul{left:-10000px;list-style:none;margin:0;padding:0;top:-10000px;z-index:1}.pure-menu>ul{position:relative}.pure-menu-open>ul{left:0;top:0;visibility:visible}.pure-menu-open>ul:focus{outline:0}.pure-menu li{position:relative}.pure-menu a,.pure-menu .pure-menu-heading{display:block;color:inherit;line-height:1.5em;padding:5px 20px;text-decoration:none;white-space:nowrap}.pure-menu.pure-menu-horizontal>.pure-menu-heading{display:inline-block;*display:inline;zoom:1;margin:0;vertical-align:middle}.pure-menu.pure-menu-horizontal>ul{display:inline-block;*display:inline;zoom:1;vertical-align:middle}.pure-menu li a{padding:5px 20px}.pure-menu-can-have-children>.pure-menu-label:after{content:'\25B8';float:right;font-family:'Lucida Grande','Lucida Sans Unicode','DejaVu Sans',sans-serif;margin-right:-20px;margin-top:-1px}.pure-menu-can-have-children>.pure-menu-label{padding-right:30px}.pure-menu-separator{background-color:#dfdfdf;display:block;height:1px;font-size:0;margin:7px 2px;overflow:hidden}.pure-menu-hidden{display:none}.pure-menu-fixed{position:fixed;top:0;left:0;width:100%}.pure-menu-horizontal li{display:inline-block;*display:inline;zoom:1;vertical-align:middle}.pure-menu-horizontal li li{display:block}.pure-menu-horizontal>.pure-menu-children>.pure-menu-can-have-children>.pure-menu-label:after{content:"\25BE"}.pure-menu-horizontal>.pure-menu-children>.pure-menu-can-have-children>.pure-menu-label{padding-right:30px}.pure-menu-horizontal li.pure-menu-separator{height:50%;width:1px;margin:0 7px}.pure-menu-horizontal li li.pure-menu-separator{height:1px;width:auto;margin:7px 2px}.pure-menu.pure-menu-open,.pure-menu.pure-menu-horizontal li .pure-menu-children{background:#fff;border:1px solid #b7b7b7}.pure-menu.pure-menu-horizontal,.pure-menu.pure-menu-horizontal .pure-menu-heading{border:0}.pure-menu a{border:1px solid transparent;border-left:0;border-right:0}.pure-menu a,.pure-menu .pure-menu-can-have-children>li:after{color:#777}.pure-menu .pure-menu-can-have-children>li:hover:after{color:#fff}.pure-menu .pure-menu-open{background:#dedede}.pure-menu li a:hover,.pure-menu li a:focus{background:#eee}.pure-menu li.pure-menu-disabled a:hover,.pure-menu li.pure-menu-disabled a:focus{background:#fff;color:#bfbfbf}.pure-menu .pure-menu-disabled>a{background-image:none;border-color:transparent;cursor:default}.pure-menu .pure-menu-disabled>a,.pure-menu .pure-menu-can-have-children.pure-menu-disabled>a:after{color:#bfbfbf}.pure-menu .pure-menu-heading{color:#565d64;text-transform:uppercase;font-size:90%;margin-top:.5em;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#dfdfdf}.pure-menu .pure-menu-selected a{color:#000}.pure-menu.pure-menu-open.pure-menu-fixed{border:0;border-bottom:1px solid #b7b7b7}.pure-paginator{letter-spacing:-.31em;*letter-spacing:normal;*word-spacing:-.43em;text-rendering:optimizespeed;list-style:none;margin:0;padding:0}.opera-only :-o-prefocus,.pure-paginator{word-spacing:-.43em}.pure-paginator li{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-paginator .pure-button{border-radius:0;padding:.8em 1.4em;vertical-align:top;height:1.1em}.pure-paginator .pure-button:focus,.pure-paginator .pure-button:active{outline-style:none}.pure-paginator .prev,.pure-paginator .next{color:#C0C1C3;text-shadow:0 -1px 0 rgba(0,0,0,.45)}.pure-paginator .prev{border-radius:2px 0 0 2px}.pure-paginator .next{border-radius:0 2px 2px 0}
\ No newline at end of file
diff --git a/mayan/apps/common/static/common/packages/pure-release-0.5.0/menus-nr.css b/mayan/apps/common/static/common/packages/pure-release-0.5.0/menus-nr.css
new file mode 100644
index 0000000000..9c84b7c344
--- /dev/null
+++ b/mayan/apps/common/static/common/packages/pure-release-0.5.0/menus-nr.css
@@ -0,0 +1,285 @@
+/*!
+Pure v0.5.0
+Copyright 2014 Yahoo! Inc. All rights reserved.
+Licensed under the BSD License.
+https://github.com/yui/pure/blob/master/LICENSE.md
+*/
+/*csslint adjoining-classes:false, outline-none:false*/
+/*TODO: Remove this lint rule override after a refactor of this code.*/
+
+.pure-menu ul {
+    position: absolute;
+    visibility: hidden;
+}
+
+.pure-menu.pure-menu-open {
+    visibility: visible;
+    z-index: 2;
+    width: 100%;
+}
+
+.pure-menu ul {
+    left: -10000px;
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    top: -10000px;
+    z-index: 1;
+}
+
+.pure-menu > ul { position: relative; }
+
+.pure-menu-open > ul {
+    left: 0;
+    top: 0;
+    visibility: visible;
+}
+
+.pure-menu-open > ul:focus {
+    outline: 0;
+}
+
+.pure-menu li { position: relative; }
+
+.pure-menu a,
+.pure-menu .pure-menu-heading {
+    display: block;
+    color: inherit;
+    line-height: 1.5em;
+    padding: 5px 20px;
+    text-decoration: none;
+    white-space: nowrap;
+}
+
+.pure-menu.pure-menu-horizontal > .pure-menu-heading {
+    display: inline-block;
+    *display: inline;
+    zoom: 1;
+    margin: 0;
+    vertical-align: middle;
+}
+.pure-menu.pure-menu-horizontal > ul {
+    display: inline-block;
+    *display: inline;
+    zoom: 1;
+    vertical-align: middle;
+}
+
+.pure-menu li a { padding: 5px 20px; }
+
+.pure-menu-can-have-children > .pure-menu-label:after {
+    content: '\25B8';
+    float: right;
+    /* These specific fonts have the Unicode char we need. */
+    font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'DejaVu Sans', sans-serif;
+    margin-right: -20px;
+    margin-top: -1px;
+}
+
+.pure-menu-can-have-children > .pure-menu-label {
+    padding-right: 30px;
+}
+
+.pure-menu-separator {
+    background-color: #dfdfdf;
+    display: block;
+    height: 1px;
+    font-size: 0;
+    margin: 7px 2px;
+    overflow: hidden;
+}
+
+.pure-menu-hidden {
+    display: none;
+}
+
+/* FIXED MENU */
+.pure-menu-fixed {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+}
+
+
+/* HORIZONTAL MENU CODE */
+
+/* Initial menus should be inline-block so that they are horizontal */
+.pure-menu-horizontal li {
+    display: inline-block;
+    *display: inline;
+    zoom: 1;
+    vertical-align: middle;
+}
+
+/* Submenus should still be display: block; */
+.pure-menu-horizontal li li {
+    display: block;
+}
+
+/* Content after should be down arrow */
+.pure-menu-horizontal > .pure-menu-children > .pure-menu-can-have-children > .pure-menu-label:after {
+    content: "\25BE";
+}
+/*Add extra padding to elements that have the arrow so that the hover looks nice */
+.pure-menu-horizontal > .pure-menu-children > .pure-menu-can-have-children > .pure-menu-label {
+    padding-right: 30px;
+}
+
+/* Adjusting separator for vertical menus */
+.pure-menu-horizontal li.pure-menu-separator {
+	height: 50%;
+	width: 1px;
+	margin: 0 7px;
+}
+
+/* Submenus should be horizontal separator again */
+.pure-menu-horizontal li li.pure-menu-separator {
+	height: 1px;
+	width: auto;
+	margin: 7px 2px;
+}
+
+
+/*csslint adjoining-classes:false*/
+/*TODO: Remove this lint rule override after a refactor of this code.*/
+
+/* MAIN MENU STYLING */
+
+.pure-menu.pure-menu-open,
+.pure-menu.pure-menu-horizontal li .pure-menu-children {
+    background: #fff; /* Old browsers */
+    border: 1px solid #b7b7b7;
+}
+
+/* remove borders for horizontal menus */
+.pure-menu.pure-menu-horizontal,
+.pure-menu.pure-menu-horizontal .pure-menu-heading {
+    border: none;
+}
+
+
+/* LINK STYLES */
+
+.pure-menu a {
+    border: 1px solid transparent;
+    border-left: none;
+    border-right: none;
+
+}
+
+.pure-menu a,
+.pure-menu .pure-menu-can-have-children > li:after {
+    color: #777;
+}
+
+.pure-menu .pure-menu-can-have-children > li:hover:after {
+    color: #fff;
+}
+
+/* Focus style for a dropdown menu-item when the parent has been opened */
+.pure-menu .pure-menu-open {
+    background: #dedede;
+}
+
+
+.pure-menu li a:hover,
+.pure-menu li a:focus {
+    background: #eee;
+}
+
+/* DISABLED STATES */
+.pure-menu li.pure-menu-disabled a:hover,
+.pure-menu li.pure-menu-disabled a:focus {
+    background: #fff;
+    color: #bfbfbf;
+}
+
+.pure-menu .pure-menu-disabled > a {
+    background-image: none;
+    border-color: transparent;
+    cursor: default;
+}
+
+.pure-menu .pure-menu-disabled > a,
+.pure-menu .pure-menu-can-have-children.pure-menu-disabled > a:after {
+    color: #bfbfbf;
+}
+
+/* HEADINGS */
+.pure-menu .pure-menu-heading {
+    color: #565d64;
+    text-transform: uppercase;
+    font-size: 90%;
+    margin-top: 0.5em;
+    border-bottom-width: 1px;
+    border-bottom-style: solid;
+    border-bottom-color: #dfdfdf;
+}
+
+/* ACTIVE MENU ITEM */
+.pure-menu .pure-menu-selected a {
+    color: #000;
+}
+
+/* FIXED MENU */
+.pure-menu.pure-menu-open.pure-menu-fixed {
+    border: none;
+    border-bottom: 1px solid #b7b7b7;
+}
+
+/*csslint box-model:false*/
+/*TODO: Remove this lint rule override after a refactor of this code.*/
+
+
+.pure-paginator {
+
+    /* `pure-g` Grid styles */
+    letter-spacing: -0.31em; /* Webkit: collapse white-space between units */
+    *letter-spacing: normal; /* reset IE < 8 */
+    *word-spacing: -0.43em; /* IE < 8: collapse white-space between units */
+    text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLegibility */
+
+    /* `pure-paginator` Specific styles */
+    list-style: none;
+    margin: 0;
+    padding: 0;
+}
+.opera-only :-o-prefocus,
+.pure-paginator {
+    word-spacing: -0.43em;
+}
+
+/* `pure-u` Grid styles */
+.pure-paginator li {
+    display: inline-block;
+    *display: inline; /* IE < 8: fake inline-block */
+    zoom: 1;
+    letter-spacing: normal;
+    word-spacing: normal;
+    vertical-align: top;
+    text-rendering: auto;
+}
+
+
+.pure-paginator .pure-button {
+    border-radius: 0;
+    padding: 0.8em 1.4em;
+    vertical-align: top;
+    height: 1.1em;
+}
+.pure-paginator .pure-button:focus,
+.pure-paginator .pure-button:active {
+    outline-style: none;
+}
+.pure-paginator .prev,
+.pure-paginator .next {
+    color: #C0C1C3;
+    text-shadow: 0 -1px 0 rgba(0,0,0, 0.45);
+}
+.pure-paginator .prev {
+    border-radius: 2px 0 0 2px;
+}
+.pure-paginator .next {
+    border-radius: 0 2px 2px 0;
+}
diff --git a/mayan/apps/common/static/common/packages/pure-release-0.5.0/menus-paginator-min.css b/mayan/apps/common/static/common/packages/pure-release-0.5.0/menus-paginator-min.css
new file mode 100644
index 0000000000..dfadb7ea02
--- /dev/null
+++ b/mayan/apps/common/static/common/packages/pure-release-0.5.0/menus-paginator-min.css
@@ -0,0 +1,7 @@
+/*!
+Pure v0.5.0
+Copyright 2014 Yahoo! Inc. All rights reserved.
+Licensed under the BSD License.
+https://github.com/yui/pure/blob/master/LICENSE.md
+*/
+.pure-paginator{letter-spacing:-.31em;*letter-spacing:normal;*word-spacing:-.43em;text-rendering:optimizespeed;list-style:none;margin:0;padding:0}.opera-only :-o-prefocus,.pure-paginator{word-spacing:-.43em}.pure-paginator li{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-paginator .pure-button{border-radius:0;padding:.8em 1.4em;vertical-align:top;height:1.1em}.pure-paginator .pure-button:focus,.pure-paginator .pure-button:active{outline-style:none}.pure-paginator .prev,.pure-paginator .next{color:#C0C1C3;text-shadow:0 -1px 0 rgba(0,0,0,.45)}.pure-paginator .prev{border-radius:2px 0 0 2px}.pure-paginator .next{border-radius:0 2px 2px 0}
\ No newline at end of file
diff --git a/mayan/apps/common/static/common/packages/pure-release-0.5.0/menus-paginator.css b/mayan/apps/common/static/common/packages/pure-release-0.5.0/menus-paginator.css
new file mode 100644
index 0000000000..94fc98f579
--- /dev/null
+++ b/mayan/apps/common/static/common/packages/pure-release-0.5.0/menus-paginator.css
@@ -0,0 +1,61 @@
+/*!
+Pure v0.5.0
+Copyright 2014 Yahoo! Inc. All rights reserved.
+Licensed under the BSD License.
+https://github.com/yui/pure/blob/master/LICENSE.md
+*/
+/*csslint box-model:false*/
+/*TODO: Remove this lint rule override after a refactor of this code.*/
+
+
+.pure-paginator {
+
+    /* `pure-g` Grid styles */
+    letter-spacing: -0.31em; /* Webkit: collapse white-space between units */
+    *letter-spacing: normal; /* reset IE < 8 */
+    *word-spacing: -0.43em; /* IE < 8: collapse white-space between units */
+    text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLegibility */
+
+    /* `pure-paginator` Specific styles */
+    list-style: none;
+    margin: 0;
+    padding: 0;
+}
+.opera-only :-o-prefocus,
+.pure-paginator {
+    word-spacing: -0.43em;
+}
+
+/* `pure-u` Grid styles */
+.pure-paginator li {
+    display: inline-block;
+    *display: inline; /* IE < 8: fake inline-block */
+    zoom: 1;
+    letter-spacing: normal;
+    word-spacing: normal;
+    vertical-align: top;
+    text-rendering: auto;
+}
+
+
+.pure-paginator .pure-button {
+    border-radius: 0;
+    padding: 0.8em 1.4em;
+    vertical-align: top;
+    height: 1.1em;
+}
+.pure-paginator .pure-button:focus,
+.pure-paginator .pure-button:active {
+    outline-style: none;
+}
+.pure-paginator .prev,
+.pure-paginator .next {
+    color: #C0C1C3;
+    text-shadow: 0 -1px 0 rgba(0,0,0, 0.45);
+}
+.pure-paginator .prev {
+    border-radius: 2px 0 0 2px;
+}
+.pure-paginator .next {
+    border-radius: 0 2px 2px 0;
+}
diff --git a/mayan/apps/common/static/common/packages/pure-release-0.5.0/menus.css b/mayan/apps/common/static/common/packages/pure-release-0.5.0/menus.css
new file mode 100644
index 0000000000..ead13a1fb1
--- /dev/null
+++ b/mayan/apps/common/static/common/packages/pure-release-0.5.0/menus.css
@@ -0,0 +1,296 @@
+/*!
+Pure v0.5.0
+Copyright 2014 Yahoo! Inc. All rights reserved.
+Licensed under the BSD License.
+https://github.com/yui/pure/blob/master/LICENSE.md
+*/
+/*csslint adjoining-classes:false, outline-none:false*/
+/*TODO: Remove this lint rule override after a refactor of this code.*/
+
+.pure-menu ul {
+    position: absolute;
+    visibility: hidden;
+}
+
+.pure-menu.pure-menu-open {
+    visibility: visible;
+    z-index: 2;
+    width: 100%;
+}
+
+.pure-menu ul {
+    left: -10000px;
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    top: -10000px;
+    z-index: 1;
+}
+
+.pure-menu > ul { position: relative; }
+
+.pure-menu-open > ul {
+    left: 0;
+    top: 0;
+    visibility: visible;
+}
+
+.pure-menu-open > ul:focus {
+    outline: 0;
+}
+
+.pure-menu li { position: relative; }
+
+.pure-menu a,
+.pure-menu .pure-menu-heading {
+    display: block;
+    color: inherit;
+    line-height: 1.5em;
+    padding: 5px 20px;
+    text-decoration: none;
+    white-space: nowrap;
+}
+
+.pure-menu.pure-menu-horizontal > .pure-menu-heading {
+    display: inline-block;
+    *display: inline;
+    zoom: 1;
+    margin: 0;
+    vertical-align: middle;
+}
+.pure-menu.pure-menu-horizontal > ul {
+    display: inline-block;
+    *display: inline;
+    zoom: 1;
+    vertical-align: middle;
+}
+
+.pure-menu li a { padding: 5px 20px; }
+
+.pure-menu-can-have-children > .pure-menu-label:after {
+    content: '\25B8';
+    float: right;
+    /* These specific fonts have the Unicode char we need. */
+    font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'DejaVu Sans', sans-serif;
+    margin-right: -20px;
+    margin-top: -1px;
+}
+
+.pure-menu-can-have-children > .pure-menu-label {
+    padding-right: 30px;
+}
+
+.pure-menu-separator {
+    background-color: #dfdfdf;
+    display: block;
+    height: 1px;
+    font-size: 0;
+    margin: 7px 2px;
+    overflow: hidden;
+}
+
+.pure-menu-hidden {
+    display: none;
+}
+
+/* FIXED MENU */
+.pure-menu-fixed {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+}
+
+
+/* HORIZONTAL MENU CODE */
+
+/* Initial menus should be inline-block so that they are horizontal */
+.pure-menu-horizontal li {
+    display: inline-block;
+    *display: inline;
+    zoom: 1;
+    vertical-align: middle;
+}
+
+/* Submenus should still be display: block; */
+.pure-menu-horizontal li li {
+    display: block;
+}
+
+/* Content after should be down arrow */
+.pure-menu-horizontal > .pure-menu-children > .pure-menu-can-have-children > .pure-menu-label:after {
+    content: "\25BE";
+}
+/*Add extra padding to elements that have the arrow so that the hover looks nice */
+.pure-menu-horizontal > .pure-menu-children > .pure-menu-can-have-children > .pure-menu-label {
+    padding-right: 30px;
+}
+
+/* Adjusting separator for vertical menus */
+.pure-menu-horizontal li.pure-menu-separator {
+	height: 50%;
+	width: 1px;
+	margin: 0 7px;
+}
+
+/* Submenus should be horizontal separator again */
+.pure-menu-horizontal li li.pure-menu-separator {
+	height: 1px;
+	width: auto;
+	margin: 7px 2px;
+}
+
+
+/*csslint adjoining-classes:false*/
+/*TODO: Remove this lint rule override after a refactor of this code.*/
+
+/* MAIN MENU STYLING */
+
+.pure-menu.pure-menu-open,
+.pure-menu.pure-menu-horizontal li .pure-menu-children {
+    background: #fff; /* Old browsers */
+    border: 1px solid #b7b7b7;
+}
+
+/* remove borders for horizontal menus */
+.pure-menu.pure-menu-horizontal,
+.pure-menu.pure-menu-horizontal .pure-menu-heading {
+    border: none;
+}
+
+
+/* LINK STYLES */
+
+.pure-menu a {
+    border: 1px solid transparent;
+    border-left: none;
+    border-right: none;
+
+}
+
+.pure-menu a,
+.pure-menu .pure-menu-can-have-children > li:after {
+    color: #777;
+}
+
+.pure-menu .pure-menu-can-have-children > li:hover:after {
+    color: #fff;
+}
+
+/* Focus style for a dropdown menu-item when the parent has been opened */
+.pure-menu .pure-menu-open {
+    background: #dedede;
+}
+
+
+.pure-menu li a:hover,
+.pure-menu li a:focus {
+    background: #eee;
+}
+
+/* DISABLED STATES */
+.pure-menu li.pure-menu-disabled a:hover,
+.pure-menu li.pure-menu-disabled a:focus {
+    background: #fff;
+    color: #bfbfbf;
+}
+
+.pure-menu .pure-menu-disabled > a {
+    background-image: none;
+    border-color: transparent;
+    cursor: default;
+}
+
+.pure-menu .pure-menu-disabled > a,
+.pure-menu .pure-menu-can-have-children.pure-menu-disabled > a:after {
+    color: #bfbfbf;
+}
+
+/* HEADINGS */
+.pure-menu .pure-menu-heading {
+    color: #565d64;
+    text-transform: uppercase;
+    font-size: 90%;
+    margin-top: 0.5em;
+    border-bottom-width: 1px;
+    border-bottom-style: solid;
+    border-bottom-color: #dfdfdf;
+}
+
+/* ACTIVE MENU ITEM */
+.pure-menu .pure-menu-selected a {
+    color: #000;
+}
+
+/* FIXED MENU */
+.pure-menu.pure-menu-open.pure-menu-fixed {
+    border: none;
+    border-bottom: 1px solid #b7b7b7;
+}
+
+/*csslint box-model:false*/
+/*TODO: Remove this lint rule override after a refactor of this code.*/
+
+
+.pure-paginator {
+
+    /* `pure-g` Grid styles */
+    letter-spacing: -0.31em; /* Webkit: collapse white-space between units */
+    *letter-spacing: normal; /* reset IE < 8 */
+    *word-spacing: -0.43em; /* IE < 8: collapse white-space between units */
+    text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLegibility */
+
+    /* `pure-paginator` Specific styles */
+    list-style: none;
+    margin: 0;
+    padding: 0;
+}
+.opera-only :-o-prefocus,
+.pure-paginator {
+    word-spacing: -0.43em;
+}
+
+/* `pure-u` Grid styles */
+.pure-paginator li {
+    display: inline-block;
+    *display: inline; /* IE < 8: fake inline-block */
+    zoom: 1;
+    letter-spacing: normal;
+    word-spacing: normal;
+    vertical-align: top;
+    text-rendering: auto;
+}
+
+
+.pure-paginator .pure-button {
+    border-radius: 0;
+    padding: 0.8em 1.4em;
+    vertical-align: top;
+    height: 1.1em;
+}
+.pure-paginator .pure-button:focus,
+.pure-paginator .pure-button:active {
+    outline-style: none;
+}
+.pure-paginator .prev,
+.pure-paginator .next {
+    color: #C0C1C3;
+    text-shadow: 0 -1px 0 rgba(0,0,0, 0.45);
+}
+.pure-paginator .prev {
+    border-radius: 2px 0 0 2px;
+}
+.pure-paginator .next {
+    border-radius: 0 2px 2px 0;
+}
+
+@media (max-width: 480px) {
+    .pure-menu-horizontal {
+        width: 100%;
+    }
+
+    .pure-menu-children li {
+        display: block;
+        border-bottom: 1px solid black;
+    }
+}
diff --git a/mayan/apps/common/static/common/packages/pure-release-0.5.0/pure-min.css b/mayan/apps/common/static/common/packages/pure-release-0.5.0/pure-min.css
new file mode 100644
index 0000000000..14497d9805
--- /dev/null
+++ b/mayan/apps/common/static/common/packages/pure-release-0.5.0/pure-min.css
@@ -0,0 +1,11 @@
+/*!
+Pure v0.5.0
+Copyright 2014 Yahoo! Inc. All rights reserved.
+Licensed under the BSD License.
+https://github.com/yui/pure/blob/master/LICENSE.md
+*/
+/*!
+normalize.css v1.1.3 | MIT License | git.io/normalize
+Copyright (c) Nicolas Gallagher and Jonathan Neal
+*/
+/*! normalize.css v1.1.3 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}[hidden]{display:none!important}.pure-img{max-width:100%;height:auto;display:block}.pure-g{letter-spacing:-.31em;*letter-spacing:normal;*word-spacing:-.43em;text-rendering:optimizespeed;font-family:FreeSans,Arimo,"Droid Sans",Helvetica,Arial,sans-serif;display:-webkit-flex;-webkit-flex-flow:row wrap;display:-ms-flexbox;-ms-flex-flow:row wrap}.opera-only :-o-prefocus,.pure-g{word-spacing:-.43em}.pure-u{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-g [class *="pure-u"]{font-family:sans-serif}.pure-u-1,.pure-u-1-1,.pure-u-1-2,.pure-u-1-3,.pure-u-2-3,.pure-u-1-4,.pure-u-3-4,.pure-u-1-5,.pure-u-2-5,.pure-u-3-5,.pure-u-4-5,.pure-u-5-5,.pure-u-1-6,.pure-u-5-6,.pure-u-1-8,.pure-u-3-8,.pure-u-5-8,.pure-u-7-8,.pure-u-1-12,.pure-u-5-12,.pure-u-7-12,.pure-u-11-12,.pure-u-1-24,.pure-u-2-24,.pure-u-3-24,.pure-u-4-24,.pure-u-5-24,.pure-u-6-24,.pure-u-7-24,.pure-u-8-24,.pure-u-9-24,.pure-u-10-24,.pure-u-11-24,.pure-u-12-24,.pure-u-13-24,.pure-u-14-24,.pure-u-15-24,.pure-u-16-24,.pure-u-17-24,.pure-u-18-24,.pure-u-19-24,.pure-u-20-24,.pure-u-21-24,.pure-u-22-24,.pure-u-23-24,.pure-u-24-24{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-1-24{width:4.1667%;*width:4.1357%}.pure-u-1-12,.pure-u-2-24{width:8.3333%;*width:8.3023%}.pure-u-1-8,.pure-u-3-24{width:12.5%;*width:12.469%}.pure-u-1-6,.pure-u-4-24{width:16.6667%;*width:16.6357%}.pure-u-1-5{width:20%;*width:19.969%}.pure-u-5-24{width:20.8333%;*width:20.8023%}.pure-u-1-4,.pure-u-6-24{width:25%;*width:24.969%}.pure-u-7-24{width:29.1667%;*width:29.1357%}.pure-u-1-3,.pure-u-8-24{width:33.3333%;*width:33.3023%}.pure-u-3-8,.pure-u-9-24{width:37.5%;*width:37.469%}.pure-u-2-5{width:40%;*width:39.969%}.pure-u-5-12,.pure-u-10-24{width:41.6667%;*width:41.6357%}.pure-u-11-24{width:45.8333%;*width:45.8023%}.pure-u-1-2,.pure-u-12-24{width:50%;*width:49.969%}.pure-u-13-24{width:54.1667%;*width:54.1357%}.pure-u-7-12,.pure-u-14-24{width:58.3333%;*width:58.3023%}.pure-u-3-5{width:60%;*width:59.969%}.pure-u-5-8,.pure-u-15-24{width:62.5%;*width:62.469%}.pure-u-2-3,.pure-u-16-24{width:66.6667%;*width:66.6357%}.pure-u-17-24{width:70.8333%;*width:70.8023%}.pure-u-3-4,.pure-u-18-24{width:75%;*width:74.969%}.pure-u-19-24{width:79.1667%;*width:79.1357%}.pure-u-4-5{width:80%;*width:79.969%}.pure-u-5-6,.pure-u-20-24{width:83.3333%;*width:83.3023%}.pure-u-7-8,.pure-u-21-24{width:87.5%;*width:87.469%}.pure-u-11-12,.pure-u-22-24{width:91.6667%;*width:91.6357%}.pure-u-23-24{width:95.8333%;*width:95.8023%}.pure-u-1,.pure-u-1-1,.pure-u-5-5,.pure-u-24-24{width:100%}.pure-button{display:inline-block;*display:inline;zoom:1;line-height:normal;white-space:nowrap;vertical-align:baseline;text-align:center;cursor:pointer;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pure-button::-moz-focus-inner{padding:0;border:0}.pure-button{font-family:inherit;font-size:100%;*font-size:90%;*overflow:visible;padding:.5em 1em;color:#444;color:rgba(0,0,0,.8);*color:#444;border:1px solid #999;border:0 rgba(0,0,0,0);background-color:#E6E6E6;text-decoration:none;border-radius:2px}.pure-button-hover,.pure-button:hover,.pure-button:focus{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000', GradientType=0);background-image:-webkit-gradient(linear,0 0,0 100%,from(transparent),color-stop(40%,rgba(0,0,0,.05)),to(rgba(0,0,0,.1)));background-image:-webkit-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));background-image:-moz-linear-gradient(top,rgba(0,0,0,.05) 0,rgba(0,0,0,.1));background-image:-o-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));background-image:linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1))}.pure-button:focus{outline:0}.pure-button-active,.pure-button:active{box-shadow:0 0 0 1px rgba(0,0,0,.15) inset,0 0 6px rgba(0,0,0,.2) inset}.pure-button[disabled],.pure-button-disabled,.pure-button-disabled:hover,.pure-button-disabled:focus,.pure-button-disabled:active{border:0;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);filter:alpha(opacity=40);-khtml-opacity:.4;-moz-opacity:.4;opacity:.4;cursor:not-allowed;box-shadow:none}.pure-button-hidden{display:none}.pure-button::-moz-focus-inner{padding:0;border:0}.pure-button-primary,.pure-button-selected,a.pure-button-primary,a.pure-button-selected{background-color:#0078e7;color:#fff}.pure-form input[type=text],.pure-form input[type=password],.pure-form input[type=email],.pure-form input[type=url],.pure-form input[type=date],.pure-form input[type=month],.pure-form input[type=time],.pure-form input[type=datetime],.pure-form input[type=datetime-local],.pure-form input[type=week],.pure-form input[type=number],.pure-form input[type=search],.pure-form input[type=tel],.pure-form input[type=color],.pure-form select,.pure-form textarea{padding:.5em .6em;display:inline-block;border:1px solid #ccc;box-shadow:inset 0 1px 3px #ddd;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.pure-form input:not([type]){padding:.5em .6em;display:inline-block;border:1px solid #ccc;box-shadow:inset 0 1px 3px #ddd;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.pure-form input[type=color]{padding:.2em .5em}.pure-form input[type=text]:focus,.pure-form input[type=password]:focus,.pure-form input[type=email]:focus,.pure-form input[type=url]:focus,.pure-form input[type=date]:focus,.pure-form input[type=month]:focus,.pure-form input[type=time]:focus,.pure-form input[type=datetime]:focus,.pure-form input[type=datetime-local]:focus,.pure-form input[type=week]:focus,.pure-form input[type=number]:focus,.pure-form input[type=search]:focus,.pure-form input[type=tel]:focus,.pure-form input[type=color]:focus,.pure-form select:focus,.pure-form textarea:focus{outline:0;outline:thin dotted \9;border-color:#129FEA}.pure-form input:not([type]):focus{outline:0;outline:thin dotted \9;border-color:#129FEA}.pure-form input[type=file]:focus,.pure-form input[type=radio]:focus,.pure-form input[type=checkbox]:focus{outline:thin dotted #333;outline:1px auto #129FEA}.pure-form .pure-checkbox,.pure-form .pure-radio{margin:.5em 0;display:block}.pure-form input[type=text][disabled],.pure-form input[type=password][disabled],.pure-form input[type=email][disabled],.pure-form input[type=url][disabled],.pure-form input[type=date][disabled],.pure-form input[type=month][disabled],.pure-form input[type=time][disabled],.pure-form input[type=datetime][disabled],.pure-form input[type=datetime-local][disabled],.pure-form input[type=week][disabled],.pure-form input[type=number][disabled],.pure-form input[type=search][disabled],.pure-form input[type=tel][disabled],.pure-form input[type=color][disabled],.pure-form select[disabled],.pure-form textarea[disabled]{cursor:not-allowed;background-color:#eaeded;color:#cad2d3}.pure-form input:not([type])[disabled]{cursor:not-allowed;background-color:#eaeded;color:#cad2d3}.pure-form input[readonly],.pure-form select[readonly],.pure-form textarea[readonly]{background:#eee;color:#777;border-color:#ccc}.pure-form input:focus:invalid,.pure-form textarea:focus:invalid,.pure-form select:focus:invalid{color:#b94a48;border-color:#ee5f5b}.pure-form input:focus:invalid:focus,.pure-form textarea:focus:invalid:focus,.pure-form select:focus:invalid:focus{border-color:#e9322d}.pure-form input[type=file]:focus:invalid:focus,.pure-form input[type=radio]:focus:invalid:focus,.pure-form input[type=checkbox]:focus:invalid:focus{outline-color:#e9322d}.pure-form select{border:1px solid #ccc;background-color:#fff}.pure-form select[multiple]{height:auto}.pure-form label{margin:.5em 0 .2em}.pure-form fieldset{margin:0;padding:.35em 0 .75em;border:0}.pure-form legend{display:block;width:100%;padding:.3em 0;margin-bottom:.3em;color:#333;border-bottom:1px solid #e5e5e5}.pure-form-stacked input[type=text],.pure-form-stacked input[type=password],.pure-form-stacked input[type=email],.pure-form-stacked input[type=url],.pure-form-stacked input[type=date],.pure-form-stacked input[type=month],.pure-form-stacked input[type=time],.pure-form-stacked input[type=datetime],.pure-form-stacked input[type=datetime-local],.pure-form-stacked input[type=week],.pure-form-stacked input[type=number],.pure-form-stacked input[type=search],.pure-form-stacked input[type=tel],.pure-form-stacked input[type=color],.pure-form-stacked select,.pure-form-stacked label,.pure-form-stacked textarea{display:block;margin:.25em 0}.pure-form-stacked input:not([type]){display:block;margin:.25em 0}.pure-form-aligned input,.pure-form-aligned textarea,.pure-form-aligned select,.pure-form-aligned .pure-help-inline,.pure-form-message-inline{display:inline-block;*display:inline;*zoom:1;vertical-align:middle}.pure-form-aligned textarea{vertical-align:top}.pure-form-aligned .pure-control-group{margin-bottom:.5em}.pure-form-aligned .pure-control-group label{text-align:right;display:inline-block;vertical-align:middle;width:10em;margin:0 1em 0 0}.pure-form-aligned .pure-controls{margin:1.5em 0 0 10em}.pure-form input.pure-input-rounded,.pure-form .pure-input-rounded{border-radius:2em;padding:.5em 1em}.pure-form .pure-group fieldset{margin-bottom:10px}.pure-form .pure-group input{display:block;padding:10px;margin:0;border-radius:0;position:relative;top:-1px}.pure-form .pure-group input:focus{z-index:2}.pure-form .pure-group input:first-child{top:1px;border-radius:4px 4px 0 0}.pure-form .pure-group input:last-child{top:-2px;border-radius:0 0 4px 4px}.pure-form .pure-group button{margin:.35em 0}.pure-form .pure-input-1{width:100%}.pure-form .pure-input-2-3{width:66%}.pure-form .pure-input-1-2{width:50%}.pure-form .pure-input-1-3{width:33%}.pure-form .pure-input-1-4{width:25%}.pure-form .pure-help-inline,.pure-form-message-inline{display:inline-block;padding-left:.3em;color:#666;vertical-align:middle;font-size:.875em}.pure-form-message{display:block;color:#666;font-size:.875em}@media only screen and (max-width :480px){.pure-form button[type=submit]{margin:.7em 0 0}.pure-form input:not([type]),.pure-form input[type=text],.pure-form input[type=password],.pure-form input[type=email],.pure-form input[type=url],.pure-form input[type=date],.pure-form input[type=month],.pure-form input[type=time],.pure-form input[type=datetime],.pure-form input[type=datetime-local],.pure-form input[type=week],.pure-form input[type=number],.pure-form input[type=search],.pure-form input[type=tel],.pure-form input[type=color],.pure-form label{margin-bottom:.3em;display:block}.pure-group input:not([type]),.pure-group input[type=text],.pure-group input[type=password],.pure-group input[type=email],.pure-group input[type=url],.pure-group input[type=date],.pure-group input[type=month],.pure-group input[type=time],.pure-group input[type=datetime],.pure-group input[type=datetime-local],.pure-group input[type=week],.pure-group input[type=number],.pure-group input[type=search],.pure-group input[type=tel],.pure-group input[type=color]{margin-bottom:0}.pure-form-aligned .pure-control-group label{margin-bottom:.3em;text-align:left;display:block;width:100%}.pure-form-aligned .pure-controls{margin:1.5em 0 0}.pure-form .pure-help-inline,.pure-form-message-inline,.pure-form-message{display:block;font-size:.75em;padding:.2em 0 .8em}}.pure-menu ul{position:absolute;visibility:hidden}.pure-menu.pure-menu-open{visibility:visible;z-index:2;width:100%}.pure-menu ul{left:-10000px;list-style:none;margin:0;padding:0;top:-10000px;z-index:1}.pure-menu>ul{position:relative}.pure-menu-open>ul{left:0;top:0;visibility:visible}.pure-menu-open>ul:focus{outline:0}.pure-menu li{position:relative}.pure-menu a,.pure-menu .pure-menu-heading{display:block;color:inherit;line-height:1.5em;padding:5px 20px;text-decoration:none;white-space:nowrap}.pure-menu.pure-menu-horizontal>.pure-menu-heading{display:inline-block;*display:inline;zoom:1;margin:0;vertical-align:middle}.pure-menu.pure-menu-horizontal>ul{display:inline-block;*display:inline;zoom:1;vertical-align:middle}.pure-menu li a{padding:5px 20px}.pure-menu-can-have-children>.pure-menu-label:after{content:'\25B8';float:right;font-family:'Lucida Grande','Lucida Sans Unicode','DejaVu Sans',sans-serif;margin-right:-20px;margin-top:-1px}.pure-menu-can-have-children>.pure-menu-label{padding-right:30px}.pure-menu-separator{background-color:#dfdfdf;display:block;height:1px;font-size:0;margin:7px 2px;overflow:hidden}.pure-menu-hidden{display:none}.pure-menu-fixed{position:fixed;top:0;left:0;width:100%}.pure-menu-horizontal li{display:inline-block;*display:inline;zoom:1;vertical-align:middle}.pure-menu-horizontal li li{display:block}.pure-menu-horizontal>.pure-menu-children>.pure-menu-can-have-children>.pure-menu-label:after{content:"\25BE"}.pure-menu-horizontal>.pure-menu-children>.pure-menu-can-have-children>.pure-menu-label{padding-right:30px}.pure-menu-horizontal li.pure-menu-separator{height:50%;width:1px;margin:0 7px}.pure-menu-horizontal li li.pure-menu-separator{height:1px;width:auto;margin:7px 2px}.pure-menu.pure-menu-open,.pure-menu.pure-menu-horizontal li .pure-menu-children{background:#fff;border:1px solid #b7b7b7}.pure-menu.pure-menu-horizontal,.pure-menu.pure-menu-horizontal .pure-menu-heading{border:0}.pure-menu a{border:1px solid transparent;border-left:0;border-right:0}.pure-menu a,.pure-menu .pure-menu-can-have-children>li:after{color:#777}.pure-menu .pure-menu-can-have-children>li:hover:after{color:#fff}.pure-menu .pure-menu-open{background:#dedede}.pure-menu li a:hover,.pure-menu li a:focus{background:#eee}.pure-menu li.pure-menu-disabled a:hover,.pure-menu li.pure-menu-disabled a:focus{background:#fff;color:#bfbfbf}.pure-menu .pure-menu-disabled>a{background-image:none;border-color:transparent;cursor:default}.pure-menu .pure-menu-disabled>a,.pure-menu .pure-menu-can-have-children.pure-menu-disabled>a:after{color:#bfbfbf}.pure-menu .pure-menu-heading{color:#565d64;text-transform:uppercase;font-size:90%;margin-top:.5em;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#dfdfdf}.pure-menu .pure-menu-selected a{color:#000}.pure-menu.pure-menu-open.pure-menu-fixed{border:0;border-bottom:1px solid #b7b7b7}.pure-paginator{letter-spacing:-.31em;*letter-spacing:normal;*word-spacing:-.43em;text-rendering:optimizespeed;list-style:none;margin:0;padding:0}.opera-only :-o-prefocus,.pure-paginator{word-spacing:-.43em}.pure-paginator li{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-paginator .pure-button{border-radius:0;padding:.8em 1.4em;vertical-align:top;height:1.1em}.pure-paginator .pure-button:focus,.pure-paginator .pure-button:active{outline-style:none}.pure-paginator .prev,.pure-paginator .next{color:#C0C1C3;text-shadow:0 -1px 0 rgba(0,0,0,.45)}.pure-paginator .prev{border-radius:2px 0 0 2px}.pure-paginator .next{border-radius:0 2px 2px 0}@media (max-width:480px){.pure-menu-horizontal{width:100%}.pure-menu-children li{display:block;border-bottom:1px solid #000}}.pure-table{border-collapse:collapse;border-spacing:0;empty-cells:show;border:1px solid #cbcbcb}.pure-table caption{color:#000;font:italic 85%/1 arial,sans-serif;padding:1em 0;text-align:center}.pure-table td,.pure-table th{border-left:1px solid #cbcbcb;border-width:0 0 0 1px;font-size:inherit;margin:0;overflow:visible;padding:.5em 1em}.pure-table td:first-child,.pure-table th:first-child{border-left-width:0}.pure-table thead{background:#e0e0e0;color:#000;text-align:left;vertical-align:bottom}.pure-table td{background-color:transparent}.pure-table-odd td{background-color:#f2f2f2}.pure-table-striped tr:nth-child(2n-1) td{background-color:#f2f2f2}.pure-table-bordered td{border-bottom:1px solid #cbcbcb}.pure-table-bordered tbody>tr:last-child td,.pure-table-horizontal tbody>tr:last-child td{border-bottom-width:0}.pure-table-horizontal td,.pure-table-horizontal th{border-width:0 0 1px;border-bottom:1px solid #cbcbcb}.pure-table-horizontal tbody>tr:last-child td{border-bottom-width:0}
\ No newline at end of file
diff --git a/mayan/apps/common/static/common/packages/pure-release-0.5.0/pure-nr-min.css b/mayan/apps/common/static/common/packages/pure-release-0.5.0/pure-nr-min.css
new file mode 100644
index 0000000000..f65d5cd1f2
--- /dev/null
+++ b/mayan/apps/common/static/common/packages/pure-release-0.5.0/pure-nr-min.css
@@ -0,0 +1,11 @@
+/*!
+Pure v0.5.0
+Copyright 2014 Yahoo! Inc. All rights reserved.
+Licensed under the BSD License.
+https://github.com/yui/pure/blob/master/LICENSE.md
+*/
+/*!
+normalize.css v1.1.3 | MIT License | git.io/normalize
+Copyright (c) Nicolas Gallagher and Jonathan Neal
+*/
+/*! normalize.css v1.1.3 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}[hidden]{display:none!important}.pure-img{max-width:100%;height:auto;display:block}.pure-g{letter-spacing:-.31em;*letter-spacing:normal;*word-spacing:-.43em;text-rendering:optimizespeed;font-family:FreeSans,Arimo,"Droid Sans",Helvetica,Arial,sans-serif;display:-webkit-flex;-webkit-flex-flow:row wrap;display:-ms-flexbox;-ms-flex-flow:row wrap}.opera-only :-o-prefocus,.pure-g{word-spacing:-.43em}.pure-u{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-g [class *="pure-u"]{font-family:sans-serif}.pure-u-1,.pure-u-1-1,.pure-u-1-2,.pure-u-1-3,.pure-u-2-3,.pure-u-1-4,.pure-u-3-4,.pure-u-1-5,.pure-u-2-5,.pure-u-3-5,.pure-u-4-5,.pure-u-5-5,.pure-u-1-6,.pure-u-5-6,.pure-u-1-8,.pure-u-3-8,.pure-u-5-8,.pure-u-7-8,.pure-u-1-12,.pure-u-5-12,.pure-u-7-12,.pure-u-11-12,.pure-u-1-24,.pure-u-2-24,.pure-u-3-24,.pure-u-4-24,.pure-u-5-24,.pure-u-6-24,.pure-u-7-24,.pure-u-8-24,.pure-u-9-24,.pure-u-10-24,.pure-u-11-24,.pure-u-12-24,.pure-u-13-24,.pure-u-14-24,.pure-u-15-24,.pure-u-16-24,.pure-u-17-24,.pure-u-18-24,.pure-u-19-24,.pure-u-20-24,.pure-u-21-24,.pure-u-22-24,.pure-u-23-24,.pure-u-24-24{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-1-24{width:4.1667%;*width:4.1357%}.pure-u-1-12,.pure-u-2-24{width:8.3333%;*width:8.3023%}.pure-u-1-8,.pure-u-3-24{width:12.5%;*width:12.469%}.pure-u-1-6,.pure-u-4-24{width:16.6667%;*width:16.6357%}.pure-u-1-5{width:20%;*width:19.969%}.pure-u-5-24{width:20.8333%;*width:20.8023%}.pure-u-1-4,.pure-u-6-24{width:25%;*width:24.969%}.pure-u-7-24{width:29.1667%;*width:29.1357%}.pure-u-1-3,.pure-u-8-24{width:33.3333%;*width:33.3023%}.pure-u-3-8,.pure-u-9-24{width:37.5%;*width:37.469%}.pure-u-2-5{width:40%;*width:39.969%}.pure-u-5-12,.pure-u-10-24{width:41.6667%;*width:41.6357%}.pure-u-11-24{width:45.8333%;*width:45.8023%}.pure-u-1-2,.pure-u-12-24{width:50%;*width:49.969%}.pure-u-13-24{width:54.1667%;*width:54.1357%}.pure-u-7-12,.pure-u-14-24{width:58.3333%;*width:58.3023%}.pure-u-3-5{width:60%;*width:59.969%}.pure-u-5-8,.pure-u-15-24{width:62.5%;*width:62.469%}.pure-u-2-3,.pure-u-16-24{width:66.6667%;*width:66.6357%}.pure-u-17-24{width:70.8333%;*width:70.8023%}.pure-u-3-4,.pure-u-18-24{width:75%;*width:74.969%}.pure-u-19-24{width:79.1667%;*width:79.1357%}.pure-u-4-5{width:80%;*width:79.969%}.pure-u-5-6,.pure-u-20-24{width:83.3333%;*width:83.3023%}.pure-u-7-8,.pure-u-21-24{width:87.5%;*width:87.469%}.pure-u-11-12,.pure-u-22-24{width:91.6667%;*width:91.6357%}.pure-u-23-24{width:95.8333%;*width:95.8023%}.pure-u-1,.pure-u-1-1,.pure-u-5-5,.pure-u-24-24{width:100%}.pure-button{display:inline-block;*display:inline;zoom:1;line-height:normal;white-space:nowrap;vertical-align:baseline;text-align:center;cursor:pointer;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pure-button::-moz-focus-inner{padding:0;border:0}.pure-button{font-family:inherit;font-size:100%;*font-size:90%;*overflow:visible;padding:.5em 1em;color:#444;color:rgba(0,0,0,.8);*color:#444;border:1px solid #999;border:0 rgba(0,0,0,0);background-color:#E6E6E6;text-decoration:none;border-radius:2px}.pure-button-hover,.pure-button:hover,.pure-button:focus{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000', GradientType=0);background-image:-webkit-gradient(linear,0 0,0 100%,from(transparent),color-stop(40%,rgba(0,0,0,.05)),to(rgba(0,0,0,.1)));background-image:-webkit-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));background-image:-moz-linear-gradient(top,rgba(0,0,0,.05) 0,rgba(0,0,0,.1));background-image:-o-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));background-image:linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1))}.pure-button:focus{outline:0}.pure-button-active,.pure-button:active{box-shadow:0 0 0 1px rgba(0,0,0,.15) inset,0 0 6px rgba(0,0,0,.2) inset}.pure-button[disabled],.pure-button-disabled,.pure-button-disabled:hover,.pure-button-disabled:focus,.pure-button-disabled:active{border:0;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);filter:alpha(opacity=40);-khtml-opacity:.4;-moz-opacity:.4;opacity:.4;cursor:not-allowed;box-shadow:none}.pure-button-hidden{display:none}.pure-button::-moz-focus-inner{padding:0;border:0}.pure-button-primary,.pure-button-selected,a.pure-button-primary,a.pure-button-selected{background-color:#0078e7;color:#fff}.pure-form input[type=text],.pure-form input[type=password],.pure-form input[type=email],.pure-form input[type=url],.pure-form input[type=date],.pure-form input[type=month],.pure-form input[type=time],.pure-form input[type=datetime],.pure-form input[type=datetime-local],.pure-form input[type=week],.pure-form input[type=number],.pure-form input[type=search],.pure-form input[type=tel],.pure-form input[type=color],.pure-form select,.pure-form textarea{padding:.5em .6em;display:inline-block;border:1px solid #ccc;box-shadow:inset 0 1px 3px #ddd;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.pure-form input:not([type]){padding:.5em .6em;display:inline-block;border:1px solid #ccc;box-shadow:inset 0 1px 3px #ddd;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.pure-form input[type=color]{padding:.2em .5em}.pure-form input[type=text]:focus,.pure-form input[type=password]:focus,.pure-form input[type=email]:focus,.pure-form input[type=url]:focus,.pure-form input[type=date]:focus,.pure-form input[type=month]:focus,.pure-form input[type=time]:focus,.pure-form input[type=datetime]:focus,.pure-form input[type=datetime-local]:focus,.pure-form input[type=week]:focus,.pure-form input[type=number]:focus,.pure-form input[type=search]:focus,.pure-form input[type=tel]:focus,.pure-form input[type=color]:focus,.pure-form select:focus,.pure-form textarea:focus{outline:0;outline:thin dotted \9;border-color:#129FEA}.pure-form input:not([type]):focus{outline:0;outline:thin dotted \9;border-color:#129FEA}.pure-form input[type=file]:focus,.pure-form input[type=radio]:focus,.pure-form input[type=checkbox]:focus{outline:thin dotted #333;outline:1px auto #129FEA}.pure-form .pure-checkbox,.pure-form .pure-radio{margin:.5em 0;display:block}.pure-form input[type=text][disabled],.pure-form input[type=password][disabled],.pure-form input[type=email][disabled],.pure-form input[type=url][disabled],.pure-form input[type=date][disabled],.pure-form input[type=month][disabled],.pure-form input[type=time][disabled],.pure-form input[type=datetime][disabled],.pure-form input[type=datetime-local][disabled],.pure-form input[type=week][disabled],.pure-form input[type=number][disabled],.pure-form input[type=search][disabled],.pure-form input[type=tel][disabled],.pure-form input[type=color][disabled],.pure-form select[disabled],.pure-form textarea[disabled]{cursor:not-allowed;background-color:#eaeded;color:#cad2d3}.pure-form input:not([type])[disabled]{cursor:not-allowed;background-color:#eaeded;color:#cad2d3}.pure-form input[readonly],.pure-form select[readonly],.pure-form textarea[readonly]{background:#eee;color:#777;border-color:#ccc}.pure-form input:focus:invalid,.pure-form textarea:focus:invalid,.pure-form select:focus:invalid{color:#b94a48;border-color:#ee5f5b}.pure-form input:focus:invalid:focus,.pure-form textarea:focus:invalid:focus,.pure-form select:focus:invalid:focus{border-color:#e9322d}.pure-form input[type=file]:focus:invalid:focus,.pure-form input[type=radio]:focus:invalid:focus,.pure-form input[type=checkbox]:focus:invalid:focus{outline-color:#e9322d}.pure-form select{border:1px solid #ccc;background-color:#fff}.pure-form select[multiple]{height:auto}.pure-form label{margin:.5em 0 .2em}.pure-form fieldset{margin:0;padding:.35em 0 .75em;border:0}.pure-form legend{display:block;width:100%;padding:.3em 0;margin-bottom:.3em;color:#333;border-bottom:1px solid #e5e5e5}.pure-form-stacked input[type=text],.pure-form-stacked input[type=password],.pure-form-stacked input[type=email],.pure-form-stacked input[type=url],.pure-form-stacked input[type=date],.pure-form-stacked input[type=month],.pure-form-stacked input[type=time],.pure-form-stacked input[type=datetime],.pure-form-stacked input[type=datetime-local],.pure-form-stacked input[type=week],.pure-form-stacked input[type=number],.pure-form-stacked input[type=search],.pure-form-stacked input[type=tel],.pure-form-stacked input[type=color],.pure-form-stacked select,.pure-form-stacked label,.pure-form-stacked textarea{display:block;margin:.25em 0}.pure-form-stacked input:not([type]){display:block;margin:.25em 0}.pure-form-aligned input,.pure-form-aligned textarea,.pure-form-aligned select,.pure-form-aligned .pure-help-inline,.pure-form-message-inline{display:inline-block;*display:inline;*zoom:1;vertical-align:middle}.pure-form-aligned textarea{vertical-align:top}.pure-form-aligned .pure-control-group{margin-bottom:.5em}.pure-form-aligned .pure-control-group label{text-align:right;display:inline-block;vertical-align:middle;width:10em;margin:0 1em 0 0}.pure-form-aligned .pure-controls{margin:1.5em 0 0 10em}.pure-form input.pure-input-rounded,.pure-form .pure-input-rounded{border-radius:2em;padding:.5em 1em}.pure-form .pure-group fieldset{margin-bottom:10px}.pure-form .pure-group input{display:block;padding:10px;margin:0;border-radius:0;position:relative;top:-1px}.pure-form .pure-group input:focus{z-index:2}.pure-form .pure-group input:first-child{top:1px;border-radius:4px 4px 0 0}.pure-form .pure-group input:last-child{top:-2px;border-radius:0 0 4px 4px}.pure-form .pure-group button{margin:.35em 0}.pure-form .pure-input-1{width:100%}.pure-form .pure-input-2-3{width:66%}.pure-form .pure-input-1-2{width:50%}.pure-form .pure-input-1-3{width:33%}.pure-form .pure-input-1-4{width:25%}.pure-form .pure-help-inline,.pure-form-message-inline{display:inline-block;padding-left:.3em;color:#666;vertical-align:middle;font-size:.875em}.pure-form-message{display:block;color:#666;font-size:.875em}.pure-menu ul{position:absolute;visibility:hidden}.pure-menu.pure-menu-open{visibility:visible;z-index:2;width:100%}.pure-menu ul{left:-10000px;list-style:none;margin:0;padding:0;top:-10000px;z-index:1}.pure-menu>ul{position:relative}.pure-menu-open>ul{left:0;top:0;visibility:visible}.pure-menu-open>ul:focus{outline:0}.pure-menu li{position:relative}.pure-menu a,.pure-menu .pure-menu-heading{display:block;color:inherit;line-height:1.5em;padding:5px 20px;text-decoration:none;white-space:nowrap}.pure-menu.pure-menu-horizontal>.pure-menu-heading{display:inline-block;*display:inline;zoom:1;margin:0;vertical-align:middle}.pure-menu.pure-menu-horizontal>ul{display:inline-block;*display:inline;zoom:1;vertical-align:middle}.pure-menu li a{padding:5px 20px}.pure-menu-can-have-children>.pure-menu-label:after{content:'\25B8';float:right;font-family:'Lucida Grande','Lucida Sans Unicode','DejaVu Sans',sans-serif;margin-right:-20px;margin-top:-1px}.pure-menu-can-have-children>.pure-menu-label{padding-right:30px}.pure-menu-separator{background-color:#dfdfdf;display:block;height:1px;font-size:0;margin:7px 2px;overflow:hidden}.pure-menu-hidden{display:none}.pure-menu-fixed{position:fixed;top:0;left:0;width:100%}.pure-menu-horizontal li{display:inline-block;*display:inline;zoom:1;vertical-align:middle}.pure-menu-horizontal li li{display:block}.pure-menu-horizontal>.pure-menu-children>.pure-menu-can-have-children>.pure-menu-label:after{content:"\25BE"}.pure-menu-horizontal>.pure-menu-children>.pure-menu-can-have-children>.pure-menu-label{padding-right:30px}.pure-menu-horizontal li.pure-menu-separator{height:50%;width:1px;margin:0 7px}.pure-menu-horizontal li li.pure-menu-separator{height:1px;width:auto;margin:7px 2px}.pure-menu.pure-menu-open,.pure-menu.pure-menu-horizontal li .pure-menu-children{background:#fff;border:1px solid #b7b7b7}.pure-menu.pure-menu-horizontal,.pure-menu.pure-menu-horizontal .pure-menu-heading{border:0}.pure-menu a{border:1px solid transparent;border-left:0;border-right:0}.pure-menu a,.pure-menu .pure-menu-can-have-children>li:after{color:#777}.pure-menu .pure-menu-can-have-children>li:hover:after{color:#fff}.pure-menu .pure-menu-open{background:#dedede}.pure-menu li a:hover,.pure-menu li a:focus{background:#eee}.pure-menu li.pure-menu-disabled a:hover,.pure-menu li.pure-menu-disabled a:focus{background:#fff;color:#bfbfbf}.pure-menu .pure-menu-disabled>a{background-image:none;border-color:transparent;cursor:default}.pure-menu .pure-menu-disabled>a,.pure-menu .pure-menu-can-have-children.pure-menu-disabled>a:after{color:#bfbfbf}.pure-menu .pure-menu-heading{color:#565d64;text-transform:uppercase;font-size:90%;margin-top:.5em;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#dfdfdf}.pure-menu .pure-menu-selected a{color:#000}.pure-menu.pure-menu-open.pure-menu-fixed{border:0;border-bottom:1px solid #b7b7b7}.pure-paginator{letter-spacing:-.31em;*letter-spacing:normal;*word-spacing:-.43em;text-rendering:optimizespeed;list-style:none;margin:0;padding:0}.opera-only :-o-prefocus,.pure-paginator{word-spacing:-.43em}.pure-paginator li{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-paginator .pure-button{border-radius:0;padding:.8em 1.4em;vertical-align:top;height:1.1em}.pure-paginator .pure-button:focus,.pure-paginator .pure-button:active{outline-style:none}.pure-paginator .prev,.pure-paginator .next{color:#C0C1C3;text-shadow:0 -1px 0 rgba(0,0,0,.45)}.pure-paginator .prev{border-radius:2px 0 0 2px}.pure-paginator .next{border-radius:0 2px 2px 0}.pure-table{border-collapse:collapse;border-spacing:0;empty-cells:show;border:1px solid #cbcbcb}.pure-table caption{color:#000;font:italic 85%/1 arial,sans-serif;padding:1em 0;text-align:center}.pure-table td,.pure-table th{border-left:1px solid #cbcbcb;border-width:0 0 0 1px;font-size:inherit;margin:0;overflow:visible;padding:.5em 1em}.pure-table td:first-child,.pure-table th:first-child{border-left-width:0}.pure-table thead{background:#e0e0e0;color:#000;text-align:left;vertical-align:bottom}.pure-table td{background-color:transparent}.pure-table-odd td{background-color:#f2f2f2}.pure-table-striped tr:nth-child(2n-1) td{background-color:#f2f2f2}.pure-table-bordered td{border-bottom:1px solid #cbcbcb}.pure-table-bordered tbody>tr:last-child td,.pure-table-horizontal tbody>tr:last-child td{border-bottom-width:0}.pure-table-horizontal td,.pure-table-horizontal th{border-width:0 0 1px;border-bottom:1px solid #cbcbcb}.pure-table-horizontal tbody>tr:last-child td{border-bottom-width:0}
\ No newline at end of file
diff --git a/mayan/apps/common/static/common/packages/pure-release-0.5.0/pure-nr.css b/mayan/apps/common/static/common/packages/pure-release-0.5.0/pure-nr.css
new file mode 100644
index 0000000000..5e7e85ce28
--- /dev/null
+++ b/mayan/apps/common/static/common/packages/pure-release-0.5.0/pure-nr.css
@@ -0,0 +1,1588 @@
+/*!
+Pure v0.5.0
+Copyright 2014 Yahoo! Inc. All rights reserved.
+Licensed under the BSD License.
+https://github.com/yui/pure/blob/master/LICENSE.md
+*/
+/*!
+normalize.css v1.1.3 | MIT License | git.io/normalize
+Copyright (c) Nicolas Gallagher and Jonathan Neal
+*/
+/*! normalize.css v1.1.3 | MIT License | git.io/normalize */
+
+/* ==========================================================================
+   HTML5 display definitions
+   ========================================================================== */
+
+/**
+ * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
+ */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+nav,
+section,
+summary {
+    display: block;
+}
+
+/**
+ * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
+ */
+
+audio,
+canvas,
+video {
+    display: inline-block;
+    *display: inline;
+    *zoom: 1;
+}
+
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+
+audio:not([controls]) {
+    display: none;
+    height: 0;
+}
+
+/**
+ * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
+ * Known issue: no IE 6 support.
+ */
+
+[hidden] {
+    display: none;
+}
+
+/* ==========================================================================
+   Base
+   ========================================================================== */
+
+/**
+ * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
+ *    `em` units.
+ * 2. Prevent iOS text size adjust after orientation change, without disabling
+ *    user zoom.
+ */
+
+html {
+    font-size: 100%; /* 1 */
+    -ms-text-size-adjust: 100%; /* 2 */
+    -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/**
+ * Address `font-family` inconsistency between `textarea` and other form
+ * elements.
+ */
+
+html,
+button,
+input,
+select,
+textarea {
+    font-family: sans-serif;
+}
+
+/**
+ * Address margins handled incorrectly in IE 6/7.
+ */
+
+body {
+    margin: 0;
+}
+
+/* ==========================================================================
+   Links
+   ========================================================================== */
+
+/**
+ * Address `outline` inconsistency between Chrome and other browsers.
+ */
+
+a:focus {
+    outline: thin dotted;
+}
+
+/**
+ * Improve readability when focused and also mouse hovered in all browsers.
+ */
+
+a:active,
+a:hover {
+    outline: 0;
+}
+
+/* ==========================================================================
+   Typography
+   ========================================================================== */
+
+/**
+ * Address font sizes and margins set differently in IE 6/7.
+ * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
+ * and Chrome.
+ */
+
+h1 {
+    font-size: 2em;
+    margin: 0.67em 0;
+}
+
+h2 {
+    font-size: 1.5em;
+    margin: 0.83em 0;
+}
+
+h3 {
+    font-size: 1.17em;
+    margin: 1em 0;
+}
+
+h4 {
+    font-size: 1em;
+    margin: 1.33em 0;
+}
+
+h5 {
+    font-size: 0.83em;
+    margin: 1.67em 0;
+}
+
+h6 {
+    font-size: 0.67em;
+    margin: 2.33em 0;
+}
+
+/**
+ * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
+ */
+
+abbr[title] {
+    border-bottom: 1px dotted;
+}
+
+/**
+ * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
+ */
+
+b,
+strong {
+    font-weight: bold;
+}
+
+blockquote {
+    margin: 1em 40px;
+}
+
+/**
+ * Address styling not present in Safari 5 and Chrome.
+ */
+
+dfn {
+    font-style: italic;
+}
+
+/**
+ * Address differences between Firefox and other browsers.
+ * Known issue: no IE 6/7 normalization.
+ */
+
+hr {
+    -moz-box-sizing: content-box;
+    box-sizing: content-box;
+    height: 0;
+}
+
+/**
+ * Address styling not present in IE 6/7/8/9.
+ */
+
+mark {
+    background: #ff0;
+    color: #000;
+}
+
+/**
+ * Address margins set differently in IE 6/7.
+ */
+
+p,
+pre {
+    margin: 1em 0;
+}
+
+/**
+ * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
+ */
+
+code,
+kbd,
+pre,
+samp {
+    font-family: monospace, serif;
+    _font-family: 'courier new', monospace;
+    font-size: 1em;
+}
+
+/**
+ * Improve readability of pre-formatted text in all browsers.
+ */
+
+pre {
+    white-space: pre;
+    white-space: pre-wrap;
+    word-wrap: break-word;
+}
+
+/**
+ * Address CSS quotes not supported in IE 6/7.
+ */
+
+q {
+    quotes: none;
+}
+
+/**
+ * Address `quotes` property not supported in Safari 4.
+ */
+
+q:before,
+q:after {
+    content: '';
+    content: none;
+}
+
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+
+small {
+    font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ */
+
+sub,
+sup {
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+    vertical-align: baseline;
+}
+
+sup {
+    top: -0.5em;
+}
+
+sub {
+    bottom: -0.25em;
+}
+
+/* ==========================================================================
+   Lists
+   ========================================================================== */
+
+/**
+ * Address margins set differently in IE 6/7.
+ */
+
+dl,
+menu,
+ol,
+ul {
+    margin: 1em 0;
+}
+
+dd {
+    margin: 0 0 0 40px;
+}
+
+/**
+ * Address paddings set differently in IE 6/7.
+ */
+
+menu,
+ol,
+ul {
+    padding: 0 0 0 40px;
+}
+
+/**
+ * Correct list images handled incorrectly in IE 7.
+ */
+
+nav ul,
+nav ol {
+    list-style: none;
+    list-style-image: none;
+}
+
+/* ==========================================================================
+   Embedded content
+   ========================================================================== */
+
+/**
+ * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
+ * 2. Improve image quality when scaled in IE 7.
+ */
+
+img {
+    border: 0; /* 1 */
+    -ms-interpolation-mode: bicubic; /* 2 */
+}
+
+/**
+ * Correct overflow displayed oddly in IE 9.
+ */
+
+svg:not(:root) {
+    overflow: hidden;
+}
+
+/* ==========================================================================
+   Figures
+   ========================================================================== */
+
+/**
+ * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
+ */
+
+figure {
+    margin: 0;
+}
+
+/* ==========================================================================
+   Forms
+   ========================================================================== */
+
+/**
+ * Correct margin displayed oddly in IE 6/7.
+ */
+
+form {
+    margin: 0;
+}
+
+/**
+ * Define consistent border, margin, and padding.
+ */
+
+fieldset {
+    border: 1px solid #c0c0c0;
+    margin: 0 2px;
+    padding: 0.35em 0.625em 0.75em;
+}
+
+/**
+ * 1. Correct color not being inherited in IE 6/7/8/9.
+ * 2. Correct text not wrapping in Firefox 3.
+ * 3. Correct alignment displayed oddly in IE 6/7.
+ */
+
+legend {
+    border: 0; /* 1 */
+    padding: 0;
+    white-space: normal; /* 2 */
+    *margin-left: -7px; /* 3 */
+}
+
+/**
+ * 1. Correct font size not being inherited in all browsers.
+ * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
+ *    and Chrome.
+ * 3. Improve appearance and consistency in all browsers.
+ */
+
+button,
+input,
+select,
+textarea {
+    font-size: 100%; /* 1 */
+    margin: 0; /* 2 */
+    vertical-align: baseline; /* 3 */
+    *vertical-align: middle; /* 3 */
+}
+
+/**
+ * Address Firefox 3+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+
+button,
+input {
+    line-height: normal;
+}
+
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
+ * Correct `select` style inheritance in Firefox 4+ and Opera.
+ */
+
+button,
+select {
+    text-transform: none;
+}
+
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ *    and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ *    `input` and others.
+ * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
+ *    Known issue: inner spacing remains in IE 6.
+ */
+
+button,
+html input[type="button"], /* 1 */
+input[type="reset"],
+input[type="submit"] {
+    -webkit-appearance: button; /* 2 */
+    cursor: pointer; /* 3 */
+    *overflow: visible;  /* 4 */
+}
+
+/**
+ * Re-set default cursor for disabled elements.
+ */
+
+button[disabled],
+html input[disabled] {
+    cursor: default;
+}
+
+/**
+ * 1. Address box sizing set to content-box in IE 8/9.
+ * 2. Remove excess padding in IE 8/9.
+ * 3. Remove excess padding in IE 7.
+ *    Known issue: excess padding remains in IE 6.
+ */
+
+input[type="checkbox"],
+input[type="radio"] {
+    box-sizing: border-box; /* 1 */
+    padding: 0; /* 2 */
+    *height: 13px; /* 3 */
+    *width: 13px; /* 3 */
+}
+
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
+ *    (include `-moz` to future-proof).
+ */
+
+input[type="search"] {
+    -webkit-appearance: textfield; /* 1 */
+    -moz-box-sizing: content-box;
+    -webkit-box-sizing: content-box; /* 2 */
+    box-sizing: content-box;
+}
+
+/**
+ * Remove inner padding and search cancel button in Safari 5 and Chrome
+ * on OS X.
+ */
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+    -webkit-appearance: none;
+}
+
+/**
+ * Remove inner padding and border in Firefox 3+.
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+    border: 0;
+    padding: 0;
+}
+
+/**
+ * 1. Remove default vertical scrollbar in IE 6/7/8/9.
+ * 2. Improve readability and alignment in all browsers.
+ */
+
+textarea {
+    overflow: auto; /* 1 */
+    vertical-align: top; /* 2 */
+}
+
+/* ==========================================================================
+   Tables
+   ========================================================================== */
+
+/**
+ * Remove most spacing between table cells.
+ */
+
+table {
+    border-collapse: collapse;
+    border-spacing: 0;
+}
+
+/*csslint important:false*/
+
+/* ==========================================================================
+   Pure Base Extras
+   ========================================================================== */
+
+/**
+ * Extra rules that Pure adds on top of Normalize.css
+ */
+
+/**
+ * Always hide an element when it has the `hidden` HTML attribute.
+ */
+
+[hidden] {
+    display: none !important;
+}
+
+/**
+ * Add this class to an image to make it fit within it's fluid parent wrapper while maintaining
+ * aspect ratio.
+ */
+.pure-img {
+    max-width: 100%;
+    height: auto;
+    display: block;
+}
+
+/*csslint regex-selectors:false, known-properties:false, duplicate-properties:false*/
+
+.pure-g {
+    letter-spacing: -0.31em; /* Webkit: collapse white-space between units */
+    *letter-spacing: normal; /* reset IE < 8 */
+    *word-spacing: -0.43em; /* IE < 8: collapse white-space between units */
+    text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLegibility */
+
+    /*
+    Sets the font stack to fonts known to work properly with the above letter
+    and word spacings. See: https://github.com/yui/pure/issues/41/
+
+    The following font stack makes Pure Grids work on all known environments.
+
+    * FreeSans: Ships with many Linux distros, including Ubuntu
+
+    * Arimo: Ships with Chrome OS. Arimo has to be defined before Helvetica and
+      Arial to get picked up by the browser, even though neither is available
+      in Chrome OS.
+
+    * Droid Sans: Ships with all versions of Android.
+
+    * Helvetica, Arial, sans-serif: Common font stack on OS X and Windows.
+    */
+    font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
+
+    /*
+    Use flexbox when possible to avoid `letter-spacing` side-effects.
+
+    NOTE: Firefox (as of 25) does not currently support flex-wrap, so the
+    `-moz-` prefix version is omitted.
+    */
+
+    display: -webkit-flex;
+    -webkit-flex-flow: row wrap;
+
+    /* IE10 uses display: flexbox */
+    display: -ms-flexbox;
+    -ms-flex-flow: row wrap;
+}
+
+/* Opera as of 12 on Windows needs word-spacing.
+   The ".opera-only" selector is used to prevent actual prefocus styling
+   and is not required in markup.
+*/
+.opera-only :-o-prefocus,
+.pure-g {
+    word-spacing: -0.43em;
+}
+
+.pure-u {
+    display: inline-block;
+    *display: inline; /* IE < 8: fake inline-block */
+    zoom: 1;
+    letter-spacing: normal;
+    word-spacing: normal;
+    vertical-align: top;
+    text-rendering: auto;
+}
+
+/*
+Resets the font family back to the OS/browser's default sans-serif font,
+this the same font stack that Normalize.css sets for the `body`.
+*/
+.pure-g [class *= "pure-u"] {
+    font-family: sans-serif;
+}
+
+.pure-u-1,
+.pure-u-1-1,
+.pure-u-1-2,
+.pure-u-1-3,
+.pure-u-2-3,
+.pure-u-1-4,
+.pure-u-3-4,
+.pure-u-1-5,
+.pure-u-2-5,
+.pure-u-3-5,
+.pure-u-4-5,
+.pure-u-5-5,
+.pure-u-1-6,
+.pure-u-5-6,
+.pure-u-1-8,
+.pure-u-3-8,
+.pure-u-5-8,
+.pure-u-7-8,
+.pure-u-1-12,
+.pure-u-5-12,
+.pure-u-7-12,
+.pure-u-11-12,
+.pure-u-1-24,
+.pure-u-2-24,
+.pure-u-3-24,
+.pure-u-4-24,
+.pure-u-5-24,
+.pure-u-6-24,
+.pure-u-7-24,
+.pure-u-8-24,
+.pure-u-9-24,
+.pure-u-10-24,
+.pure-u-11-24,
+.pure-u-12-24,
+.pure-u-13-24,
+.pure-u-14-24,
+.pure-u-15-24,
+.pure-u-16-24,
+.pure-u-17-24,
+.pure-u-18-24,
+.pure-u-19-24,
+.pure-u-20-24,
+.pure-u-21-24,
+.pure-u-22-24,
+.pure-u-23-24,
+.pure-u-24-24 {
+    display: inline-block;
+    *display: inline;
+    zoom: 1;
+    letter-spacing: normal;
+    word-spacing: normal;
+    vertical-align: top;
+    text-rendering: auto;
+}
+
+.pure-u-1-24 {
+    width: 4.1667%;
+    *width: 4.1357%;
+}
+
+.pure-u-1-12,
+.pure-u-2-24 {
+    width: 8.3333%;
+    *width: 8.3023%;
+}
+
+.pure-u-1-8,
+.pure-u-3-24 {
+    width: 12.5000%;
+    *width: 12.4690%;
+}
+
+.pure-u-1-6,
+.pure-u-4-24 {
+    width: 16.6667%;
+    *width: 16.6357%;
+}
+
+.pure-u-1-5 {
+    width: 20%;
+    *width: 19.9690%;
+}
+
+.pure-u-5-24 {
+    width: 20.8333%;
+    *width: 20.8023%;
+}
+
+.pure-u-1-4,
+.pure-u-6-24 {
+    width: 25%;
+    *width: 24.9690%;
+}
+
+.pure-u-7-24 {
+    width: 29.1667%;
+    *width: 29.1357%;
+}
+
+.pure-u-1-3,
+.pure-u-8-24 {
+    width: 33.3333%;
+    *width: 33.3023%;
+}
+
+.pure-u-3-8,
+.pure-u-9-24 {
+    width: 37.5000%;
+    *width: 37.4690%;
+}
+
+.pure-u-2-5 {
+    width: 40%;
+    *width: 39.9690%;
+}
+
+.pure-u-5-12,
+.pure-u-10-24 {
+    width: 41.6667%;
+    *width: 41.6357%;
+}
+
+.pure-u-11-24 {
+    width: 45.8333%;
+    *width: 45.8023%;
+}
+
+.pure-u-1-2,
+.pure-u-12-24 {
+    width: 50%;
+    *width: 49.9690%;
+}
+
+.pure-u-13-24 {
+    width: 54.1667%;
+    *width: 54.1357%;
+}
+
+.pure-u-7-12,
+.pure-u-14-24 {
+    width: 58.3333%;
+    *width: 58.3023%;
+}
+
+.pure-u-3-5 {
+    width: 60%;
+    *width: 59.9690%;
+}
+
+.pure-u-5-8,
+.pure-u-15-24 {
+    width: 62.5000%;
+    *width: 62.4690%;
+}
+
+.pure-u-2-3,
+.pure-u-16-24 {
+    width: 66.6667%;
+    *width: 66.6357%;
+}
+
+.pure-u-17-24 {
+    width: 70.8333%;
+    *width: 70.8023%;
+}
+
+.pure-u-3-4,
+.pure-u-18-24 {
+    width: 75%;
+    *width: 74.9690%;
+}
+
+.pure-u-19-24 {
+    width: 79.1667%;
+    *width: 79.1357%;
+}
+
+.pure-u-4-5 {
+    width: 80%;
+    *width: 79.9690%;
+}
+
+.pure-u-5-6,
+.pure-u-20-24 {
+    width: 83.3333%;
+    *width: 83.3023%;
+}
+
+.pure-u-7-8,
+.pure-u-21-24 {
+    width: 87.5000%;
+    *width: 87.4690%;
+}
+
+.pure-u-11-12,
+.pure-u-22-24 {
+    width: 91.6667%;
+    *width: 91.6357%;
+}
+
+.pure-u-23-24 {
+    width: 95.8333%;
+    *width: 95.8023%;
+}
+
+.pure-u-1,
+.pure-u-1-1,
+.pure-u-5-5,
+.pure-u-24-24 {
+    width: 100%;
+}
+.pure-button {
+    /* Structure */
+    display: inline-block;
+    *display: inline; /*IE 6/7*/
+    zoom: 1;
+    line-height: normal;
+    white-space: nowrap;
+    vertical-align: baseline;
+    text-align: center;
+    cursor: pointer;
+    -webkit-user-drag: none;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+}
+
+/* Firefox: Get rid of the inner focus border */
+.pure-button::-moz-focus-inner {
+    padding: 0;
+    border: 0;
+}
+
+/*csslint outline-none:false*/
+
+.pure-button {
+    font-family: inherit;
+    font-size: 100%;
+    *font-size: 90%; /*IE 6/7 - To reduce IE's oversized button text*/
+    *overflow: visible; /*IE 6/7 - Because of IE's overly large left/right padding on buttons */
+    padding: 0.5em 1em;
+    color: #444; /* rgba not supported (IE 8) */
+    color: rgba(0, 0, 0, 0.80); /* rgba supported */
+    *color: #444; /* IE 6 & 7 */
+    border: 1px solid #999;  /*IE 6/7/8*/
+    border: none rgba(0, 0, 0, 0);  /*IE9 + everything else*/
+    background-color: #E6E6E6;
+    text-decoration: none;
+    border-radius: 2px;
+}
+
+.pure-button-hover,
+.pure-button:hover,
+.pure-button:focus {
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000',GradientType=0);
+    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0,0,0, 0.05)), to(rgba(0,0,0, 0.10)));
+    background-image: -webkit-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
+    background-image: -moz-linear-gradient(top, rgba(0,0,0, 0.05) 0%, rgba(0,0,0, 0.10));
+    background-image: -o-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
+    background-image: linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
+}
+.pure-button:focus {
+    outline: 0;
+}
+.pure-button-active,
+.pure-button:active {
+    box-shadow: 0 0 0 1px rgba(0,0,0, 0.15) inset, 0 0 6px rgba(0,0,0, 0.20) inset;
+}
+
+.pure-button[disabled],
+.pure-button-disabled,
+.pure-button-disabled:hover,
+.pure-button-disabled:focus,
+.pure-button-disabled:active {
+    border: none;
+    background-image: none;
+    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+    filter: alpha(opacity=40);
+    -khtml-opacity: 0.40;
+    -moz-opacity: 0.40;
+    opacity: 0.40;
+    cursor: not-allowed;
+    box-shadow: none;
+}
+
+.pure-button-hidden {
+    display: none;
+}
+
+/* Firefox: Get rid of the inner focus border */
+.pure-button::-moz-focus-inner{
+    padding: 0;
+    border: 0;
+}
+
+.pure-button-primary,
+.pure-button-selected,
+a.pure-button-primary,
+a.pure-button-selected {
+    background-color: rgb(0, 120, 231);
+    color: #fff;
+}
+
+.pure-form input[type="text"],
+.pure-form input[type="password"],
+.pure-form input[type="email"],
+.pure-form input[type="url"],
+.pure-form input[type="date"],
+.pure-form input[type="month"],
+.pure-form input[type="time"],
+.pure-form input[type="datetime"],
+.pure-form input[type="datetime-local"],
+.pure-form input[type="week"],
+.pure-form input[type="number"],
+.pure-form input[type="search"],
+.pure-form input[type="tel"],
+.pure-form input[type="color"],
+.pure-form select,
+.pure-form textarea {
+    padding: 0.5em 0.6em;
+    display: inline-block;
+    border: 1px solid #ccc;
+    box-shadow: inset 0 1px 3px #ddd;
+    border-radius: 4px;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+}
+
+/*
+Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
+since IE8 won't execute CSS that contains a CSS3 selector.
+*/
+.pure-form input:not([type]) {
+    padding: 0.5em 0.6em;
+    display: inline-block;
+    border: 1px solid #ccc;
+    box-shadow: inset 0 1px 3px #ddd;
+    border-radius: 4px;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+}
+
+
+/* Chrome (as of v.32/34 on OS X) needs additional room for color to display. */
+/* May be able to remove this tweak as color inputs become more standardized across browsers. */
+.pure-form input[type="color"] {
+    padding: 0.2em 0.5em;
+}
+
+
+.pure-form input[type="text"]:focus,
+.pure-form input[type="password"]:focus,
+.pure-form input[type="email"]:focus,
+.pure-form input[type="url"]:focus,
+.pure-form input[type="date"]:focus,
+.pure-form input[type="month"]:focus,
+.pure-form input[type="time"]:focus,
+.pure-form input[type="datetime"]:focus,
+.pure-form input[type="datetime-local"]:focus,
+.pure-form input[type="week"]:focus,
+.pure-form input[type="number"]:focus,
+.pure-form input[type="search"]:focus,
+.pure-form input[type="tel"]:focus,
+.pure-form input[type="color"]:focus,
+.pure-form select:focus,
+.pure-form textarea:focus {
+    outline: 0;
+    outline: thin dotted \9; /* IE6-9 */
+    border-color: #129FEA;
+}
+
+/*
+Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
+since IE8 won't execute CSS that contains a CSS3 selector.
+*/
+.pure-form input:not([type]):focus {
+    outline: 0;
+    outline: thin dotted \9; /* IE6-9 */
+    border-color: #129FEA;
+}
+
+.pure-form input[type="file"]:focus,
+.pure-form input[type="radio"]:focus,
+.pure-form input[type="checkbox"]:focus {
+    outline: thin dotted #333;
+    outline: 1px auto #129FEA;
+}
+.pure-form .pure-checkbox,
+.pure-form .pure-radio {
+    margin: 0.5em 0;
+    display: block;
+}
+
+.pure-form input[type="text"][disabled],
+.pure-form input[type="password"][disabled],
+.pure-form input[type="email"][disabled],
+.pure-form input[type="url"][disabled],
+.pure-form input[type="date"][disabled],
+.pure-form input[type="month"][disabled],
+.pure-form input[type="time"][disabled],
+.pure-form input[type="datetime"][disabled],
+.pure-form input[type="datetime-local"][disabled],
+.pure-form input[type="week"][disabled],
+.pure-form input[type="number"][disabled],
+.pure-form input[type="search"][disabled],
+.pure-form input[type="tel"][disabled],
+.pure-form input[type="color"][disabled],
+.pure-form select[disabled],
+.pure-form textarea[disabled] {
+    cursor: not-allowed;
+    background-color: #eaeded;
+    color: #cad2d3;
+}
+
+/*
+Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
+since IE8 won't execute CSS that contains a CSS3 selector.
+*/
+.pure-form input:not([type])[disabled] {
+    cursor: not-allowed;
+    background-color: #eaeded;
+    color: #cad2d3;
+}
+.pure-form input[readonly],
+.pure-form select[readonly],
+.pure-form textarea[readonly] {
+    background: #eee; /* menu hover bg color */
+    color: #777; /* menu text color */
+    border-color: #ccc;
+}
+
+.pure-form input:focus:invalid,
+.pure-form textarea:focus:invalid,
+.pure-form select:focus:invalid {
+    color: #b94a48;
+    border-color: #ee5f5b;
+}
+.pure-form input:focus:invalid:focus,
+.pure-form textarea:focus:invalid:focus,
+.pure-form select:focus:invalid:focus {
+    border-color: #e9322d;
+}
+.pure-form input[type="file"]:focus:invalid:focus,
+.pure-form input[type="radio"]:focus:invalid:focus,
+.pure-form input[type="checkbox"]:focus:invalid:focus {
+    outline-color: #e9322d;
+}
+.pure-form select {
+    border: 1px solid #ccc;
+    background-color: white;
+}
+.pure-form select[multiple] {
+    height: auto;
+}
+.pure-form label {
+    margin: 0.5em 0 0.2em;
+}
+.pure-form fieldset {
+    margin: 0;
+    padding: 0.35em 0 0.75em;
+    border: 0;
+}
+.pure-form legend {
+    display: block;
+    width: 100%;
+    padding: 0.3em 0;
+    margin-bottom: 0.3em;
+    color: #333;
+    border-bottom: 1px solid #e5e5e5;
+}
+
+.pure-form-stacked input[type="text"],
+.pure-form-stacked input[type="password"],
+.pure-form-stacked input[type="email"],
+.pure-form-stacked input[type="url"],
+.pure-form-stacked input[type="date"],
+.pure-form-stacked input[type="month"],
+.pure-form-stacked input[type="time"],
+.pure-form-stacked input[type="datetime"],
+.pure-form-stacked input[type="datetime-local"],
+.pure-form-stacked input[type="week"],
+.pure-form-stacked input[type="number"],
+.pure-form-stacked input[type="search"],
+.pure-form-stacked input[type="tel"],
+.pure-form-stacked input[type="color"],
+.pure-form-stacked select,
+.pure-form-stacked label,
+.pure-form-stacked textarea {
+    display: block;
+    margin: 0.25em 0;
+}
+
+/*
+Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
+since IE8 won't execute CSS that contains a CSS3 selector.
+*/
+.pure-form-stacked input:not([type]) {
+    display: block;
+    margin: 0.25em 0;
+}
+.pure-form-aligned input,
+.pure-form-aligned textarea,
+.pure-form-aligned select,
+/* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead. */
+.pure-form-aligned .pure-help-inline,
+.pure-form-message-inline {
+    display: inline-block;
+    *display: inline;
+    *zoom: 1;
+    vertical-align: middle;
+}
+.pure-form-aligned textarea {
+    vertical-align: top;
+}
+
+/* Aligned Forms */
+.pure-form-aligned .pure-control-group {
+    margin-bottom: 0.5em;
+}
+.pure-form-aligned .pure-control-group label {
+    text-align: right;
+    display: inline-block;
+    vertical-align: middle;
+    width: 10em;
+    margin: 0 1em 0 0;
+}
+.pure-form-aligned .pure-controls {
+    margin: 1.5em 0 0 10em;
+}
+
+/* Rounded Inputs */
+.pure-form input.pure-input-rounded,
+.pure-form .pure-input-rounded {
+    border-radius: 2em;
+    padding: 0.5em 1em;
+}
+
+/* Grouped Inputs */
+.pure-form .pure-group fieldset {
+    margin-bottom: 10px;
+}
+.pure-form .pure-group input {
+    display: block;
+    padding: 10px;
+    margin: 0;
+    border-radius: 0;
+    position: relative;
+    top: -1px;
+}
+.pure-form .pure-group input:focus {
+    z-index: 2;
+}
+.pure-form .pure-group input:first-child {
+    top: 1px;
+    border-radius: 4px 4px 0 0;
+}
+.pure-form .pure-group input:last-child {
+    top: -2px;
+    border-radius: 0 0 4px 4px;
+}
+.pure-form .pure-group button {
+    margin: 0.35em 0;
+}
+
+.pure-form .pure-input-1 {
+    width: 100%;
+}
+.pure-form .pure-input-2-3 {
+    width: 66%;
+}
+.pure-form .pure-input-1-2 {
+    width: 50%;
+}
+.pure-form .pure-input-1-3 {
+    width: 33%;
+}
+.pure-form .pure-input-1-4 {
+    width: 25%;
+}
+
+/* Inline help for forms */
+/* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead. */
+.pure-form .pure-help-inline,
+.pure-form-message-inline {
+    display: inline-block;
+    padding-left: 0.3em;
+    color: #666;
+    vertical-align: middle;
+    font-size: 0.875em;
+}
+
+/* Block help for forms */
+.pure-form-message {
+    display: block;
+    color: #666;
+    font-size: 0.875em;
+}
+
+/*csslint adjoining-classes:false, outline-none:false*/
+/*TODO: Remove this lint rule override after a refactor of this code.*/
+
+.pure-menu ul {
+    position: absolute;
+    visibility: hidden;
+}
+
+.pure-menu.pure-menu-open {
+    visibility: visible;
+    z-index: 2;
+    width: 100%;
+}
+
+.pure-menu ul {
+    left: -10000px;
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    top: -10000px;
+    z-index: 1;
+}
+
+.pure-menu > ul { position: relative; }
+
+.pure-menu-open > ul {
+    left: 0;
+    top: 0;
+    visibility: visible;
+}
+
+.pure-menu-open > ul:focus {
+    outline: 0;
+}
+
+.pure-menu li { position: relative; }
+
+.pure-menu a,
+.pure-menu .pure-menu-heading {
+    display: block;
+    color: inherit;
+    line-height: 1.5em;
+    padding: 5px 20px;
+    text-decoration: none;
+    white-space: nowrap;
+}
+
+.pure-menu.pure-menu-horizontal > .pure-menu-heading {
+    display: inline-block;
+    *display: inline;
+    zoom: 1;
+    margin: 0;
+    vertical-align: middle;
+}
+.pure-menu.pure-menu-horizontal > ul {
+    display: inline-block;
+    *display: inline;
+    zoom: 1;
+    vertical-align: middle;
+}
+
+.pure-menu li a { padding: 5px 20px; }
+
+.pure-menu-can-have-children > .pure-menu-label:after {
+    content: '\25B8';
+    float: right;
+    /* These specific fonts have the Unicode char we need. */
+    font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'DejaVu Sans', sans-serif;
+    margin-right: -20px;
+    margin-top: -1px;
+}
+
+.pure-menu-can-have-children > .pure-menu-label {
+    padding-right: 30px;
+}
+
+.pure-menu-separator {
+    background-color: #dfdfdf;
+    display: block;
+    height: 1px;
+    font-size: 0;
+    margin: 7px 2px;
+    overflow: hidden;
+}
+
+.pure-menu-hidden {
+    display: none;
+}
+
+/* FIXED MENU */
+.pure-menu-fixed {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+}
+
+
+/* HORIZONTAL MENU CODE */
+
+/* Initial menus should be inline-block so that they are horizontal */
+.pure-menu-horizontal li {
+    display: inline-block;
+    *display: inline;
+    zoom: 1;
+    vertical-align: middle;
+}
+
+/* Submenus should still be display: block; */
+.pure-menu-horizontal li li {
+    display: block;
+}
+
+/* Content after should be down arrow */
+.pure-menu-horizontal > .pure-menu-children > .pure-menu-can-have-children > .pure-menu-label:after {
+    content: "\25BE";
+}
+/*Add extra padding to elements that have the arrow so that the hover looks nice */
+.pure-menu-horizontal > .pure-menu-children > .pure-menu-can-have-children > .pure-menu-label {
+    padding-right: 30px;
+}
+
+/* Adjusting separator for vertical menus */
+.pure-menu-horizontal li.pure-menu-separator {
+	height: 50%;
+	width: 1px;
+	margin: 0 7px;
+}
+
+/* Submenus should be horizontal separator again */
+.pure-menu-horizontal li li.pure-menu-separator {
+	height: 1px;
+	width: auto;
+	margin: 7px 2px;
+}
+
+
+/*csslint adjoining-classes:false*/
+/*TODO: Remove this lint rule override after a refactor of this code.*/
+
+/* MAIN MENU STYLING */
+
+.pure-menu.pure-menu-open,
+.pure-menu.pure-menu-horizontal li .pure-menu-children {
+    background: #fff; /* Old browsers */
+    border: 1px solid #b7b7b7;
+}
+
+/* remove borders for horizontal menus */
+.pure-menu.pure-menu-horizontal,
+.pure-menu.pure-menu-horizontal .pure-menu-heading {
+    border: none;
+}
+
+
+/* LINK STYLES */
+
+.pure-menu a {
+    border: 1px solid transparent;
+    border-left: none;
+    border-right: none;
+
+}
+
+.pure-menu a,
+.pure-menu .pure-menu-can-have-children > li:after {
+    color: #777;
+}
+
+.pure-menu .pure-menu-can-have-children > li:hover:after {
+    color: #fff;
+}
+
+/* Focus style for a dropdown menu-item when the parent has been opened */
+.pure-menu .pure-menu-open {
+    background: #dedede;
+}
+
+
+.pure-menu li a:hover,
+.pure-menu li a:focus {
+    background: #eee;
+}
+
+/* DISABLED STATES */
+.pure-menu li.pure-menu-disabled a:hover,
+.pure-menu li.pure-menu-disabled a:focus {
+    background: #fff;
+    color: #bfbfbf;
+}
+
+.pure-menu .pure-menu-disabled > a {
+    background-image: none;
+    border-color: transparent;
+    cursor: default;
+}
+
+.pure-menu .pure-menu-disabled > a,
+.pure-menu .pure-menu-can-have-children.pure-menu-disabled > a:after {
+    color: #bfbfbf;
+}
+
+/* HEADINGS */
+.pure-menu .pure-menu-heading {
+    color: #565d64;
+    text-transform: uppercase;
+    font-size: 90%;
+    margin-top: 0.5em;
+    border-bottom-width: 1px;
+    border-bottom-style: solid;
+    border-bottom-color: #dfdfdf;
+}
+
+/* ACTIVE MENU ITEM */
+.pure-menu .pure-menu-selected a {
+    color: #000;
+}
+
+/* FIXED MENU */
+.pure-menu.pure-menu-open.pure-menu-fixed {
+    border: none;
+    border-bottom: 1px solid #b7b7b7;
+}
+
+/*csslint box-model:false*/
+/*TODO: Remove this lint rule override after a refactor of this code.*/
+
+
+.pure-paginator {
+
+    /* `pure-g` Grid styles */
+    letter-spacing: -0.31em; /* Webkit: collapse white-space between units */
+    *letter-spacing: normal; /* reset IE < 8 */
+    *word-spacing: -0.43em; /* IE < 8: collapse white-space between units */
+    text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLegibility */
+
+    /* `pure-paginator` Specific styles */
+    list-style: none;
+    margin: 0;
+    padding: 0;
+}
+.opera-only :-o-prefocus,
+.pure-paginator {
+    word-spacing: -0.43em;
+}
+
+/* `pure-u` Grid styles */
+.pure-paginator li {
+    display: inline-block;
+    *display: inline; /* IE < 8: fake inline-block */
+    zoom: 1;
+    letter-spacing: normal;
+    word-spacing: normal;
+    vertical-align: top;
+    text-rendering: auto;
+}
+
+
+.pure-paginator .pure-button {
+    border-radius: 0;
+    padding: 0.8em 1.4em;
+    vertical-align: top;
+    height: 1.1em;
+}
+.pure-paginator .pure-button:focus,
+.pure-paginator .pure-button:active {
+    outline-style: none;
+}
+.pure-paginator .prev,
+.pure-paginator .next {
+    color: #C0C1C3;
+    text-shadow: 0 -1px 0 rgba(0,0,0, 0.45);
+}
+.pure-paginator .prev {
+    border-radius: 2px 0 0 2px;
+}
+.pure-paginator .next {
+    border-radius: 0 2px 2px 0;
+}
+
+.pure-table {
+    /* Remove spacing between table cells (from Normalize.css) */
+    border-collapse: collapse;
+    border-spacing: 0;
+    empty-cells: show;
+    border: 1px solid #cbcbcb;
+}
+
+.pure-table caption {
+    color: #000;
+    font: italic 85%/1 arial, sans-serif;
+    padding: 1em 0;
+    text-align: center;
+}
+
+.pure-table td,
+.pure-table th {
+    border-left: 1px solid #cbcbcb;/*  inner column border */
+    border-width: 0 0 0 1px;
+    font-size: inherit;
+    margin: 0;
+    overflow: visible; /*to make ths where the title is really long work*/
+    padding: 0.5em 1em; /* cell padding */
+}
+.pure-table td:first-child,
+.pure-table th:first-child {
+    border-left-width: 0;
+}
+
+.pure-table thead {
+    background: #e0e0e0;
+    color: #000;
+    text-align: left;
+    vertical-align: bottom;
+}
+
+/*
+striping:
+   even - #fff (white)
+   odd  - #f2f2f2 (light gray)
+*/
+.pure-table td {
+    background-color: transparent;
+}
+.pure-table-odd td {
+    background-color: #f2f2f2;
+}
+
+/* nth-child selector for modern browsers */
+.pure-table-striped tr:nth-child(2n-1) td {
+    background-color: #f2f2f2;
+}
+
+/* BORDERED TABLES */
+.pure-table-bordered td {
+    border-bottom: 1px solid #cbcbcb;
+}
+.pure-table-bordered tbody > tr:last-child td,
+.pure-table-horizontal tbody > tr:last-child td {
+    border-bottom-width: 0;
+}
+
+
+/* HORIZONTAL BORDERED TABLES */
+
+.pure-table-horizontal td,
+.pure-table-horizontal th {
+    border-width: 0 0 1px 0;
+    border-bottom: 1px solid #cbcbcb;
+}
+.pure-table-horizontal tbody > tr:last-child td {
+    border-bottom-width: 0;
+}
diff --git a/mayan/apps/common/static/common/packages/pure-release-0.5.0/pure.css b/mayan/apps/common/static/common/packages/pure-release-0.5.0/pure.css
new file mode 100644
index 0000000000..abe7598abf
--- /dev/null
+++ b/mayan/apps/common/static/common/packages/pure-release-0.5.0/pure.css
@@ -0,0 +1,1664 @@
+/*!
+Pure v0.5.0
+Copyright 2014 Yahoo! Inc. All rights reserved.
+Licensed under the BSD License.
+https://github.com/yui/pure/blob/master/LICENSE.md
+*/
+/*!
+normalize.css v1.1.3 | MIT License | git.io/normalize
+Copyright (c) Nicolas Gallagher and Jonathan Neal
+*/
+/*! normalize.css v1.1.3 | MIT License | git.io/normalize */
+
+/* ==========================================================================
+   HTML5 display definitions
+   ========================================================================== */
+
+/**
+ * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
+ */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+nav,
+section,
+summary {
+    display: block;
+}
+
+/**
+ * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
+ */
+
+audio,
+canvas,
+video {
+    display: inline-block;
+    *display: inline;
+    *zoom: 1;
+}
+
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+
+audio:not([controls]) {
+    display: none;
+    height: 0;
+}
+
+/**
+ * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
+ * Known issue: no IE 6 support.
+ */
+
+[hidden] {
+    display: none;
+}
+
+/* ==========================================================================
+   Base
+   ========================================================================== */
+
+/**
+ * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
+ *    `em` units.
+ * 2. Prevent iOS text size adjust after orientation change, without disabling
+ *    user zoom.
+ */
+
+html {
+    font-size: 100%; /* 1 */
+    -ms-text-size-adjust: 100%; /* 2 */
+    -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/**
+ * Address `font-family` inconsistency between `textarea` and other form
+ * elements.
+ */
+
+html,
+button,
+input,
+select,
+textarea {
+    font-family: sans-serif;
+}
+
+/**
+ * Address margins handled incorrectly in IE 6/7.
+ */
+
+body {
+    margin: 0;
+}
+
+/* ==========================================================================
+   Links
+   ========================================================================== */
+
+/**
+ * Address `outline` inconsistency between Chrome and other browsers.
+ */
+
+a:focus {
+    outline: thin dotted;
+}
+
+/**
+ * Improve readability when focused and also mouse hovered in all browsers.
+ */
+
+a:active,
+a:hover {
+    outline: 0;
+}
+
+/* ==========================================================================
+   Typography
+   ========================================================================== */
+
+/**
+ * Address font sizes and margins set differently in IE 6/7.
+ * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
+ * and Chrome.
+ */
+
+h1 {
+    font-size: 2em;
+    margin: 0.67em 0;
+}
+
+h2 {
+    font-size: 1.5em;
+    margin: 0.83em 0;
+}
+
+h3 {
+    font-size: 1.17em;
+    margin: 1em 0;
+}
+
+h4 {
+    font-size: 1em;
+    margin: 1.33em 0;
+}
+
+h5 {
+    font-size: 0.83em;
+    margin: 1.67em 0;
+}
+
+h6 {
+    font-size: 0.67em;
+    margin: 2.33em 0;
+}
+
+/**
+ * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
+ */
+
+abbr[title] {
+    border-bottom: 1px dotted;
+}
+
+/**
+ * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
+ */
+
+b,
+strong {
+    font-weight: bold;
+}
+
+blockquote {
+    margin: 1em 40px;
+}
+
+/**
+ * Address styling not present in Safari 5 and Chrome.
+ */
+
+dfn {
+    font-style: italic;
+}
+
+/**
+ * Address differences between Firefox and other browsers.
+ * Known issue: no IE 6/7 normalization.
+ */
+
+hr {
+    -moz-box-sizing: content-box;
+    box-sizing: content-box;
+    height: 0;
+}
+
+/**
+ * Address styling not present in IE 6/7/8/9.
+ */
+
+mark {
+    background: #ff0;
+    color: #000;
+}
+
+/**
+ * Address margins set differently in IE 6/7.
+ */
+
+p,
+pre {
+    margin: 1em 0;
+}
+
+/**
+ * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
+ */
+
+code,
+kbd,
+pre,
+samp {
+    font-family: monospace, serif;
+    _font-family: 'courier new', monospace;
+    font-size: 1em;
+}
+
+/**
+ * Improve readability of pre-formatted text in all browsers.
+ */
+
+pre {
+    white-space: pre;
+    white-space: pre-wrap;
+    word-wrap: break-word;
+}
+
+/**
+ * Address CSS quotes not supported in IE 6/7.
+ */
+
+q {
+    quotes: none;
+}
+
+/**
+ * Address `quotes` property not supported in Safari 4.
+ */
+
+q:before,
+q:after {
+    content: '';
+    content: none;
+}
+
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+
+small {
+    font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ */
+
+sub,
+sup {
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+    vertical-align: baseline;
+}
+
+sup {
+    top: -0.5em;
+}
+
+sub {
+    bottom: -0.25em;
+}
+
+/* ==========================================================================
+   Lists
+   ========================================================================== */
+
+/**
+ * Address margins set differently in IE 6/7.
+ */
+
+dl,
+menu,
+ol,
+ul {
+    margin: 1em 0;
+}
+
+dd {
+    margin: 0 0 0 40px;
+}
+
+/**
+ * Address paddings set differently in IE 6/7.
+ */
+
+menu,
+ol,
+ul {
+    padding: 0 0 0 40px;
+}
+
+/**
+ * Correct list images handled incorrectly in IE 7.
+ */
+
+nav ul,
+nav ol {
+    list-style: none;
+    list-style-image: none;
+}
+
+/* ==========================================================================
+   Embedded content
+   ========================================================================== */
+
+/**
+ * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
+ * 2. Improve image quality when scaled in IE 7.
+ */
+
+img {
+    border: 0; /* 1 */
+    -ms-interpolation-mode: bicubic; /* 2 */
+}
+
+/**
+ * Correct overflow displayed oddly in IE 9.
+ */
+
+svg:not(:root) {
+    overflow: hidden;
+}
+
+/* ==========================================================================
+   Figures
+   ========================================================================== */
+
+/**
+ * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
+ */
+
+figure {
+    margin: 0;
+}
+
+/* ==========================================================================
+   Forms
+   ========================================================================== */
+
+/**
+ * Correct margin displayed oddly in IE 6/7.
+ */
+
+form {
+    margin: 0;
+}
+
+/**
+ * Define consistent border, margin, and padding.
+ */
+
+fieldset {
+    border: 1px solid #c0c0c0;
+    margin: 0 2px;
+    padding: 0.35em 0.625em 0.75em;
+}
+
+/**
+ * 1. Correct color not being inherited in IE 6/7/8/9.
+ * 2. Correct text not wrapping in Firefox 3.
+ * 3. Correct alignment displayed oddly in IE 6/7.
+ */
+
+legend {
+    border: 0; /* 1 */
+    padding: 0;
+    white-space: normal; /* 2 */
+    *margin-left: -7px; /* 3 */
+}
+
+/**
+ * 1. Correct font size not being inherited in all browsers.
+ * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
+ *    and Chrome.
+ * 3. Improve appearance and consistency in all browsers.
+ */
+
+button,
+input,
+select,
+textarea {
+    font-size: 100%; /* 1 */
+    margin: 0; /* 2 */
+    vertical-align: baseline; /* 3 */
+    *vertical-align: middle; /* 3 */
+}
+
+/**
+ * Address Firefox 3+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+
+button,
+input {
+    line-height: normal;
+}
+
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
+ * Correct `select` style inheritance in Firefox 4+ and Opera.
+ */
+
+button,
+select {
+    text-transform: none;
+}
+
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ *    and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ *    `input` and others.
+ * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
+ *    Known issue: inner spacing remains in IE 6.
+ */
+
+button,
+html input[type="button"], /* 1 */
+input[type="reset"],
+input[type="submit"] {
+    -webkit-appearance: button; /* 2 */
+    cursor: pointer; /* 3 */
+    *overflow: visible;  /* 4 */
+}
+
+/**
+ * Re-set default cursor for disabled elements.
+ */
+
+button[disabled],
+html input[disabled] {
+    cursor: default;
+}
+
+/**
+ * 1. Address box sizing set to content-box in IE 8/9.
+ * 2. Remove excess padding in IE 8/9.
+ * 3. Remove excess padding in IE 7.
+ *    Known issue: excess padding remains in IE 6.
+ */
+
+input[type="checkbox"],
+input[type="radio"] {
+    box-sizing: border-box; /* 1 */
+    padding: 0; /* 2 */
+    *height: 13px; /* 3 */
+    *width: 13px; /* 3 */
+}
+
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
+ *    (include `-moz` to future-proof).
+ */
+
+input[type="search"] {
+    -webkit-appearance: textfield; /* 1 */
+    -moz-box-sizing: content-box;
+    -webkit-box-sizing: content-box; /* 2 */
+    box-sizing: content-box;
+}
+
+/**
+ * Remove inner padding and search cancel button in Safari 5 and Chrome
+ * on OS X.
+ */
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+    -webkit-appearance: none;
+}
+
+/**
+ * Remove inner padding and border in Firefox 3+.
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+    border: 0;
+    padding: 0;
+}
+
+/**
+ * 1. Remove default vertical scrollbar in IE 6/7/8/9.
+ * 2. Improve readability and alignment in all browsers.
+ */
+
+textarea {
+    overflow: auto; /* 1 */
+    vertical-align: top; /* 2 */
+}
+
+/* ==========================================================================
+   Tables
+   ========================================================================== */
+
+/**
+ * Remove most spacing between table cells.
+ */
+
+table {
+    border-collapse: collapse;
+    border-spacing: 0;
+}
+
+/*csslint important:false*/
+
+/* ==========================================================================
+   Pure Base Extras
+   ========================================================================== */
+
+/**
+ * Extra rules that Pure adds on top of Normalize.css
+ */
+
+/**
+ * Always hide an element when it has the `hidden` HTML attribute.
+ */
+
+[hidden] {
+    display: none !important;
+}
+
+/**
+ * Add this class to an image to make it fit within it's fluid parent wrapper while maintaining
+ * aspect ratio.
+ */
+.pure-img {
+    max-width: 100%;
+    height: auto;
+    display: block;
+}
+
+/*csslint regex-selectors:false, known-properties:false, duplicate-properties:false*/
+
+.pure-g {
+    letter-spacing: -0.31em; /* Webkit: collapse white-space between units */
+    *letter-spacing: normal; /* reset IE < 8 */
+    *word-spacing: -0.43em; /* IE < 8: collapse white-space between units */
+    text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLegibility */
+
+    /*
+    Sets the font stack to fonts known to work properly with the above letter
+    and word spacings. See: https://github.com/yui/pure/issues/41/
+
+    The following font stack makes Pure Grids work on all known environments.
+
+    * FreeSans: Ships with many Linux distros, including Ubuntu
+
+    * Arimo: Ships with Chrome OS. Arimo has to be defined before Helvetica and
+      Arial to get picked up by the browser, even though neither is available
+      in Chrome OS.
+
+    * Droid Sans: Ships with all versions of Android.
+
+    * Helvetica, Arial, sans-serif: Common font stack on OS X and Windows.
+    */
+    font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
+
+    /*
+    Use flexbox when possible to avoid `letter-spacing` side-effects.
+
+    NOTE: Firefox (as of 25) does not currently support flex-wrap, so the
+    `-moz-` prefix version is omitted.
+    */
+
+    display: -webkit-flex;
+    -webkit-flex-flow: row wrap;
+
+    /* IE10 uses display: flexbox */
+    display: -ms-flexbox;
+    -ms-flex-flow: row wrap;
+}
+
+/* Opera as of 12 on Windows needs word-spacing.
+   The ".opera-only" selector is used to prevent actual prefocus styling
+   and is not required in markup.
+*/
+.opera-only :-o-prefocus,
+.pure-g {
+    word-spacing: -0.43em;
+}
+
+.pure-u {
+    display: inline-block;
+    *display: inline; /* IE < 8: fake inline-block */
+    zoom: 1;
+    letter-spacing: normal;
+    word-spacing: normal;
+    vertical-align: top;
+    text-rendering: auto;
+}
+
+/*
+Resets the font family back to the OS/browser's default sans-serif font,
+this the same font stack that Normalize.css sets for the `body`.
+*/
+.pure-g [class *= "pure-u"] {
+    font-family: sans-serif;
+}
+
+.pure-u-1,
+.pure-u-1-1,
+.pure-u-1-2,
+.pure-u-1-3,
+.pure-u-2-3,
+.pure-u-1-4,
+.pure-u-3-4,
+.pure-u-1-5,
+.pure-u-2-5,
+.pure-u-3-5,
+.pure-u-4-5,
+.pure-u-5-5,
+.pure-u-1-6,
+.pure-u-5-6,
+.pure-u-1-8,
+.pure-u-3-8,
+.pure-u-5-8,
+.pure-u-7-8,
+.pure-u-1-12,
+.pure-u-5-12,
+.pure-u-7-12,
+.pure-u-11-12,
+.pure-u-1-24,
+.pure-u-2-24,
+.pure-u-3-24,
+.pure-u-4-24,
+.pure-u-5-24,
+.pure-u-6-24,
+.pure-u-7-24,
+.pure-u-8-24,
+.pure-u-9-24,
+.pure-u-10-24,
+.pure-u-11-24,
+.pure-u-12-24,
+.pure-u-13-24,
+.pure-u-14-24,
+.pure-u-15-24,
+.pure-u-16-24,
+.pure-u-17-24,
+.pure-u-18-24,
+.pure-u-19-24,
+.pure-u-20-24,
+.pure-u-21-24,
+.pure-u-22-24,
+.pure-u-23-24,
+.pure-u-24-24 {
+    display: inline-block;
+    *display: inline;
+    zoom: 1;
+    letter-spacing: normal;
+    word-spacing: normal;
+    vertical-align: top;
+    text-rendering: auto;
+}
+
+.pure-u-1-24 {
+    width: 4.1667%;
+    *width: 4.1357%;
+}
+
+.pure-u-1-12,
+.pure-u-2-24 {
+    width: 8.3333%;
+    *width: 8.3023%;
+}
+
+.pure-u-1-8,
+.pure-u-3-24 {
+    width: 12.5000%;
+    *width: 12.4690%;
+}
+
+.pure-u-1-6,
+.pure-u-4-24 {
+    width: 16.6667%;
+    *width: 16.6357%;
+}
+
+.pure-u-1-5 {
+    width: 20%;
+    *width: 19.9690%;
+}
+
+.pure-u-5-24 {
+    width: 20.8333%;
+    *width: 20.8023%;
+}
+
+.pure-u-1-4,
+.pure-u-6-24 {
+    width: 25%;
+    *width: 24.9690%;
+}
+
+.pure-u-7-24 {
+    width: 29.1667%;
+    *width: 29.1357%;
+}
+
+.pure-u-1-3,
+.pure-u-8-24 {
+    width: 33.3333%;
+    *width: 33.3023%;
+}
+
+.pure-u-3-8,
+.pure-u-9-24 {
+    width: 37.5000%;
+    *width: 37.4690%;
+}
+
+.pure-u-2-5 {
+    width: 40%;
+    *width: 39.9690%;
+}
+
+.pure-u-5-12,
+.pure-u-10-24 {
+    width: 41.6667%;
+    *width: 41.6357%;
+}
+
+.pure-u-11-24 {
+    width: 45.8333%;
+    *width: 45.8023%;
+}
+
+.pure-u-1-2,
+.pure-u-12-24 {
+    width: 50%;
+    *width: 49.9690%;
+}
+
+.pure-u-13-24 {
+    width: 54.1667%;
+    *width: 54.1357%;
+}
+
+.pure-u-7-12,
+.pure-u-14-24 {
+    width: 58.3333%;
+    *width: 58.3023%;
+}
+
+.pure-u-3-5 {
+    width: 60%;
+    *width: 59.9690%;
+}
+
+.pure-u-5-8,
+.pure-u-15-24 {
+    width: 62.5000%;
+    *width: 62.4690%;
+}
+
+.pure-u-2-3,
+.pure-u-16-24 {
+    width: 66.6667%;
+    *width: 66.6357%;
+}
+
+.pure-u-17-24 {
+    width: 70.8333%;
+    *width: 70.8023%;
+}
+
+.pure-u-3-4,
+.pure-u-18-24 {
+    width: 75%;
+    *width: 74.9690%;
+}
+
+.pure-u-19-24 {
+    width: 79.1667%;
+    *width: 79.1357%;
+}
+
+.pure-u-4-5 {
+    width: 80%;
+    *width: 79.9690%;
+}
+
+.pure-u-5-6,
+.pure-u-20-24 {
+    width: 83.3333%;
+    *width: 83.3023%;
+}
+
+.pure-u-7-8,
+.pure-u-21-24 {
+    width: 87.5000%;
+    *width: 87.4690%;
+}
+
+.pure-u-11-12,
+.pure-u-22-24 {
+    width: 91.6667%;
+    *width: 91.6357%;
+}
+
+.pure-u-23-24 {
+    width: 95.8333%;
+    *width: 95.8023%;
+}
+
+.pure-u-1,
+.pure-u-1-1,
+.pure-u-5-5,
+.pure-u-24-24 {
+    width: 100%;
+}
+.pure-button {
+    /* Structure */
+    display: inline-block;
+    *display: inline; /*IE 6/7*/
+    zoom: 1;
+    line-height: normal;
+    white-space: nowrap;
+    vertical-align: baseline;
+    text-align: center;
+    cursor: pointer;
+    -webkit-user-drag: none;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+}
+
+/* Firefox: Get rid of the inner focus border */
+.pure-button::-moz-focus-inner {
+    padding: 0;
+    border: 0;
+}
+
+/*csslint outline-none:false*/
+
+.pure-button {
+    font-family: inherit;
+    font-size: 100%;
+    *font-size: 90%; /*IE 6/7 - To reduce IE's oversized button text*/
+    *overflow: visible; /*IE 6/7 - Because of IE's overly large left/right padding on buttons */
+    padding: 0.5em 1em;
+    color: #444; /* rgba not supported (IE 8) */
+    color: rgba(0, 0, 0, 0.80); /* rgba supported */
+    *color: #444; /* IE 6 & 7 */
+    border: 1px solid #999;  /*IE 6/7/8*/
+    border: none rgba(0, 0, 0, 0);  /*IE9 + everything else*/
+    background-color: #E6E6E6;
+    text-decoration: none;
+    border-radius: 2px;
+}
+
+.pure-button-hover,
+.pure-button:hover,
+.pure-button:focus {
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000',GradientType=0);
+    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0,0,0, 0.05)), to(rgba(0,0,0, 0.10)));
+    background-image: -webkit-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
+    background-image: -moz-linear-gradient(top, rgba(0,0,0, 0.05) 0%, rgba(0,0,0, 0.10));
+    background-image: -o-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
+    background-image: linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
+}
+.pure-button:focus {
+    outline: 0;
+}
+.pure-button-active,
+.pure-button:active {
+    box-shadow: 0 0 0 1px rgba(0,0,0, 0.15) inset, 0 0 6px rgba(0,0,0, 0.20) inset;
+}
+
+.pure-button[disabled],
+.pure-button-disabled,
+.pure-button-disabled:hover,
+.pure-button-disabled:focus,
+.pure-button-disabled:active {
+    border: none;
+    background-image: none;
+    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+    filter: alpha(opacity=40);
+    -khtml-opacity: 0.40;
+    -moz-opacity: 0.40;
+    opacity: 0.40;
+    cursor: not-allowed;
+    box-shadow: none;
+}
+
+.pure-button-hidden {
+    display: none;
+}
+
+/* Firefox: Get rid of the inner focus border */
+.pure-button::-moz-focus-inner{
+    padding: 0;
+    border: 0;
+}
+
+.pure-button-primary,
+.pure-button-selected,
+a.pure-button-primary,
+a.pure-button-selected {
+    background-color: rgb(0, 120, 231);
+    color: #fff;
+}
+
+.pure-form input[type="text"],
+.pure-form input[type="password"],
+.pure-form input[type="email"],
+.pure-form input[type="url"],
+.pure-form input[type="date"],
+.pure-form input[type="month"],
+.pure-form input[type="time"],
+.pure-form input[type="datetime"],
+.pure-form input[type="datetime-local"],
+.pure-form input[type="week"],
+.pure-form input[type="number"],
+.pure-form input[type="search"],
+.pure-form input[type="tel"],
+.pure-form input[type="color"],
+.pure-form select,
+.pure-form textarea {
+    padding: 0.5em 0.6em;
+    display: inline-block;
+    border: 1px solid #ccc;
+    box-shadow: inset 0 1px 3px #ddd;
+    border-radius: 4px;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+}
+
+/*
+Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
+since IE8 won't execute CSS that contains a CSS3 selector.
+*/
+.pure-form input:not([type]) {
+    padding: 0.5em 0.6em;
+    display: inline-block;
+    border: 1px solid #ccc;
+    box-shadow: inset 0 1px 3px #ddd;
+    border-radius: 4px;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+}
+
+
+/* Chrome (as of v.32/34 on OS X) needs additional room for color to display. */
+/* May be able to remove this tweak as color inputs become more standardized across browsers. */
+.pure-form input[type="color"] {
+    padding: 0.2em 0.5em;
+}
+
+
+.pure-form input[type="text"]:focus,
+.pure-form input[type="password"]:focus,
+.pure-form input[type="email"]:focus,
+.pure-form input[type="url"]:focus,
+.pure-form input[type="date"]:focus,
+.pure-form input[type="month"]:focus,
+.pure-form input[type="time"]:focus,
+.pure-form input[type="datetime"]:focus,
+.pure-form input[type="datetime-local"]:focus,
+.pure-form input[type="week"]:focus,
+.pure-form input[type="number"]:focus,
+.pure-form input[type="search"]:focus,
+.pure-form input[type="tel"]:focus,
+.pure-form input[type="color"]:focus,
+.pure-form select:focus,
+.pure-form textarea:focus {
+    outline: 0;
+    outline: thin dotted \9; /* IE6-9 */
+    border-color: #129FEA;
+}
+
+/*
+Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
+since IE8 won't execute CSS that contains a CSS3 selector.
+*/
+.pure-form input:not([type]):focus {
+    outline: 0;
+    outline: thin dotted \9; /* IE6-9 */
+    border-color: #129FEA;
+}
+
+.pure-form input[type="file"]:focus,
+.pure-form input[type="radio"]:focus,
+.pure-form input[type="checkbox"]:focus {
+    outline: thin dotted #333;
+    outline: 1px auto #129FEA;
+}
+.pure-form .pure-checkbox,
+.pure-form .pure-radio {
+    margin: 0.5em 0;
+    display: block;
+}
+
+.pure-form input[type="text"][disabled],
+.pure-form input[type="password"][disabled],
+.pure-form input[type="email"][disabled],
+.pure-form input[type="url"][disabled],
+.pure-form input[type="date"][disabled],
+.pure-form input[type="month"][disabled],
+.pure-form input[type="time"][disabled],
+.pure-form input[type="datetime"][disabled],
+.pure-form input[type="datetime-local"][disabled],
+.pure-form input[type="week"][disabled],
+.pure-form input[type="number"][disabled],
+.pure-form input[type="search"][disabled],
+.pure-form input[type="tel"][disabled],
+.pure-form input[type="color"][disabled],
+.pure-form select[disabled],
+.pure-form textarea[disabled] {
+    cursor: not-allowed;
+    background-color: #eaeded;
+    color: #cad2d3;
+}
+
+/*
+Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
+since IE8 won't execute CSS that contains a CSS3 selector.
+*/
+.pure-form input:not([type])[disabled] {
+    cursor: not-allowed;
+    background-color: #eaeded;
+    color: #cad2d3;
+}
+.pure-form input[readonly],
+.pure-form select[readonly],
+.pure-form textarea[readonly] {
+    background: #eee; /* menu hover bg color */
+    color: #777; /* menu text color */
+    border-color: #ccc;
+}
+
+.pure-form input:focus:invalid,
+.pure-form textarea:focus:invalid,
+.pure-form select:focus:invalid {
+    color: #b94a48;
+    border-color: #ee5f5b;
+}
+.pure-form input:focus:invalid:focus,
+.pure-form textarea:focus:invalid:focus,
+.pure-form select:focus:invalid:focus {
+    border-color: #e9322d;
+}
+.pure-form input[type="file"]:focus:invalid:focus,
+.pure-form input[type="radio"]:focus:invalid:focus,
+.pure-form input[type="checkbox"]:focus:invalid:focus {
+    outline-color: #e9322d;
+}
+.pure-form select {
+    border: 1px solid #ccc;
+    background-color: white;
+}
+.pure-form select[multiple] {
+    height: auto;
+}
+.pure-form label {
+    margin: 0.5em 0 0.2em;
+}
+.pure-form fieldset {
+    margin: 0;
+    padding: 0.35em 0 0.75em;
+    border: 0;
+}
+.pure-form legend {
+    display: block;
+    width: 100%;
+    padding: 0.3em 0;
+    margin-bottom: 0.3em;
+    color: #333;
+    border-bottom: 1px solid #e5e5e5;
+}
+
+.pure-form-stacked input[type="text"],
+.pure-form-stacked input[type="password"],
+.pure-form-stacked input[type="email"],
+.pure-form-stacked input[type="url"],
+.pure-form-stacked input[type="date"],
+.pure-form-stacked input[type="month"],
+.pure-form-stacked input[type="time"],
+.pure-form-stacked input[type="datetime"],
+.pure-form-stacked input[type="datetime-local"],
+.pure-form-stacked input[type="week"],
+.pure-form-stacked input[type="number"],
+.pure-form-stacked input[type="search"],
+.pure-form-stacked input[type="tel"],
+.pure-form-stacked input[type="color"],
+.pure-form-stacked select,
+.pure-form-stacked label,
+.pure-form-stacked textarea {
+    display: block;
+    margin: 0.25em 0;
+}
+
+/*
+Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
+since IE8 won't execute CSS that contains a CSS3 selector.
+*/
+.pure-form-stacked input:not([type]) {
+    display: block;
+    margin: 0.25em 0;
+}
+.pure-form-aligned input,
+.pure-form-aligned textarea,
+.pure-form-aligned select,
+/* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead. */
+.pure-form-aligned .pure-help-inline,
+.pure-form-message-inline {
+    display: inline-block;
+    *display: inline;
+    *zoom: 1;
+    vertical-align: middle;
+}
+.pure-form-aligned textarea {
+    vertical-align: top;
+}
+
+/* Aligned Forms */
+.pure-form-aligned .pure-control-group {
+    margin-bottom: 0.5em;
+}
+.pure-form-aligned .pure-control-group label {
+    text-align: right;
+    display: inline-block;
+    vertical-align: middle;
+    width: 10em;
+    margin: 0 1em 0 0;
+}
+.pure-form-aligned .pure-controls {
+    margin: 1.5em 0 0 10em;
+}
+
+/* Rounded Inputs */
+.pure-form input.pure-input-rounded,
+.pure-form .pure-input-rounded {
+    border-radius: 2em;
+    padding: 0.5em 1em;
+}
+
+/* Grouped Inputs */
+.pure-form .pure-group fieldset {
+    margin-bottom: 10px;
+}
+.pure-form .pure-group input {
+    display: block;
+    padding: 10px;
+    margin: 0;
+    border-radius: 0;
+    position: relative;
+    top: -1px;
+}
+.pure-form .pure-group input:focus {
+    z-index: 2;
+}
+.pure-form .pure-group input:first-child {
+    top: 1px;
+    border-radius: 4px 4px 0 0;
+}
+.pure-form .pure-group input:last-child {
+    top: -2px;
+    border-radius: 0 0 4px 4px;
+}
+.pure-form .pure-group button {
+    margin: 0.35em 0;
+}
+
+.pure-form .pure-input-1 {
+    width: 100%;
+}
+.pure-form .pure-input-2-3 {
+    width: 66%;
+}
+.pure-form .pure-input-1-2 {
+    width: 50%;
+}
+.pure-form .pure-input-1-3 {
+    width: 33%;
+}
+.pure-form .pure-input-1-4 {
+    width: 25%;
+}
+
+/* Inline help for forms */
+/* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead. */
+.pure-form .pure-help-inline,
+.pure-form-message-inline {
+    display: inline-block;
+    padding-left: 0.3em;
+    color: #666;
+    vertical-align: middle;
+    font-size: 0.875em;
+}
+
+/* Block help for forms */
+.pure-form-message {
+    display: block;
+    color: #666;
+    font-size: 0.875em;
+}
+
+@media only screen and (max-width : 480px) {
+    .pure-form button[type="submit"] {
+        margin: 0.7em 0 0;
+    }
+
+    .pure-form input:not([type]),
+    .pure-form input[type="text"],
+    .pure-form input[type="password"],
+    .pure-form input[type="email"],
+    .pure-form input[type="url"],
+    .pure-form input[type="date"],
+    .pure-form input[type="month"],
+    .pure-form input[type="time"],
+    .pure-form input[type="datetime"],
+    .pure-form input[type="datetime-local"],
+    .pure-form input[type="week"],
+    .pure-form input[type="number"],
+    .pure-form input[type="search"],
+    .pure-form input[type="tel"],
+    .pure-form input[type="color"],
+    .pure-form label {
+        margin-bottom: 0.3em;
+        display: block;
+    }
+
+    .pure-group input:not([type]),
+    .pure-group input[type="text"],
+    .pure-group input[type="password"],
+    .pure-group input[type="email"],
+    .pure-group input[type="url"],
+    .pure-group input[type="date"],
+    .pure-group input[type="month"],
+    .pure-group input[type="time"],
+    .pure-group input[type="datetime"],
+    .pure-group input[type="datetime-local"],
+    .pure-group input[type="week"],
+    .pure-group input[type="number"],
+    .pure-group input[type="search"],
+    .pure-group input[type="tel"],
+    .pure-group input[type="color"] {
+        margin-bottom: 0;
+    }
+
+    .pure-form-aligned .pure-control-group label {
+        margin-bottom: 0.3em;
+        text-align: left;
+        display: block;
+        width: 100%;
+    }
+
+    .pure-form-aligned .pure-controls {
+        margin: 1.5em 0 0 0;
+    }
+
+    /* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead. */
+    .pure-form .pure-help-inline,
+    .pure-form-message-inline,
+    .pure-form-message {
+        display: block;
+        font-size: 0.75em;
+        /* Increased bottom padding to make it group with its related input element. */
+        padding: 0.2em 0 0.8em;
+    }
+}
+
+/*csslint adjoining-classes:false, outline-none:false*/
+/*TODO: Remove this lint rule override after a refactor of this code.*/
+
+.pure-menu ul {
+    position: absolute;
+    visibility: hidden;
+}
+
+.pure-menu.pure-menu-open {
+    visibility: visible;
+    z-index: 2;
+    width: 100%;
+}
+
+.pure-menu ul {
+    left: -10000px;
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    top: -10000px;
+    z-index: 1;
+}
+
+.pure-menu > ul { position: relative; }
+
+.pure-menu-open > ul {
+    left: 0;
+    top: 0;
+    visibility: visible;
+}
+
+.pure-menu-open > ul:focus {
+    outline: 0;
+}
+
+.pure-menu li { position: relative; }
+
+.pure-menu a,
+.pure-menu .pure-menu-heading {
+    display: block;
+    color: inherit;
+    line-height: 1.5em;
+    padding: 5px 20px;
+    text-decoration: none;
+    white-space: nowrap;
+}
+
+.pure-menu.pure-menu-horizontal > .pure-menu-heading {
+    display: inline-block;
+    *display: inline;
+    zoom: 1;
+    margin: 0;
+    vertical-align: middle;
+}
+.pure-menu.pure-menu-horizontal > ul {
+    display: inline-block;
+    *display: inline;
+    zoom: 1;
+    vertical-align: middle;
+}
+
+.pure-menu li a { padding: 5px 20px; }
+
+.pure-menu-can-have-children > .pure-menu-label:after {
+    content: '\25B8';
+    float: right;
+    /* These specific fonts have the Unicode char we need. */
+    font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'DejaVu Sans', sans-serif;
+    margin-right: -20px;
+    margin-top: -1px;
+}
+
+.pure-menu-can-have-children > .pure-menu-label {
+    padding-right: 30px;
+}
+
+.pure-menu-separator {
+    background-color: #dfdfdf;
+    display: block;
+    height: 1px;
+    font-size: 0;
+    margin: 7px 2px;
+    overflow: hidden;
+}
+
+.pure-menu-hidden {
+    display: none;
+}
+
+/* FIXED MENU */
+.pure-menu-fixed {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+}
+
+
+/* HORIZONTAL MENU CODE */
+
+/* Initial menus should be inline-block so that they are horizontal */
+.pure-menu-horizontal li {
+    display: inline-block;
+    *display: inline;
+    zoom: 1;
+    vertical-align: middle;
+}
+
+/* Submenus should still be display: block; */
+.pure-menu-horizontal li li {
+    display: block;
+}
+
+/* Content after should be down arrow */
+.pure-menu-horizontal > .pure-menu-children > .pure-menu-can-have-children > .pure-menu-label:after {
+    content: "\25BE";
+}
+/*Add extra padding to elements that have the arrow so that the hover looks nice */
+.pure-menu-horizontal > .pure-menu-children > .pure-menu-can-have-children > .pure-menu-label {
+    padding-right: 30px;
+}
+
+/* Adjusting separator for vertical menus */
+.pure-menu-horizontal li.pure-menu-separator {
+	height: 50%;
+	width: 1px;
+	margin: 0 7px;
+}
+
+/* Submenus should be horizontal separator again */
+.pure-menu-horizontal li li.pure-menu-separator {
+	height: 1px;
+	width: auto;
+	margin: 7px 2px;
+}
+
+
+/*csslint adjoining-classes:false*/
+/*TODO: Remove this lint rule override after a refactor of this code.*/
+
+/* MAIN MENU STYLING */
+
+.pure-menu.pure-menu-open,
+.pure-menu.pure-menu-horizontal li .pure-menu-children {
+    background: #fff; /* Old browsers */
+    border: 1px solid #b7b7b7;
+}
+
+/* remove borders for horizontal menus */
+.pure-menu.pure-menu-horizontal,
+.pure-menu.pure-menu-horizontal .pure-menu-heading {
+    border: none;
+}
+
+
+/* LINK STYLES */
+
+.pure-menu a {
+    border: 1px solid transparent;
+    border-left: none;
+    border-right: none;
+
+}
+
+.pure-menu a,
+.pure-menu .pure-menu-can-have-children > li:after {
+    color: #777;
+}
+
+.pure-menu .pure-menu-can-have-children > li:hover:after {
+    color: #fff;
+}
+
+/* Focus style for a dropdown menu-item when the parent has been opened */
+.pure-menu .pure-menu-open {
+    background: #dedede;
+}
+
+
+.pure-menu li a:hover,
+.pure-menu li a:focus {
+    background: #eee;
+}
+
+/* DISABLED STATES */
+.pure-menu li.pure-menu-disabled a:hover,
+.pure-menu li.pure-menu-disabled a:focus {
+    background: #fff;
+    color: #bfbfbf;
+}
+
+.pure-menu .pure-menu-disabled > a {
+    background-image: none;
+    border-color: transparent;
+    cursor: default;
+}
+
+.pure-menu .pure-menu-disabled > a,
+.pure-menu .pure-menu-can-have-children.pure-menu-disabled > a:after {
+    color: #bfbfbf;
+}
+
+/* HEADINGS */
+.pure-menu .pure-menu-heading {
+    color: #565d64;
+    text-transform: uppercase;
+    font-size: 90%;
+    margin-top: 0.5em;
+    border-bottom-width: 1px;
+    border-bottom-style: solid;
+    border-bottom-color: #dfdfdf;
+}
+
+/* ACTIVE MENU ITEM */
+.pure-menu .pure-menu-selected a {
+    color: #000;
+}
+
+/* FIXED MENU */
+.pure-menu.pure-menu-open.pure-menu-fixed {
+    border: none;
+    border-bottom: 1px solid #b7b7b7;
+}
+
+/*csslint box-model:false*/
+/*TODO: Remove this lint rule override after a refactor of this code.*/
+
+
+.pure-paginator {
+
+    /* `pure-g` Grid styles */
+    letter-spacing: -0.31em; /* Webkit: collapse white-space between units */
+    *letter-spacing: normal; /* reset IE < 8 */
+    *word-spacing: -0.43em; /* IE < 8: collapse white-space between units */
+    text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLegibility */
+
+    /* `pure-paginator` Specific styles */
+    list-style: none;
+    margin: 0;
+    padding: 0;
+}
+.opera-only :-o-prefocus,
+.pure-paginator {
+    word-spacing: -0.43em;
+}
+
+/* `pure-u` Grid styles */
+.pure-paginator li {
+    display: inline-block;
+    *display: inline; /* IE < 8: fake inline-block */
+    zoom: 1;
+    letter-spacing: normal;
+    word-spacing: normal;
+    vertical-align: top;
+    text-rendering: auto;
+}
+
+
+.pure-paginator .pure-button {
+    border-radius: 0;
+    padding: 0.8em 1.4em;
+    vertical-align: top;
+    height: 1.1em;
+}
+.pure-paginator .pure-button:focus,
+.pure-paginator .pure-button:active {
+    outline-style: none;
+}
+.pure-paginator .prev,
+.pure-paginator .next {
+    color: #C0C1C3;
+    text-shadow: 0 -1px 0 rgba(0,0,0, 0.45);
+}
+.pure-paginator .prev {
+    border-radius: 2px 0 0 2px;
+}
+.pure-paginator .next {
+    border-radius: 0 2px 2px 0;
+}
+
+@media (max-width: 480px) {
+    .pure-menu-horizontal {
+        width: 100%;
+    }
+
+    .pure-menu-children li {
+        display: block;
+        border-bottom: 1px solid black;
+    }
+}
+
+.pure-table {
+    /* Remove spacing between table cells (from Normalize.css) */
+    border-collapse: collapse;
+    border-spacing: 0;
+    empty-cells: show;
+    border: 1px solid #cbcbcb;
+}
+
+.pure-table caption {
+    color: #000;
+    font: italic 85%/1 arial, sans-serif;
+    padding: 1em 0;
+    text-align: center;
+}
+
+.pure-table td,
+.pure-table th {
+    border-left: 1px solid #cbcbcb;/*  inner column border */
+    border-width: 0 0 0 1px;
+    font-size: inherit;
+    margin: 0;
+    overflow: visible; /*to make ths where the title is really long work*/
+    padding: 0.5em 1em; /* cell padding */
+}
+.pure-table td:first-child,
+.pure-table th:first-child {
+    border-left-width: 0;
+}
+
+.pure-table thead {
+    background: #e0e0e0;
+    color: #000;
+    text-align: left;
+    vertical-align: bottom;
+}
+
+/*
+striping:
+   even - #fff (white)
+   odd  - #f2f2f2 (light gray)
+*/
+.pure-table td {
+    background-color: transparent;
+}
+.pure-table-odd td {
+    background-color: #f2f2f2;
+}
+
+/* nth-child selector for modern browsers */
+.pure-table-striped tr:nth-child(2n-1) td {
+    background-color: #f2f2f2;
+}
+
+/* BORDERED TABLES */
+.pure-table-bordered td {
+    border-bottom: 1px solid #cbcbcb;
+}
+.pure-table-bordered tbody > tr:last-child td,
+.pure-table-horizontal tbody > tr:last-child td {
+    border-bottom-width: 0;
+}
+
+
+/* HORIZONTAL BORDERED TABLES */
+
+.pure-table-horizontal td,
+.pure-table-horizontal th {
+    border-width: 0 0 1px 0;
+    border-bottom: 1px solid #cbcbcb;
+}
+.pure-table-horizontal tbody > tr:last-child td {
+    border-bottom-width: 0;
+}
diff --git a/mayan/apps/common/static/common/packages/pure-release-0.5.0/tables-min.css b/mayan/apps/common/static/common/packages/pure-release-0.5.0/tables-min.css
new file mode 100644
index 0000000000..1aa592eb75
--- /dev/null
+++ b/mayan/apps/common/static/common/packages/pure-release-0.5.0/tables-min.css
@@ -0,0 +1,7 @@
+/*!
+Pure v0.5.0
+Copyright 2014 Yahoo! Inc. All rights reserved.
+Licensed under the BSD License.
+https://github.com/yui/pure/blob/master/LICENSE.md
+*/
+.pure-table{border-collapse:collapse;border-spacing:0;empty-cells:show;border:1px solid #cbcbcb}.pure-table caption{color:#000;font:italic 85%/1 arial,sans-serif;padding:1em 0;text-align:center}.pure-table td,.pure-table th{border-left:1px solid #cbcbcb;border-width:0 0 0 1px;font-size:inherit;margin:0;overflow:visible;padding:.5em 1em}.pure-table td:first-child,.pure-table th:first-child{border-left-width:0}.pure-table thead{background:#e0e0e0;color:#000;text-align:left;vertical-align:bottom}.pure-table td{background-color:transparent}.pure-table-odd td{background-color:#f2f2f2}.pure-table-striped tr:nth-child(2n-1) td{background-color:#f2f2f2}.pure-table-bordered td{border-bottom:1px solid #cbcbcb}.pure-table-bordered tbody>tr:last-child td,.pure-table-horizontal tbody>tr:last-child td{border-bottom-width:0}.pure-table-horizontal td,.pure-table-horizontal th{border-width:0 0 1px;border-bottom:1px solid #cbcbcb}.pure-table-horizontal tbody>tr:last-child td{border-bottom-width:0}
\ No newline at end of file
diff --git a/mayan/apps/common/static/common/packages/pure-release-0.5.0/tables.css b/mayan/apps/common/static/common/packages/pure-release-0.5.0/tables.css
new file mode 100644
index 0000000000..886e68955b
--- /dev/null
+++ b/mayan/apps/common/static/common/packages/pure-release-0.5.0/tables.css
@@ -0,0 +1,79 @@
+/*!
+Pure v0.5.0
+Copyright 2014 Yahoo! Inc. All rights reserved.
+Licensed under the BSD License.
+https://github.com/yui/pure/blob/master/LICENSE.md
+*/
+.pure-table {
+    /* Remove spacing between table cells (from Normalize.css) */
+    border-collapse: collapse;
+    border-spacing: 0;
+    empty-cells: show;
+    border: 1px solid #cbcbcb;
+}
+
+.pure-table caption {
+    color: #000;
+    font: italic 85%/1 arial, sans-serif;
+    padding: 1em 0;
+    text-align: center;
+}
+
+.pure-table td,
+.pure-table th {
+    border-left: 1px solid #cbcbcb;/*  inner column border */
+    border-width: 0 0 0 1px;
+    font-size: inherit;
+    margin: 0;
+    overflow: visible; /*to make ths where the title is really long work*/
+    padding: 0.5em 1em; /* cell padding */
+}
+.pure-table td:first-child,
+.pure-table th:first-child {
+    border-left-width: 0;
+}
+
+.pure-table thead {
+    background: #e0e0e0;
+    color: #000;
+    text-align: left;
+    vertical-align: bottom;
+}
+
+/*
+striping:
+   even - #fff (white)
+   odd  - #f2f2f2 (light gray)
+*/
+.pure-table td {
+    background-color: transparent;
+}
+.pure-table-odd td {
+    background-color: #f2f2f2;
+}
+
+/* nth-child selector for modern browsers */
+.pure-table-striped tr:nth-child(2n-1) td {
+    background-color: #f2f2f2;
+}
+
+/* BORDERED TABLES */
+.pure-table-bordered td {
+    border-bottom: 1px solid #cbcbcb;
+}
+.pure-table-bordered tbody > tr:last-child td,
+.pure-table-horizontal tbody > tr:last-child td {
+    border-bottom-width: 0;
+}
+
+
+/* HORIZONTAL BORDERED TABLES */
+
+.pure-table-horizontal td,
+.pure-table-horizontal th {
+    border-width: 0 0 1px 0;
+    border-bottom: 1px solid #cbcbcb;
+}
+.pure-table-horizontal tbody > tr:last-child td {
+    border-bottom-width: 0;
+}
diff --git a/mayan/apps/main/static/packages/animate-custom.css b/mayan/apps/common/static/packages/animate-custom.css
similarity index 100%
rename from mayan/apps/main/static/packages/animate-custom.css
rename to mayan/apps/common/static/packages/animate-custom.css
diff --git a/mayan/apps/main/static/packages/fancyBox-master/.gitattributes b/mayan/apps/common/static/packages/fancyBox-master/.gitattributes
similarity index 100%
rename from mayan/apps/main/static/packages/fancyBox-master/.gitattributes
rename to mayan/apps/common/static/packages/fancyBox-master/.gitattributes
diff --git a/mayan/apps/main/static/packages/fancyBox-master/CHANGELOG.md b/mayan/apps/common/static/packages/fancyBox-master/CHANGELOG.md
similarity index 100%
rename from mayan/apps/main/static/packages/fancyBox-master/CHANGELOG.md
rename to mayan/apps/common/static/packages/fancyBox-master/CHANGELOG.md
diff --git a/mayan/apps/main/static/packages/fancyBox-master/README.md b/mayan/apps/common/static/packages/fancyBox-master/README.md
similarity index 100%
rename from mayan/apps/main/static/packages/fancyBox-master/README.md
rename to mayan/apps/common/static/packages/fancyBox-master/README.md
diff --git a/mayan/apps/main/static/packages/fancyBox-master/bower.json b/mayan/apps/common/static/packages/fancyBox-master/bower.json
similarity index 100%
rename from mayan/apps/main/static/packages/fancyBox-master/bower.json
rename to mayan/apps/common/static/packages/fancyBox-master/bower.json
diff --git a/mayan/apps/main/static/packages/fancyBox-master/demo/1_b.jpg b/mayan/apps/common/static/packages/fancyBox-master/demo/1_b.jpg
similarity index 100%
rename from mayan/apps/main/static/packages/fancyBox-master/demo/1_b.jpg
rename to mayan/apps/common/static/packages/fancyBox-master/demo/1_b.jpg
diff --git a/mayan/apps/main/static/packages/fancyBox-master/demo/1_s.jpg b/mayan/apps/common/static/packages/fancyBox-master/demo/1_s.jpg
similarity index 100%
rename from mayan/apps/main/static/packages/fancyBox-master/demo/1_s.jpg
rename to mayan/apps/common/static/packages/fancyBox-master/demo/1_s.jpg
diff --git a/mayan/apps/main/static/packages/fancyBox-master/demo/2_b.jpg b/mayan/apps/common/static/packages/fancyBox-master/demo/2_b.jpg
similarity index 100%
rename from mayan/apps/main/static/packages/fancyBox-master/demo/2_b.jpg
rename to mayan/apps/common/static/packages/fancyBox-master/demo/2_b.jpg
diff --git a/mayan/apps/main/static/packages/fancyBox-master/demo/2_s.jpg b/mayan/apps/common/static/packages/fancyBox-master/demo/2_s.jpg
similarity index 100%
rename from mayan/apps/main/static/packages/fancyBox-master/demo/2_s.jpg
rename to mayan/apps/common/static/packages/fancyBox-master/demo/2_s.jpg
diff --git a/mayan/apps/main/static/packages/fancyBox-master/demo/3_b.jpg b/mayan/apps/common/static/packages/fancyBox-master/demo/3_b.jpg
similarity index 100%
rename from mayan/apps/main/static/packages/fancyBox-master/demo/3_b.jpg
rename to mayan/apps/common/static/packages/fancyBox-master/demo/3_b.jpg
diff --git a/mayan/apps/main/static/packages/fancyBox-master/demo/3_s.jpg b/mayan/apps/common/static/packages/fancyBox-master/demo/3_s.jpg
similarity index 100%
rename from mayan/apps/main/static/packages/fancyBox-master/demo/3_s.jpg
rename to mayan/apps/common/static/packages/fancyBox-master/demo/3_s.jpg
diff --git a/mayan/apps/main/static/packages/fancyBox-master/demo/4_b.jpg b/mayan/apps/common/static/packages/fancyBox-master/demo/4_b.jpg
similarity index 100%
rename from mayan/apps/main/static/packages/fancyBox-master/demo/4_b.jpg
rename to mayan/apps/common/static/packages/fancyBox-master/demo/4_b.jpg
diff --git a/mayan/apps/main/static/packages/fancyBox-master/demo/4_s.jpg b/mayan/apps/common/static/packages/fancyBox-master/demo/4_s.jpg
similarity index 100%
rename from mayan/apps/main/static/packages/fancyBox-master/demo/4_s.jpg
rename to mayan/apps/common/static/packages/fancyBox-master/demo/4_s.jpg
diff --git a/mayan/apps/main/static/packages/fancyBox-master/demo/5_b.jpg b/mayan/apps/common/static/packages/fancyBox-master/demo/5_b.jpg
similarity index 100%
rename from mayan/apps/main/static/packages/fancyBox-master/demo/5_b.jpg
rename to mayan/apps/common/static/packages/fancyBox-master/demo/5_b.jpg
diff --git a/mayan/apps/main/static/packages/fancyBox-master/demo/5_s.jpg b/mayan/apps/common/static/packages/fancyBox-master/demo/5_s.jpg
similarity index 100%
rename from mayan/apps/main/static/packages/fancyBox-master/demo/5_s.jpg
rename to mayan/apps/common/static/packages/fancyBox-master/demo/5_s.jpg
diff --git a/mayan/apps/main/static/packages/fancyBox-master/demo/ajax.txt b/mayan/apps/common/static/packages/fancyBox-master/demo/ajax.txt
similarity index 100%
rename from mayan/apps/main/static/packages/fancyBox-master/demo/ajax.txt
rename to mayan/apps/common/static/packages/fancyBox-master/demo/ajax.txt
diff --git a/mayan/apps/main/static/packages/fancyBox-master/demo/iframe.html b/mayan/apps/common/static/packages/fancyBox-master/demo/iframe.html
similarity index 100%
rename from mayan/apps/main/static/packages/fancyBox-master/demo/iframe.html
rename to mayan/apps/common/static/packages/fancyBox-master/demo/iframe.html
diff --git a/mayan/apps/main/static/packages/fancyBox-master/demo/index.html b/mayan/apps/common/static/packages/fancyBox-master/demo/index.html
similarity index 100%
rename from mayan/apps/main/static/packages/fancyBox-master/demo/index.html
rename to mayan/apps/common/static/packages/fancyBox-master/demo/index.html
diff --git a/mayan/apps/main/static/packages/fancyBox-master/fancybox.jquery.json b/mayan/apps/common/static/packages/fancyBox-master/fancybox.jquery.json
similarity index 100%
rename from mayan/apps/main/static/packages/fancyBox-master/fancybox.jquery.json
rename to mayan/apps/common/static/packages/fancyBox-master/fancybox.jquery.json
diff --git a/mayan/apps/main/static/packages/fancyBox-master/lib/jquery-1.10.2.min.js b/mayan/apps/common/static/packages/fancyBox-master/lib/jquery-1.10.2.min.js
similarity index 100%
rename from mayan/apps/main/static/packages/fancyBox-master/lib/jquery-1.10.2.min.js
rename to mayan/apps/common/static/packages/fancyBox-master/lib/jquery-1.10.2.min.js
diff --git a/mayan/apps/main/static/packages/fancyBox-master/lib/jquery.mousewheel.pack.js b/mayan/apps/common/static/packages/fancyBox-master/lib/jquery.mousewheel.pack.js
similarity index 100%
rename from mayan/apps/main/static/packages/fancyBox-master/lib/jquery.mousewheel.pack.js
rename to mayan/apps/common/static/packages/fancyBox-master/lib/jquery.mousewheel.pack.js
diff --git a/mayan/apps/main/static/packages/fancyBox-master/source/blank.gif b/mayan/apps/common/static/packages/fancyBox-master/source/blank.gif
similarity index 100%
rename from mayan/apps/main/static/packages/fancyBox-master/source/blank.gif
rename to mayan/apps/common/static/packages/fancyBox-master/source/blank.gif
diff --git a/mayan/apps/main/static/packages/fancyBox-master/source/fancybox_loading.gif b/mayan/apps/common/static/packages/fancyBox-master/source/fancybox_loading.gif
similarity index 100%
rename from mayan/apps/main/static/packages/fancyBox-master/source/fancybox_loading.gif
rename to mayan/apps/common/static/packages/fancyBox-master/source/fancybox_loading.gif
diff --git a/mayan/apps/main/static/packages/fancyBox-master/source/fancybox_loading@2x.gif b/mayan/apps/common/static/packages/fancyBox-master/source/fancybox_loading@2x.gif
similarity index 100%
rename from mayan/apps/main/static/packages/fancyBox-master/source/fancybox_loading@2x.gif
rename to mayan/apps/common/static/packages/fancyBox-master/source/fancybox_loading@2x.gif
diff --git a/mayan/apps/main/static/packages/fancyBox-master/source/fancybox_overlay.png b/mayan/apps/common/static/packages/fancyBox-master/source/fancybox_overlay.png
similarity index 100%
rename from mayan/apps/main/static/packages/fancyBox-master/source/fancybox_overlay.png
rename to mayan/apps/common/static/packages/fancyBox-master/source/fancybox_overlay.png
diff --git a/mayan/apps/main/static/packages/fancyBox-master/source/fancybox_sprite.png b/mayan/apps/common/static/packages/fancyBox-master/source/fancybox_sprite.png
similarity index 100%
rename from mayan/apps/main/static/packages/fancyBox-master/source/fancybox_sprite.png
rename to mayan/apps/common/static/packages/fancyBox-master/source/fancybox_sprite.png
diff --git a/mayan/apps/main/static/packages/fancyBox-master/source/fancybox_sprite@2x.png b/mayan/apps/common/static/packages/fancyBox-master/source/fancybox_sprite@2x.png
similarity index 100%
rename from mayan/apps/main/static/packages/fancyBox-master/source/fancybox_sprite@2x.png
rename to mayan/apps/common/static/packages/fancyBox-master/source/fancybox_sprite@2x.png
diff --git a/mayan/apps/main/static/packages/fancyBox-master/source/helpers/fancybox_buttons.png b/mayan/apps/common/static/packages/fancyBox-master/source/helpers/fancybox_buttons.png
similarity index 100%
rename from mayan/apps/main/static/packages/fancyBox-master/source/helpers/fancybox_buttons.png
rename to mayan/apps/common/static/packages/fancyBox-master/source/helpers/fancybox_buttons.png
diff --git a/mayan/apps/main/static/packages/fancyBox-master/source/helpers/jquery.fancybox-buttons.css b/mayan/apps/common/static/packages/fancyBox-master/source/helpers/jquery.fancybox-buttons.css
similarity index 100%
rename from mayan/apps/main/static/packages/fancyBox-master/source/helpers/jquery.fancybox-buttons.css
rename to mayan/apps/common/static/packages/fancyBox-master/source/helpers/jquery.fancybox-buttons.css
diff --git a/mayan/apps/main/static/packages/fancyBox-master/source/helpers/jquery.fancybox-buttons.js b/mayan/apps/common/static/packages/fancyBox-master/source/helpers/jquery.fancybox-buttons.js
similarity index 100%
rename from mayan/apps/main/static/packages/fancyBox-master/source/helpers/jquery.fancybox-buttons.js
rename to mayan/apps/common/static/packages/fancyBox-master/source/helpers/jquery.fancybox-buttons.js
diff --git a/mayan/apps/main/static/packages/fancyBox-master/source/helpers/jquery.fancybox-media.js b/mayan/apps/common/static/packages/fancyBox-master/source/helpers/jquery.fancybox-media.js
similarity index 100%
rename from mayan/apps/main/static/packages/fancyBox-master/source/helpers/jquery.fancybox-media.js
rename to mayan/apps/common/static/packages/fancyBox-master/source/helpers/jquery.fancybox-media.js
diff --git a/mayan/apps/main/static/packages/fancyBox-master/source/helpers/jquery.fancybox-thumbs.css b/mayan/apps/common/static/packages/fancyBox-master/source/helpers/jquery.fancybox-thumbs.css
similarity index 100%
rename from mayan/apps/main/static/packages/fancyBox-master/source/helpers/jquery.fancybox-thumbs.css
rename to mayan/apps/common/static/packages/fancyBox-master/source/helpers/jquery.fancybox-thumbs.css
diff --git a/mayan/apps/main/static/packages/fancyBox-master/source/helpers/jquery.fancybox-thumbs.js b/mayan/apps/common/static/packages/fancyBox-master/source/helpers/jquery.fancybox-thumbs.js
similarity index 100%
rename from mayan/apps/main/static/packages/fancyBox-master/source/helpers/jquery.fancybox-thumbs.js
rename to mayan/apps/common/static/packages/fancyBox-master/source/helpers/jquery.fancybox-thumbs.js
diff --git a/mayan/apps/main/static/packages/fancyBox-master/source/jquery.fancybox.css b/mayan/apps/common/static/packages/fancyBox-master/source/jquery.fancybox.css
similarity index 100%
rename from mayan/apps/main/static/packages/fancyBox-master/source/jquery.fancybox.css
rename to mayan/apps/common/static/packages/fancyBox-master/source/jquery.fancybox.css
diff --git a/mayan/apps/main/static/packages/fancyBox-master/source/jquery.fancybox.js b/mayan/apps/common/static/packages/fancyBox-master/source/jquery.fancybox.js
similarity index 100%
rename from mayan/apps/main/static/packages/fancyBox-master/source/jquery.fancybox.js
rename to mayan/apps/common/static/packages/fancyBox-master/source/jquery.fancybox.js
diff --git a/mayan/apps/main/static/packages/fancyBox-master/source/jquery.fancybox.pack.js b/mayan/apps/common/static/packages/fancyBox-master/source/jquery.fancybox.pack.js
similarity index 100%
rename from mayan/apps/main/static/packages/fancyBox-master/source/jquery.fancybox.pack.js
rename to mayan/apps/common/static/packages/fancyBox-master/source/jquery.fancybox.pack.js
diff --git a/mayan/apps/main/static/packages/fancyBox-master/sprite.psd b/mayan/apps/common/static/packages/fancyBox-master/sprite.psd
similarity index 100%
rename from mayan/apps/main/static/packages/fancyBox-master/sprite.psd
rename to mayan/apps/common/static/packages/fancyBox-master/sprite.psd
diff --git a/mayan/apps/main/static/packages/jquery-2.1.1.min.js b/mayan/apps/common/static/packages/jquery-2.1.1.min.js
similarity index 100%
rename from mayan/apps/main/static/packages/jquery-2.1.1.min.js
rename to mayan/apps/common/static/packages/jquery-2.1.1.min.js
diff --git a/mayan/apps/main/static/packages/jquery.printElement.min.js b/mayan/apps/common/static/packages/jquery.printElement.min.js
similarity index 100%
rename from mayan/apps/main/static/packages/jquery.printElement.min.js
rename to mayan/apps/common/static/packages/jquery.printElement.min.js
diff --git a/mayan/apps/main/static/packages/jquery.scrollview.js b/mayan/apps/common/static/packages/jquery.scrollview.js
similarity index 100%
rename from mayan/apps/main/static/packages/jquery.scrollview.js
rename to mayan/apps/common/static/packages/jquery.scrollview.js
diff --git a/mayan/apps/main/static/packages/jquery_lazyload-master/.gitignore b/mayan/apps/common/static/packages/jquery_lazyload-master/.gitignore
similarity index 100%
rename from mayan/apps/main/static/packages/jquery_lazyload-master/.gitignore
rename to mayan/apps/common/static/packages/jquery_lazyload-master/.gitignore
diff --git a/mayan/apps/main/static/packages/jquery_lazyload-master/.jshintrc b/mayan/apps/common/static/packages/jquery_lazyload-master/.jshintrc
similarity index 100%
rename from mayan/apps/main/static/packages/jquery_lazyload-master/.jshintrc
rename to mayan/apps/common/static/packages/jquery_lazyload-master/.jshintrc
diff --git a/mayan/apps/main/static/packages/jquery_lazyload-master/CONTRIBUTING.markdown b/mayan/apps/common/static/packages/jquery_lazyload-master/CONTRIBUTING.markdown
similarity index 100%
rename from mayan/apps/main/static/packages/jquery_lazyload-master/CONTRIBUTING.markdown
rename to mayan/apps/common/static/packages/jquery_lazyload-master/CONTRIBUTING.markdown
diff --git a/mayan/apps/main/static/packages/jquery_lazyload-master/Gruntfile.js b/mayan/apps/common/static/packages/jquery_lazyload-master/Gruntfile.js
similarity index 100%
rename from mayan/apps/main/static/packages/jquery_lazyload-master/Gruntfile.js
rename to mayan/apps/common/static/packages/jquery_lazyload-master/Gruntfile.js
diff --git a/mayan/apps/main/static/packages/jquery_lazyload-master/README.textile b/mayan/apps/common/static/packages/jquery_lazyload-master/README.textile
similarity index 100%
rename from mayan/apps/main/static/packages/jquery_lazyload-master/README.textile
rename to mayan/apps/common/static/packages/jquery_lazyload-master/README.textile
diff --git a/mayan/apps/main/static/packages/jquery_lazyload-master/bower.json b/mayan/apps/common/static/packages/jquery_lazyload-master/bower.json
similarity index 100%
rename from mayan/apps/main/static/packages/jquery_lazyload-master/bower.json
rename to mayan/apps/common/static/packages/jquery_lazyload-master/bower.json
diff --git a/mayan/apps/main/static/packages/jquery_lazyload-master/disabled.html b/mayan/apps/common/static/packages/jquery_lazyload-master/disabled.html
similarity index 100%
rename from mayan/apps/main/static/packages/jquery_lazyload-master/disabled.html
rename to mayan/apps/common/static/packages/jquery_lazyload-master/disabled.html
diff --git a/mayan/apps/main/static/packages/jquery_lazyload-master/enabled.html b/mayan/apps/common/static/packages/jquery_lazyload-master/enabled.html
similarity index 100%
rename from mayan/apps/main/static/packages/jquery_lazyload-master/enabled.html
rename to mayan/apps/common/static/packages/jquery_lazyload-master/enabled.html
diff --git a/mayan/apps/main/static/packages/jquery_lazyload-master/enabled_ajax.html b/mayan/apps/common/static/packages/jquery_lazyload-master/enabled_ajax.html
similarity index 100%
rename from mayan/apps/main/static/packages/jquery_lazyload-master/enabled_ajax.html
rename to mayan/apps/common/static/packages/jquery_lazyload-master/enabled_ajax.html
diff --git a/mayan/apps/main/static/packages/jquery_lazyload-master/enabled_background.html b/mayan/apps/common/static/packages/jquery_lazyload-master/enabled_background.html
similarity index 100%
rename from mayan/apps/main/static/packages/jquery_lazyload-master/enabled_background.html
rename to mayan/apps/common/static/packages/jquery_lazyload-master/enabled_background.html
diff --git a/mayan/apps/main/static/packages/jquery_lazyload-master/enabled_container.html b/mayan/apps/common/static/packages/jquery_lazyload-master/enabled_container.html
similarity index 100%
rename from mayan/apps/main/static/packages/jquery_lazyload-master/enabled_container.html
rename to mayan/apps/common/static/packages/jquery_lazyload-master/enabled_container.html
diff --git a/mayan/apps/main/static/packages/jquery_lazyload-master/enabled_fadein.html b/mayan/apps/common/static/packages/jquery_lazyload-master/enabled_fadein.html
similarity index 100%
rename from mayan/apps/main/static/packages/jquery_lazyload-master/enabled_fadein.html
rename to mayan/apps/common/static/packages/jquery_lazyload-master/enabled_fadein.html
diff --git a/mayan/apps/main/static/packages/jquery_lazyload-master/enabled_gazillion.html b/mayan/apps/common/static/packages/jquery_lazyload-master/enabled_gazillion.html
similarity index 100%
rename from mayan/apps/main/static/packages/jquery_lazyload-master/enabled_gazillion.html
rename to mayan/apps/common/static/packages/jquery_lazyload-master/enabled_gazillion.html
diff --git a/mayan/apps/main/static/packages/jquery_lazyload-master/enabled_noscript.html b/mayan/apps/common/static/packages/jquery_lazyload-master/enabled_noscript.html
similarity index 100%
rename from mayan/apps/main/static/packages/jquery_lazyload-master/enabled_noscript.html
rename to mayan/apps/common/static/packages/jquery_lazyload-master/enabled_noscript.html
diff --git a/mayan/apps/main/static/packages/jquery_lazyload-master/enabled_timeout.html b/mayan/apps/common/static/packages/jquery_lazyload-master/enabled_timeout.html
similarity index 100%
rename from mayan/apps/main/static/packages/jquery_lazyload-master/enabled_timeout.html
rename to mayan/apps/common/static/packages/jquery_lazyload-master/enabled_timeout.html
diff --git a/mayan/apps/main/static/packages/jquery_lazyload-master/enabled_wide.html b/mayan/apps/common/static/packages/jquery_lazyload-master/enabled_wide.html
similarity index 100%
rename from mayan/apps/main/static/packages/jquery_lazyload-master/enabled_wide.html
rename to mayan/apps/common/static/packages/jquery_lazyload-master/enabled_wide.html
diff --git a/mayan/apps/main/static/packages/jquery_lazyload-master/enabled_wide_container.html b/mayan/apps/common/static/packages/jquery_lazyload-master/enabled_wide_container.html
similarity index 100%
rename from mayan/apps/main/static/packages/jquery_lazyload-master/enabled_wide_container.html
rename to mayan/apps/common/static/packages/jquery_lazyload-master/enabled_wide_container.html
diff --git a/mayan/apps/main/static/packages/jquery_lazyload-master/img/bmw_m1_hood.jpg b/mayan/apps/common/static/packages/jquery_lazyload-master/img/bmw_m1_hood.jpg
similarity index 100%
rename from mayan/apps/main/static/packages/jquery_lazyload-master/img/bmw_m1_hood.jpg
rename to mayan/apps/common/static/packages/jquery_lazyload-master/img/bmw_m1_hood.jpg
diff --git a/mayan/apps/main/static/packages/jquery_lazyload-master/img/bmw_m1_side.jpg b/mayan/apps/common/static/packages/jquery_lazyload-master/img/bmw_m1_side.jpg
similarity index 100%
rename from mayan/apps/main/static/packages/jquery_lazyload-master/img/bmw_m1_side.jpg
rename to mayan/apps/common/static/packages/jquery_lazyload-master/img/bmw_m1_side.jpg
diff --git a/mayan/apps/main/static/packages/jquery_lazyload-master/img/bmw_m3_gt.jpg b/mayan/apps/common/static/packages/jquery_lazyload-master/img/bmw_m3_gt.jpg
similarity index 100%
rename from mayan/apps/main/static/packages/jquery_lazyload-master/img/bmw_m3_gt.jpg
rename to mayan/apps/common/static/packages/jquery_lazyload-master/img/bmw_m3_gt.jpg
diff --git a/mayan/apps/main/static/packages/jquery_lazyload-master/img/corvette_pitstop.jpg b/mayan/apps/common/static/packages/jquery_lazyload-master/img/corvette_pitstop.jpg
similarity index 100%
rename from mayan/apps/main/static/packages/jquery_lazyload-master/img/corvette_pitstop.jpg
rename to mayan/apps/common/static/packages/jquery_lazyload-master/img/corvette_pitstop.jpg
diff --git a/mayan/apps/main/static/packages/jquery_lazyload-master/img/grey.gif b/mayan/apps/common/static/packages/jquery_lazyload-master/img/grey.gif
similarity index 100%
rename from mayan/apps/main/static/packages/jquery_lazyload-master/img/grey.gif
rename to mayan/apps/common/static/packages/jquery_lazyload-master/img/grey.gif
diff --git a/mayan/apps/main/static/packages/jquery_lazyload-master/img/transparent.gif b/mayan/apps/common/static/packages/jquery_lazyload-master/img/transparent.gif
similarity index 100%
rename from mayan/apps/main/static/packages/jquery_lazyload-master/img/transparent.gif
rename to mayan/apps/common/static/packages/jquery_lazyload-master/img/transparent.gif
diff --git a/mayan/apps/main/static/packages/jquery_lazyload-master/img/viper_1.jpg b/mayan/apps/common/static/packages/jquery_lazyload-master/img/viper_1.jpg
similarity index 100%
rename from mayan/apps/main/static/packages/jquery_lazyload-master/img/viper_1.jpg
rename to mayan/apps/common/static/packages/jquery_lazyload-master/img/viper_1.jpg
diff --git a/mayan/apps/main/static/packages/jquery_lazyload-master/img/viper_corner.jpg b/mayan/apps/common/static/packages/jquery_lazyload-master/img/viper_corner.jpg
similarity index 100%
rename from mayan/apps/main/static/packages/jquery_lazyload-master/img/viper_corner.jpg
rename to mayan/apps/common/static/packages/jquery_lazyload-master/img/viper_corner.jpg
diff --git a/mayan/apps/main/static/packages/jquery_lazyload-master/img/white.gif b/mayan/apps/common/static/packages/jquery_lazyload-master/img/white.gif
similarity index 100%
rename from mayan/apps/main/static/packages/jquery_lazyload-master/img/white.gif
rename to mayan/apps/common/static/packages/jquery_lazyload-master/img/white.gif
diff --git a/mayan/apps/main/static/packages/jquery_lazyload-master/jquery.lazyload.js b/mayan/apps/common/static/packages/jquery_lazyload-master/jquery.lazyload.js
similarity index 100%
rename from mayan/apps/main/static/packages/jquery_lazyload-master/jquery.lazyload.js
rename to mayan/apps/common/static/packages/jquery_lazyload-master/jquery.lazyload.js
diff --git a/mayan/apps/main/static/packages/jquery_lazyload-master/jquery.lazyload.min.js b/mayan/apps/common/static/packages/jquery_lazyload-master/jquery.lazyload.min.js
similarity index 100%
rename from mayan/apps/main/static/packages/jquery_lazyload-master/jquery.lazyload.min.js
rename to mayan/apps/common/static/packages/jquery_lazyload-master/jquery.lazyload.min.js
diff --git a/mayan/apps/main/static/packages/jquery_lazyload-master/jquery.scrollstop.js b/mayan/apps/common/static/packages/jquery_lazyload-master/jquery.scrollstop.js
similarity index 100%
rename from mayan/apps/main/static/packages/jquery_lazyload-master/jquery.scrollstop.js
rename to mayan/apps/common/static/packages/jquery_lazyload-master/jquery.scrollstop.js
diff --git a/mayan/apps/main/static/packages/jquery_lazyload-master/jquery.scrollstop.min.js b/mayan/apps/common/static/packages/jquery_lazyload-master/jquery.scrollstop.min.js
similarity index 100%
rename from mayan/apps/main/static/packages/jquery_lazyload-master/jquery.scrollstop.min.js
rename to mayan/apps/common/static/packages/jquery_lazyload-master/jquery.scrollstop.min.js
diff --git a/mayan/apps/main/static/packages/jquery_lazyload-master/lazyload.jquery.json b/mayan/apps/common/static/packages/jquery_lazyload-master/lazyload.jquery.json
similarity index 100%
rename from mayan/apps/main/static/packages/jquery_lazyload-master/lazyload.jquery.json
rename to mayan/apps/common/static/packages/jquery_lazyload-master/lazyload.jquery.json
diff --git a/mayan/apps/main/static/packages/jquery_lazyload-master/package.json b/mayan/apps/common/static/packages/jquery_lazyload-master/package.json
similarity index 100%
rename from mayan/apps/main/static/packages/jquery_lazyload-master/package.json
rename to mayan/apps/common/static/packages/jquery_lazyload-master/package.json
diff --git a/mayan/apps/main/static/web_theme_media/LICENSE b/mayan/apps/common/static/web_theme_media/LICENSE
similarity index 100%
rename from mayan/apps/main/static/web_theme_media/LICENSE
rename to mayan/apps/common/static/web_theme_media/LICENSE
diff --git a/mayan/apps/main/static/web_theme_media/README.md b/mayan/apps/common/static/web_theme_media/README.md
similarity index 100%
rename from mayan/apps/main/static/web_theme_media/README.md
rename to mayan/apps/common/static/web_theme_media/README.md
diff --git a/mayan/apps/main/static/web_theme_media/VERSION b/mayan/apps/common/static/web_theme_media/VERSION
similarity index 100%
rename from mayan/apps/main/static/web_theme_media/VERSION
rename to mayan/apps/common/static/web_theme_media/VERSION
diff --git a/mayan/apps/main/static/web_theme_media/images/avatar.png b/mayan/apps/common/static/web_theme_media/images/avatar.png
similarity index 100%
rename from mayan/apps/main/static/web_theme_media/images/avatar.png
rename to mayan/apps/common/static/web_theme_media/images/avatar.png
diff --git a/mayan/apps/main/static/web_theme_media/images/icons/application_edit.png b/mayan/apps/common/static/web_theme_media/images/icons/application_edit.png
similarity index 100%
rename from mayan/apps/main/static/web_theme_media/images/icons/application_edit.png
rename to mayan/apps/common/static/web_theme_media/images/icons/application_edit.png
diff --git a/mayan/apps/main/static/web_theme_media/images/icons/cross.png b/mayan/apps/common/static/web_theme_media/images/icons/cross.png
similarity index 100%
rename from mayan/apps/main/static/web_theme_media/images/icons/cross.png
rename to mayan/apps/common/static/web_theme_media/images/icons/cross.png
diff --git a/mayan/apps/main/static/web_theme_media/images/icons/key.png b/mayan/apps/common/static/web_theme_media/images/icons/key.png
similarity index 100%
rename from mayan/apps/main/static/web_theme_media/images/icons/key.png
rename to mayan/apps/common/static/web_theme_media/images/icons/key.png
diff --git a/mayan/apps/main/static/web_theme_media/images/icons/tick.png b/mayan/apps/common/static/web_theme_media/images/icons/tick.png
similarity index 100%
rename from mayan/apps/main/static/web_theme_media/images/icons/tick.png
rename to mayan/apps/common/static/web_theme_media/images/icons/tick.png
diff --git a/mayan/apps/main/static/web_theme_media/javascripts/jquery.localscroll.js b/mayan/apps/common/static/web_theme_media/javascripts/jquery.localscroll.js
similarity index 100%
rename from mayan/apps/main/static/web_theme_media/javascripts/jquery.localscroll.js
rename to mayan/apps/common/static/web_theme_media/javascripts/jquery.localscroll.js
diff --git a/mayan/apps/main/static/web_theme_media/javascripts/jquery.scrollTo.js b/mayan/apps/common/static/web_theme_media/javascripts/jquery.scrollTo.js
similarity index 100%
rename from mayan/apps/main/static/web_theme_media/javascripts/jquery.scrollTo.js
rename to mayan/apps/common/static/web_theme_media/javascripts/jquery.scrollTo.js
diff --git a/mayan/apps/main/static/web_theme_media/stylesheets/base.css b/mayan/apps/common/static/web_theme_media/stylesheets/base.css
similarity index 100%
rename from mayan/apps/main/static/web_theme_media/stylesheets/base.css
rename to mayan/apps/common/static/web_theme_media/stylesheets/base.css
diff --git a/mayan/apps/main/static/web_theme_media/stylesheets/override.css b/mayan/apps/common/static/web_theme_media/stylesheets/override.css
similarity index 100%
rename from mayan/apps/main/static/web_theme_media/stylesheets/override.css
rename to mayan/apps/common/static/web_theme_media/stylesheets/override.css
diff --git a/mayan/apps/main/static/web_theme_media/stylesheets/themes/activo/images/arrow.png b/mayan/apps/common/static/web_theme_media/stylesheets/themes/activo/images/arrow.png
similarity index 100%
rename from mayan/apps/main/static/web_theme_media/stylesheets/themes/activo/images/arrow.png
rename to mayan/apps/common/static/web_theme_media/stylesheets/themes/activo/images/arrow.png
diff --git a/mayan/apps/main/static/web_theme_media/stylesheets/themes/activo/images/boxbar-background.png b/mayan/apps/common/static/web_theme_media/stylesheets/themes/activo/images/boxbar-background.png
similarity index 100%
rename from mayan/apps/main/static/web_theme_media/stylesheets/themes/activo/images/boxbar-background.png
rename to mayan/apps/common/static/web_theme_media/stylesheets/themes/activo/images/boxbar-background.png
diff --git a/mayan/apps/main/static/web_theme_media/stylesheets/themes/activo/images/button-background-active.png b/mayan/apps/common/static/web_theme_media/stylesheets/themes/activo/images/button-background-active.png
similarity index 100%
rename from mayan/apps/main/static/web_theme_media/stylesheets/themes/activo/images/button-background-active.png
rename to mayan/apps/common/static/web_theme_media/stylesheets/themes/activo/images/button-background-active.png
diff --git a/mayan/apps/main/static/web_theme_media/stylesheets/themes/activo/images/button-background.png b/mayan/apps/common/static/web_theme_media/stylesheets/themes/activo/images/button-background.png
similarity index 100%
rename from mayan/apps/main/static/web_theme_media/stylesheets/themes/activo/images/button-background.png
rename to mayan/apps/common/static/web_theme_media/stylesheets/themes/activo/images/button-background.png
diff --git a/mayan/apps/main/static/web_theme_media/stylesheets/themes/activo/images/menubar-background.png b/mayan/apps/common/static/web_theme_media/stylesheets/themes/activo/images/menubar-background.png
similarity index 100%
rename from mayan/apps/main/static/web_theme_media/stylesheets/themes/activo/images/menubar-background.png
rename to mayan/apps/common/static/web_theme_media/stylesheets/themes/activo/images/menubar-background.png
diff --git a/mayan/apps/main/static/web_theme_media/stylesheets/themes/activo/style.css b/mayan/apps/common/static/web_theme_media/stylesheets/themes/activo/style.css
similarity index 100%
rename from mayan/apps/main/static/web_theme_media/stylesheets/themes/activo/style.css
rename to mayan/apps/common/static/web_theme_media/stylesheets/themes/activo/style.css
diff --git a/mayan/apps/main/static/web_theme_media/stylesheets/themes/amro/style.css b/mayan/apps/common/static/web_theme_media/stylesheets/themes/amro/style.css
similarity index 100%
rename from mayan/apps/main/static/web_theme_media/stylesheets/themes/amro/style.css
rename to mayan/apps/common/static/web_theme_media/stylesheets/themes/amro/style.css
diff --git a/mayan/apps/main/static/web_theme_media/stylesheets/themes/bec-green/style.css b/mayan/apps/common/static/web_theme_media/stylesheets/themes/bec-green/style.css
similarity index 100%
rename from mayan/apps/main/static/web_theme_media/stylesheets/themes/bec-green/style.css
rename to mayan/apps/common/static/web_theme_media/stylesheets/themes/bec-green/style.css
diff --git a/mayan/apps/main/static/web_theme_media/stylesheets/themes/bec/style.css b/mayan/apps/common/static/web_theme_media/stylesheets/themes/bec/style.css
similarity index 100%
rename from mayan/apps/main/static/web_theme_media/stylesheets/themes/bec/style.css
rename to mayan/apps/common/static/web_theme_media/stylesheets/themes/bec/style.css
diff --git a/mayan/apps/main/static/web_theme_media/stylesheets/themes/blue/style.css b/mayan/apps/common/static/web_theme_media/stylesheets/themes/blue/style.css
similarity index 100%
rename from mayan/apps/main/static/web_theme_media/stylesheets/themes/blue/style.css
rename to mayan/apps/common/static/web_theme_media/stylesheets/themes/blue/style.css
diff --git a/mayan/apps/main/static/web_theme_media/stylesheets/themes/default/fonts/museo700-regular-webfont.eot b/mayan/apps/common/static/web_theme_media/stylesheets/themes/default/fonts/museo700-regular-webfont.eot
similarity index 100%
rename from mayan/apps/main/static/web_theme_media/stylesheets/themes/default/fonts/museo700-regular-webfont.eot
rename to mayan/apps/common/static/web_theme_media/stylesheets/themes/default/fonts/museo700-regular-webfont.eot
diff --git a/mayan/apps/main/static/web_theme_media/stylesheets/themes/default/fonts/museo700-regular-webfont.svg b/mayan/apps/common/static/web_theme_media/stylesheets/themes/default/fonts/museo700-regular-webfont.svg
similarity index 100%
rename from mayan/apps/main/static/web_theme_media/stylesheets/themes/default/fonts/museo700-regular-webfont.svg
rename to mayan/apps/common/static/web_theme_media/stylesheets/themes/default/fonts/museo700-regular-webfont.svg
diff --git a/mayan/apps/main/static/web_theme_media/stylesheets/themes/default/fonts/museo700-regular-webfont.ttf b/mayan/apps/common/static/web_theme_media/stylesheets/themes/default/fonts/museo700-regular-webfont.ttf
similarity index 100%
rename from mayan/apps/main/static/web_theme_media/stylesheets/themes/default/fonts/museo700-regular-webfont.ttf
rename to mayan/apps/common/static/web_theme_media/stylesheets/themes/default/fonts/museo700-regular-webfont.ttf
diff --git a/mayan/apps/main/static/web_theme_media/stylesheets/themes/default/fonts/museo700-regular-webfont.woff b/mayan/apps/common/static/web_theme_media/stylesheets/themes/default/fonts/museo700-regular-webfont.woff
similarity index 100%
rename from mayan/apps/main/static/web_theme_media/stylesheets/themes/default/fonts/museo700-regular-webfont.woff
rename to mayan/apps/common/static/web_theme_media/stylesheets/themes/default/fonts/museo700-regular-webfont.woff
diff --git a/mayan/apps/main/static/web_theme_media/stylesheets/themes/default/fonts/museosans_500-webfont.eot b/mayan/apps/common/static/web_theme_media/stylesheets/themes/default/fonts/museosans_500-webfont.eot
similarity index 100%
rename from mayan/apps/main/static/web_theme_media/stylesheets/themes/default/fonts/museosans_500-webfont.eot
rename to mayan/apps/common/static/web_theme_media/stylesheets/themes/default/fonts/museosans_500-webfont.eot
diff --git a/mayan/apps/main/static/web_theme_media/stylesheets/themes/default/fonts/museosans_500-webfont.svg b/mayan/apps/common/static/web_theme_media/stylesheets/themes/default/fonts/museosans_500-webfont.svg
similarity index 100%
rename from mayan/apps/main/static/web_theme_media/stylesheets/themes/default/fonts/museosans_500-webfont.svg
rename to mayan/apps/common/static/web_theme_media/stylesheets/themes/default/fonts/museosans_500-webfont.svg
diff --git a/mayan/apps/main/static/web_theme_media/stylesheets/themes/default/fonts/museosans_500-webfont.ttf b/mayan/apps/common/static/web_theme_media/stylesheets/themes/default/fonts/museosans_500-webfont.ttf
similarity index 100%
rename from mayan/apps/main/static/web_theme_media/stylesheets/themes/default/fonts/museosans_500-webfont.ttf
rename to mayan/apps/common/static/web_theme_media/stylesheets/themes/default/fonts/museosans_500-webfont.ttf
diff --git a/mayan/apps/main/static/web_theme_media/stylesheets/themes/default/fonts/museosans_500-webfont.woff b/mayan/apps/common/static/web_theme_media/stylesheets/themes/default/fonts/museosans_500-webfont.woff
similarity index 100%
rename from mayan/apps/main/static/web_theme_media/stylesheets/themes/default/fonts/museosans_500-webfont.woff
rename to mayan/apps/common/static/web_theme_media/stylesheets/themes/default/fonts/museosans_500-webfont.woff
diff --git a/mayan/apps/main/static/web_theme_media/stylesheets/themes/default/fonts/museosans_500_italic-webfont.eot b/mayan/apps/common/static/web_theme_media/stylesheets/themes/default/fonts/museosans_500_italic-webfont.eot
similarity index 100%
rename from mayan/apps/main/static/web_theme_media/stylesheets/themes/default/fonts/museosans_500_italic-webfont.eot
rename to mayan/apps/common/static/web_theme_media/stylesheets/themes/default/fonts/museosans_500_italic-webfont.eot
diff --git a/mayan/apps/main/static/web_theme_media/stylesheets/themes/default/fonts/museosans_500_italic-webfont.svg b/mayan/apps/common/static/web_theme_media/stylesheets/themes/default/fonts/museosans_500_italic-webfont.svg
similarity index 100%
rename from mayan/apps/main/static/web_theme_media/stylesheets/themes/default/fonts/museosans_500_italic-webfont.svg
rename to mayan/apps/common/static/web_theme_media/stylesheets/themes/default/fonts/museosans_500_italic-webfont.svg
diff --git a/mayan/apps/main/static/web_theme_media/stylesheets/themes/default/fonts/museosans_500_italic-webfont.ttf b/mayan/apps/common/static/web_theme_media/stylesheets/themes/default/fonts/museosans_500_italic-webfont.ttf
similarity index 100%
rename from mayan/apps/main/static/web_theme_media/stylesheets/themes/default/fonts/museosans_500_italic-webfont.ttf
rename to mayan/apps/common/static/web_theme_media/stylesheets/themes/default/fonts/museosans_500_italic-webfont.ttf
diff --git a/mayan/apps/main/static/web_theme_media/stylesheets/themes/default/fonts/museosans_500_italic-webfont.woff b/mayan/apps/common/static/web_theme_media/stylesheets/themes/default/fonts/museosans_500_italic-webfont.woff
similarity index 100%
rename from mayan/apps/main/static/web_theme_media/stylesheets/themes/default/fonts/museosans_500_italic-webfont.woff
rename to mayan/apps/common/static/web_theme_media/stylesheets/themes/default/fonts/museosans_500_italic-webfont.woff
diff --git a/mayan/apps/main/static/web_theme_media/stylesheets/themes/default/images/arrow.png b/mayan/apps/common/static/web_theme_media/stylesheets/themes/default/images/arrow.png
similarity index 100%
rename from mayan/apps/main/static/web_theme_media/stylesheets/themes/default/images/arrow.png
rename to mayan/apps/common/static/web_theme_media/stylesheets/themes/default/images/arrow.png
diff --git a/mayan/apps/main/static/web_theme_media/stylesheets/themes/default/images/bgd.jpg b/mayan/apps/common/static/web_theme_media/stylesheets/themes/default/images/bgd.jpg
similarity index 100%
rename from mayan/apps/main/static/web_theme_media/stylesheets/themes/default/images/bgd.jpg
rename to mayan/apps/common/static/web_theme_media/stylesheets/themes/default/images/bgd.jpg
diff --git a/mayan/apps/main/static/web_theme_media/stylesheets/themes/default/images/boxbar-background.png b/mayan/apps/common/static/web_theme_media/stylesheets/themes/default/images/boxbar-background.png
similarity index 100%
rename from mayan/apps/main/static/web_theme_media/stylesheets/themes/default/images/boxbar-background.png
rename to mayan/apps/common/static/web_theme_media/stylesheets/themes/default/images/boxbar-background.png
diff --git a/mayan/apps/main/static/web_theme_media/stylesheets/themes/default/images/button-background-active.png b/mayan/apps/common/static/web_theme_media/stylesheets/themes/default/images/button-background-active.png
similarity index 100%
rename from mayan/apps/main/static/web_theme_media/stylesheets/themes/default/images/button-background-active.png
rename to mayan/apps/common/static/web_theme_media/stylesheets/themes/default/images/button-background-active.png
diff --git a/mayan/apps/main/static/web_theme_media/stylesheets/themes/default/images/button-background.png b/mayan/apps/common/static/web_theme_media/stylesheets/themes/default/images/button-background.png
similarity index 100%
rename from mayan/apps/main/static/web_theme_media/stylesheets/themes/default/images/button-background.png
rename to mayan/apps/common/static/web_theme_media/stylesheets/themes/default/images/button-background.png
diff --git a/mayan/apps/main/static/web_theme_media/stylesheets/themes/default/images/menubar-background.png b/mayan/apps/common/static/web_theme_media/stylesheets/themes/default/images/menubar-background.png
similarity index 100%
rename from mayan/apps/main/static/web_theme_media/stylesheets/themes/default/images/menubar-background.png
rename to mayan/apps/common/static/web_theme_media/stylesheets/themes/default/images/menubar-background.png
diff --git a/mayan/apps/main/static/web_theme_media/stylesheets/themes/default/images/messages/error.png b/mayan/apps/common/static/web_theme_media/stylesheets/themes/default/images/messages/error.png
similarity index 100%
rename from mayan/apps/main/static/web_theme_media/stylesheets/themes/default/images/messages/error.png
rename to mayan/apps/common/static/web_theme_media/stylesheets/themes/default/images/messages/error.png
diff --git a/mayan/apps/main/static/web_theme_media/stylesheets/themes/default/images/messages/notice.png b/mayan/apps/common/static/web_theme_media/stylesheets/themes/default/images/messages/notice.png
similarity index 100%
rename from mayan/apps/main/static/web_theme_media/stylesheets/themes/default/images/messages/notice.png
rename to mayan/apps/common/static/web_theme_media/stylesheets/themes/default/images/messages/notice.png
diff --git a/mayan/apps/main/static/web_theme_media/stylesheets/themes/default/images/messages/warning.png b/mayan/apps/common/static/web_theme_media/stylesheets/themes/default/images/messages/warning.png
similarity index 100%
rename from mayan/apps/main/static/web_theme_media/stylesheets/themes/default/images/messages/warning.png
rename to mayan/apps/common/static/web_theme_media/stylesheets/themes/default/images/messages/warning.png
diff --git a/mayan/apps/main/static/web_theme_media/stylesheets/themes/default/style.css b/mayan/apps/common/static/web_theme_media/stylesheets/themes/default/style.css
similarity index 100%
rename from mayan/apps/main/static/web_theme_media/stylesheets/themes/default/style.css
rename to mayan/apps/common/static/web_theme_media/stylesheets/themes/default/style.css
diff --git a/mayan/apps/main/static/web_theme_media/stylesheets/themes/djime-cerulean/style.css b/mayan/apps/common/static/web_theme_media/stylesheets/themes/djime-cerulean/style.css
similarity index 100%
rename from mayan/apps/main/static/web_theme_media/stylesheets/themes/djime-cerulean/style.css
rename to mayan/apps/common/static/web_theme_media/stylesheets/themes/djime-cerulean/style.css
diff --git a/mayan/apps/main/static/web_theme_media/stylesheets/themes/drastic-dark/style.css b/mayan/apps/common/static/web_theme_media/stylesheets/themes/drastic-dark/style.css
similarity index 100%
rename from mayan/apps/main/static/web_theme_media/stylesheets/themes/drastic-dark/style.css
rename to mayan/apps/common/static/web_theme_media/stylesheets/themes/drastic-dark/style.css
diff --git a/mayan/apps/main/static/web_theme_media/stylesheets/themes/kathleene/style.css b/mayan/apps/common/static/web_theme_media/stylesheets/themes/kathleene/style.css
similarity index 100%
rename from mayan/apps/main/static/web_theme_media/stylesheets/themes/kathleene/style.css
rename to mayan/apps/common/static/web_theme_media/stylesheets/themes/kathleene/style.css
diff --git a/mayan/apps/main/static/web_theme_media/stylesheets/themes/olive/style.css b/mayan/apps/common/static/web_theme_media/stylesheets/themes/olive/style.css
similarity index 100%
rename from mayan/apps/main/static/web_theme_media/stylesheets/themes/olive/style.css
rename to mayan/apps/common/static/web_theme_media/stylesheets/themes/olive/style.css
diff --git a/mayan/apps/main/static/web_theme_media/stylesheets/themes/orange/style.css b/mayan/apps/common/static/web_theme_media/stylesheets/themes/orange/style.css
similarity index 100%
rename from mayan/apps/main/static/web_theme_media/stylesheets/themes/orange/style.css
rename to mayan/apps/common/static/web_theme_media/stylesheets/themes/orange/style.css
diff --git a/mayan/apps/main/static/web_theme_media/stylesheets/themes/red/style.css b/mayan/apps/common/static/web_theme_media/stylesheets/themes/red/style.css
similarity index 100%
rename from mayan/apps/main/static/web_theme_media/stylesheets/themes/red/style.css
rename to mayan/apps/common/static/web_theme_media/stylesheets/themes/red/style.css
diff --git a/mayan/apps/main/static/web_theme_media/stylesheets/themes/reidb-greenish/style.css b/mayan/apps/common/static/web_theme_media/stylesheets/themes/reidb-greenish/style.css
similarity index 100%
rename from mayan/apps/main/static/web_theme_media/stylesheets/themes/reidb-greenish/style.css
rename to mayan/apps/common/static/web_theme_media/stylesheets/themes/reidb-greenish/style.css
diff --git a/mayan/apps/main/static/web_theme_media/stylesheets/themes/warehouse/style.css b/mayan/apps/common/static/web_theme_media/stylesheets/themes/warehouse/style.css
similarity index 100%
rename from mayan/apps/main/static/web_theme_media/stylesheets/themes/warehouse/style.css
rename to mayan/apps/common/static/web_theme_media/stylesheets/themes/warehouse/style.css
diff --git a/mayan/apps/documents/__init__.py b/mayan/apps/documents/__init__.py
index 677c944c07..c1ad9eacc5 100644
--- a/mayan/apps/documents/__init__.py
+++ b/mayan/apps/documents/__init__.py
@@ -11,8 +11,7 @@ from dynamic_search.classes import SearchModel
 from history.api import register_history_type
 from history.permissions import PERMISSION_HISTORY_VIEW
 from main.api import register_maintenance_links
-from navigation.api import (register_links, register_model_list_columns,
-                            register_top_menu)
+from navigation.api import (register_links, register_model_list_columns)
 from navigation.links import link_spacer
 from project_setup.api import register_setup
 from rest_api.classes import APIEndPoint
@@ -120,12 +119,6 @@ register_model_list_columns(Document, [
     }
 ])
 
-register_top_menu(
-    'documents',
-    link={'famfam': 'page', 'text': _(u'Documents'), 'view': 'documents:document_list_recent'},
-    position=1
-)
-
 if (not validate_path(document_settings.CACHE_PATH)) or (not document_settings.CACHE_PATH):
     setattr(document_settings, 'CACHE_PATH', tempfile.mkdtemp())
 
diff --git a/mayan/apps/dynamic_search/__init__.py b/mayan/apps/dynamic_search/__init__.py
index dd4da12854..a816f15a26 100644
--- a/mayan/apps/dynamic_search/__init__.py
+++ b/mayan/apps/dynamic_search/__init__.py
@@ -1,13 +1,11 @@
 from __future__ import absolute_import
 
-from navigation.api import register_links, register_top_menu
+from navigation.api import register_links
 from rest_api.classes import APIEndPoint
 
-from .links import search, search_advanced, search_again, search_menu
+from .links import search, search_advanced, search_again
 
 register_links(['search:search', 'search:search_advanced', 'search:results'], [search, search_advanced], menu_name='form_header')
 register_links(['search:results'], [search_again], menu_name='sidebar')
 
-register_top_menu('search', search_menu)
-
 APIEndPoint('search', app_name='dynamic_search')
diff --git a/mayan/apps/dynamic_search/links.py b/mayan/apps/dynamic_search/links.py
index 26d2ae682c..0e0fd09984 100644
--- a/mayan/apps/dynamic_search/links.py
+++ b/mayan/apps/dynamic_search/links.py
@@ -3,4 +3,3 @@ from django.utils.translation import ugettext_lazy as _
 search = {'text': _(u'Search'), 'view': 'search:search', 'famfam': 'zoom'}
 search_advanced = {'text': _(u'Advanced search'), 'view': 'search:search_advanced', 'famfam': 'zoom_in'}
 search_again = {'text': _(u'Search again'), 'view': 'search:search_again', 'famfam': 'arrow_undo'}
-search_menu = {'text': _(u'Search'), 'view': 'search:search', 'famfam': 'zoom'}
diff --git a/mayan/apps/main/__init__.py b/mayan/apps/main/__init__.py
index 07dd0b2438..a4e36e49b2 100644
--- a/mayan/apps/main/__init__.py
+++ b/mayan/apps/main/__init__.py
@@ -1,9 +1,13 @@
 from __future__ import absolute_import
 
+from django.utils.translation import ugettext_lazy as _
+
+from navigation.api import register_top_menu
 from project_setup.api import register_setup
 from project_tools.api import register_tool
 
 from .links import admin_site, maintenance_menu
 
+register_top_menu('home', link={'text': _(u'Home'), 'view': 'main:home', 'famfam': 'house'}, position=0)
 register_setup(admin_site)
 register_tool(maintenance_menu)
diff --git a/mayan/apps/main/static/main/icons/page.png b/mayan/apps/main/static/main/icons/page.png
new file mode 100644
index 0000000000000000000000000000000000000000..464caf278af41f338a5702dde0a1f6171049f1d2
GIT binary patch
literal 738
zcmV<80v-K{P)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F80000PbVXQnQ*UN;
zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBU!gh@m}RCwCNSFvu?KoFf-ua7$gj$8o>
zh!oHesOTsXdQd=c3F!e*BPuA6K!}c#AK(K{m<tln<Qt$xiVzY_A`lSBB~du+WoGTQ
zg3oLFd?q*6$X@Sy_RY-O*)=MqV4NcNHV{!xJ$~KY_Hn-NGqB;oIRc>u!SeSfSFTg@
zk8ND+I6oLAIn;dkMvW>ft6$Z`ea~Y&SpZmN;(a~z9N^W5b-*wxxn8rOfbLgkrU37}
z0QGDUIydLqi^}WlJY86#F5mX8NVL&}-Ju?r!YK=AIL=rUu==eBmrfrc5VP&ZJ+G4$
z31RDS$&e(gu7kO%#|aU;Fj=p``?a4iKXWt}gcX28p&wR_v>KAM2Ja#e-mSSdaUvDO
z006^#hdg6O52FzwC>;V$G!MXZvq9<Df{T=n<=Yq9tq0w1a^*?u`XrB-fLLJZDNWY!
z`Nr%iz`HLY{*XI^Kohes+{@HzkZ$GzV2_FdU<qj8=Z$T6zI0A&n)rc^Z@m}*91eh>
zvFp8ESlisy-p2uma(aHcWzvg<Qs7V?5uq>uV_VrOUXfD#Pltnpa7&2Fv5=X9Y5+jV
z2#7G8RRF-U5f~2u1@T@`xu_Bx*w+I|8V9P7kvK3m0Fp?ci%115%sSLq0n`}4SXMza
zdgbF6UEiyafFikY_IN51Y0H=1<D(5}qzKUDzOr*c+KFSX(J5Gpgo-aU`fi|)-x=#k
z+7=B@?&t1hMFH3s<NyFS+J>*4IaYbqW7|7<045~#4nKN(u+PV*s{R`>{C8m6zmi>h
zPb|dvNxGfnlXV3pAgv_)ApJzTVdhN&a5)HEhyK&v^P6;wv~L5jZ@=Yc-oFA20I^FD
Ux%6!c5C8xG07*qoM6N<$f-<X10ssI2

literal 0
HcmV?d00001

diff --git a/mayan/apps/main/static/main/icons/page_add.png b/mayan/apps/main/static/main/icons/page_add.png
new file mode 100644
index 0000000000000000000000000000000000000000..bc3e615b8c52cb1356f73cf6c6b5c6a86888f9e5
GIT binary patch
literal 1363
zcmV-Z1+4msP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F80000PbVXQnQ*UN;
zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBU$^+`lQRCwB~S8GfhRTTd2%<L@7!UBB=
zC6Z{9B8{mrsR#)g<Fhmkr4%c_XxeDf`o|Fcp@6nArZs6zM1N3YG-|9rOj9bQ#Slmg
zEtWo@O`4RJ5VU2X<xwaI?83gT=g!V73k&QF^zNRW**j<M`R+O2J?CD=IR|4*$@u*I
zAD$rF;SX{ELaa4eVo(vPAN!){ZTcH9{h|OsE!lObk*~J3^o(%l$8~iAk6HVQeoY9^
z95{Pt5R9(m6;t3tbS=)w0Q=xH__w7vwg07(QeOAF_t@?-dK8Q|hNNGa;dYsNY~)VG
zgoO2sktFntPGS2q>j^|bsiW$gn|f_#0YsXO22yBLo6O>hrYA{}DWoQ-xba{DJ93`D
zsq)+nj;e;c@j%1?kjeE{#b{{`g+#@59Yo#Uyi8~H@*pAr4BpE$Gr?#pq7#C`A>m1v
z9a%01g<~3p6ps3R`I&1DHx4WXLW$|183_V1Gb>0VYxsU&!A7u(Gl;w>9)?01F?}Jv
zp8h#W#^VAIGcpT6v=AxwjeGFZp64}LtOY}we^pZ+keM|A66p?3&Emo2tTy|I1N4~Y
zWu+~f))w)Aq`8$@%7ZM%2<O~VBAV-vnX#%?)wszK77fAU0e}^HKnlC_aR6XZA+qFw
zl>%Up^cuqE+2ydC0KgHc1=bDIN0P~VHjTtueTXJ9TWg&IR*cJJSXC6<>TkuFYn8av
z-3}u`+Ndx;>(~lbj_l4~F|v>zOLD-paoGk3S*dN_kJhfAQIxwIdkVgW!|v2{W_=#q
z?!SuWlv@|qZJzm|sR{?9%k+{QFt-a*kU++dHSEOg`wci$_6-Im$yjeShNnE5PI{6P
zTQW-U;jS9gHh%ivwj&Q&Q#B44Af(tlAcgC_yu8?C8Frh3uKqT3{L_GnonPYbzT>#+
z{tb`39-JuVnv8j;aoK$m7w#Uxfx=3prX;=l%10<LC>jGmB><{IgUfM*VxCC#?evvO
zl;ppIn}ffQv3`w!(KHhGqHomW#*O<wV*A!I*w^5wQ5}_qOSPqUSj+G6YXG@lO+#CE
z8(w?ieO$PA2LUb$52*Uh>4|$e6kc8K$u7M5^c$d8g$Eqsv9d5#Xf<9hNb!o0jW{4?
zH$2m!?G2B=70aFzMRR?hv@i^LuNk(~MM=mapZF_4d_@eWe0_6!!(~Yu){Rb6N^A<{
zdMRBVLP*mK?~2F0Llh3+v%eVp)G<S+f|_mNnO8J1Bq(C9Nj@i?iJ5_U9Feeq1j2Zb
ze&S0A{-6&zSubPcA!tPaiIj1ZND`yA9^zi>vxjv?#{j<v*Nub}@qkS)!@D+bu#^e&
z(`!-w{T5_pl8ebefL3>O<`+h3wbIh1DU!+Fe}REc)CdC31K^bTWXj<`ll@}*WNI@Z
zh)Vfic41ROF*-Wyk(Wy#RPBg>qwOr>0Rce7s=Whv)Q_`W4Y)`>UTqZpY?w;-8(pvO
zE#Lv4wSys-crYOG7xPXQu6+tc*_$Z)rPIvxsRf7+LqkA!54qos^Q~W@lDhAaOp3P+
z03s<Q>pRyK)I-gauIx9FpOuG$steCW@;N!e_aAQdUBP!f&1j<@u|=OSQn3NRV4<`E
z09=1ZB$hOibtFkq2UKBbiiD^Nq9CTDi%~Ry)i$Q5SBIWtqE84uJ?8#}<@kRA1^|%!
V;(%e_uKxf4002ovPDHLkV1hP^g#`cr

literal 0
HcmV?d00001

diff --git a/mayan/apps/main/templates/main/base.html b/mayan/apps/main/templates/main/base.html
index a54f0d81a4..3c9670a07b 100644
--- a/mayan/apps/main/templates/main/base.html
+++ b/mayan/apps/main/templates/main/base.html
@@ -133,6 +133,24 @@
                     width: 100%;
                 }
 
+                .mayan-button-big {
+                    margin: 10px;
+                    border: 1px solid darkgrey !important;
+                    width: 85px;
+                    height: 85px;
+                }
+
+                .mayan-button-big p {
+                    white-space: normal;
+                }
+
+                .mayan-button {
+                    border: 1px solid darkgrey !important;
+                }
+
+                #home-form-search input[type=text] {
+                    width: 50%;
+                }
             </style>
             {% block stylesheets %}{% endblock %}
 
diff --git a/mayan/apps/main/templates/main/home.html b/mayan/apps/main/templates/main/home.html
index ecd439c966..6b66cc6d1a 100644
--- a/mayan/apps/main/templates/main/home.html
+++ b/mayan/apps/main/templates/main/home.html
@@ -5,17 +5,55 @@
 
 {% load project_tags %}
 
-{% block content %}
-    <div class="content tc">
-        <h1>{% project_name %}</h1>
-        <img src="{% static 'images/1068504_92921456.jpg' %}" />
-        <h2>{% trans 'Django based open source document management system' %}</h2><hr>
-    </div>
+{% block stylesheets %}
+    <link rel="stylesheet" href="{% static 'common/packages/pure-release-0.5.0/base-min.css' %}" type="text/css" media="screen" />
+    <link rel="stylesheet" href="{% static 'common/packages/pure-release-0.5.0/grids-core-min.css' %}" type="text/css" media="screen" />
+    <link rel="stylesheet" href="{% static 'common/packages/pure-release-0.5.0/grids-min.css' %}" type="text/css" media="screen" />
+    <link rel="stylesheet" href="{% static 'common/packages/pure-release-0.5.0/forms-nr-min.css' %}" type="text/css" media="screen" />
+    <link rel="stylesheet" href="{% static 'common/packages/pure-release-0.5.0/buttons-min.css' %}" type="text/css" media="screen" />
 {% endblock %}
-{% block footer %}
-    <div id="footer">
-        <div class="block">
-            <p>{% trans 'Copyright &copy; 2011 Roberto Rosario.' %}</p>
+
+{% block content %}
+    <div class="pure-g tc">
+        <div class="pure-u-1-3">
+            <a class="pure-button mayan-button-big" href="{% url 'sources:document_create_multiple' %}">
+                <p>
+                    <img src="{% static 'main/icons/page_add.png' %}"><br>
+                    {% trans 'Upload documents' %}
+                </p>
+            </a>
+        </div>
+
+        <div class="pure-u-1-3">
+            <a class="pure-button mayan-button-big" href="{% url 'documents:document_list_recent' %}">
+                <p>
+                    <img src="{% static 'main/icons/page.png' %}"><br>
+                    {% trans 'Recent Documents' %}
+                </p>
+            </a>
+        </div>
+
+        <div class="pure-u-1-3">
+            <a class="pure-button mayan-button-big" href="{% url 'documents:document_list' %}">
+                <p>
+                    <img src="{% static 'main/icons/page.png' %}"><br>
+                    {% trans 'All Documents' %}
+                </p>
+            </a>
+        </div>
+
+        <div class="pure-u-24-24">
+            <form class="pure-form" id="home-form-search" method="get" action="{% url 'main:home' %}">
+                <fieldset>
+                    <legend></legend>
+                    <input type="text" name="q" placeholder="{% trans 'Space separated terms' %}">
+                    &nbsp;<button type="submit" name="submit" class="pure-button mayan-button"><span class="famfam active famfam-zoom"></span>{% trans 'Search' %}</button>
+                    &nbsp;<a href="{% url 'search:search_advanced' %}">{% trans 'Advanced search' %} </a>
+                </fieldset>
+            </form>
         </div>
     </div>
+    {% if query_string %}
+        {% include 'main/generic_list_subtemplate.html' %}
+    {% endif %}
 {% endblock %}
diff --git a/mayan/apps/main/views.py b/mayan/apps/main/views.py
index ae73e33e13..cb82a47e9c 100644
--- a/mayan/apps/main/views.py
+++ b/mayan/apps/main/views.py
@@ -7,13 +7,32 @@ from django.shortcuts import render_to_response
 from django.template import RequestContext
 from django.utils.translation import ugettext_lazy as _
 
+from dynamic_search.classes import SearchModel
 from permissions.models import Permission
 
 from .api import diagnostics, tools
 
 
 def home(request):
-    return HttpResponseRedirect(reverse('documents:document_list_recent'))
+    document_search = SearchModel.get('documents.Document')
+
+    context = {
+        'query_string': request.GET,
+        'hide_links': True,
+        'search_results_limit': 100,
+    }
+
+    if request.GET:
+        queryset, ids, timedelta = document_search.search(request.GET, request.user)
+
+        # Update the context with the search results
+        context.update({
+            'object_list': queryset,
+            'time_delta': timedelta,
+            'title': _(u'Results'),
+        })
+
+    return render_to_response('main/home.html', context, context_instance=RequestContext(request))
 
 
 def maintenance_menu(request):