upgrade_surveyor 1.4.2

data/lib/assets/javascripts/surveyor/jquery.surveyor.js

@@ -0,0 +1,154 @@
+// Javascript UI for surveyor
+jQuery(document).ready(function(){
+  // if(jQuery.browser.msie){
+  //  // IE has trouble with the change event for form radio/checkbox elements - bind click instead
+  //  jQuery("form#survey_form input[type=radio], form#survey_form [type=checkbox]").bind("click", function(){
+  //    jQuery(this).parents("form").ajaxSubmit({dataType: 'json', success: successfulSave});
+  //  });
+  //  // IE fires the change event for all other (not radio/checkbox) elements of the form
+  //  jQuery("form#survey_form *").not("input[type=radio], input[type=checkbox]").bind("change", function(){
+  //    jQuery(this).parents("form").ajaxSubmit({dataType: 'json', success: successfulSave});
+  //  });
+  // }else{
+  //  // Other browsers just use the change event on the form
+
+  //
+  // Uncomment the following to use the jQuery Tools Datepicker (http://jquerytools.org/demos/dateinput/index.html)
+  // instead of the default jQuery UI Datepicker (http://jqueryui.com/demos/datepicker/)
+  //
+  // For a date input, i.e. using dateinput from jQuery tools, the value is not updated
+  // before the onChange or change event is fired, so we hang this in before the update is
+  // sent to the server and set the correct value from the dateinput object.
+  // jQuery('li.date input').change(function(){
+  //     if ( $(this).data('dateinput') ) {
+  //         var date_obj = $(this).data('dateinput').getValue();
+  //         this.value = date_obj.getFullYear() + "-" + (date_obj.getMonth()+1) + "-" +
+  //             date_obj.getDate() + " 00:00:00 UTC";
+  //     }
+  // });
+  //
+  // $('li input.date').dateinput({
+  //     format: 'dd mmm yyyy'
+  // });
+
+  // Default Datepicker uses jQuery UI Datepicker
+  jQuery("input[type='text'].datetime").datetimepicker({
+    showSecond: true,
+    showMillisec: false,
+    timeFormat: 'HH:mm:ss',
+    dateFormat: 'yy-mm-dd',
+    changeMonth: true,
+    changeYear: true
+  });
+  jQuery("li.date input").datepicker({
+    dateFormat: 'yy-mm-dd',
+    changeMonth: true,
+    changeYear: true
+  });
+  jQuery("input[type='text'].date").datepicker({
+    dateFormat: 'yy-mm-dd',
+    changeMonth: true,
+    changeYear: true
+  });
+  jQuery("input[type='text'].datepicker").datepicker({
+    dateFormat: 'yy-mm-dd',
+    changeMonth: true,
+    changeYear: true
+  });
+  jQuery("input[type='text'].time").timepicker({});
+
+  jQuery('.surveyor_check_boxes input[type=text]').change(function(){
+    var textValue = $(this).val()
+    if (textValue.length > 0) {
+      $(this).parent().children().has('input[type="checkbox"]')[0].children[0].checked = true;
+    }
+  });
+
+  jQuery('.surveyor_radio input[type=text]').change(function(){
+    var textValue = $(this).val()
+    if (textValue.length > 0) {
+      $(this).parent().children().has('input[type="radio"]')[0].children[0].checked = true;
+    }
+  });
+
+  jQuery("form#survey_form input, form#survey_form select, form#survey_form textarea").change(function(){
+    var elements = [$('[type="submit"]').parent(), $('[name="' + this.name +'"]').closest('li')];
+
+    question_data = $(this).parents('fieldset[id^="q_"],tr[id^="q_"]').
+      find("input, select, textarea").
+      add($("form#survey_form input[name='authenticity_token']")).
+      serialize();
+    $.ajax({
+      type: "PUT",
+      url: $(this).parents('form#survey_form').attr("action"),
+      data: question_data, dataType: 'json',
+      success: function(response) {
+        successfulSave(response);
+      }
+    });
+  });
+
+  // http://www.filamentgroup.com/lab/update_jquery_ui_slider_from_a_select_element_now_with_aria_support/
+  $('fieldset.q_slider select').each(function(i,e) {
+    $(e).selectToUISlider({"labelSrc": "text"}).hide()
+  });
+
+  // If javascript works, we don't need to show dependents from
+  // previous sections at the top of the page.
+  jQuery("#dependents").remove();
+
+  function successfulSave(responseText) {
+    // surveyor_controller returns a json object to show/hide elements
+    // e.g. {"hide":["question_12","question_13"],"show":["question_14"]}
+    jQuery.each(responseText.show, function(){ showElement(this) });
+    jQuery.each(responseText.hide, function(){ hideElement(this) });
+    return false;
+  }
+
+  function showElement(id){
+    group = id.match('^g_') ? true : false;
+    if (group) {
+      jQuery('#' + id).removeClass("g_hidden");
+    } else {
+      jQuery('#' + id).removeClass("q_hidden");
+    }
+  }
+
+  function hideElement(id){
+    group = id.match('^g_') ? true : false;
+    if (group) {
+      jQuery('#' + id).addClass("g_hidden");
+    } else {
+      jQuery('#' + id).addClass("q_hidden");
+    }
+  }
+
+  // is_exclusive checkboxes should disble sibling checkboxes
+  $('input.exclusive:checked').parents('fieldset[id^="q_"]').
+    find(':checkbox').
+    not(".exclusive").
+    attr('checked', false).
+    attr('disabled', true);
+
+  $('input.exclusive:checkbox').click(function(){
+    var e = $(this);
+    var others = e.parents('fieldset[id^="q_"]').find(':checkbox').not(e);
+    if(e.is(':checked')){
+      others.attr('checked', false).attr('disabled', 'disabled');
+    }else{
+      others.attr('disabled', false);
+    }
+  });
+
+  jQuery("input[data-input-mask]").each(function(i,e){
+    var inputMask = $(e).attr('data-input-mask');
+    var placeholder = $(e).attr('data-input-mask-placeholder');
+    var options = { placeholder: placeholder };
+    $(e).mask(inputMask, options);
+  });
+
+  // translations selection
+  $(".surveyor_language_selection").show();
+  $(".surveyor_language_selection select#locale").change(function(){ this.form.submit(); });
+
+});

data/lib/assets/stylesheets/surveyor/jquery-ui-1.10.0.custom.sass

@@ -0,0 +1,1380 @@
+/*! jQuery UI - v1.10.0 - 2013-01-17
+ ** http://jqueryui.com
+ ** Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css
+ ** To view and modify this theme, visit http://jqueryui.com/themeroller/
+ ** Copyright (c) 2013 jQuery Foundation and other contributors Licensed MIT
+
+/* Layout helpers
+ *----------------------------------
+
+.ui-helper-hidden
+  display: none
+
+.ui-helper-hidden-accessible
+  border: 0
+  clip: rect(0 0 0 0)
+  height: 1px
+  margin: -1px
+  overflow: hidden
+  padding: 0
+  position: absolute
+  width: 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
+  &:before
+    content: ""
+    display: table
+  &:after
+    content: ""
+    display: table
+    clear: both
+  min-height: 0
+  /* support: IE7
+
+.ui-helper-zfix
+  width: 100%
+  height: 100%
+  top: 0
+  left: 0
+  position: absolute
+  opacity: 0
+  filter: Alpha(Opacity = 0)
+
+.ui-front
+  z-index: 100
+
+/* 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: fixed
+  top: 0
+  left: 0
+  width: 100%
+  height: 100%
+
+.ui-accordion
+  .ui-accordion-header
+    display: block
+    cursor: pointer
+    position: relative
+    margin-top: 2px
+    padding: .5em .5em .5em .7em
+    min-height: 0
+    /* support: IE7
+  .ui-accordion-icons
+    padding-left: 2.2em
+  .ui-accordion-noicons
+    padding-left: .7em
+  .ui-accordion-icons .ui-accordion-icons
+    padding-left: 2.2em
+  .ui-accordion-header .ui-accordion-header-icon
+    position: absolute
+    left: .5em
+    top: 50%
+    margin-top: -8px
+  .ui-accordion-content
+    padding: 1em 2.2em
+    border-top: 0
+    overflow: auto
+
+.ui-autocomplete
+  position: absolute
+  top: 0
+  left: 0
+  cursor: default
+
+.ui-button
+  display: inline-block
+  position: relative
+  padding: 0
+  line-height: normal
+  margin-right: .1em
+  cursor: pointer
+  vertical-align: middle
+  text-align: center
+  overflow: visible
+  /* removes extra width in IE
+  text-decoration: none
+  &:link, &:visited, &:hover, &:active
+    text-decoration: none
+
+/* to make room for the icon, a width needs to be set here
+
+.ui-button-icon-only
+  width: 2.2em
+
+/* button elements seem to need a little more width
+
+button.ui-button-icon-only
+  width: 2.4em
+
+.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: normal
+
+.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
+  padding: .4em 2.1em .4em 1em
+
+.ui-button-text-icons .ui-button-text
+  padding: .4em 2.1em .4em 1em
+  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
+
+/* button sets
+
+.ui-buttonset
+  margin-right: 7px
+  .ui-button
+    margin-left: 0
+    margin-right: -0.3em
+
+/* workarounds
+/* reset extra padding in Firefox, see h5bp.com/l
+
+input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner
+  border: 0
+  padding: 0
+
+.ui-datepicker
+  width: 17em
+  padding: .2em .2em 0
+  display: none
+  .ui-datepicker-header
+    position: relative
+    padding: .2em 0
+  .ui-datepicker-prev, .ui-datepicker-next
+    position: absolute
+    top: 2px
+    width: 1.8em
+    height: 1.8em
+  .ui-datepicker-prev-hover, .ui-datepicker-next-hover
+    top: 1px
+  .ui-datepicker-prev
+    left: 2px
+  .ui-datepicker-next
+    right: 2px
+  .ui-datepicker-prev-hover
+    left: 1px
+  .ui-datepicker-next-hover
+    right: 1px
+  .ui-datepicker-prev span, .ui-datepicker-next span
+    display: block
+    position: absolute
+    left: 50%
+    margin-left: -8px
+    top: 50%
+    margin-top: -8px
+  .ui-datepicker-title
+    margin: 0 2.3em
+    line-height: 1.8em
+    text-align: center
+    select
+      font-size: 1em
+      margin: 1px 0
+  select
+    &.ui-datepicker-month-year
+      width: 100%
+    &.ui-datepicker-month, &.ui-datepicker-year
+      width: 49%
+  table
+    width: 100%
+    font-size: .9em
+    border-collapse: collapse
+    margin: 0 0 .4em
+  th
+    padding: .7em .3em
+    text-align: center
+    font-weight: bold
+    border: 0
+  td
+    border: 0
+    padding: 1px
+    span, a
+      display: block
+      padding: .2em
+      text-align: right
+      text-decoration: none
+  .ui-datepicker-buttonpane
+    background-image: none
+    margin: .7em 0 0 0
+    padding: 0 .2em
+    border-left: 0
+    border-right: 0
+    border-bottom: 0
+    button
+      float: right
+      margin: .5em .2em .4em
+      cursor: pointer
+      padding: .2em .6em .3em .6em
+      width: auto
+      overflow: visible
+      &.ui-datepicker-current
+        float: left
+  &.ui-datepicker-multi
+    width: auto
+
+/* with multiple calendars
+
+.ui-datepicker-multi .ui-datepicker-group
+  float: left
+  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, .ui-datepicker-group-middle .ui-datepicker-header
+    border-left-width: 0
+  .ui-datepicker-buttonpane
+    clear: left
+
+.ui-datepicker-row-break
+  clear: both
+  width: 100%
+  font-size: 0
+
+/* RTL support
+
+.ui-datepicker-rtl
+  direction: rtl
+  .ui-datepicker-prev
+    right: 2px
+    left: auto
+  .ui-datepicker-next
+    left: 2px
+    right: auto
+  .ui-datepicker-prev:hover
+    right: 1px
+    left: auto
+  .ui-datepicker-next:hover
+    left: 1px
+    right: auto
+  .ui-datepicker-buttonpane
+    clear: right
+    button
+      float: left
+      &.ui-datepicker-current
+        float: right
+  .ui-datepicker-group
+    float: right
+  .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-group-middle .ui-datepicker-header
+    border-right-width: 0
+    border-left-width: 1px
+
+.ui-dialog
+  position: absolute
+  top: 0
+  left: 0
+  padding: .2em
+  outline: 0
+  .ui-dialog-titlebar
+    padding: .4em 1em
+    position: relative
+  .ui-dialog-title
+    float: left
+    margin: .1em 0
+    white-space: nowrap
+    width: 90%
+    overflow: hidden
+    text-overflow: ellipsis
+  .ui-dialog-titlebar-close
+    position: absolute
+    right: .3em
+    top: 50%
+    width: 21px
+    margin: -10px 0 0 0
+    padding: 1px
+    height: 20px
+  .ui-dialog-content
+    position: relative
+    border: 0
+    padding: .5em 1em
+    background: none
+    overflow: auto
+  .ui-dialog-buttonpane
+    text-align: left
+    border-width: 1px 0 0 0
+    background-image: none
+    margin-top: .5em
+    padding: .3em 1em .5em .4em
+    .ui-dialog-buttonset
+      float: right
+    button
+      margin: .5em .4em .5em 0
+      cursor: pointer
+  .ui-resizable-se
+    width: 12px
+    height: 12px
+    right: -5px
+    bottom: -5px
+    background-position: 16px 16px
+
+.ui-draggable .ui-dialog-titlebar
+  cursor: move
+
+.ui-menu
+  list-style: none
+  padding: 2px
+  margin: 0
+  display: block
+  outline: none
+  .ui-menu
+    margin-top: -3px
+    position: absolute
+  .ui-menu-item
+    margin: 0
+    padding: 0
+    width: 100%
+  .ui-menu-divider
+    margin: 5px -2px 5px -2px
+    height: 0
+    font-size: 0
+    line-height: 0
+    border-width: 1px 0 0 0
+  .ui-menu-item a
+    text-decoration: none
+    display: block
+    padding: 2px .4em
+    line-height: 1.5
+    min-height: 0
+    /* support: IE7
+    font-weight: normal
+    &.ui-state-focus, &.ui-state-active
+      font-weight: normal
+      margin: -1px
+  .ui-state-disabled
+    font-weight: normal
+    margin: .4em 0 .2em
+    line-height: 1.5
+    a
+      cursor: default
+
+/* icon support
+
+.ui-menu-icons
+  position: relative
+  .ui-menu-item a
+    position: relative
+    padding-left: 2em
+
+/* left-aligned
+
+.ui-menu
+  .ui-icon
+    position: absolute
+    top: .2em
+    left: .2em
+  .ui-menu-icon
+    position: static
+    float: right
+
+/* right-aligned
+
+.ui-progressbar
+  height: 2em
+  text-align: left
+  overflow: hidden
+  .ui-progressbar-value
+    margin: -1px
+    height: 100%
+  .ui-progressbar-overlay
+    background: asset-path('/images/animated-overlay.gif')
+    height: 100%
+    filter: alpha(opacity = 25)
+    opacity: 0.25
+
+.ui-progressbar-indeterminate .ui-progressbar-value
+  background-image: none
+
+.ui-resizable
+  position: relative
+
+.ui-resizable-handle
+  position: absolute
+  font-size: 0.1px
+  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
+
+.ui-selectable-helper
+  position: absolute
+  z-index: 100
+  border: 1px dotted black
+
+.ui-slider
+  position: relative
+  text-align: left
+  .ui-slider-handle
+    position: absolute
+    z-index: 2
+    width: 1.2em
+    height: 1.2em
+    cursor: default
+  .ui-slider-range
+    position: absolute
+    z-index: 1
+    font-size: .7em
+    display: block
+    border: 0
+    background-position: 0 0
+  &.ui-state-disabled
+    .ui-slider-handle, .ui-slider-range
+      filter: inherit
+
+/* For IE8 - See #6727
+
+.ui-slider-horizontal
+  height: .8em
+  .ui-slider-handle
+    top: -0.3em
+    margin-left: -0.6em
+  .ui-slider-range
+    top: 0
+    height: 100%
+  .ui-slider-range-min
+    left: 0
+  .ui-slider-range-max
+    right: 0
+
+.ui-slider-vertical
+  width: .8em
+  height: 100px
+  .ui-slider-handle
+    left: -0.3em
+    margin-left: 0
+    margin-bottom: -0.6em
+  .ui-slider-range
+    left: 0
+    width: 100%
+  .ui-slider-range-min
+    bottom: 0
+  .ui-slider-range-max
+    top: 0
+
+.ui-spinner
+  position: relative
+  display: inline-block
+  overflow: hidden
+  padding: 0
+  vertical-align: middle
+
+.ui-spinner-input
+  border: none
+  background: none
+  color: inherit
+  padding: 0
+  margin: .2em 0
+  vertical-align: middle
+  margin-left: .4em
+  margin-right: 22px
+
+.ui-spinner-button
+  width: 16px
+  height: 50%
+  font-size: .5em
+  padding: 0
+  margin: 0
+  text-align: center
+  position: absolute
+  cursor: default
+  display: block
+  overflow: hidden
+  right: 0
+
+/* more specificity required here to overide default borders
+
+.ui-spinner
+  a.ui-spinner-button
+    border-top: none
+    border-bottom: none
+    border-right: none
+  .ui-icon
+    position: absolute
+    margin-top: -8px
+    top: 50%
+    left: 0
+
+/* vertical centre icon
+
+.ui-spinner-up
+  top: 0
+
+.ui-spinner-down
+  bottom: 0
+
+/* TR overrides
+
+.ui-spinner .ui-icon-triangle-1-s
+  /* need to fix icons sprite
+  background-position: -65px -16px
+
+.ui-tabs
+  position: relative
+  /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed")
+  padding: .2em
+  .ui-tabs-nav
+    margin: 0
+    padding: .2em .2em 0
+    li
+      list-style: none
+      float: left
+      position: relative
+      top: 0
+      margin: 1px .2em 0 0
+      border-bottom: 0
+      padding: 0
+      white-space: nowrap
+      a
+        float: left
+        padding: .5em 1em
+        text-decoration: none
+      &.ui-tabs-active
+        margin-bottom: -1px
+        padding-bottom: 1px
+        a
+          cursor: text
+      &.ui-state-disabled a, &.ui-tabs-loading a
+        cursor: text
+      a
+        cursor: pointer
+
+.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a
+  cursor: pointer
+
+.ui-tabs .ui-tabs-panel
+  display: block
+  border-width: 0
+  padding: 1em 1.4em
+  background: none
+
+.ui-tooltip
+  padding: 8px
+  position: absolute
+  z-index: 9999
+  max-width: 300px
+  -webkit-box-shadow: 0 0 5px #aaa
+  box-shadow: 0 0 5px #aaa
+
+body .ui-tooltip
+  border-width: 2px
+
+/* Component containers
+ *----------------------------------
+
+.ui-widget
+  font-family: Verdana,Arial,sans-serif
+  font-size: 1.1em
+  .ui-widget
+    font-size: 1em
+  input, select, textarea, button
+    font-family: Verdana,Arial,sans-serif
+    font-size: 1em
+
+.ui-widget-content
+  border: 1px solid #aaaaaa
+  background: white asset-path('/images/ui-bg_flat_75_ffffff_40x100.png') 50% 50% repeat-x
+  color: #222222
+  a
+    color: #222222
+
+.ui-widget-header
+  border: 1px solid #aaaaaa
+  background: #cccccc asset-path('/images/ui-bg_highlight-soft_75_cccccc_1x100.png') 50% 50% repeat-x
+  color: #222222
+  font-weight: bold
+  a
+    color: #222222
+
+/* Interaction states
+ *----------------------------------
+
+.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
+  border: 1px solid #d3d3d3
+  background: #e6e6e6 asset-path('/images/ui-bg_glass_75_e6e6e6_1x400.png') 50% 50% repeat-x
+  font-weight: normal
+  color: #555555
+
+.ui-state-default a
+  color: #555555
+  text-decoration: none
+  &:link, &:visited
+    color: #555555
+    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 #999999
+  background: #dadada asset-path('/images/ui-bg_glass_75_dadada_1x400.png') 50% 50% repeat-x
+  font-weight: normal
+  color: #212121
+
+.ui-state-hover a
+  color: #212121
+  text-decoration: none
+  &:hover, &:link, &:visited
+    color: #212121
+    text-decoration: none
+
+.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active
+  border: 1px solid #aaaaaa
+  background: white asset-path('/images/ui-bg_glass_65_ffffff_1x400.png') 50% 50% repeat-x
+  font-weight: normal
+  color: #212121
+
+.ui-state-active a
+  color: #212121
+  text-decoration: none
+  &:link, &:visited
+    color: #212121
+    text-decoration: none
+
+/* Interaction Cues
+ *----------------------------------
+
+.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight
+  border: 1px solid #fcefa1
+  background: #fbf9ee asset-path('/images/ui-bg_glass_55_fbf9ee_1x400.png') 50% 50% repeat-x
+  color: #363636
+
+.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a
+  color: #363636
+
+.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error
+  border: 1px solid #cd0a0a
+  background: #fef1ec asset-path('/images/ui-bg_glass_95_fef1ec_1x400.png') 50% 50% repeat-x
+  color: #cd0a0a
+
+.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a, .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text
+  color: #cd0a0a
+
+.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
+
+.ui-state-disabled .ui-icon
+  filter: Alpha(Opacity = 35)
+  /* For IE8 - See #6059
+
+/* Icons
+ *----------------------------------
+
+/* states and images
+
+.ui-icon
+  width: 16px
+  height: 16px
+  background-position: 16px 16px
+  background-image: asset-path('/images/ui-icons_222222_256x240.png')
+
+.ui-widget-content .ui-icon, .ui-widget-header .ui-icon
+  background-image: asset-path('/images/ui-icons_222222_256x240.png')
+
+.ui-state-default .ui-icon
+  background-image: asset-path('/images/ui-icons_888888_256x240.png')
+
+.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-state-active .ui-icon
+  background-image: asset-path('/images/ui-icons_454545_256x240.png')
+
+.ui-state-highlight .ui-icon
+  background-image: asset-path('/images/ui-icons_2e83ff_256x240.png')
+
+.ui-state-error .ui-icon, .ui-state-error-text .ui-icon
+  background-image: asset-path('/images/ui-icons_cd0a0a_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-on
+  background-position: -96px -144px
+
+.ui-icon-radio-off
+  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, .ui-icon-seek-first
+  background-position: -80px -160px
+
+/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead
+
+.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
+  border-top-left-radius: 4px
+
+.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr
+  border-top-right-radius: 4px
+
+.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl
+  border-bottom-left-radius: 4px
+
+.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br
+  border-bottom-right-radius: 4px
+
+/* Overlays
+
+.ui-widget-overlay
+  background: #aaaaaa asset-path('/images/ui-bg_flat_0_aaaaaa_40x100.png') 50% 50% repeat-x
+  opacity: .3
+  filter: Alpha(Opacity = 30)
+
+.ui-widget-shadow
+  margin: -8px 0 0 -8px
+  padding: 8px
+  background: #aaaaaa asset-path('/images/ui-bg_flat_0_aaaaaa_40x100.png') 50% 50% repeat-x
+  opacity: .3
+  filter: Alpha(Opacity = 30)
+  border-radius: 8px