has_accounts_engine 1.1.2 → 2.0.0

data/app/assets/javascripts/has_accounts_engine/cyt.js

@@ -0,0 +1,117 @@
+// Combobox
+function addComboboxBehaviour() {
+  $("select.combobox").select2({
+    allowClear: true
+  });
+}
+
+// Autofocus element having attribute data-autofocus
+function addAutofocusBehaviour() {
+  $('*[data-autofocus=true]')
+    .filter(function() {return $(this).parents('.form-view').length < 1})
+    .first().focus();
+};
+
+// Add datepicker
+function addDatePickerBehaviour() {
+  $('.date-picker').each(function(){
+    if ($(this).hasClass('date')) {
+      $(this).data('date', new Date().toISOString());
+    }
+    $(this).datepicker({ format: 'dd.mm.yyyy' });
+  });
+};
+
+//
+function addSortableBehaviour() {
+  $(".sortable").sortable({
+    placeholder: 'ui-state-highlight'
+  });
+  $(".sortable").disableSelection();
+};
+
+
+// Linkify containers having attribute data-href-container
+function addLinkifyContainersBehaviour() {
+  var elements = $('*[data-href-container]');
+  elements.each(function() {
+    var element = $(this);
+    var container = element.closest(element.data('href-container'));
+    container.css('cursor', "pointer");
+    container.addClass('linkified_container')
+    var href = element.attr('href');
+    element.addClass('linkified_element')
+
+    container.delegate('*', 'click', {href: href}, function(event) {
+      // Don't override original link behaviour
+      if (event.target.nodeName != 'A' && $(event.target).parents('a').length == 0) {
+        document.location.href = href;
+      };
+    });
+  });
+};
+
+// Autogrow
+function addAutogrowBehaviour() {
+  $(".autogrow").elastic();
+};
+
+// Add tooltips for overview
+function addTooltipBehaviour() {
+  $(".tooltip-title[title]").each(function() {
+    if ( $(this).attr('title') != '' ) {
+      $(this).tooltip({
+        position: 'top center',
+        predelay: 500,
+        effect: 'fade'
+      });
+    }
+  });
+};
+
+// Add tooltips for overview
+function addOverviewTooltipBehaviour() {
+  $('.overview-list li a[title]').tooltip({
+    position: 'center right',
+    predelay: 500,
+    effect: 'fade'
+  });
+};
+
+// Add icon action tooltips
+function addIconTooltipBehaviour() {
+  $('a.icon-tooltip[title]').tooltip({
+    tipClass: 'icon-tooltip-popup',
+    effect: 'fade',
+    fadeOutSpeed: 100
+  });
+};
+
+// Modal dialog support
+function setupSubmitButtons() {
+  $("body").on('click', '.modal-footer .submit-button', function() {
+    var form = $(this).parents('.modal').find('.modal-body form');
+    form.submit();
+  });
+}
+
+// Cancel button support
+function setupCancelButtons() {
+  // Key handler
+  $(document).keydown(function(e) {
+    var cancel_button = $('.cancel-button:visible')
+    // No action if no visible cancel button present
+    if (cancel_button.length == 0) {
+      return;
+    }
+
+    if (e.which == 27) {
+      cancel_button.click();
+    }
+  })
+}
+
+function addModalBehaviour() {
+  setupSubmitButtons();
+  setupCancelButtons();
+}

data/app/assets/stylesheets/has_accounts_engine/app_bootstrap.css.scss

@@ -0,0 +1,5 @@
+@import 'twitter/bootstrap';
+
+body {
+  padding-top: 60px;
+}

data/app/assets/stylesheets/has_accounts_engine/application.css

@@ -0,0 +1,14 @@
+/*
+ * This is a manifest file that'll automatically include all the stylesheets available in this directory
+ * and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
+ * the top of the compiled file, but it's generally better to create a new file per style scope.
+ *= require_self
+ *= require has_accounts_engine/app_bootstrap
+ *= require select2
+ *= require has_accounts_engine/bootstrap.datepicker
+ *= require has_accounts_engine/screen
+*/
+
+.td .best_in_place input {
+  margin: 0px;
+}

data/app/assets/stylesheets/has_accounts_engine/bootstrap.datepicker.css

@@ -0,0 +1,7 @@
+ /*
+	Datepicker for Bootstrap
+	Copyright 2012 Stefan Petre
+	Licensed under the Apache License v2.0
+	http://www.apache.org/licenses/LICENSE-2.0
+*/
+ .datepicker { top: 0; left: 0; padding: 4px; margin-top: 1px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; /*.dow { border-top: 1px solid #ddd !important; }*/ } .datepicker:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; top: -7px; left: 6px; } .datepicker:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; position: absolute; top: -6px; left: 7px; } .datepicker > div { display: none; } .datepicker table { width: 100%; margin: 0; } .datepicker td, .datepicker th { text-align: center; width: 20px; height: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .datepicker td.day:hover { background: #eeeeee; cursor: pointer; } .datepicker td.old, .datepicker td.new { color: #999999; } .datepicker td.active, .datepicker td.active:hover { background-color: #006dcc; background-image: -moz-linear-gradient(top, #0088cc, #0044cc); background-image: -ms-linear-gradient(top, #0088cc, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); background-image: -o-linear-gradient(top, #0088cc, #0044cc); background-image: linear-gradient(top, #0088cc, #0044cc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0); border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker td.active:hover, .datepicker td.active:hover:hover, .datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active:hover.active, .datepicker td.active.disabled, .datepicker td.active:hover.disabled, .datepicker td.active[disabled], .datepicker td.active:hover[disabled] { background-color: #0044cc; } .datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active:hover.active { background-color: #003399 \9; } .datepicker td span { display: block; width: 47px; height: 54px; line-height: 54px; float: left; margin: 2px; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .datepicker td span:hover { background: #eeeeee; } .datepicker td span.active { background-color: #006dcc; background-image: -moz-linear-gradient(top, #0088cc, #0044cc); background-image: -ms-linear-gradient(top, #0088cc, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); background-image: -o-linear-gradient(top, #0088cc, #0044cc); background-image: linear-gradient(top, #0088cc, #0044cc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0); border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker td span.active:hover, .datepicker td span.active:active, .datepicker td span.active.active, .datepicker td span.active.disabled, .datepicker td span.active[disabled] { background-color: #0044cc; } .datepicker td span.active:active, .datepicker td span.active.active { background-color: #003399 \9; } .datepicker td span.old { color: #999999; } .datepicker th.switch { width: 145px; } .datepicker th.next, .datepicker th.prev { font-size: 19.5px; } .datepicker thead tr:first-child th { cursor: pointer; } .datepicker thead tr:first-child th:hover { background: #eeeeee; } .input-append.date .add-on i, .input-prepend.date .add-on i { display: block; cursor: pointer; width: 16px; height: 16px; }

data/app/assets/stylesheets/has_accounts_engine/bootstrap.scss

@@ -0,0 +1 @@
+@import 'twitter/bootstrap';

data/app/assets/stylesheets/has_accounts_engine/partials/_base.sass

@@ -0,0 +1,39 @@
+$blueprint-grid-columns: 24
+$blueprint-grid-width: 30px
+$blueprint-grid-margin: 10px
+
+// Color definition
+$dark_blue: #507aaa
+$light_blue: #759fcf
+$white: white
+$gray: #555555
+$link_color: $dark_blue
+$link_color_hover: $light_blue
+$bg_dark_blue: #aeb9cf
+$red: red
+
+// Font family definitions
+=serif-font
+  font-family: Georgia, Times, "Times New Roman", serif
+
+=sanserif-font
+  font-family: Helvetica, Verdana, Arial, sans-serif
+
+// Font size definitions
+$h1_size: 25px
+$h2_size: 20px
+$h3_size: 16px
+$text_size: 14px
+
+// Column widths
+$column_header: $blueprint-grid-columns
+$column_sidebar: 3
+$column_content: $blueprint-grid-columns - $column_sidebar
+$column_small_form: 7
+$column_big_form: 10
+
+// Content
+$content_padding: 1em
+
+// Borders
+$border_radius: 5px

data/app/assets/stylesheets/has_accounts_engine/partials/_jquery.sass

@@ -0,0 +1 @@
+@import partials/jquery/jquery_ui

data/app/assets/stylesheets/has_accounts_engine/partials/content/_accounting.sass

@@ -0,0 +1,16 @@
+// Accounting
+.currency
+  text-align: right
+  white-space: pre
+
+// Accounting
+table
+  td, th
+    &.currency
+      text-align: right
+      input
+        text-align: right
+
+// Balance/Profit sheets
+.zero-balance
+  display: none

data/app/assets/stylesheets/has_accounts_engine/partials/content/_app.sass

@@ -0,0 +1,46 @@
+
+// Misc
+// ====
+.right, td.right, th.right
+  text-align: right
+
+// Overview
+// ========
+ul.overview-list.level-1 >li
+  min-height: 15em
+
++overview-icon-48("store")
++overview-icon-48("accounting")
++overview-icon-48("invoicing")
++overview-icon-48("basic_claims_data")
++overview-icon-48("settings")
++overview-icon-48("nav_users")
++overview-icon-48("contacts")
++overview-icon-48("salaries")
++overview-icon-48("stocks")
++overview-icon-48("projects")
+
+// Icons
+// =====
+// Actions
++icon-class("new", "add")
++icon-class("copy")
++icon-class("only_credit_bookings", "filter")
++icon-class("only_debit_bookings", "filter")
++icon-class("all_bookings", "filter")
++icon-class("print")
+
+// MIME-types
++icon-class("pdf", "pdf")
+
+// Linkified Container
+// ===================
+@import 'compass/typography/links/unstyled-link'
+a.linkified_element
+  +unstyled-link
+tr.linkified_container:hover
+  background-color: #DDF4FB
+
+// Content
+#content
+  min-height: 700px

data/app/assets/stylesheets/has_accounts_engine/partials/content/_combobox.sass

@@ -0,0 +1,6 @@
+// Combobox
+form
+  .combobox-link
+    display:        inline-block
+    margin-left:    1%
+    vertical-align: middle

data/app/assets/stylesheets/has_accounts_engine/partials/content/_contextual.sass

@@ -0,0 +1,10 @@
+// Contextual
+.contextual
+  float: right
+  white-space: nowrap
+  line-height: 1.4em
+  margin-top: 5px
+  padding-left: 10px
+  font-size: 0.9em
+  input
+    font-size: 1.9em

data/app/assets/stylesheets/has_accounts_engine/partials/content/_fixed_sidebar.sass

@@ -0,0 +1,11 @@
+// Fixed Sidebar
+.container-fluid > .sidebar
+  position: fixed
+  top:      66px
+  right:    20px
+  left:     initial // Chrome
+  left:     auto // Firefox
+
+.container-fluid > .content
+  margin-left:  20px
+  margin-right: 240px

data/app/assets/stylesheets/has_accounts_engine/partials/content/_form_view.sass

@@ -0,0 +1,24 @@
+.form-view
+  form
+    background-color: transparent
+    padding:          0px
+
+    input, textarea, select
+      border:        1px dashed #DDDDDD
+      border-radius: 3px
+      padding:       3px
+      &.changed, &:focus
+        background-color: #FFF
+        background-image: none // Fix for combobox
+
+    fieldset.buttons
+      opacity: 0.5
+
+  // Select fields visualy closer to input
+  select
+    background-color: white
+
+  input::-webkit-outer-spin-button,
+  input::-webkit-inner-spin-button
+    -webkit-appearance: none
+    margin: 0

data/app/assets/stylesheets/has_accounts_engine/partials/content/_icons.sass

@@ -0,0 +1,29 @@
+@import compass/typography/text/replacement
+
+=icon($ident, $size: 16)
+  background-image: image-url("#{$size}x#{$size}/#{$ident}.png")
+
+=icon-class($ident, $icon: $ident, $size: 16)
+  .contextual
+    .icon.icon-#{$ident}
+      +icon($icon, $size)
+
+.contextual
+  .icon
+    background-repeat: no-repeat
+    background-image: none
+    padding-left: 20px
+    text-decoration: none
+    font-size: 16px
+    color: $link_color
+    &:hover
+      color: $link_color_hover
+    background-position: 0px 0px
+    display: inline
+
+
++icon-class("add")
++icon-class("delete")
++icon-class("edit")
++icon-class("index")
++icon-class("show")

data/app/assets/stylesheets/has_accounts_engine/partials/content/_invoice.sass

@@ -0,0 +1,10 @@
+.invoice-position
+  width: 3em
+
+// LineItems
+table.line_items
+  td, th
+    padding: 0.5em
+
+tr.saldo_line_item
+  background-color: #F9F9F9

data/app/assets/stylesheets/has_accounts_engine/partials/content/_overview.sass

@@ -0,0 +1,44 @@
+@import "compass/typography/lists/bullets"
+@import "compass/typography/lists/horizontal-list"
+@import "compass/css3/border-radius"
+
+=overview-icon-48($ident, $icon: $ident)
+  ul.overview-list li
+    &#overview-#{$ident}, &.#{$ident}
+      +icon($icon, 48)
+
+ul.overview-list.level-1
+  +no-bullets
+  +horizontal-list
+  li // All items
+    a
+      border-bottom: 1px solid black
+      display: block
+    &#overview-overview
+      display: none
+  >li
+    // Top level
+    background: no-repeat 0.4em 0.8em
+    // Fix horizontal-list to not drop padding in first and last item
+    &, .first, &:first-child, .last, &:last-child
+      padding-left: 60px
+      padding-right: 40px
+    min-height: 58px
+    +border-radius($border_radius)
+    background-color: #f6f6f6
+    border: 1px solid #e4e4e4
+    color: #505050
+    margin: 1em
+    padding-top: 0.8em
+    padding-bottom: 0.8em
+    width: 20%
+  ul // Level > 1
+    margin-top: 5px
+    li
+      display: block
+      float: none
+      padding-left: 0px
+      width: inherit
+      min-height: 1em
+      a
+        border-bottom: none

data/app/assets/stylesheets/has_accounts_engine/partials/content/_select_form_labels.sass

@@ -0,0 +1,28 @@
+// Hacks
+label select
+  width: 140px
+
+label.select
+  margin-bottom: 0px
+
+.form-horizontal .control-label.select
+  padding-top: 0px
+
+.nested-form .controls input,
+.combobox .controls input
+  width: 86%
+
+@media (max-width: 979px)
+  .nested-form .controls input,
+  .combobox .controls input
+    width: 76%
+
+@media (max-width: 767px)
+  .nested-form .controls input,
+  .combobox .controls input
+    width: 88%
+
+@media (max-width: 480px)
+  .nested-form .controls input,
+  .combobox .controls input
+    width: 88%

data/app/assets/stylesheets/has_accounts_engine/partials/jquery/_jquery_ui.sass

@@ -0,0 +1,1461 @@
+/* jQuery UI CSS Framework @VERSION
+ *
+ * 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/Theming/API
+
+/* Layout helpers
+ *----------------------------------
+
+.ui-helper-hidden
+  display: none
+
+.ui-helper-hidden-accessible
+  position: absolute
+  left: -99999999px
+
+.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
+  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 @VERSION
+ *
+ * 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/Theming/API
+ *
+ * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,Helvetica,sans-serif&fwDefault=bold&fsDefault=12px&cornerRadius=5px&bgColorHeader=AEB9CF&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=55&borderColorHeader=7e89a0&fcHeader=ffffff&iconColorHeader=d8e7f3&bgColorContent=F6F6F6&bgTextureContent=06_inset_hard.png&bgImgOpacityContent=100&borderColorContent=E4E4E4&fcContent=222222&iconColorContent=469bdd&bgColorDefault=AEB9CF&bgTextureDefault=02_glass.png&bgImgOpacityDefault=85&borderColorDefault=E4E4E4&fcDefault=ffffff&iconColorDefault=6da8d5&bgColorHover=759fcf&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=E4E4E4&fcHover=000000&iconColorHover=217bc0&bgColorActive=759fcf&bgTextureActive=06_inset_hard.png&bgImgOpacityActive=100&borderColorActive=E4E4E4&fcActive=00000&iconColorActive=f9bd01&bgColorHighlight=fbec88&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=55&borderColorHighlight=fad42e&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
+
+/* Component containers
+ *----------------------------------
+
+.ui-widget
+  font-family: Verdana, Arial, Helvetica, sans-serif
+  font-size: 12px
+  .ui-widget
+    font-size: 1em
+  input, select, textarea, button
+    font-family: Verdana, Arial, Helvetica, sans-serif
+    font-size: 1em
+
+.ui-widget-content
+  border: 1px solid #e4e4e4
+  background: #f6f6f6 image-url("jquery-ui/ui-bg_inset-hard_100_f6f6f6_1x100.png") 50% bottom repeat-x
+  color: #222222
+  a
+    color: #222222
+
+.ui-widget-header
+  border: 1px solid #7e89a0
+  background: #aeb9cf image-url("jquery-ui/ui-bg_gloss-wave_55_aeb9cf_500x100.png") 50% 50% repeat-x
+  color: white
+  font-weight: bold
+  a
+    color: white
+
+/* Interaction states
+ *----------------------------------
+
+.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
+  border: 1px solid #e4e4e4
+  background: #aeb9cf image-url("jquery-ui/ui-bg_glass_85_aeb9cf_1x400.png") 50% 50% repeat-x
+  font-weight: bold
+  color: white
+
+.ui-state-default a
+  color: white
+  text-decoration: none
+  &:link, &:visited
+    color: white
+    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 #e4e4e4
+  background: #759fcf image-url("jquery-ui/ui-bg_glass_75_759fcf_1x400.png") 50% 50% repeat-x
+  font-weight: bold
+  color: black
+
+.ui-state-hover a
+  color: black
+  text-decoration: none
+  &:hover
+    color: black
+    text-decoration: none
+
+.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active
+  border: 1px solid #e4e4e4
+  background: #759fcf image-url("jquery-ui/ui-bg_inset-hard_100_759fcf_1x100.png") 50% 50% repeat-x
+  font-weight: bold
+  color: black 0
+
+.ui-state-active a
+  color: black 0
+  text-decoration: none
+  &:link, &:visited
+    color: black 0
+    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 #fad42e
+  background: #fbec88 image-url("jquery-ui/ui-bg_flat_55_fbec88_40x100.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 image-url("jquery-ui/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: 0.7
+  filter: Alpha(Opacity = 70)
+  font-weight: normal
+
+.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled
+  opacity: 0.35
+  filter: Alpha(Opacity = 35)
+  background-image: none
+
+/* Icons
+ *----------------------------------
+
+/* states and images
+
+.ui-icon
+  width: 16px
+  height: 16px
+  background-image: image-url("jquery-ui/ui-icons_469bdd_256x240.png")
+
+.ui-widget-content .ui-icon
+  background-image: image-url("jquery-ui/ui-icons_469bdd_256x240.png")
+
+.ui-widget-header .ui-icon
+  background-image: image-url("jquery-ui/ui-icons_d8e7f3_256x240.png")
+
+.ui-state-default .ui-icon
+  background-image: image-url("jquery-ui/ui-icons_6da8d5_256x240.png")
+
+.ui-state-hover .ui-icon, .ui-state-focus .ui-icon
+  background-image: image-url("jquery-ui/ui-icons_217bc0_256x240.png")
+
+.ui-state-active .ui-icon
+  background-image: image-url("jquery-ui/ui-icons_f9bd01_256x240.png")
+
+.ui-state-highlight .ui-icon
+  background-image: image-url("jquery-ui/ui-icons_2e83ff_256x240.png")
+
+.ui-state-error .ui-icon, .ui-state-error-text .ui-icon
+  background-image: image-url("jquery-ui/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-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-tl
+  -moz-border-radius-topleft: 5px
+  -webkit-border-top-left-radius: 5px
+  border-top-left-radius: 5px
+
+.ui-corner-tr
+  -moz-border-radius-topright: 5px
+  -webkit-border-top-right-radius: 5px
+  border-top-right-radius: 5px
+
+.ui-corner-bl
+  -moz-border-radius-bottomleft: 5px
+  -webkit-border-bottom-left-radius: 5px
+  border-bottom-left-radius: 5px
+
+.ui-corner-br
+  -moz-border-radius-bottomright: 5px
+  -webkit-border-bottom-right-radius: 5px
+  border-bottom-right-radius: 5px
+
+.ui-corner-top
+  -moz-border-radius-topleft: 5px
+  -webkit-border-top-left-radius: 5px
+  border-top-left-radius: 5px
+  -moz-border-radius-topright: 5px
+  -webkit-border-top-right-radius: 5px
+  border-top-right-radius: 5px
+
+.ui-corner-bottom
+  -moz-border-radius-bottomleft: 5px
+  -webkit-border-bottom-left-radius: 5px
+  border-bottom-left-radius: 5px
+  -moz-border-radius-bottomright: 5px
+  -webkit-border-bottom-right-radius: 5px
+  border-bottom-right-radius: 5px
+
+.ui-corner-right
+  -moz-border-radius-topright: 5px
+  -webkit-border-top-right-radius: 5px
+  border-top-right-radius: 5px
+  -moz-border-radius-bottomright: 5px
+  -webkit-border-bottom-right-radius: 5px
+  border-bottom-right-radius: 5px
+
+.ui-corner-left
+  -moz-border-radius-topleft: 5px
+  -webkit-border-top-left-radius: 5px
+  border-top-left-radius: 5px
+  -moz-border-radius-bottomleft: 5px
+  -webkit-border-bottom-left-radius: 5px
+  border-bottom-left-radius: 5px
+
+.ui-corner-all
+  -moz-border-radius: 5px
+  -webkit-border-radius: 5px
+  border-radius: 5px
+
+/* Overlays
+
+.ui-widget-overlay
+  background: #aaaaaa image-url("jquery-ui/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x
+  opacity: 0.3
+  filter: Alpha(Opacity = 30)
+
+.ui-widget-shadow
+  margin: -8px 0 0 -8px
+  padding: 8px
+  background: #aaaaaa image-url("jquery-ui/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x
+  opacity: 0.3
+  filter: Alpha(Opacity = 30)
+  -moz-border-radius: 8px
+  -webkit-border-radius: 8px
+  border-radius: 8px
+
+/* * jQuery UI Resizable @VERSION
+ * *
+ * * 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/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 @VERSION
+ * *
+ * * 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/Selectable#theming
+
+.ui-selectable-helper
+  position: absolute
+  z-index: 100
+  border: 1px dotted black
+
+/* jQuery UI Accordion @VERSION
+ *
+ * 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/Accordion#theming
+
+/* IE/Win - Fix animation bug - #4615
+
+.ui-accordion
+  width: 100%
+  .ui-accordion-header
+    cursor: pointer
+    position: relative
+    margin-top: 1px
+    zoom: 1
+  .ui-accordion-li-fix
+    display: inline
+  .ui-accordion-header-active
+    border-bottom: 0 !important
+  .ui-accordion-header a
+    display: block
+    font-size: 1em
+    padding: 0.5em 0.5em 0.5em 0.7em
+
+.ui-accordion-icons .ui-accordion-header a
+  padding-left: 2.2em
+
+.ui-accordion
+  .ui-accordion-header .ui-icon
+    position: absolute
+    left: 0.5em
+    top: 50%
+    margin-top: -8px
+  .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-content-active
+    display: block
+
+/* * jQuery UI Autocomplete @VERSION
+ * *
+ * * 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/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 @VERSION
+ *
+ * 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
+    margin-top: -3px
+  .ui-menu-item
+    margin: 0
+    padding: 0
+    zoom: 1
+    float: left
+    clear: left
+    width: 100%
+    a
+      text-decoration: none
+      display: block
+      padding: 0.2em 0.4em
+      line-height: 1.5
+      zoom: 1
+      &.ui-state-hover, &.ui-state-active
+        font-weight: normal
+        margin: -1px
+
+/* jQuery UI Button @VERSION
+ *
+ * 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/Button#theming
+
+.ui-button
+  display: inline-block
+  position: relative
+  padding: 0
+  margin-right: 0.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: 0.4em 1em
+
+.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text
+  padding: 0.4em
+  text-indent: -9999999px
+
+.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text
+  padding: 0.4em 1em 0.4em 2.1em
+
+.ui-button-text-icon-secondary .ui-button-text
+  padding: 0.4em 2.1em 0.4em 1em
+
+.ui-button-text-icons .ui-button-text
+  padding: 0.4em 2.1em 0.4em 1em
+  padding-left: 2.1em
+  padding-right: 2.1em
+
+/* no icon support for input elements, provide padding by default
+
+input.ui-button
+  padding: 0.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: 0.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, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary
+  right: 0.5em
+
+/*button sets
+
+.ui-buttonset
+  margin-right: 7px
+  .ui-button
+    margin-left: 0
+    margin-right: -0.3em
+
+/* workarounds
+
+button.ui-button::-moz-focus-inner
+  border: 0
+  padding: 0
+
+/* reset extra padding in Firefox
+/* jQuery UI Dialog @VERSION
+ *
+ * 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/Dialog#theming
+
+.ui-dialog
+  position: absolute
+  padding: 0.2em
+  width: 300px
+  overflow: hidden
+  .ui-dialog-titlebar
+    padding: 0.5em 1em 0.3em
+    position: relative
+  .ui-dialog-title
+    float: left
+    margin: 0.1em 16px 0.2em 0
+  .ui-dialog-titlebar-close
+    position: absolute
+    right: 0.3em
+    top: 50%
+    width: 19px
+    margin: -10px 0 0 0
+    padding: 1px
+    height: 18px
+    span
+      display: block
+      margin: 1px
+    &:hover, &:focus
+      padding: 0
+  .ui-dialog-content
+    position: relative
+    border: 0
+    padding: 0.5em 1em
+    background: none
+    overflow: auto
+    zoom: 1
+  .ui-dialog-buttonpane
+    text-align: left
+    border-width: 1px 0 0 0
+    background-image: none
+    margin: 0.5em 0 0 0
+    padding: 0.3em 1em 0.5em 0.4em
+    .ui-dialog-buttonset
+      float: right
+    button
+      margin: 0.5em 0.4em 0.5em 0
+      cursor: pointer
+  .ui-resizable-se
+    width: 14px
+    height: 14px
+    right: 3px
+    bottom: 3px
+
+.ui-draggable .ui-dialog-titlebar
+  cursor: move
+
+/* jQuery UI Slider @VERSION
+ *
+ * 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/Slider#theming
+
+.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: 0.7em
+    display: block
+    border: 0
+    background-position: 0 0
+
+.ui-slider-horizontal
+  height: 0.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: 0.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
+
+/* * jQuery UI Tabs @VERSION
+ * *
+ * * 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/Tabs#theming
+
+.ui-tabs
+  position: relative
+  padding: 0.2em
+  zoom: 1
+  .ui-tabs-nav
+    margin: 0
+    padding: 0.2em 0.2em 0
+    li
+      list-style: none
+      float: left
+      position: relative
+      top: 1px
+      margin: 0 0.2em 1px 0
+      border-bottom: 0 !important
+      padding: 0
+      white-space: nowrap
+      a
+        float: left
+        padding: 0.5em 1em
+        text-decoration: none
+      &.ui-tabs-selected
+        margin-bottom: 0
+        padding-bottom: 1px
+        a
+          cursor: text
+      &.ui-state-disabled a, &.ui-state-processing a
+        cursor: text
+      a
+        cursor: pointer
+  &.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a
+    cursor: pointer
+  .ui-tabs-panel
+    display: block
+    border-width: 0
+    padding: 1em 1.4em
+    background: none
+  .ui-tabs-hide
+    display: none !important
+
+/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed")
+
+/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere...
+
+/* jQuery UI Datepicker @VERSION
+ *
+ * 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/Datepicker#theming
+
+.ui-datepicker
+  width: 17em
+  padding: 0.2em 0.2em 0
+  .ui-datepicker-header
+    position: relative
+    padding: 0.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: 0.9em
+    border-collapse: collapse
+    margin: 0 0 0.4em
+  th
+    padding: 0.7em 0.3em
+    text-align: center
+    font-weight: bold
+    border: 0
+  td
+    border: 0
+    padding: 1px
+    span, a
+      display: block
+      padding: 0.2em
+      text-align: right
+      text-decoration: none
+  .ui-datepicker-buttonpane
+    background-image: none
+    margin: 0.7em 0 0 0
+    padding: 0 0.2em
+    border-left: 0
+    border-right: 0
+    border-bottom: 0
+    button
+      float: right
+      margin: 0.5em 0.2em 0.4em
+      cursor: pointer
+      padding: 0.2em 0.6em 0.3em 0.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 0.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%
+
+/* 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
+
+/* 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 @VERSION
+ **
+ ** 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/Progressbar#theming
+
+.ui-progressbar
+  height: 2em
+  text-align: left
+  .ui-progressbar-value
+    margin: -1px
+    height: 100%