Moving sass compilation to django-pipeline

envs/common.py

@@ -137,6 +137,9 @@ STATIC_ROOT = ENV_ROOT / "staticfiles" # We don't run collectstatic -- this is t
 STATICFILES_DIRS = (
     PROJECT_ROOT / "static",
     ASKBOT_ROOT / "askbot" / "skins",
+    ("circuits", DATA_DIR / "images"),
+    ("handouts", DATA_DIR / "handouts"),
+    ("subs", DATA_DIR / "subs"),
 
 # This is how you would use the textbook images locally
 #    ("book", ENV_ROOT / "book_images")
@@ -183,8 +186,8 @@ WIKI_REQUIRE_LOGIN_VIEW = True
 # List of finder classes that know how to find static files in
 # various locations.
 STATICFILES_FINDERS = (
-    'django.contrib.staticfiles.finders.FileSystemFinder',
-    'django.contrib.staticfiles.finders.AppDirectoriesFinder',
+    'staticfiles.finders.FileSystemFinder',
+    'staticfiles.finders.AppDirectoriesFinder',
 )
 
 # List of callables that know how to import templates from various sources.
@@ -220,6 +223,37 @@ MIDDLEWARE_CLASSES = (
     # 'debug_toolbar.middleware.DebugToolbarMiddleware',
 )
 
+############################### Pipeline #######################################
+
+STATICFILES_STORAGE = 'pipeline.storage.PipelineCachedStorage'
+
+PIPELINE_CSS = {
+    'application': {
+        'source_filenames': ['css/application.scss'],
+        'output_filename': 'css/application.css',
+    },
+    'marketing': {
+        'source_filenames': ['css/marketing.scss'],
+        'output_filename': 'css/marketing.css',
+    },
+    'marketing-ie': {
+        'source_filenames': ['css/marketing-ie.scss'],
+        'output_filename': 'css/marketing-ie.css',
+    },
+    'print': {
+        'source_filenames': ['css/print.scss'],
+        'output_filename': 'css/print.css',
+    }
+}
+
+PIPELINE_COMPILERS = [
+    'pipeline.compilers.sass.SASSCompiler'
+]
+
+PIPELINE_SASS_ARGUMENTS = '-r {proj_dir}/bourbon/lib/bourbon.rb'.format(proj_dir=PROJECT_ROOT)
+
+PIPELINE_CSS_COMPRESSOR = None
+
 ################################### APPS #######################################
 INSTALLED_APPS = (
     # Standard ones that are always installed...
@@ -229,9 +263,12 @@ INSTALLED_APPS = (
     'django.contrib.messages',
     'django.contrib.sessions',
     'django.contrib.sites',
-    'django.contrib.staticfiles',
     'south',
 
+    # For asset pipelining
+    'pipeline',
+    'staticfiles',
+
     # Our courseware
     'circuit',
     'courseware',

envs/dev.py

@@ -10,6 +10,7 @@ sessions. Assumes structure:
 from common import *
 
 DEBUG = True
+PIPELINE = True
 TEMPLATE_DEBUG = True
 
 LOGGING = logsettings.get_logger_config(ENV_ROOT / "log", 

envs/logsettings.py

@@ -82,5 +82,10 @@ def get_logger_config(log_dir,
                 'level' : 'DEBUG',
                 'propagate' : False
             },
+            'keyedcache' : {
+                'handlers' : handlers,
+                'level' : 'DEBUG',
+                'propagate' : False
+            },
         }
-    }
+    }

lib/pipeline_mako.py

@@ -0,0 +1,81 @@
+try:
+    from staticfiles.storage import staticfiles_storage
+except ImportError:
+    from django.contrib.staticfiles.storage import staticfiles_storage # noqa
+
+from mitxmako.shortcuts import render_to_string
+
+from pipeline.conf import settings
+from pipeline.packager import Packager, PackageNotFound
+from pipeline.utils import guess_type
+
+def compressed_css(package_name):
+    package = settings.PIPELINE_CSS.get(package_name, {})
+    if package:
+        package = {package_name: package}
+    packager = Packager(css_packages=package, js_packages={})
+
+    try:
+        package = packager.package_for('css', package_name)
+    except PackageNotFound:
+        return ''  # fail silently, do not return anything if an invalid group is specified
+
+    if settings.PIPELINE:
+        return render_css(package, package.output_filename)
+    else:
+        paths = packager.compile(package.paths)
+        return render_individual_css(package, paths)
+
+def render_css(package, path):
+    template_name = package.template_name or "pipeline/css.html"
+    context = package.extra_context
+    context.update({
+        'type': guess_type(path, 'text/css'),
+        'url': staticfiles_storage.url(path)
+    })
+    return render_to_string(template_name, context)
+
+def render_individual_css(package, paths):
+    tags = [render_css(package, path) for path in paths]
+    return '\n'.join(tags)
+
+
+def compressed_js(package_name):
+    package = settings.PIPELINE_JS.get(package_name, {})
+    if package:
+        package = {package_name: package}
+    packager = Packager(css_packages={}, js_packages=package)
+
+    try:
+        package = packager.package_for('js', package_name)
+    except PackageNotFound:
+        return ''  # fail silently, do not return anything if an invalid group is specified
+
+    if settings.PIPELINE:
+        return render_js(package, package.output_filename)
+    else:
+        paths = packager.compile(package.paths)
+        templates = packager.pack_templates(package)
+        return render_individual_js(package, paths, templates)
+
+def render_js(package, path):
+    template_name = package.template_name or "pipeline/js.html"
+    context = package.extra_context
+    context.update({
+        'type': guess_type(path, 'text/javascript'),
+        'url': staticfiles_storage.url(path)
+    })
+    return render_to_string(template_name, context)
+
+def render_inline_js(package, js):
+    context = package.extra_context
+    context.update({
+        'source': js
+    })
+    return render_to_string("pipeline/inline_js.html", context)
+
+def render_individual_js(package, paths, templates=None):
+    tags = [render_js(package, js) for js in paths]
+    if templates:
+        tags.append(render_inline_js(package, templates))
+    return '\n'.join(tags)

requirements.txt

@@ -13,4 +13,6 @@ python-memcached
 django-celery
 path.py
 django_debug_toolbar
+django-pipeline
+django-staticfiles>=1.2.1
 

static/book

@@ -1 +0,0 @@
-../../book_images/

static/circuits

@@ -1 +0,0 @@
-../../data/images/

static/common

@@ -1 +0,0 @@
-../../askbot-devel/askbot/skins/common/

static/css/_info.scss

@@ -115,7 +115,7 @@ div.info-wrapper {
         }
 
         div.hitarea {
-          background-image: url('/static/images/treeview-default.gif');
+          background-image: url('../images/treeview-default.gif');
           width: 100%;
           height: 100%;
           max-height: 20px;

static/css/_textbook.scss

@@ -23,7 +23,7 @@ div.book-wrapper {
 
         div.hitarea {
           margin-left: -22px;
-          background-image: url('/static/images/treeview-default.gif');
+          background-image: url('../images/treeview-default.gif');
           position: relative;
           top: 4px;
 
@@ -106,7 +106,7 @@ div.book-wrapper {
         padding: 0;
 
         a {
-          background-image: url('/static/images/slide-right-icon.png');
+          background-image: url('../images/slide-right-icon.png');
         }
 
         h2 {

static/css/base/_extends.scss

@@ -177,7 +177,7 @@ h1.top-header {
     }
 
     a {
-      background: #eee url('/static/images/slide-left-icon.png') center center no-repeat;
+      background: #eee url('../images/slide-left-icon.png') center center no-repeat;
       border: 1px solid #D3D3D3;
       @include border-radius(3px 0 0 3px);
       height: 16px;

static/css/base/_font-face.scss

@@ -0,0 +1,125 @@
+/* Generated by Font Squirrel (http://www.fontsquirrel.com) on January 25, 2012 05:06:34 PM America/New_York */
+
+
+// Not used in UI
+// @font-face {
+//     font-family: 'Open Sans';
+//     src: url('../fonts/OpenSans-Light-webfont.eot');
+//     src: url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
+//          url('../fonts/OpenSans-Light-webfont.woff') format('woff'),
+//          url('../fonts/OpenSans-Light-webfont.ttf') format('truetype'),
+//          url('../fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
+//     font-weight: 300;
+//     font-style: normal;
+
+// }
+
+// @font-face {
+//     font-family: 'Open Sans';
+//     src: url('../fonts/OpenSans-LightItalic-webfont.eot');
+//     src: url('../fonts/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
+//          url('../fonts/OpenSans-LightItalic-webfont.woff') format('woff'),
+//          url('../fonts/OpenSans-LightItalic-webfont.ttf') format('truetype'),
+//          url('../fonts/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg');
+//     font-weight: 300;
+//     font-style: italic;
+
+// }
+
+@font-face {
+    font-family: 'Open Sans';
+    src: url('../fonts/OpenSans-Regular-webfont.eot');
+    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
+         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
+         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
+         url('../fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
+    font-weight: 600;
+    font-style: normal;
+
+}
+
+@font-face {
+    font-family: 'Open Sans';
+    src: url('../fonts/OpenSans-Italic-webfont.eot');
+    src: url('../fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
+         url('../fonts/OpenSans-Italic-webfont.woff') format('woff'),
+         url('../fonts/OpenSans-Italic-webfont.ttf') format('truetype'),
+         url('../fonts/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
+    font-weight: 400;
+    font-style: italic;
+
+}
+
+// Not used in UI
+// @font-face {
+//     font-family: 'Open Sans';
+//     src: url('../fonts/OpenSans-Semibold-webfont.eot');
+//     src: url('../fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
+//          url('../fonts/OpenSans-Semibold-webfont.woff') format('woff'),
+//          url('../fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
+//          url('../fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
+//     font-weight: 600;
+//     font-style: normal;
+
+// }
+
+// @font-face {
+//     font-family: 'Open Sans';
+//     src: url('../fonts/OpenSans-SemiboldItalic-webfont.eot');
+//     src: url('../fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
+//          url('../fonts/OpenSans-SemiboldItalic-webfont.woff') format('woff'),
+//          url('../fonts/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
+//          url('../fonts/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg');
+//     font-weight: 600;
+//     font-style: italic;
+
+// }
+
+@font-face {
+    font-family: 'Open Sans';
+    src: url('../fonts/OpenSans-Bold-webfont.eot');
+    src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
+         url('../fonts/OpenSans-Bold-webfont.woff') format('woff'),
+         url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
+         url('../fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
+    font-weight: 700;
+    font-style: normal;
+
+}
+
+@font-face {
+    font-family: 'Open Sans';
+    src: url('../fonts/OpenSans-BoldItalic-webfont.eot');
+    src: url('../fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
+         url('../fonts/OpenSans-BoldItalic-webfont.woff') format('woff'),
+         url('../fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
+         url('../fonts/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg');
+    font-weight: 700;
+    font-style: italic;
+
+}
+
+@font-face {
+    font-family: 'Open Sans';
+    src: url('../fonts/OpenSans-ExtraBold-webfont.eot');
+    src: url('../fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
+         url('../fonts/OpenSans-ExtraBold-webfont.woff') format('woff'),
+         url('../fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
+         url('../fonts/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg');
+    font-weight: 800;
+    font-style: normal;
+
+}
+
+@font-face {
+    font-family: 'Open Sans';
+    src: url('../fonts/OpenSans-ExtraBoldItalic-webfont.eot');
+    src: url('../fonts/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
+         url('../fonts/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'),
+         url('../fonts/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'),
+         url('../fonts/OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraboldItalic') format('svg');
+    font-weight: 800;
+    font-style: italic;
+
+}
+

static/css/courseware/_courseware.scss

@@ -78,7 +78,7 @@ div.course-wrapper {
         span {
           &.unanswered, &.ui-icon-bullet {
             @include inline-block();
-            background: url('/static/images/unanswered-icon.png') center center no-repeat;
+            background: url('../images/unanswered-icon.png') center center no-repeat;
             height: 14px;
             position: relative;
             top: 4px;
@@ -87,7 +87,7 @@ div.course-wrapper {
 
           &.correct, &.ui-icon-check {
             @include inline-block();
-            background: url('/static/images/correct-icon.png') center center no-repeat;
+            background: url('../images/correct-icon.png') center center no-repeat;
             height: 20px;
             position: relative;
             top: 6px;
@@ -96,7 +96,7 @@ div.course-wrapper {
 
           &.incorrect, &.ui-icon-close {
             @include inline-block();
-            background: url('/static/images/incorrect-icon.png') center center no-repeat;
+            background: url('../images/incorrect-icon.png') center center no-repeat;
             height: 20px;
             width: 20px;
             position: relative;
@@ -192,7 +192,7 @@ div.course-wrapper {
 
       a.ui-slider-handle {
         @include box-shadow(inset 0 1px 0 lighten($mit-red, 10%));
-        background: $mit-red url(/static/images/slider-bars.png) center center no-repeat;
+        background: $mit-red url(../images/slider-bars.png) center center no-repeat;
         border: 1px solid darken($mit-red, 20%);
         cursor: pointer;
 
@@ -212,7 +212,7 @@ div.course-wrapper {
         padding: 0;
 
         a {
-          background-image: url('/static/images/slide-right-icon.png');
+          background-image: url('../images/slide-right-icon.png');
         }
 
         h2 {

static/css/courseware/_sequence-nav.scss

@@ -71,57 +71,57 @@ nav.sequence-nav {
           //video
           &.seq_video_inactive {
             @extend .inactive;
-            background-image: url('/static/images/sequence-nav/video-icon-normal.png');
+            background-image: url('../images/sequence-nav/video-icon-normal.png');
             background-position: center;
           }
 
           &.seq_video_visited {
             @extend .visited;
-            background-image: url('/static/images/sequence-nav/video-icon-visited.png');
+            background-image: url('../images/sequence-nav/video-icon-visited.png');
             background-position: center;
           }
 
           &.seq_video_active {
             @extend .active;
-            background-image: url('/static/images/sequence-nav/video-icon-current.png');
+            background-image: url('../images/sequence-nav/video-icon-current.png');
             background-position: center;
           }
 
           //other
           &.seq_other_inactive {
             @extend .inactive;
-            background-image: url('/static/images/sequence-nav/document-icon-normal.png');
+            background-image: url('../images/sequence-nav/document-icon-normal.png');
             background-position: center;
           }
 
           &.seq_other_visited {
             @extend .visited;
-            background-image: url('/static/images/sequence-nav/document-icon-visited.png');
+            background-image: url('../images/sequence-nav/document-icon-visited.png');
             background-position: center;
           }
 
           &.seq_other_active {
             @extend .active;
-            background-image: url('/static/images/sequence-nav/document-icon-current.png');
+            background-image: url('../images/sequence-nav/document-icon-current.png');
             background-position: center;
           }
 
           //vertical & problems
           &.seq_vertical_inactive, &.seq_problem_inactive {
             @extend .inactive;
-            background-image: url('/static/images/sequence-nav/list-icon-normal.png');
+            background-image: url('../images/sequence-nav/list-icon-normal.png');
             background-position: center;
           }
 
           &.seq_vertical_visited, &.seq_problem_visited {
             @extend .visited;
-            background-image: url('/static/images/sequence-nav/list-icon-visited.png');
+            background-image: url('../images/sequence-nav/list-icon-visited.png');
             background-position: center;
           }
 
           &.seq_vertical_active, &.seq_problem_active {
             @extend .active;
-            background-image: url('/static/images/sequence-nav/list-icon-current.png');
+            background-image: url('../images/sequence-nav/list-icon-current.png');
             background-position: center;
           }
         }
@@ -209,7 +209,7 @@ nav.sequence-nav {
 
       &.prev {
         a {
-          background-image: url('/static/images/sequence-nav/previous-icon.png');
+          background-image: url('../images/sequence-nav/previous-icon.png');
 
           &:hover {
             background-color: none;
@@ -219,7 +219,7 @@ nav.sequence-nav {
 
       &.next {
         a {
-          background-image: url('/static/images/sequence-nav/next-icon.png');
+          background-image: url('../images/sequence-nav/next-icon.png');
 
           &:hover {
             background-color: none;
@@ -287,7 +287,7 @@ section.course-content {
 
         &.prev {
           a {
-            background-image: url('/static/images/sequence-nav/previous-icon.png');
+            background-image: url('../images/sequence-nav/previous-icon.png');
 
             &:hover {
               background-color: none;
@@ -297,7 +297,7 @@ section.course-content {
 
         &.next {
           a {
-            background-image: url('/static/images/sequence-nav/next-icon.png');
+            background-image: url('../images/sequence-nav/next-icon.png');
 
             &:hover {
               background-color: none;

static/css/courseware/_video.scss

@@ -114,7 +114,7 @@ section.course-content {
           a.ui-slider-handle {
             @include border-radius(15px);
             @include box-shadow(inset 0 1px 0 lighten($mit-red, 10%));
-            background: $mit-red url(/static/images/slider-handle.png) center center no-repeat;
+            background: $mit-red url(../images/slider-handle.png) center center no-repeat;
             border: 1px solid darken($mit-red, 20%);
             cursor: pointer;
             height: 15px;
@@ -165,7 +165,7 @@ section.course-content {
               @include transition();
 
               &.play {
-                background: url('/static/images/play-icon.png') center center no-repeat;
+                background: url('../images/play-icon.png') center center no-repeat;
 
                 &:hover {
                   background-color: #444;
@@ -173,7 +173,7 @@ section.course-content {
               }
 
               &.pause {
-                background: url('/static/images/pause-icon.png') center center no-repeat;
+                background: url('../images/pause-icon.png') center center no-repeat;
 
                 &:hover {
                   background-color: #444;
@@ -267,7 +267,7 @@ section.course-content {
             width: 30px;
             text-indent: -9999px;
             font-weight: 800;
-            background: url('/static/images/cc.png') center no-repeat;
+            background: url('../images/cc.png') center no-repeat;
             -webkit-font-smoothing: antialiased;
             @include transition();
             opacity: 1;

static/css/discussion/_askbot-original.scss

@@ -162,12 +162,12 @@ body.user-messages {
   color: #735005;
   text-decoration: none;
   line-height: 18px;
-  background: -6px -5px url(../images/sprites.png) no-repeat;
+  background: -6px -5px url(../default/media/images/sprites.png) no-repeat;
   cursor: pointer;
   width: 20px;
   height: 20px;
   &:hover {
-    background: -26px -5px url(../images/sprites.png) no-repeat; } }
+    background: -26px -5px url(../default/media/images/sprites.png) no-repeat; } }
 
 #header {
   margin-top: 0px;
@@ -235,11 +235,11 @@ body.user-messages {
       &:hover {
         text-decoration: underline; } } }
   #navtags {
-    background: -50px -5px url(../images/sprites.png) no-repeat; }
+    background: -50px -5px url(../default/media/images/sprites.png) no-repeat; }
   #navusers {
-    background: -125px -5px url(../images/sprites.png) no-repeat; }
+    background: -125px -5px url(../default/media/images/sprites.png) no-repeat; }
   #navbadges {
-    background: -210px -5px url(../images/sprites.png) no-repeat; } }
+    background: -210px -5px url(../default/media/images/sprites.png) no-repeat; } }
 
 // #header {
 //   &.with-logo #usertoolsnav {
@@ -262,13 +262,13 @@ body.user-messages {
 //   font-family: 'yanone kaffeesatz',sans-serif;
 //   #homebutton {
 //     border-right: #afaf9e 1px solid;
-//     background: -6px -36px url(../images/sprites.png) no-repeat;
+//     background: -6px -36px url(../default/media/images/sprites.png) no-repeat;
 //     height: 55px;
 //     width: 43px;
 //     display: block;
 //     float: left;
 //     &:hover {
-//       background: -51px -36px url(../images/sprites.png) no-repeat; } }
+//       background: -51px -36px url(../default/media/images/sprites.png) no-repeat; } }
 //   #scopewrapper {
 //     width: 688px;
 //     float: left;
@@ -282,7 +282,7 @@ body.user-messages {
 //       line-height: 55px;
 //       margin-left: 24px; }
 //     .on {
-//       background: url(../images/scopearrow.png) no-repeat center bottom; }
+//       background: url(../default/media/images/scopearrow.png) no-repeat center bottom; }
 //     .ask-message {
 //       font-size: 24px; } } }
 
@@ -321,10 +321,10 @@ body.user-messages {
     float: right;
     margin: 0px;
     width: 48px;
-    background: -98px -36px url(../images/sprites.png) no-repeat;
+    background: -98px -36px url(../default/media/images/sprites.png) no-repeat;
     cursor: pointer;
     &:hover {
-      background: -146px -36px url(../images/sprites.png) no-repeat; } }
+      background: -146px -36px url(../default/media/images/sprites.png) no-repeat; } }
   .cancelsearchbtn {
     font-size: 30px;
     color: #ce8888;
@@ -346,7 +346,7 @@ body.anon #searchbar {
     width: 405px; } }
 
 #askbutton {
-  background: url(../images/bigbutton.png) repeat-x bottom;
+  background: url(../default/media/images/bigbutton.png) repeat-x bottom;
   line-height: 44px;
   text-align: center;
   width: 200px;
@@ -366,7 +366,7 @@ body.anon #searchbar {
   box-shadow: 1px 1px 2px #636363;
   &:hover {
     text-decoration: none;
-    background: url(../images/bigbutton.png) repeat-x top;
+    background: url(../default/media/images/bigbutton.png) repeat-x top;
     text-shadow: 0px 1px 0px #c6d9dd;
     -moz-text-shadow: 0px 1px 0px #c6d9dd;
     -webkit-text-shadow: 0px 1px 0px #c6d9dd; } }
@@ -416,7 +416,7 @@ body.anon #searchbar {
   //   /*font-family: 'yanone kaffeesatz',sans-serif;*/
   //   padding-left: 0px; }
   // .contributorback {
-  //   background: #eceeeb url(../images/contributorsback.png) no-repeat center left; }
+  //   background: #eceeeb url(../default/media/images/contributorsback.png) no-repeat center left; }
   // label {
   //   color: #707070;
   //   font-size: 15px;
@@ -452,7 +452,7 @@ body.anon #searchbar {
       border: #c9c9b5 1px solid;
       height: 25px; }
     #interestingtagadd, #ignoredtagadd {
-      background: url(../images/small-button-blue.png) repeat-x top;
+      background: url(../default/media/images/small-button-blue.png) repeat-x top;
       border: 0;
       color: #4a757f;
       font-weight: bold;
@@ -473,12 +473,12 @@ body.anon #searchbar {
       -moz-box-shadow: 1px 1px 2px #808080;
       box-shadow: 1px 1px 2px #808080; }
     #interestingtagadd:hover, #ignoredtagadd:hover {
-      background: url(../images/small-button-blue.png) repeat-x bottom; } }*/
+      background: url(../default/media/images/small-button-blue.png) repeat-x bottom; } }*/
   // img.gravatar {
     // margin: 1px; }
   // a {
   //   &.followed, &.follow {
-  //     background: url(../images/medium-button.png) top repeat-x;
+  //     background: url(../default/media/images/medium-button.png) top repeat-x;
   //     height: 34px;
   //     line-height: 34px;
   //     text-align: center;
@@ -503,7 +503,7 @@ body.anon #searchbar {
   //     padding: 0; }
   //   &.followed:hover, &.follow:hover {
   //     text-decoration: none;
-  //     background: url(../images/medium-button.png) bottom repeat-x;
+  //     background: url(../default/media/images/medium-button.png) bottom repeat-x;
   //     text-shadow: 0px 1px 0px #c6d9dd;
   //     -moz-text-shadow: 0px 1px 0px #c6d9dd;
   //     -webkit-text-shadow: 0px 1px 0px #c6d9dd; }
@@ -550,7 +550,7 @@ body.anon #searchbar {
 //   li {
 //     color: #707070;
 //     font-size: 13px;
-//     list-style-image: url(../images/tips.png); }
+//     list-style-image: url(../default/media/images/tips.png); }
 //   a {
 //     font-size: 16px; } }
 
@@ -634,7 +634,7 @@ body.anon #searchbar {
   // width: 52px;
   // padding-left: 2px;
   // padding-top: 3px;
-  // background: white url(../images/feed-icon-small.png) no-repeat center right;
+  // background: white url(../default/media/images/feed-icon-small.png) no-repeat center right;
   // float: right;
   // font-family: georgia,serif;
   // font-size: 16px;
@@ -691,7 +691,7 @@ body.anon #searchbar {
 //   overflow: hidden;
 //   width: 710px;
 //   float: left;
-//   background: url(../images/summary-background.png) repeat-x;
+//   background: url(../default/media/images/summary-background.png) repeat-x;
 //   h2 {
 //     font-size: 24px;
 //     font-weight: normal;
@@ -744,11 +744,11 @@ body.anon #searchbar {
 //     height: 44px;
 //     border: #dbdbd4 1px solid; }
 //   .votes {
-//     background: url(../images/vote-background.png) repeat-x; }
+//     background: url(../default/media/images/vote-background.png) repeat-x; }
 //   .answers {
-//     background: url(../images/answers-background.png) repeat-x; }
+//     background: url(../default/media/images/answers-background.png) repeat-x; }
 //   .views {
-//     background: url(../images/view-background.png) repeat-x; }
+//     background: url(../default/media/images/view-background.png) repeat-x; }
 //   .no-votes .item-count {
 //     color: #b1b5b6; }
 //   .some-votes .item-count {
@@ -762,7 +762,7 @@ body.anon #searchbar {
 //   .some-views .item-count {
 //     color: #d33f00; }
 //   .accepted .item-count {
-//     background: url(../images/accept.png) no-repeat top right;
+//     background: url(../default/media/images/accept.png) no-repeat top right;
 //     display: block;
 //     text-align: center;
 //     width: 40px;
@@ -1089,7 +1089,7 @@ body.anon #searchbar {
 
 // #fmanswer input.submit, .ask-page input.submit, .edit-question-page input.submit {
 //   float: left;
-//   background: url(../images/medium-button.png) top repeat-x;
+//   background: url(../default/media/images/medium-button.png) top repeat-x;
 //   height: 34px;
 //   border: 0;
 //   font-family: 'yanone kaffeesatz',sans-serif;
@@ -1109,7 +1109,7 @@ body.anon #searchbar {
 
 // #fmanswer input.submit:hover, .ask-page input.submit:hover, .edit-question-page input.submit:hover {
 //   text-decoration: none;
-//   background: url(../images/medium-button.png) bottom repeat-x;
+//   background: url(../default/media/images/medium-button.png) bottom repeat-x;
 //   text-shadow: 0px 1px 0px #c6d9dd;
 //   -moz-text-shadow: 0px 1px 0px #c6d9dd;
 //   -webkit-text-shadow: 0px 1px 0px #c6d9dd; }
@@ -1271,7 +1271,7 @@ body.anon #searchbar {
 //     float: right;
 //     width: 175px; }
 //   .post-update-info {
-//     background: white url(../images/background-user-info.png) repeat-x bottom;
+//     background: white url(../default/media/images/background-user-info.png) repeat-x bottom;
 //     float: right;
 //     font-size: 9px;
 //     font-family: arial;
@@ -1338,21 +1338,21 @@ body.anon #searchbar {
 //       height: 18px;
 //       font-size: 18px; }
 //     .question-delete {
-//       background: url(../images/delete.png) no-repeat center left;
+//       background: url(../default/media/images/delete.png) no-repeat center left;
 //       padding-left: 16px; } }
 //   .answer-controls .question-delete {
-//     background: url(../images/delete.png) no-repeat center left;
+//     background: url(../default/media/images/delete.png) no-repeat center left;
 //     padding-left: 16px; }
 //   .post-controls .question-flag, .answer-controls .question-flag {
-//     background: url(../images/flag.png) no-repeat center left; }
+//     background: url(../default/media/images/flag.png) no-repeat center left; }
 //   .post-controls .question-edit, .answer-controls .question-edit {
-//     background: url(../images/edit2.png) no-repeat center left; }
+//     background: url(../default/media/images/edit2.png) no-repeat center left; }
 //   .post-controls .question-retag, .answer-controls .question-retag {
-//     background: url(../images/retag.png) no-repeat center left; }
+//     background: url(../default/media/images/retag.png) no-repeat center left; }
 //   .post-controls .question-close, .answer-controls .question-close {
-//     background: url(../images/close.png) no-repeat center left; }
+//     background: url(../default/media/images/close.png) no-repeat center left; }
 //   .post-controls .permant-link, .answer-controls .permant-link {
-//     background: url(../images/link.png) no-repeat center left; }
+//     background: url(../default/media/images/link.png) no-repeat center left; }
 //   .tabbar {
 //     width: 100%; }
 //   #questioncount {
@@ -1364,25 +1364,25 @@ body.anon #searchbar {
 //     height: 20px;
 //     cursor: pointer; }
 //   .question-img-upvote, .answer-img-upvote {
-//     background: url(../images/vote-arrow-up-new.png) no-repeat; }
+//     background: url(../default/media/images/vote-arrow-up-new.png) no-repeat; }
 //   .question-img-downvote, .answer-img-downvote {
-//     background: url(../images/vote-arrow-down-new.png) no-repeat; }
+//     background: url(../default/media/images/vote-arrow-down-new.png) no-repeat; }
 //   .question-img-upvote {
 //     &:hover, &.on {
-//       background: url(../images/vote-arrow-up-on-new.png) no-repeat; } }
+//       background: url(../default/media/images/vote-arrow-up-on-new.png) no-repeat; } }
 //   .answer-img-upvote {
 //     &:hover, &.on {
-//       background: url(../images/vote-arrow-up-on-new.png) no-repeat; } }
+//       background: url(../default/media/images/vote-arrow-up-on-new.png) no-repeat; } }
 //   .question-img-downvote {
 //     &:hover, &.on {
-//       background: url(../images/vote-arrow-down-on-new.png) no-repeat; } }
+//       background: url(../default/media/images/vote-arrow-down-on-new.png) no-repeat; } }
 //   .answer-img-downvote {
 //     &:hover, &.on {
-//       background: url(../images/vote-arrow-down-on-new.png) no-repeat; } }
+//       background: url(../default/media/images/vote-arrow-down-on-new.png) no-repeat; } }
 //   #fmanswer_button {
 //     margin: 8px 0px; }
 //   .question-img-favorite:hover {
-//     background: url(../images/vote-favorite-on.png); }
+//     background: url(../default/media/images/vote-favorite-on.png); }
 //   div.comments {
 //     padding: 0; }
 //   #comment-title {
@@ -1405,7 +1405,7 @@ body.anon #searchbar {
 //       padding: 0 3px 2px 22px;
 //       font-family: arial;
 //       font-size: 13px;
-//       background: url(../images/comment.png) no-repeat center left;
+//       background: url(../default/media/images/comment.png) no-repeat center left;
 //       &:hover {
 //         background-color: #f5f0c9;
 //         text-decoration: none; } }
@@ -1441,7 +1441,7 @@ body.anon #searchbar {
 //       vertical-align: top;
 //       width: 100px; }
 //     button {
-//       background: url(../images/small-button-blue.png) repeat-x top;
+//       background: url(../default/media/images/small-button-blue.png) repeat-x top;
 //       border: 0;
 //       color: #4a757f;
 //       font-family: arial;
@@ -1464,7 +1464,7 @@ body.anon #searchbar {
 //       -moz-box-shadow: 1px 1px 2px #808080;
 //       box-shadow: 1px 1px 2px #808080;
 //       &:hover {
-//         background: url(../images/small-button-blue.png) bottom repeat-x;
+//         background: url(../default/media/images/small-button-blue.png) bottom repeat-x;
 //         text-shadow: 0px 1px 0px #c6d9dd;
 //         -moz-text-shadow: 0px 1px 0px #c6d9dd;
 //         -webkit-text-shadow: 0px 1px 0px #c6d9dd; } }
@@ -1487,7 +1487,7 @@ body.anon #searchbar {
 //       font-family: arial;
 //       font-size: 11px;
 //       min-height: 25px;
-//       background: white url(../images/comment-background.png) bottom repeat-x;
+//       background: white url(../default/media/images/comment-background.png) bottom repeat-x;
 //       border-radius: 5px;
 //       -ms-border-radius: 5px;
 //       -moz-border-radius: 5px;
@@ -1502,7 +1502,7 @@ body.anon #searchbar {
 //       &:hover {
 //         text-decoration: underline; } }
 //     span.delete-icon {
-//       background: url(../images/close-small.png) no-repeat;
+//       background: url(../default/media/images/close-small.png) no-repeat;
 //       border: 0;
 //       width: 14px;
 //       height: 14px;
@@ -1551,10 +1551,10 @@ body.anon #searchbar {
 //       &.upvoted {
 //         color: #d64000; }
 //       &.hover {
-//         background: url(../images/go-up-grey.png) no-repeat;
+//         background: url(../default/media/images/go-up-grey.png) no-repeat;
 //         background-position: right 1px; }
 //       &:hover {
-//         background: url(../images/go-up-orange.png) no-repeat;
+//         background: url(../default/media/images/go-up-orange.png) no-repeat;
 //         background-position: right 1px; } }
 //     .help-text {
 //       float: right;
@@ -1632,7 +1632,7 @@ body.anon #searchbar {
 //       // margin-right: 10px; }
 //     }
 //   .answer-img-accept:hover {
-//     background: url(../images/vote-accepted-on.png); }
+//     background: url(../default/media/images/vote-accepted-on.png); }
 //   .answer-body {
 //     a {
 //       color: #1b79bd; }
@@ -1657,7 +1657,7 @@ body.anon #searchbar {
 //     padding-left: 3px !important; } }
 
 // .facebook-share.icon, .twitter-share.icon, .linkedin-share.icon, .identica-share.icon {
-//   background: url(../images/socialsprite.png) no-repeat;
+//   background: url(../default/media/images/socialsprite.png) no-repeat;
 //   display: block;
 //   text-indent: -100em;
 //   height: 25px;
@@ -1721,7 +1721,7 @@ body.anon #searchbar {
 //   font-size: 14px; }
 
 // .openid-signin input.submit, .meta input.submit, .users-page input.submit, .user-profile-edit-page input.submit, .user-profile-page input.submit {
-//   background: url(../images/small-button-blue.png) repeat-x top;
+//   background: url(../default/media/images/small-button-blue.png) repeat-x top;
 //   border: 0;
 //   color: #4a757f;
 //   font-weight: bold;
@@ -1744,15 +1744,15 @@ body.anon #searchbar {
 //   box-shadow: 1px 1px 2px #808080; }
 
 // .openid-signin input.submit:hover, .meta input.submit:hover, .users-page input.submit:hover, .user-profile-edit-page input.submit:hover, .user-profile-page input.submit:hover {
-//   background: url(../images/small-button-blue.png) repeat-x bottom;
+//   background: url(../default/media/images/small-button-blue.png) repeat-x bottom;
 //   text-decoration: none; }
 
 .openid-signin .cancel, .meta .cancel, .users-page .cancel, .user-profile-edit-page .cancel, .user-profile-page .cancel {
-  background: url(../images/small-button-cancel.png) repeat-x top !important;
+  background: url(../default/media/images/small-button-cancel.png) repeat-x top !important;
   color: #525252 !important; }
 
 .openid-signin .cancel:hover, .meta .cancel:hover, .users-page .cancel:hover, .user-profile-edit-page .cancel:hover, .user-profile-page .cancel:hover {
-  background: url(../images/small-button-cancel.png) repeat-x bottom !important; }
+  background: url(../default/media/images/small-button-cancel.png) repeat-x bottom !important; }
 
 #email-input-fs, #local_login_buttons, #password-fs, #openid-fs {
   margin-top: 10px; }
@@ -1767,7 +1767,7 @@ body.anon #searchbar {
   width: 200px; }
 
 #email-input-fs .submit-b, #local_login_buttons .submit-b, #password-fs .submit-b, #openid-fs .submit-b {
-  background: url(../images/small-button-blue.png) repeat-x top;
+  background: url(../default/media/images/small-button-blue.png) repeat-x top;
   border: 0;
   color: #4a757f;
   font-weight: bold;
@@ -1791,16 +1791,16 @@ body.anon #searchbar {
   box-shadow: 1px 1px 2px #808080; }
 
 #email-input-fs .submit-b:hover, #local_login_buttons .submit-b:hover, #password-fs .submit-b:hover, #openid-fs .submit-b:hover {
-  background: url(../images/small-button-blue.png) repeat-x bottom; }
+  background: url(../default/media/images/small-button-blue.png) repeat-x bottom; }
 
 .openid-input {
-  background: url(../images/openid.gif) no-repeat;
+  background: url(../default/media/images/openid.gif) no-repeat;
   padding-left: 15px;
   cursor: pointer; }
 
 .openid-login-input {
   background-position: center left;
-  background: url(../images/openid.gif) no-repeat 0% 50%;
+  background: url(../default/media/images/openid.gif) no-repeat 0% 50%;
   padding: 5px 5px 5px 15px;
   cursor: pointer;
   font-family: trebuchet ms;
@@ -1853,7 +1853,7 @@ body.anon #searchbar {
 //     margin-right: 5px;
 //     color: #333;
 //     text-decoration: none;
-//     background: url(../images/medala.gif) no-repeat;
+//     background: url(../default/media/images/medala.gif) no-repeat;
 //     border-left: 1px solid #eee;
 //     border-top: 1px solid #eee;
 //     border-bottom: 1px solid #ccc;
@@ -1862,7 +1862,7 @@ body.anon #searchbar {
 //   &:hover.medal {
 //     color: #333;
 //     text-decoration: none;
-//     background: url(../images/medala_on.gif) no-repeat;
+//     background: url(../default/media/images/medala_on.gif) no-repeat;
 //     border-left: 1px solid #e7e296;
 //     border-top: 1px solid #e7e296;
 //     border-bottom: 1px solid #d1ca3d;
@@ -1917,7 +1917,7 @@ body.anon #searchbar {
 //   font-size: 15px;
 //   cursor: pointer;
 //   font-family: 'yanone kaffeesatz',sans-serif;
-//   background: url(../images/small-button-blue.png) repeat-x top;
+//   background: url(../default/media/images/small-button-blue.png) repeat-x top;
 //   border-radius: 4px;
 //   -ms-border-radius: 4px;
 //   -moz-border-radius: 4px;
@@ -1931,7 +1931,7 @@ body.anon #searchbar {
 //   box-shadow: 1px 1px 2px #808080; }
 
 // .follow-toggle:hover, .submit:hover {
-//   background: url(../images/small-button-blue.png) repeat-x bottom;
+//   background: url(../default/media/images/small-button-blue.png) repeat-x bottom;
 //   text-decoration: none !important; }
 
 // .follow-toggle {
@@ -2132,7 +2132,7 @@ ins {
 //   -webkit-border-radius: 4px;
 //   -khtml-border-radius: 4px;
 //   h3 {
-//     background: url(../images/notification.png) repeat-x top;
+//     background: url(../default/media/images/notification.png) repeat-x top;
 //     padding: 10px 10px 10px 10px;
 //     font-size: 13px;
 //     margin-bottom: 5px;

static/css/discussion/_discussion.scss

@@ -73,7 +73,7 @@ body.askbot {
 }
 
 .acLoading {
-  background : url('../images/indicator.gif') right center no-repeat;
+  background : url('../default/media/images/indicator.gif') right center no-repeat;
 }
 
 .acSelect {

static/css/discussion/_form-wmd-toolbar.scss

@@ -50,7 +50,7 @@
   margin-left: 5px;
   margin-right: 5px;
   position: absolute;
-  background-image: url(/static/images/askbot/wmd-buttons.png);
+  background-image: url(../images/askbot/wmd-buttons.png);
   background-repeat: no-repeat;
   background-position: 0px 0px;
   display: inline-block; 

static/css/discussion/_profile.scss

@@ -80,7 +80,7 @@ body.user-profile-page {
 
           &.up {
             background-color:#d1e3a8;
-            background-image: url(/static/images/askbot/vote-arrow-up-activate.png);
+            background-image: url(../images/askbot/vote-arrow-up-activate.png);
             margin-right: 6px;
 
             span.vote-count {
@@ -89,7 +89,7 @@ body.user-profile-page {
           }
 
           &.down {
-            background-image: url(/static/images/askbot/vote-arrow-down-activate.png);
+            background-image: url(../images/askbot/vote-arrow-down-activate.png);
             background-color:#eac6ad;
 
             span.vote-count {

static/css/discussion/_question-view.scss

@@ -25,23 +25,23 @@ div.question-header {
         }
 
         &.question-img-upvote, &.answer-img-upvote  {
-          background-image: url(/static/images/askbot/vote-arrow-up.png);
+          background-image: url(../images/askbot/vote-arrow-up.png);
           @include box-shadow(inset 0 1px 0px rgba(255, 255, 255, 0.5));
 
           &:hover, &.on {
             background-color:#d1e3a8;
             border-color: darken(#D1E3A8, 20%);
-          background-image: url(/static/images/askbot/vote-arrow-up-activate.png);
+          background-image: url(../images/askbot/vote-arrow-up-activate.png);
           }
         }
 
         &.question-img-downvote, &.answer-img-downvote  {
-          background-image: url(/static/images/askbot/vote-arrow-down.png);
+          background-image: url(../images/askbot/vote-arrow-down.png);
 
           &:hover, &.on {
             background-color:#EAC6AD;
             border-color: darken(#EAC6AD, 20%);
-            background-image: url(/static/images/askbot/vote-arrow-down-activate.png);
+            background-image: url(../images/askbot/vote-arrow-down-activate.png);
           }
         }
       }

static/css/discussion/_sidebar.scss

@@ -106,7 +106,7 @@ div.discussion-wrapper aside {
     input[type='submit'] {
       @include box-shadow(none);
       opacity: 0.5;
-      background: url(/static/images/askbot/search-icon.png) no-repeat center;
+      background: url(../images/askbot/search-icon.png) no-repeat center;
       border: 0;
       margin-left: 3px;
       position: absolute;

static/css/index/_footer.scss

@@ -6,7 +6,7 @@ footer {
   div.footer-wrapper {
     border-top: 1px solid #e5e5e5;
     padding: lh() 0;
-    background: url('/static/images/marketing/mit-logo.png') right center no-repeat;
+    background: url('../images/marketing/mit-logo.png') right center no-repeat;
 
     @media screen and (max-width: 780px) {
       background-position: left bottom;
@@ -84,15 +84,15 @@ footer {
           }
 
           &.twitter a {
-            background: url('/static/images/marketing/twitter.png') 0 0 no-repeat;
+            background: url('../images/marketing/twitter.png') 0 0 no-repeat;
           }
 
           &.facebook a {
-            background: url('/static/images/marketing/facebook.png') 0 0 no-repeat;
+            background: url('../images/marketing/facebook.png') 0 0 no-repeat;
           }
 
           &.linkedin a {
-            background: url('/static/images/marketing/linkedin.png') 0 0 no-repeat;
+            background: url('../images/marketing/linkedin.png') 0 0 no-repeat;
           }
         }
       }

static/css/index/_header.scss

@@ -6,10 +6,10 @@ header.announcement {
   -webkit-font-smoothing: antialiased;
 
   &.home {
-    background: #e3e3e3 url("/static/images/marketing/shot-5-medium.jpg");
+    background: #e3e3e3 url("../images/marketing/shot-5-medium.jpg");
 
     @media screen and (min-width: 1200px) {
-      background: #e3e3e3 url("/static/images/marketing/shot-5-large.jpg");
+      background: #e3e3e3 url("../images/marketing/shot-5-large.jpg");
     }
 
     div {
@@ -33,14 +33,14 @@ header.announcement {
   }
 
   &.course {
-    background: #e3e3e3 url("/static/images/marketing/course-bg-small.jpg");
+    background: #e3e3e3 url("../images/marketing/course-bg-small.jpg");
 
     @media screen and (min-width: 1200px) {
-      background: #e3e3e3 url("/static/images/marketing/course-bg-large.jpg");
+      background: #e3e3e3 url("../images/marketing/course-bg-large.jpg");
     }
 
     @media screen and (max-width: 1199px) and (min-width: 700px) {
-      background: #e3e3e3 url("/static/images/marketing/course-bg-medium.jpg");
+      background: #e3e3e3 url("../images/marketing/course-bg-medium.jpg");
     }
 
     div {

static/css/index/_index.scss

@@ -221,16 +221,16 @@ section.index-content {
     &.course {
       h2 {
         padding-top: lh(5);
-        background: url('/static/images/marketing/circuits-bg.jpg') 0 0 no-repeat;
+        background: url('../images/marketing/circuits-bg.jpg') 0 0 no-repeat;
         @include background-size(contain);
 
         @media screen and (max-width: 998px) and (min-width: 781px){
-          background: url('/static/images/marketing/circuits-medium-bg.jpg') 0 0 no-repeat;
+          background: url('../images/marketing/circuits-medium-bg.jpg') 0 0 no-repeat;
         }
 
         @media screen and (max-width: 780px) {
           padding-top: lh(5);
-          background: url('/static/images/marketing/circuits-bg.jpg') 0 0 no-repeat;
+          background: url('../images/marketing/circuits-bg.jpg') 0 0 no-repeat;
         }
 
         @media screen and (min-width: 500px) and (max-width: 781px) {

static/css/jquery-ui-1.8.16.custom.css

@@ -1,568 +0,0 @@
-/*
- * jQuery UI CSS Framework 1.8.16
- *
- * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
- * Dual licensed under the MIT or GPL Version 2 licenses.
- * http://jquery.org/license
- *
- * http://docs.jquery.com/UI/Theming/API
- */
-
-/* Layout helpers
-----------------------------------*/
-.ui-helper-hidden { display: none; }
-.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
-.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
-.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
-.ui-helper-clearfix { display: inline-block; }
-/* required comment for clearfix to work in Opera \*/
-* html .ui-helper-clearfix { height:1%; }
-.ui-helper-clearfix { display:block; }
-/* end clearfix */
-.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
-
-
-/* Interaction Cues
-----------------------------------*/
-.ui-state-disabled { cursor: default !important; }
-
-
-/* Icons
-----------------------------------*/
-
-/* states and images */
-.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
-
-
-/* Misc visuals
-----------------------------------*/
-
-/* Overlays */
-.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
-
-
-/*
- * jQuery UI CSS Framework 1.8.16
- *
- * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
- * Dual licensed under the MIT or GPL Version 2 licenses.
- * http://jquery.org/license
- *
- * http://docs.jquery.com/UI/Theming/API
- *
- * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Helvetica,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=2px&bgColorHeader=7fbcfd&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=50&borderColorHeader=dae5c9&fcHeader=031634&iconColorHeader=031634&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=dae5c9&fcContent=031634&iconColorContent=adcc80&bgColorDefault=7fbcdf&bgTextureDefault=03_highlight_soft.png&bgImgOpacityDefault=100&borderColorDefault=dae5c9&fcDefault=7a994c&iconColorDefault=adcc80&bgColorHover=bddeff&bgTextureHover=03_highlight_soft.png&bgImgOpacityHover=25&borderColorHover=7fbcdf&fcHover=7a994c&iconColorHover=adcc80&bgColorActive=023063&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=dae5c9&fcActive=dae5c9&iconColorActive=454545&bgColorHighlight=ffffff&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=55&borderColorHighlight=cccccc&fcHighlight=444444&iconColorHighlight=adcc80&bgColorError=ffffff&bgTextureError=01_flat.png&bgImgOpacityError=55&borderColorError=fa720a&fcError=222222&iconColorError=fa720a&bgColorOverlay=eeeeee&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=80&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=60&thicknessShadow=4px&offsetTopShadow=-4px&offsetLeftShadow=-4px&cornerRadiusShadow=0px
- */
-
-
-/* Component containers
-----------------------------------*/
-.ui-widget { font-family: Helvetica, Arial, sans-serif; font-size: 1.1em; }
-.ui-widget .ui-widget { font-size: 1em; }
-.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Helvetica, Arial, sans-serif; font-size: 1em; }
-.ui-widget-content { border: 1px solid #dae5c9; background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #031634; }
-.ui-widget-content a { color: #031634; }
-.ui-widget-header { border: 1px solid #dae5c9; background: #7fbcfd url(images/ui-bg_highlight-soft_50_7fbcfd_1x100.png) 50% 50% repeat-x; color: #031634; font-weight: bold; }
-.ui-widget-header a { color: #031634; }
-
-/* Interaction states
-----------------------------------*/
-.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #dae5c9; background: #7fbcdf url(images/ui-bg_highlight-soft_100_7fbcdf_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #7a994c; }
-.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #7a994c; text-decoration: none; }
-.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #7fbcdf; background: #bddeff url(images/ui-bg_highlight-soft_25_bddeff_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #7a994c; }
-.ui-state-hover a, .ui-state-hover a:hover { color: #7a994c; text-decoration: none; }
-.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #dae5c9; background: #023063 url(images/ui-bg_glass_65_023063_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #dae5c9; }
-.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #dae5c9; text-decoration: none; }
-.ui-widget :active { outline: none; }
-
-/* Interaction Cues
-----------------------------------*/
-.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #cccccc; background: #ffffff url(images/ui-bg_flat_55_ffffff_40x100.png) 50% 50% repeat-x; color: #444444; }
-.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #444444; }
-.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #fa720a; background: #ffffff url(images/ui-bg_flat_55_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; }
-.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #222222; }
-.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #222222; }
-.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
-.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
-.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
-
-/* Icons
-----------------------------------*/
-
-/* states and images */
-.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_adcc80_256x240.png); }
-.ui-widget-content .ui-icon {background-image: url(images/ui-icons_adcc80_256x240.png); }
-.ui-widget-header .ui-icon {background-image: url(images/ui-icons_031634_256x240.png); }
-.ui-state-default .ui-icon { background-image: url(images/ui-icons_adcc80_256x240.png); }
-.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_adcc80_256x240.png); }
-.ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); }
-.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_adcc80_256x240.png); }
-.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_fa720a_256x240.png); }
-
-/* positioning */
-.ui-icon-carat-1-n { background-position: 0 0; }
-.ui-icon-carat-1-ne { background-position: -16px 0; }
-.ui-icon-carat-1-e { background-position: -32px 0; }
-.ui-icon-carat-1-se { background-position: -48px 0; }
-.ui-icon-carat-1-s { background-position: -64px 0; }
-.ui-icon-carat-1-sw { background-position: -80px 0; }
-.ui-icon-carat-1-w { background-position: -96px 0; }
-.ui-icon-carat-1-nw { background-position: -112px 0; }
-.ui-icon-carat-2-n-s { background-position: -128px 0; }
-.ui-icon-carat-2-e-w { background-position: -144px 0; }
-.ui-icon-triangle-1-n { background-position: 0 -16px; }
-.ui-icon-triangle-1-ne { background-position: -16px -16px; }
-.ui-icon-triangle-1-e { background-position: -32px -16px; }
-.ui-icon-triangle-1-se { background-position: -48px -16px; }
-.ui-icon-triangle-1-s { background-position: -64px -16px; }
-.ui-icon-triangle-1-sw { background-position: -80px -16px; }
-.ui-icon-triangle-1-w { background-position: -96px -16px; }
-.ui-icon-triangle-1-nw { background-position: -112px -16px; }
-.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
-.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
-.ui-icon-arrow-1-n { background-position: 0 -32px; }
-.ui-icon-arrow-1-ne { background-position: -16px -32px; }
-.ui-icon-arrow-1-e { background-position: -32px -32px; }
-.ui-icon-arrow-1-se { background-position: -48px -32px; }
-.ui-icon-arrow-1-s { background-position: -64px -32px; }
-.ui-icon-arrow-1-sw { background-position: -80px -32px; }
-.ui-icon-arrow-1-w { background-position: -96px -32px; }
-.ui-icon-arrow-1-nw { background-position: -112px -32px; }
-.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
-.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
-.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
-.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
-.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
-.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
-.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
-.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
-.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
-.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
-.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
-.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
-.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
-.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
-.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
-.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
-.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
-.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
-.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
-.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
-.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
-.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
-.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
-.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
-.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
-.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
-.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
-.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
-.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
-.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
-.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
-.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
-.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
-.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
-.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
-.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
-.ui-icon-arrow-4 { background-position: 0 -80px; }
-.ui-icon-arrow-4-diag { background-position: -16px -80px; }
-.ui-icon-extlink { background-position: -32px -80px; }
-.ui-icon-newwin { background-position: -48px -80px; }
-.ui-icon-refresh { background-position: -64px -80px; }
-.ui-icon-shuffle { background-position: -80px -80px; }
-.ui-icon-transfer-e-w { background-position: -96px -80px; }
-.ui-icon-transferthick-e-w { background-position: -112px -80px; }
-.ui-icon-folder-collapsed { background-position: 0 -96px; }
-.ui-icon-folder-open { background-position: -16px -96px; }
-.ui-icon-document { background-position: -32px -96px; }
-.ui-icon-document-b { background-position: -48px -96px; }
-.ui-icon-note { background-position: -64px -96px; }
-.ui-icon-mail-closed { background-position: -80px -96px; }
-.ui-icon-mail-open { background-position: -96px -96px; }
-.ui-icon-suitcase { background-position: -112px -96px; }
-.ui-icon-comment { background-position: -128px -96px; }
-.ui-icon-person { background-position: -144px -96px; }
-.ui-icon-print { background-position: -160px -96px; }
-.ui-icon-trash { background-position: -176px -96px; }
-.ui-icon-locked { background-position: -192px -96px; }
-.ui-icon-unlocked { background-position: -208px -96px; }
-.ui-icon-bookmark { background-position: -224px -96px; }
-.ui-icon-tag { background-position: -240px -96px; }
-.ui-icon-home { background-position: 0 -112px; }
-.ui-icon-flag { background-position: -16px -112px; }
-.ui-icon-calendar { background-position: -32px -112px; }
-.ui-icon-cart { background-position: -48px -112px; }
-.ui-icon-pencil { background-position: -64px -112px; }
-.ui-icon-clock { background-position: -80px -112px; }
-.ui-icon-disk { background-position: -96px -112px; }
-.ui-icon-calculator { background-position: -112px -112px; }
-.ui-icon-zoomin { background-position: -128px -112px; }
-.ui-icon-zoomout { background-position: -144px -112px; }
-.ui-icon-search { background-position: -160px -112px; }
-.ui-icon-wrench { background-position: -176px -112px; }
-.ui-icon-gear { background-position: -192px -112px; }
-.ui-icon-heart { background-position: -208px -112px; }
-.ui-icon-star { background-position: -224px -112px; }
-.ui-icon-link { background-position: -240px -112px; }
-.ui-icon-cancel { background-position: 0 -128px; }
-.ui-icon-plus { background-position: -16px -128px; }
-.ui-icon-plusthick { background-position: -32px -128px; }
-.ui-icon-minus { background-position: -48px -128px; }
-.ui-icon-minusthick { background-position: -64px -128px; }
-.ui-icon-close { background-position: -80px -128px; }
-.ui-icon-closethick { background-position: -96px -128px; }
-.ui-icon-key { background-position: -112px -128px; }
-.ui-icon-lightbulb { background-position: -128px -128px; }
-.ui-icon-scissors { background-position: -144px -128px; }
-.ui-icon-clipboard { background-position: -160px -128px; }
-.ui-icon-copy { background-position: -176px -128px; }
-.ui-icon-contact { background-position: -192px -128px; }
-.ui-icon-image { background-position: -208px -128px; }
-.ui-icon-video { background-position: -224px -128px; }
-.ui-icon-script { background-position: -240px -128px; }
-.ui-icon-alert { background-position: 0 -144px; }
-.ui-icon-info { background-position: -16px -144px; }
-.ui-icon-notice { background-position: -32px -144px; }
-.ui-icon-help { background-position: -48px -144px; }
-.ui-icon-check { background-position: -64px -144px; }
-.ui-icon-bullet { background-position: -80px -144px; }
-.ui-icon-radio-off { background-position: -96px -144px; }
-.ui-icon-radio-on { background-position: -112px -144px; }
-.ui-icon-pin-w { background-position: -128px -144px; }
-.ui-icon-pin-s { background-position: -144px -144px; }
-.ui-icon-play { background-position: 0 -160px; }
-.ui-icon-pause { background-position: -16px -160px; }
-.ui-icon-seek-next { background-position: -32px -160px; }
-.ui-icon-seek-prev { background-position: -48px -160px; }
-.ui-icon-seek-end { background-position: -64px -160px; }
-.ui-icon-seek-start { background-position: -80px -160px; }
-/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
-.ui-icon-seek-first { background-position: -80px -160px; }
-.ui-icon-stop { background-position: -96px -160px; }
-.ui-icon-eject { background-position: -112px -160px; }
-.ui-icon-volume-off { background-position: -128px -160px; }
-.ui-icon-volume-on { background-position: -144px -160px; }
-.ui-icon-power { background-position: 0 -176px; }
-.ui-icon-signal-diag { background-position: -16px -176px; }
-.ui-icon-signal { background-position: -32px -176px; }
-.ui-icon-battery-0 { background-position: -48px -176px; }
-.ui-icon-battery-1 { background-position: -64px -176px; }
-.ui-icon-battery-2 { background-position: -80px -176px; }
-.ui-icon-battery-3 { background-position: -96px -176px; }
-.ui-icon-circle-plus { background-position: 0 -192px; }
-.ui-icon-circle-minus { background-position: -16px -192px; }
-.ui-icon-circle-close { background-position: -32px -192px; }
-.ui-icon-circle-triangle-e { background-position: -48px -192px; }
-.ui-icon-circle-triangle-s { background-position: -64px -192px; }
-.ui-icon-circle-triangle-w { background-position: -80px -192px; }
-.ui-icon-circle-triangle-n { background-position: -96px -192px; }
-.ui-icon-circle-arrow-e { background-position: -112px -192px; }
-.ui-icon-circle-arrow-s { background-position: -128px -192px; }
-.ui-icon-circle-arrow-w { background-position: -144px -192px; }
-.ui-icon-circle-arrow-n { background-position: -160px -192px; }
-.ui-icon-circle-zoomin { background-position: -176px -192px; }
-.ui-icon-circle-zoomout { background-position: -192px -192px; }
-.ui-icon-circle-check { background-position: -208px -192px; }
-.ui-icon-circlesmall-plus { background-position: 0 -208px; }
-.ui-icon-circlesmall-minus { background-position: -16px -208px; }
-.ui-icon-circlesmall-close { background-position: -32px -208px; }
-.ui-icon-squaresmall-plus { background-position: -48px -208px; }
-.ui-icon-squaresmall-minus { background-position: -64px -208px; }
-.ui-icon-squaresmall-close { background-position: -80px -208px; }
-.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
-.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
-.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
-.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
-.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
-.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
-
-
-/* Misc visuals
-----------------------------------*/
-
-/* Corner radius */
-.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; -khtml-border-top-left-radius: 2px; border-top-left-radius: 2px; }
-.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; -khtml-border-top-right-radius: 2px; border-top-right-radius: 2px; }
-.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; -khtml-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; }
-.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; -khtml-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; }
-
-/* Overlays */
-.ui-widget-overlay { background: #eeeeee url(images/ui-bg_flat_0_eeeeee_40x100.png) 50% 50% repeat-x; opacity: .80;filter:Alpha(Opacity=80); }
-.ui-widget-shadow { margin: -4px 0 0 -4px; padding: 4px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .60;filter:Alpha(Opacity=60); -moz-border-radius: 0px; -khtml-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; }/*
- * jQuery UI Resizable 1.8.16
- *
- * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
- * Dual licensed under the MIT or GPL Version 2 licenses.
- * http://jquery.org/license
- *
- * http://docs.jquery.com/UI/Resizable#theming
- */
-.ui-resizable { position: relative;}
-.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block; }
-.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
-.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
-.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
-.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
-.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
-.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
-.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
-.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
-.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/*
- * jQuery UI Selectable 1.8.16
- *
- * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
- * Dual licensed under the MIT or GPL Version 2 licenses.
- * http://jquery.org/license
- *
- * http://docs.jquery.com/UI/Selectable#theming
- */
-.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
-/*
- * jQuery UI Accordion 1.8.16
- *
- * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
- * Dual licensed under the MIT or GPL Version 2 licenses.
- * http://jquery.org/license
- *
- * http://docs.jquery.com/UI/Accordion#theming
- */
-/* IE/Win - Fix animation bug - #4615 */
-.ui-accordion { width: 100%; }
-.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
-.ui-accordion .ui-accordion-li-fix { display: inline; }
-.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
-.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
-.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
-.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
-.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
-.ui-accordion .ui-accordion-content-active { display: block; }
-/*
- * jQuery UI Autocomplete 1.8.16
- *
- * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
- * Dual licensed under the MIT or GPL Version 2 licenses.
- * http://jquery.org/license
- *
- * http://docs.jquery.com/UI/Autocomplete#theming
- */
-.ui-autocomplete { position: absolute; cursor: default; }	
-
-/* workarounds */
-* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
-
-/*
- * jQuery UI Menu 1.8.16
- *
- * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
- * Dual licensed under the MIT or GPL Version 2 licenses.
- * http://jquery.org/license
- *
- * http://docs.jquery.com/UI/Menu#theming
- */
-.ui-menu {
-	list-style:none;
-	padding: 2px;
-	margin: 0;
-	display:block;
-	float: left;
-}
-.ui-menu .ui-menu {
-	margin-top: -3px;
-}
-.ui-menu .ui-menu-item {
-	margin:0;
-	padding: 0;
-	zoom: 1;
-	float: left;
-	clear: left;
-	width: 100%;
-}
-.ui-menu .ui-menu-item a {
-	text-decoration:none;
-	display:block;
-	padding:.2em .4em;
-	line-height:1.5;
-	zoom:1;
-}
-.ui-menu .ui-menu-item a.ui-state-hover,
-.ui-menu .ui-menu-item a.ui-state-active {
-	font-weight: normal;
-	margin: -1px;
-}
-/*
- * jQuery UI Button 1.8.16
- *
- * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
- * Dual licensed under the MIT or GPL Version 2 licenses.
- * http://jquery.org/license
- *
- * http://docs.jquery.com/UI/Button#theming
- */
-.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
-.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
-button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
-.ui-button-icons-only { width: 3.4em; } 
-button.ui-button-icons-only { width: 3.7em; } 
-
-/*button text element */
-.ui-button .ui-button-text { display: block; line-height: 1.4;  }
-.ui-button-text-only .ui-button-text { padding: .4em 1em; }
-.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
-.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
-.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
-.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
-/* no icon support for input elements, provide padding by default */
-input.ui-button { padding: .4em 1em; }
-
-/*button icon element(s) */
-.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
-.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
-.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
-.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
-.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
-
-/*button sets*/
-.ui-buttonset { margin-right: 7px; }
-.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }
-
-/* workarounds */
-button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
-/*
- * jQuery UI Dialog 1.8.16
- *
- * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
- * Dual licensed under the MIT or GPL Version 2 licenses.
- * http://jquery.org/license
- *
- * http://docs.jquery.com/UI/Dialog#theming
- */
-.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
-.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
-.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } 
-.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
-.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
-.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
-.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
-.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
-.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
-.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
-.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
-.ui-draggable .ui-dialog-titlebar { cursor: move; }
-/*
- * jQuery UI Slider 1.8.16
- *
- * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
- * Dual licensed under the MIT or GPL Version 2 licenses.
- * http://jquery.org/license
- *
- * http://docs.jquery.com/UI/Slider#theming
- */
-.ui-slider { position: relative; text-align: left; }
-.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
-.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
-
-.ui-slider-horizontal { height: .8em; }
-.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
-.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
-.ui-slider-horizontal .ui-slider-range-min { left: 0; }
-.ui-slider-horizontal .ui-slider-range-max { right: 0; }
-
-.ui-slider-vertical { width: .8em; height: 100px; }
-.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
-.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
-.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
-.ui-slider-vertical .ui-slider-range-max { top: 0; }/*
- * jQuery UI Tabs 1.8.16
- *
- * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
- * Dual licensed under the MIT or GPL Version 2 licenses.
- * http://jquery.org/license
- *
- * http://docs.jquery.com/UI/Tabs#theming
- */
-.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
-.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
-.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
-.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
-.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
-.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
-.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
-.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
-.ui-tabs .ui-tabs-hide { display: none !important; }
-/*
- * jQuery UI Datepicker 1.8.16
- *
- * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
- * Dual licensed under the MIT or GPL Version 2 licenses.
- * http://jquery.org/license
- *
- * http://docs.jquery.com/UI/Datepicker#theming
- */
-.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
-.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
-.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
-.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
-.ui-datepicker .ui-datepicker-prev { left:2px; }
-.ui-datepicker .ui-datepicker-next { right:2px; }
-.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
-.ui-datepicker .ui-datepicker-next-hover { right:1px; }
-.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
-.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
-.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
-.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
-.ui-datepicker select.ui-datepicker-month, 
-.ui-datepicker select.ui-datepicker-year { width: 49%;}
-.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
-.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
-.ui-datepicker td { border: 0; padding: 1px; }
-.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
-.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
-.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
-.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
-
-/* with multiple calendars */
-.ui-datepicker.ui-datepicker-multi { width:auto; }
-.ui-datepicker-multi .ui-datepicker-group { float:left; }
-.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
-.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
-.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
-.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
-.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
-.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
-.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
-.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }
-
-/* RTL support */
-.ui-datepicker-rtl { direction: rtl; }
-.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
-.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
-.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
-.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
-.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
-.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
-.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
-.ui-datepicker-rtl .ui-datepicker-group { float:right; }
-.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
-.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
-
-/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
-.ui-datepicker-cover {
-    display: none; /*sorry for IE5*/
-    display/**/: block; /*sorry for IE5*/
-    position: absolute; /*must have*/
-    z-index: -1; /*must have*/
-    filter: mask(); /*must have*/
-    top: -4px; /*must have*/
-    left: -4px; /*must have*/
-    width: 200px; /*must have*/
-    height: 200px; /*must have*/
-}/*
- * jQuery UI Progressbar 1.8.16
- *
- * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
- * Dual licensed under the MIT or GPL Version 2 licenses.
- * http://jquery.org/license
- *
- * http://docs.jquery.com/UI/Progressbar#theming
- */
-.ui-progressbar { height:2em; text-align: left; }
-.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }

static/css/layout/_calculator.scss

@@ -6,7 +6,7 @@ li.calc-main {
 
   a.calc {
     @include hide-text;
-    background: url("/static/images/calc-icon.png") rgba(#111, .9) no-repeat center;
+    background: url("../images/calc-icon.png") rgba(#111, .9) no-repeat center;
     border-bottom: 0;
     color: #fff;
     float: right;
@@ -24,7 +24,7 @@ li.calc-main {
     }
 
     &.closed {
-      background-image: url("/static/images/close-calc-icon.png");
+      background-image: url("../images/close-calc-icon.png");
     }
   }
 
@@ -103,7 +103,7 @@ li.calc-main {
             @include hide-text;
             width: 17px;
             height: 17px;
-            background: url("/static/images/info-icon.png") center center no-repeat;
+            background: url("../images/info-icon.png") center center no-repeat;
           }
 
           dl {

static/css/layout/_footer.scss

@@ -80,15 +80,15 @@ footer {
           }
 
           &.twitter a {
-            background: url('/static/images/twitter.png') 0 0 no-repeat;
+            background: url('../images/twitter.png') 0 0 no-repeat;
           }
 
           &.facebook a {
-            background: url('/static/images/facebook.png') 0 0 no-repeat;
+            background: url('../images/facebook.png') 0 0 no-repeat;
           }
 
           &.linkedin a {
-            background: url('/static/images/linkedin.png') 0 0 no-repeat;
+            background: url('../images/linkedin.png') 0 0 no-repeat;
           }
         }
       }