Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse code

initial commit

  • Loading branch information...
commit 2c2a6c7d04e260871e9046d518581d889453e0f4 1 parent cafba54
Kristian Mandrup authored

Showing 77 changed files with 8,821 additions and 36 deletions. Show diff stats Hide diff stats

  1. +5 5 .gitignore
  2. +6 9 Gemfile
  3. +37 0 Gemfile.lock
  4. +183 0 README.md
  5. +0 19 README.rdoc
  6. +2 2 Rakefile
  7. +1 1  VERSION
  8. BIN  examples/formwizard/css/base/images/ui-bg_flat_0_aaaaaa_40x100.png
  9. BIN  examples/formwizard/css/base/images/ui-bg_flat_75_ffffff_40x100.png
  10. BIN  examples/formwizard/css/base/images/ui-bg_glass_55_fbf9ee_1x400.png
  11. BIN  examples/formwizard/css/base/images/ui-bg_glass_65_ffffff_1x400.png
  12. BIN  examples/formwizard/css/base/images/ui-bg_glass_75_dadada_1x400.png
  13. BIN  examples/formwizard/css/base/images/ui-bg_glass_75_e6e6e6_1x400.png
  14. BIN  examples/formwizard/css/base/images/ui-bg_glass_95_fef1ec_1x400.png
  15. BIN  examples/formwizard/css/base/images/ui-bg_highlight-soft_75_cccccc_1x100.png
  16. BIN  examples/formwizard/css/base/images/ui-icons_222222_256x240.png
  17. BIN  examples/formwizard/css/base/images/ui-icons_2e83ff_256x240.png
  18. BIN  examples/formwizard/css/base/images/ui-icons_454545_256x240.png
  19. BIN  examples/formwizard/css/base/images/ui-icons_888888_256x240.png
  20. BIN  examples/formwizard/css/base/images/ui-icons_cd0a0a_256x240.png
  21. +11 0 examples/formwizard/css/base/jquery.ui.all.css
  22. +1 0  examples/formwizard/css/base/jquery.ui.base.css
  23. +41 0 examples/formwizard/css/base/jquery.ui.core.css
  24. +252 0 examples/formwizard/css/base/jquery.ui.theme.css
  25. BIN  examples/formwizard/css/ui-lightness/images/ui-anim_basic_16x16.gif
  26. BIN  examples/formwizard/css/ui-lightness/images/ui-bg_diagonals-thick_18_b81900_40x40.png
  27. BIN  examples/formwizard/css/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png
  28. BIN  examples/formwizard/css/ui-lightness/images/ui-bg_flat_10_000000_40x100.png
  29. BIN  examples/formwizard/css/ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png
  30. BIN  examples/formwizard/css/ui-lightness/images/ui-bg_glass_100_fdf5ce_1x400.png
  31. BIN  examples/formwizard/css/ui-lightness/images/ui-bg_glass_65_ffffff_1x400.png
  32. BIN  examples/formwizard/css/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png
  33. BIN  examples/formwizard/css/ui-lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png
  34. BIN  examples/formwizard/css/ui-lightness/images/ui-bg_highlight-soft_75_ffe45c_1x100.png
  35. BIN  examples/formwizard/css/ui-lightness/images/ui-icons_222222_256x240.png
  36. BIN  examples/formwizard/css/ui-lightness/images/ui-icons_228ef1_256x240.png
  37. BIN  examples/formwizard/css/ui-lightness/images/ui-icons_ef8c08_256x240.png
  38. BIN  examples/formwizard/css/ui-lightness/images/ui-icons_ffd27a_256x240.png
  39. BIN  examples/formwizard/css/ui-lightness/images/ui-icons_ffffff_256x240.png
  40. +489 0 examples/formwizard/css/ui-lightness/jquery-ui-1.8.2.custom.css
  41. +154 0 examples/formwizard/example1.html
  42. +4 0 lib/jquery_form_utils.rb
  43. BIN  vendor/assets/images/custom_input/checkbox.gif
  44. BIN  vendor/assets/images/custom_input/radiobutton.gif
  45. +257 0 vendor/assets/javascripts/autotab/jquery.autotab.js
  46. +68 0 vendor/assets/javascripts/custom_input/custom_input.jquery.js
  47. +120 0 vendor/assets/javascripts/field_highlight/field_highlight.jquery.js
  48. +1,138 0 vendor/assets/javascripts/formwizard/bbq.js
  49. +675 0 vendor/assets/javascripts/formwizard/jquery.form.js
  50. +460 0 vendor/assets/javascripts/formwizard/jquery.form.wizard.js
  51. +1,146 0 vendor/assets/javascripts/formwizard/jquery.validate.js
  52. +140 0 vendor/assets/javascripts/infieldlabel/jquery.infieldlabel.js
  53. +12 0 vendor/assets/javascripts/infieldlabel/jquery.infieldlabel.min.js
  54. +17 0 vendor/assets/javascripts/justify_labels/justify_labels.jquery.js
  55. +62 0 vendor/assets/javascripts/message/jquery.message.js
  56. +14 0 vendor/assets/javascripts/message/jquery.message.min.js
  57. +14 0 vendor/assets/javascripts/message/jquery.message.pack.js
  58. +241 0 vendor/assets/javascripts/tipsy/jquery.tipsy.js
  59. +88 0 vendor/assets/javascripts/validate_password/jquery.validate.password.js
  60. +10 0 vendor/assets/javascripts/validate_password/validate.da.js
  61. +129 0 vendor/assets/javascripts/validation/jquery.validationEngine-da.js
  62. +173 0 vendor/assets/javascripts/validation/jquery.validationEngine-en.js
  63. +131 0 vendor/assets/javascripts/validation/jquery.validationEngine-es.js
  64. +123 0 vendor/assets/javascripts/validation/jquery.validationEngine-fr.js
  65. +105 0 vendor/assets/javascripts/validation/jquery.validationEngine-it.js
  66. +143 0 vendor/assets/javascripts/validation/jquery.validationEngine-ja.js
  67. +130 0 vendor/assets/javascripts/validation/jquery.validationEngine-ru.js
  68. +1,722 0 vendor/assets/javascripts/validation/jquery.validationEngine.js
  69. +22 0 vendor/assets/javascripts/validation/other-validations.js
  70. +67 0 vendor/assets/stylesheets/custom_input/custom_input.css
  71. +46 0 vendor/assets/stylesheets/infieldlabel/inFieldLabel.jquery.css
  72. +12 0 vendor/assets/stylesheets/justify_labels/justify_labels.jquery.css
  73. +44 0 vendor/assets/stylesheets/message/jquery.message.css
  74. +25 0 vendor/assets/stylesheets/tipsy/tipsy.css
  75. +46 0 vendor/assets/stylesheets/validate_password/jquery.validate.password.css
  76. +97 0 vendor/assets/stylesheets/validation/template.css
  77. +158 0 vendor/assets/stylesheets/validation/validationEngine.jquery.css
10 .gitignore
@@ -28,11 +28,11 @@ pkg
28 28 #
29 29 # For MacOS:
30 30 #
31   -#.DS_Store
  31 +.DS_Store
32 32
33 33 # For TextMate
34   -#*.tmproj
35   -#tmtags
  34 +*.tmproj
  35 +tmtags
36 36
37 37 # For emacs:
38 38 #*~
@@ -40,10 +40,10 @@ pkg
40 40 #.\#*
41 41
42 42 # For vim:
43   -#*.swp
  43 +*.swp
44 44
45 45 # For redcar:
46   -#.redcar
  46 +.redcar
47 47
48 48 # For rubinius:
49 49 #*.rbc
15 Gemfile
... ... @@ -1,14 +1,11 @@
1   -source "http://rubygems.org"
2   -# Add dependencies required to use your gem here.
3   -# Example:
4   -# gem "activesupport", ">= 2.3.5"
  1 +source :rubygems
5 2
6 3 # Add dependencies to develop your gem here.
7 4 # Include everything needed to run rake, tests, features, etc.
8 5 group :development do
9   - gem "rspec", "~> 2.8.0"
10   - gem "rdoc", "~> 3.12"
11   - gem "bundler", "~> 1.0.0"
12   - gem "jeweler", "~> 1.8.3"
13   - gem "rcov", ">= 0"
  6 + gem "rspec", ">= 2.8.0"
  7 + gem "rdoc", "~> 3.12"
  8 + gem "bundler", ">= 1.0.0"
  9 + gem "jeweler", ">= 1.8.3"
  10 + gem "simplecov",">= 0.5"
14 11 end
37 Gemfile.lock
... ... @@ -0,0 +1,37 @@
  1 +GEM
  2 + remote: http://rubygems.org/
  3 + specs:
  4 + diff-lcs (1.1.3)
  5 + git (1.2.5)
  6 + jeweler (1.8.3)
  7 + bundler (~> 1.0)
  8 + git (>= 1.2.5)
  9 + rake
  10 + rdoc
  11 + json (1.6.5)
  12 + multi_json (1.1.0)
  13 + rake (0.9.2.2)
  14 + rdoc (3.12)
  15 + json (~> 1.4)
  16 + rspec (2.9.0)
  17 + rspec-core (~> 2.9.0)
  18 + rspec-expectations (~> 2.9.0)
  19 + rspec-mocks (~> 2.9.0)
  20 + rspec-core (2.9.0)
  21 + rspec-expectations (2.9.0)
  22 + diff-lcs (~> 1.1.3)
  23 + rspec-mocks (2.9.0)
  24 + simplecov (0.6.1)
  25 + multi_json (~> 1.0)
  26 + simplecov-html (~> 0.5.3)
  27 + simplecov-html (0.5.3)
  28 +
  29 +PLATFORMS
  30 + ruby
  31 +
  32 +DEPENDENCIES
  33 + bundler (>= 1.0.0)
  34 + jeweler (>= 1.8.3)
  35 + rdoc (~> 3.12)
  36 + rspec (>= 2.8.0)
  37 + simplecov (>= 0.5)
183 README.md
Source Rendered
... ... @@ -0,0 +1,183 @@
  1 +h1. jQuery Form Utils
  2 +
  3 +Packages various useful Javascript form and other UI utils into Rails 3 assets for the asset pipeline.
  4 +This gem makes it much easier to use these javascript enhancements in a Rails 3 app :)
  5 +
  6 +h3. In-field labels
  7 +
  8 +$(document).ready(function(){
  9 + $("label").inFieldLabels();
  10 +});
  11 +
  12 +$("label").inFieldLabels({ optionName:value });</pre>
  13 +
  14 +fadeOpacity: Value between 0.1 and 1.0. When a field is focussed, its label is animated to this opacity. Defaults to 0.5
  15 +
  16 +fadeDuration: Time in milliseconds When an animation occurs, it uses this setting to determine duration. Defaults to 300.
  17 +
  18 +h3. Highlight active form fields
  19 +
  20 +See http://www.keyframesandcode.com/resources/javascript/jQuery/demos/highlight-demo.html
  21 +
  22 +Highlights the part of the form currently in focus.
  23 +
  24 +h3. Tipsy
  25 +
  26 +See http://onehackoranother.com/projects/jquery/tipsy/
  27 +
  28 +Simple, flexible tooltips plugin
  29 +
  30 +h3. Autotab
  31 +
  32 +http://www.mathachew.com/sandbox/jquery-autotab/
  33 +
  34 +Auto-tab between form fields when field is complete
  35 +
  36 +$(document).ready(function() {
  37 + $('#area_code, #number1, #number2').autotab_magic().autotab_filter('numeric');
  38 +});
  39 +
  40 +.autotab_magic(): Automatically assign tabbing rules to all selected elements.
  41 +
  42 +Example
  43 +-------
  44 +$(document).ready(function() {
  45 + $(':input').autotab_magic();
  46 + // OR
  47 + $('#area_code, #number1, #number2').autotab_magic();
  48 +});
  49 +
  50 +.autotab_filter(string): Apply the specified filter to an element.
  51 +
  52 +Example
  53 +-------
  54 +$(document).ready(function() {
  55 + $('#area_code, #number1, #number2').autotab_filter('numeric');
  56 + $('#key1, #key2, #key3, #key4, #key5').autotab_filter('alpha');
  57 +});
  58 +
  59 +Options
  60 +-------
  61 +all (default): Any character
  62 +text: Any character except numbers 0 through 9
  63 +alpha: A through Z
  64 +numeric: 0 through 9
  65 +number: Identical to numeric
  66 +alphanumeric: A through Z and 0 through 9
  67 +custom: A custom regular expression to be used along with the pattern setting.
  68 +
  69 +.autotab_filter(settings): Apply the key/value pairs to configure filter options to an element.
  70 +
  71 +Example
  72 +$(document).ready(function() {
  73 + $('#area_code, #number1, #number2').autotab_filter({
  74 + format: 'alphanumeric',
  75 + uppercase: true
  76 + });
  77 +});
  78 +
  79 +Settings
  80 +--------
  81 +format: The filtering method of the text field. Available filtering options are listed above.
  82 +uppercase: Converts any text to uppercase.
  83 +lowercase: Converts any text to lowercase.
  84 +nospace: Removes any spaces.
  85 +pattern: A regular expression pattern to use for custom formats.
  86 +
  87 +.autotab(settings): Apply the key/value pairs to configure auto-tab and filter options to an element. Filtering settings are optional.
  88 +
  89 +Example
  90 +-------
  91 +$(document).ready(function() {
  92 + // This example achieves the same result as Step 3 under Basic Usage.
  93 + $('#area_code').autotab({ target: 'number1', format: 'numeric' });
  94 + $('#number1').autotab({ target: 'number2', format: 'numeric', previous: 'area_code' });
  95 + $('#number2').autotab({ previous: 'number1', format: 'numeric' });
  96 +});
  97 +
  98 +Settings
  99 +--------
  100 +All listed settings under .autotab_filter()
  101 +maxlength: Determines the maximum number of characters allowed in a text field. Passing maxlength will override the hardcoded maxlength attribute in the HTML.
  102 +
  103 +target: The text field to auto-tab to when the maxlength has been reached on the current text field.
  104 +
  105 +previous: The text field to auto-tab to when the Backspace key has been pressed in an empty text field. You can also press and hold Backspace to continue auto-tabbing in reverse.
  106 +
  107 +h3. Custom inputs (radio and checkboxes)
  108 +
  109 +
  110 +We start with basic HTML for each input that follows web standards conventions:
  111 +assigned a unique id and value to each input
  112 +paired the input with a label element
  113 +included a "for" attribute on each label that references the preceding input's id
  114 +Each radio button input also needs a common name attribute to group it with a set.
  115 +
  116 +<form>
  117 + <fieldset>
  118 + <legend>Which genres do you like?</legend>
  119 +
  120 + <input type="checkbox" name="genre" id="check-1" value="action" />
  121 + <label for="check-1">Action / Adventure</label>
  122 +
  123 + . . .
  124 + </fieldset>
  125 + <fieldset>
  126 + <legend>Caddyshack is the greatest movie of all time, right?</legend>
  127 +
  128 + <input type="radio" name="opinions" id="radio-1" value="1" />
  129 + <label for="radio-1">Totally</label>
  130 +
  131 + . . .
  132 + </fieldset>
  133 +</form>
  134 +
  135 +Pairing the inputs and labels correctly is essential to how this plugin works. As stated in the HTML spec, "When a LABEL element receives focus, it passes the focus on to its associated control." Browsers have standardized this behavior so that when you click a label, the click is passed on to the input — in other words, the label and input act as a single element when marked up this way. Because we don't have to interact with the input directly, we can hide it from view with CSS and apply styles to the label to make it look like a customized checkbox or radio button.
  136 +
  137 +When the page loads, the plugin script finds each input/label pair and wraps it in a div. Each wrapper div is assigned a class to it based on the type of input it contains:
  138 +
  139 +<div class="custom-checkbox">
  140 + <input id="check-3" type="checkbox" value="epic" name="genre"/>
  141 + <label class="" for="check-3">Epic / Historical</label>
  142 +</div>
  143 +
  144 +Use:
  145 +
  146 +$('input').customInput();
  147 +
  148 +Customize images for radio and checkbox
  149 +
  150 +.custom-checkbox label { background: url(/assets/custom_input/checkbox.gif) no-repeat; }
  151 +.custom-radio label { background: url(/assets/custom_input/radiobutton.gif) no-repeat; }
  152 +
  153 +h3. Message
  154 +
  155 +Easily display feedback messages as an unobstrusive overlay. The message fades away automatically after some time, avoiding the need to click an “ok” button or something similar. The user can speed up hiding of the message by moving the mouse or clicking anywhere.
  156 +
  157 +The interaction is based on Aza Raskin’s Humanized Message.
  158 +
  159 +See http://bassistance.de/jquery-plugins/jquery-plugin-message/
  160 +
  161 +h3. Justify labels
  162 +
  163 +justifyLabels('form#login');
  164 +
  165 +h3. Validation engine
  166 +
  167 +See https://github.com/posabsolute/jQuery-Validation-Engine
  168 +
  169 +h2. Contributing to Jquery Form Utils
  170 +
  171 +* Check out the latest master to make sure the feature hasn't been implemented or the bug hasn't been fixed yet.
  172 +* Check out the issue tracker to make sure someone already hasn't requested it and/or contributed it.
  173 +* Fork the project.
  174 +* Start a feature/bugfix branch.
  175 +* Commit and push until you are happy with your contribution.
  176 +* Make sure to add tests for it. This is important so I don't break it in a future version unintentionally.
  177 +* Please try not to mess with the Rakefile, version, or history. If you want to have your own version, or is otherwise necessary, that is fine, but please isolate to its own commit so I can cherry-pick around it.
  178 +
  179 +h2. Copyright
  180 +
  181 +Copyright (c) 2012 Kristian Mandrup. See LICENSE.txt for
  182 +further details.
  183 +
19 README.rdoc
Source Rendered
... ... @@ -1,19 +0,0 @@
1   -= jquery_form_utils
2   -
3   -Description goes here.
4   -
5   -== Contributing to jquery_form_utils
6   -
7   -* Check out the latest master to make sure the feature hasn't been implemented or the bug hasn't been fixed yet.
8   -* Check out the issue tracker to make sure someone already hasn't requested it and/or contributed it.
9   -* Fork the project.
10   -* Start a feature/bugfix branch.
11   -* Commit and push until you are happy with your contribution.
12   -* Make sure to add tests for it. This is important so I don't break it in a future version unintentionally.
13   -* Please try not to mess with the Rakefile, version, or history. If you want to have your own version, or is otherwise necessary, that is fine, but please isolate to its own commit so I can cherry-pick around it.
14   -
15   -== Copyright
16   -
17   -Copyright (c) 2012 Kristian Mandrup. See LICENSE.txt for
18   -further details.
19   -
4 Rakefile
@@ -17,8 +17,8 @@ Jeweler::Tasks.new do |gem|
17 17 gem.name = "jquery_form_utils"
18 18 gem.homepage = "http://github.com/kristianmandrup/jquery_form_utils"
19 19 gem.license = "MIT"
20   - gem.summary = %Q{TODO: one-line summary of your gem}
21   - gem.description = %Q{TODO: longer description of your gem}
  20 + gem.summary = %Q{jQuery form and UI utils packaged for easy use with Rails 3}
  21 + gem.description = %Q{Enhance your Rails app with some nice jquery magic!}
22 22 gem.email = "kmandrup@gmail.com"
23 23 gem.authors = ["Kristian Mandrup"]
24 24 # dependencies defined in Gemfile
2  VERSION
... ... @@ -1 +1 @@
1   -0.0.0
  1 +0.1.0
BIN  examples/formwizard/css/base/images/ui-bg_flat_0_aaaaaa_40x100.png
BIN  examples/formwizard/css/base/images/ui-bg_flat_75_ffffff_40x100.png
BIN  examples/formwizard/css/base/images/ui-bg_glass_55_fbf9ee_1x400.png
BIN  examples/formwizard/css/base/images/ui-bg_glass_65_ffffff_1x400.png
BIN  examples/formwizard/css/base/images/ui-bg_glass_75_dadada_1x400.png
BIN  examples/formwizard/css/base/images/ui-bg_glass_75_e6e6e6_1x400.png
BIN  examples/formwizard/css/base/images/ui-bg_glass_95_fef1ec_1x400.png
BIN  examples/formwizard/css/base/images/ui-bg_highlight-soft_75_cccccc_1x100.png
BIN  examples/formwizard/css/base/images/ui-icons_222222_256x240.png
BIN  examples/formwizard/css/base/images/ui-icons_2e83ff_256x240.png
BIN  examples/formwizard/css/base/images/ui-icons_454545_256x240.png
BIN  examples/formwizard/css/base/images/ui-icons_888888_256x240.png
BIN  examples/formwizard/css/base/images/ui-icons_cd0a0a_256x240.png
11 examples/formwizard/css/base/jquery.ui.all.css
... ... @@ -0,0 +1,11 @@
  1 +/*
  2 + * jQuery UI CSS Framework @VERSION
  3 + *
  4 + * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
  5 + * Dual licensed under the MIT or GPL Version 2 licenses.
  6 + * http://jquery.org/license
  7 + *
  8 + * http://docs.jquery.com/UI/Theming
  9 + */
  10 +@import "jquery.ui.base.css";
  11 +@import "jquery.ui.theme.css";
1  examples/formwizard/css/base/jquery.ui.base.css
... ... @@ -0,0 +1 @@
  1 +@import url("jquery.ui.core.css");
41 examples/formwizard/css/base/jquery.ui.core.css
... ... @@ -0,0 +1,41 @@
  1 +/*
  2 + * jQuery UI CSS Framework @VERSION
  3 + *
  4 + * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
  5 + * Dual licensed under the MIT or GPL Version 2 licenses.
  6 + * http://jquery.org/license
  7 + *
  8 + * http://docs.jquery.com/UI/Theming/API
  9 + */
  10 +
  11 +/* Layout helpers
  12 +----------------------------------*/
  13 +.ui-helper-hidden { display: none; }
  14 +.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
  15 +.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
  16 +.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
  17 +.ui-helper-clearfix { display: inline-block; }
  18 +/* required comment for clearfix to work in Opera \*/
  19 +* html .ui-helper-clearfix { height:1%; }
  20 +.ui-helper-clearfix { display:block; }
  21 +/* end clearfix */
  22 +.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
  23 +
  24 +
  25 +/* Interaction Cues
  26 +----------------------------------*/
  27 +.ui-state-disabled { cursor: default !important; }
  28 +
  29 +
  30 +/* Icons
  31 +----------------------------------*/
  32 +
  33 +/* states and images */
  34 +.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
  35 +
  36 +
  37 +/* Misc visuals
  38 +----------------------------------*/
  39 +
  40 +/* Overlays */
  41 +.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
252 examples/formwizard/css/base/jquery.ui.theme.css
... ... @@ -0,0 +1,252 @@
  1 +/*
  2 + * jQuery UI CSS Framework @VERSION
  3 + *
  4 + * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
  5 + * Dual licensed under the MIT or GPL Version 2 licenses.
  6 + * http://jquery.org/license
  7 + *
  8 + * http://docs.jquery.com/UI/Theming/API
  9 + *
  10 + * To view and modify this theme, visit http://jqueryui.com/themeroller/
  11 + */
  12 +
  13 +
  14 +/* Component containers
  15 +----------------------------------*/
  16 +.ui-widget { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; }
  17 +.ui-widget .ui-widget { font-size: 1em; }
  18 +.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1em; }
  19 +.ui-widget-content { border: 1px solid #aaaaaa/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/ url(images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #222222/*{fcContent}*/; }
  20 +.ui-widget-content a { color: #222222/*{fcContent}*/; }
  21 +.ui-widget-header { border: 1px solid #aaaaaa/*{borderColorHeader}*/; background: #cccccc/*{bgColorHeader}*/ url(images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/; color: #222222/*{fcHeader}*/; font-weight: bold; }
  22 +.ui-widget-header a { color: #222222/*{fcHeader}*/; }
  23 +
  24 +/* Interaction states
  25 +----------------------------------*/
  26 +.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #e6e6e6/*{bgColorDefault}*/ url(images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; }
  27 +.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555/*{fcDefault}*/; text-decoration: none; }
  28 +.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/*{borderColorHover}*/; background: #dadada/*{bgColorHover}*/ url(images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; }
  29 +.ui-state-hover a, .ui-state-hover a:hover { color: #212121/*{fcHover}*/; text-decoration: none; }
  30 +.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa/*{borderColorActive}*/; background: #ffffff/*{bgColorActive}*/ url(images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcActive}*/; }
  31 +.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121/*{fcActive}*/; text-decoration: none; }
  32 +.ui-widget :active { outline: none; }
  33 +
  34 +/* Interaction Cues
  35 +----------------------------------*/
  36 +.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fcefa1/*{borderColorHighlight}*/; background: #fbf9ee/*{bgColorHighlight}*/ url(images/ui-bg_glass_55_fbf9ee_1x400.png)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/; color: #363636/*{fcHighlight}*/; }
  37 +.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636/*{fcHighlight}*/; }
  38 +.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a/*{borderColorError}*/; background: #fef1ec/*{bgColorError}*/ url(images/ui-bg_glass_95_fef1ec_1x400.png)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/; color: #cd0a0a/*{fcError}*/; }
  39 +.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a/*{fcError}*/; }
  40 +.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a/*{fcError}*/; }
  41 +.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
  42 +.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
  43 +.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
  44 +
  45 +/* Icons
  46 +----------------------------------*/
  47 +
  48 +/* states and images */
  49 +.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/; }
  50 +.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/; }
  51 +.ui-widget-header .ui-icon {background-image: url(images/ui-icons_222222_256x240.png)/*{iconsHeader}*/; }
  52 +.ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png)/*{iconsDefault}*/; }
  53 +.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_454545_256x240.png)/*{iconsHover}*/; }
  54 +.ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png)/*{iconsActive}*/; }
  55 +.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/; }
  56 +.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/; }
  57 +
  58 +/* positioning */
  59 +.ui-icon-carat-1-n { background-position: 0 0; }
  60 +.ui-icon-carat-1-ne { background-position: -16px 0; }
  61 +.ui-icon-carat-1-e { background-position: -32px 0; }
  62 +.ui-icon-carat-1-se { background-position: -48px 0; }
  63 +.ui-icon-carat-1-s { background-position: -64px 0; }
  64 +.ui-icon-carat-1-sw { background-position: -80px 0; }
  65 +.ui-icon-carat-1-w { background-position: -96px 0; }
  66 +.ui-icon-carat-1-nw { background-position: -112px 0; }
  67 +.ui-icon-carat-2-n-s { background-position: -128px 0; }
  68 +.ui-icon-carat-2-e-w { background-position: -144px 0; }
  69 +.ui-icon-triangle-1-n { background-position: 0 -16px; }
  70 +.ui-icon-triangle-1-ne { background-position: -16px -16px; }
  71 +.ui-icon-triangle-1-e { background-position: -32px -16px; }
  72 +.ui-icon-triangle-1-se { background-position: -48px -16px; }
  73 +.ui-icon-triangle-1-s { background-position: -64px -16px; }
  74 +.ui-icon-triangle-1-sw { background-position: -80px -16px; }
  75 +.ui-icon-triangle-1-w { background-position: -96px -16px; }
  76 +.ui-icon-triangle-1-nw { background-position: -112px -16px; }
  77 +.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
  78 +.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
  79 +.ui-icon-arrow-1-n { background-position: 0 -32px; }
  80 +.ui-icon-arrow-1-ne { background-position: -16px -32px; }
  81 +.ui-icon-arrow-1-e { background-position: -32px -32px; }
  82 +.ui-icon-arrow-1-se { background-position: -48px -32px; }
  83 +.ui-icon-arrow-1-s { background-position: -64px -32px; }
  84 +.ui-icon-arrow-1-sw { background-position: -80px -32px; }
  85 +.ui-icon-arrow-1-w { background-position: -96px -32px; }
  86 +.ui-icon-arrow-1-nw { background-position: -112px -32px; }
  87 +.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
  88 +.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
  89 +.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
  90 +.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
  91 +.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
  92 +.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
  93 +.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
  94 +.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
  95 +.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
  96 +.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
  97 +.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
  98 +.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
  99 +.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
  100 +.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
  101 +.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
  102 +.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
  103 +.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
  104 +.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
  105 +.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
  106 +.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
  107 +.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
  108 +.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
  109 +.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
  110 +.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
  111 +.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
  112 +.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
  113 +.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
  114 +.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
  115 +.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
  116 +.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
  117 +.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
  118 +.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
  119 +.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
  120 +.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
  121 +.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
  122 +.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
  123 +.ui-icon-arrow-4 { background-position: 0 -80px; }
  124 +.ui-icon-arrow-4-diag { background-position: -16px -80px; }
  125 +.ui-icon-extlink { background-position: -32px -80px; }
  126 +.ui-icon-newwin { background-position: -48px -80px; }
  127 +.ui-icon-refresh { background-position: -64px -80px; }
  128 +.ui-icon-shuffle { background-position: -80px -80px; }
  129 +.ui-icon-transfer-e-w { background-position: -96px -80px; }
  130 +.ui-icon-transferthick-e-w { background-position: -112px -80px; }
  131 +.ui-icon-folder-collapsed { background-position: 0 -96px; }
  132 +.ui-icon-folder-open { background-position: -16px -96px; }
  133 +.ui-icon-document { background-position: -32px -96px; }
  134 +.ui-icon-document-b { background-position: -48px -96px; }
  135 +.ui-icon-note { background-position: -64px -96px; }
  136 +.ui-icon-mail-closed { background-position: -80px -96px; }
  137 +.ui-icon-mail-open { background-position: -96px -96px; }
  138 +.ui-icon-suitcase { background-position: -112px -96px; }
  139 +.ui-icon-comment { background-position: -128px -96px; }
  140 +.ui-icon-person { background-position: -144px -96px; }
  141 +.ui-icon-print { background-position: -160px -96px; }
  142 +.ui-icon-trash { background-position: -176px -96px; }
  143 +.ui-icon-locked { background-position: -192px -96px; }
  144 +.ui-icon-unlocked { background-position: -208px -96px; }
  145 +.ui-icon-bookmark { background-position: -224px -96px; }
  146 +.ui-icon-tag { background-position: -240px -96px; }
  147 +.ui-icon-home { background-position: 0 -112px; }
  148 +.ui-icon-flag { background-position: -16px -112px; }
  149 +.ui-icon-calendar { background-position: -32px -112px; }
  150 +.ui-icon-cart { background-position: -48px -112px; }
  151 +.ui-icon-pencil { background-position: -64px -112px; }
  152 +.ui-icon-clock { background-position: -80px -112px; }
  153 +.ui-icon-disk { background-position: -96px -112px; }
  154 +.ui-icon-calculator { background-position: -112px -112px; }
  155 +.ui-icon-zoomin { background-position: -128px -112px; }
  156 +.ui-icon-zoomout { background-position: -144px -112px; }
  157 +.ui-icon-search { background-position: -160px -112px; }
  158 +.ui-icon-wrench { background-position: -176px -112px; }
  159 +.ui-icon-gear { background-position: -192px -112px; }
  160 +.ui-icon-heart { background-position: -208px -112px; }
  161 +.ui-icon-star { background-position: -224px -112px; }
  162 +.ui-icon-link { background-position: -240px -112px; }
  163 +.ui-icon-cancel { background-position: 0 -128px; }
  164 +.ui-icon-plus { background-position: -16px -128px; }
  165 +.ui-icon-plusthick { background-position: -32px -128px; }
  166 +.ui-icon-minus { background-position: -48px -128px; }
  167 +.ui-icon-minusthick { background-position: -64px -128px; }
  168 +.ui-icon-close { background-position: -80px -128px; }
  169 +.ui-icon-closethick { background-position: -96px -128px; }
  170 +.ui-icon-key { background-position: -112px -128px; }
  171 +.ui-icon-lightbulb { background-position: -128px -128px; }
  172 +.ui-icon-scissors { background-position: -144px -128px; }
  173 +.ui-icon-clipboard { background-position: -160px -128px; }
  174 +.ui-icon-copy { background-position: -176px -128px; }
  175 +.ui-icon-contact { background-position: -192px -128px; }
  176 +.ui-icon-image { background-position: -208px -128px; }
  177 +.ui-icon-video { background-position: -224px -128px; }
  178 +.ui-icon-script { background-position: -240px -128px; }
  179 +.ui-icon-alert { background-position: 0 -144px; }
  180 +.ui-icon-info { background-position: -16px -144px; }
  181 +.ui-icon-notice { background-position: -32px -144px; }
  182 +.ui-icon-help { background-position: -48px -144px; }
  183 +.ui-icon-check { background-position: -64px -144px; }
  184 +.ui-icon-bullet { background-position: -80px -144px; }
  185 +.ui-icon-radio-off { background-position: -96px -144px; }
  186 +.ui-icon-radio-on { background-position: -112px -144px; }
  187 +.ui-icon-pin-w { background-position: -128px -144px; }
  188 +.ui-icon-pin-s { background-position: -144px -144px; }
  189 +.ui-icon-play { background-position: 0 -160px; }
  190 +.ui-icon-pause { background-position: -16px -160px; }
  191 +.ui-icon-seek-next { background-position: -32px -160px; }
  192 +.ui-icon-seek-prev { background-position: -48px -160px; }
  193 +.ui-icon-seek-end { background-position: -64px -160px; }
  194 +.ui-icon-seek-start { background-position: -80px -160px; }
  195 +/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
  196 +.ui-icon-seek-first { background-position: -80px -160px; }
  197 +.ui-icon-stop { background-position: -96px -160px; }
  198 +.ui-icon-eject { background-position: -112px -160px; }
  199 +.ui-icon-volume-off { background-position: -128px -160px; }
  200 +.ui-icon-volume-on { background-position: -144px -160px; }
  201 +.ui-icon-power { background-position: 0 -176px; }
  202 +.ui-icon-signal-diag { background-position: -16px -176px; }
  203 +.ui-icon-signal { background-position: -32px -176px; }
  204 +.ui-icon-battery-0 { background-position: -48px -176px; }
  205 +.ui-icon-battery-1 { background-position: -64px -176px; }
  206 +.ui-icon-battery-2 { background-position: -80px -176px; }
  207 +.ui-icon-battery-3 { background-position: -96px -176px; }
  208 +.ui-icon-circle-plus { background-position: 0 -192px; }
  209 +.ui-icon-circle-minus { background-position: -16px -192px; }
  210 +.ui-icon-circle-close { background-position: -32px -192px; }
  211 +.ui-icon-circle-triangle-e { background-position: -48px -192px; }
  212 +.ui-icon-circle-triangle-s { background-position: -64px -192px; }
  213 +.ui-icon-circle-triangle-w { background-position: -80px -192px; }
  214 +.ui-icon-circle-triangle-n { background-position: -96px -192px; }
  215 +.ui-icon-circle-arrow-e { background-position: -112px -192px; }
  216 +.ui-icon-circle-arrow-s { background-position: -128px -192px; }
  217 +.ui-icon-circle-arrow-w { background-position: -144px -192px; }
  218 +.ui-icon-circle-arrow-n { background-position: -160px -192px; }
  219 +.ui-icon-circle-zoomin { background-position: -176px -192px; }
  220 +.ui-icon-circle-zoomout { background-position: -192px -192px; }
  221 +.ui-icon-circle-check { background-position: -208px -192px; }
  222 +.ui-icon-circlesmall-plus { background-position: 0 -208px; }
  223 +.ui-icon-circlesmall-minus { background-position: -16px -208px; }
  224 +.ui-icon-circlesmall-close { background-position: -32px -208px; }
  225 +.ui-icon-squaresmall-plus { background-position: -48px -208px; }
  226 +.ui-icon-squaresmall-minus { background-position: -64px -208px; }
  227 +.ui-icon-squaresmall-close { background-position: -80px -208px; }
  228 +.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
  229 +.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
  230 +.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
  231 +.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
  232 +.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
  233 +.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
  234 +
  235 +
  236 +/* Misc visuals
  237 +----------------------------------*/
  238 +
  239 +/* Corner radius */
  240 +.ui-corner-tl { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; }
  241 +.ui-corner-tr { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; }
  242 +.ui-corner-bl { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; }
  243 +.ui-corner-br { -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; }
  244 +.ui-corner-top { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; }
  245 +.ui-corner-bottom { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; }
  246 +.ui-corner-right { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; }
  247 +.ui-corner-left { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; }
  248 +.ui-corner-all { -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; border-radius: 4px/*{cornerRadius}*/; }
  249 +
  250 +/* Overlays */
  251 +.ui-widget-overlay { background: #aaaaaa/*{bgColorOverlay}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityOverlay}*/; }
  252 +.ui-widget-shadow { margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/; padding: 8px/*{thicknessShadow}*/; background: #aaaaaa/*{bgColorShadow}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityShadow}*/; -moz-border-radius: 8px/*{cornerRadiusShadow}*/; -webkit-border-radius: 8px/*{cornerRadiusShadow}*/; border-radius: 8px/*{cornerRadiusShadow}*/; }
BIN  examples/formwizard/css/ui-lightness/images/ui-anim_basic_16x16.gif
BIN  examples/formwizard/css/ui-lightness/images/ui-bg_diagonals-thick_18_b81900_40x40.png
BIN  examples/formwizard/css/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png
BIN  examples/formwizard/css/ui-lightness/images/ui-bg_flat_10_000000_40x100.png
BIN  examples/formwizard/css/ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png
BIN  examples/formwizard/css/ui-lightness/images/ui-bg_glass_100_fdf5ce_1x400.png
BIN  examples/formwizard/css/ui-lightness/images/ui-bg_glass_65_ffffff_1x400.png
BIN  examples/formwizard/css/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png
BIN  examples/formwizard/css/ui-lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png
BIN  examples/formwizard/css/ui-lightness/images/ui-bg_highlight-soft_75_ffe45c_1x100.png
BIN  examples/formwizard/css/ui-lightness/images/ui-icons_222222_256x240.png
BIN  examples/formwizard/css/ui-lightness/images/ui-icons_228ef1_256x240.png
BIN  examples/formwizard/css/ui-lightness/images/ui-icons_ef8c08_256x240.png
BIN  examples/formwizard/css/ui-lightness/images/ui-icons_ffd27a_256x240.png
BIN  examples/formwizard/css/ui-lightness/images/ui-icons_ffffff_256x240.png
489 examples/formwizard/css/ui-lightness/jquery-ui-1.8.2.custom.css
... ... @@ -0,0 +1,489 @@
  1 +/*
  2 +* jQuery UI CSS Framework
  3 +* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
  4 +* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
  5 +*/
  6 +
  7 +/* Layout helpers
  8 +----------------------------------*/
  9 +.ui-helper-hidden { display: none; }
  10 +.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
  11 +.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
  12 +.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
  13 +.ui-helper-clearfix { display: inline-block; }
  14 +/* required comment for clearfix to work in Opera \*/
  15 +* html .ui-helper-clearfix { height:1%; }
  16 +.ui-helper-clearfix { display:block; }
  17 +/* end clearfix */
  18 +.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
  19 +
  20 +
  21 +/* Interaction Cues
  22 +----------------------------------*/
  23 +.ui-state-disabled { cursor: default !important; }
  24 +
  25 +
  26 +/* Icons
  27 +----------------------------------*/
  28 +
  29 +/* states and images */
  30 +.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
  31 +
  32 +
  33 +/* Misc visuals
  34 +----------------------------------*/
  35 +
  36 +/* Overlays */
  37 +.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  38 +
  39 +
  40 +/*
  41 +* jQuery UI CSS Framework
  42 +* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
  43 +* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
  44 +* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
  45 +*/
  46 +
  47 +
  48 +/* Component containers
  49 +----------------------------------*/
  50 +.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }
  51 +.ui-widget .ui-widget { font-size: 1em; }
  52 +.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
  53 +.ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; }
  54 +.ui-widget-content a { color: #333333; }
  55 +.ui-widget-header { border: 1px solid #e78f08; background: #f6a828 url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
  56 +.ui-widget-header a { color: #ffffff; }
  57 +
  58 +/* Interaction states
  59 +----------------------------------*/
  60 +.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; }
  61 +.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; }
  62 +.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 #fbcb09; background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; }
  63 +.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; }
  64 +.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #fbd850; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; }
  65 +.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; text-decoration: none; }
  66 +.ui-widget :active { outline: none; }
  67 +
  68 +/* Interaction Cues
  69 +----------------------------------*/
  70 +.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fed22f; background: #ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; color: #363636; }
  71 +.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
  72 +.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; }
  73 +.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; }
  74 +.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; }
  75 +.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
  76 +.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
  77 +.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
  78 +
  79 +/* Icons
  80 +----------------------------------*/
  81 +
  82 +/* states and images */
  83 +.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); }
  84 +.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
  85 +.ui-widget-header .ui-icon {background-image: url(images/ui-icons_ffffff_256x240.png); }
  86 +.ui-state-default .ui-icon { background-image: url(images/ui-icons_ef8c08_256x240.png); }
  87 +.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_ef8c08_256x240.png); }
  88 +.ui-state-active .ui-icon {background-image: url(images/ui-icons_ef8c08_256x240.png); }
  89 +.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_228ef1_256x240.png); }
  90 +.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_ffd27a_256x240.png); }
  91 +
  92 +/* positioning */
  93 +.ui-icon-carat-1-n { background-position: 0 0; }
  94 +.ui-icon-carat-1-ne { background-position: -16px 0; }
  95 +.ui-icon-carat-1-e { background-position: -32px 0; }
  96 +.ui-icon-carat-1-se { background-position: -48px 0; }
  97 +.ui-icon-carat-1-s { background-position: -64px 0; }
  98 +.ui-icon-carat-1-sw { background-position: -80px 0; }
  99 +.ui-icon-carat-1-w { background-position: -96px 0; }
  100 +.ui-icon-carat-1-nw { background-position: -112px 0; }
  101 +.ui-icon-carat-2-n-s { background-position: -128px 0; }
  102 +.ui-icon-carat-2-e-w { background-position: -144px 0; }
  103 +.ui-icon-triangle-1-n { background-position: 0 -16px; }
  104 +.ui-icon-triangle-1-ne { background-position: -16px -16px; }
  105 +.ui-icon-triangle-1-e { background-position: -32px -16px; }
  106 +.ui-icon-triangle-1-se { background-position: -48px -16px; }
  107 +.ui-icon-triangle-1-s { background-position: -64px -16px; }
  108 +.ui-icon-triangle-1-sw { background-position: -80px -16px; }
  109 +.ui-icon-triangle-1-w { background-position: -96px -16px; }
  110 +.ui-icon-triangle-1-nw { background-position: -112px -16px; }
  111 +.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
  112 +.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
  113 +.ui-icon-arrow-1-n { background-position: 0 -32px; }
  114 +.ui-icon-arrow-1-ne { background-position: -16px -32px; }
  115 +.ui-icon-arrow-1-e { background-position: -32px -32px; }
  116 +.ui-icon-arrow-1-se { background-position: -48px -32px; }
  117 +.ui-icon-arrow-1-s { background-position: -64px -32px; }
  118 +.ui-icon-arrow-1-sw { background-position: -80px -32px; }
  119 +.ui-icon-arrow-1-w { background-position: -96px -32px; }
  120 +.ui-icon-arrow-1-nw { background-position: -112px -32px; }
  121 +.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
  122 +.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
  123 +.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
  124 +.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
  125 +.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
  126 +.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
  127 +.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
  128 +.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
  129 +.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
  130 +.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
  131 +.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
  132 +.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
  133 +.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
  134 +.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
  135 +.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
  136 +.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
  137 +.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
  138 +.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
  139 +.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
  140 +.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
  141 +.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
  142 +.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
  143 +.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
  144 +.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
  145 +.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
  146 +.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
  147 +.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
  148 +.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
  149 +.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
  150 +.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
  151 +.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
  152 +.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
  153 +.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
  154 +.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
  155 +.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
  156 +.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
  157 +.ui-icon-arrow-4 { background-position: 0 -80px; }
  158 +.ui-icon-arrow-4-diag { background-position: -16px -80px; }
  159 +.ui-icon-extlink { background-position: -32px -80px; }
  160 +.ui-icon-newwin { background-position: -48px -80px; }
  161 +.ui-icon-refresh { background-position: -64px -80px; }
  162 +.ui-icon-shuffle { background-position: -80px -80px; }
  163 +.ui-icon-transfer-e-w { background-position: -96px -80px; }
  164 +.ui-icon-transferthick-e-w { background-position: -112px -80px; }
  165 +.ui-icon-folder-collapsed { background-position: 0 -96px; }
  166 +.ui-icon-folder-open { background-position: -16px -96px; }
  167 +.ui-icon-document { background-position: -32px -96px; }
  168 +.ui-icon-document-b { background-position: -48px -96px; }
  169 +.ui-icon-note { background-position: -64px -96px; }
  170 +.ui-icon-mail-closed { background-position: -80px -96px; }
  171 +.ui-icon-mail-open { background-position: -96px -96px; }
  172 +.ui-icon-suitcase { background-position: -112px -96px; }
  173 +.ui-icon-comment { background-position: -128px -96px; }
  174 +.ui-icon-person { background-position: -144px -96px; }
  175 +.ui-icon-print { background-position: -160px -96px; }
  176 +.ui-icon-trash { background-position: -176px -96px; }
  177 +.ui-icon-locked { background-position: -192px -96px; }
  178 +.ui-icon-unlocked { background-position: -208px -96px; }
  179 +.ui-icon-bookmark { background-position: -224px -96px; }
  180 +.ui-icon-tag { background-position: -240px -96px; }
  181 +.ui-icon-home { background-position: 0 -112px; }
  182 +.ui-icon-flag { background-position: -16px -112px; }
  183 +.ui-icon-calendar { background-position: -32px -112px; }
  184 +.ui-icon-cart { background-position: -48px -112px; }
  185 +.ui-icon-pencil { background-position: -64px -112px; }
  186 +.ui-icon-clock { background-position: -80px -112px; }
  187 +.ui-icon-disk { background-position: -96px -112px; }
  188 +.ui-icon-calculator { background-position: -112px -112px; }
  189 +.ui-icon-zoomin { background-position: -128px -112px; }
  190 +.ui-icon-zoomout { background-position: -144px -112px; }
  191 +.ui-icon-search { background-position: -160px -112px; }
  192 +.ui-icon-wrench { background-position: -176px -112px; }
  193 +.ui-icon-gear { background-position: -192px -112px; }
  194 +.ui-icon-heart { background-position: -208px -112px; }
  195 +.ui-icon-star { background-position: -224px -112px; }
  196 +.ui-icon-link { background-position: -240px -112px; }
  197 +.ui-icon-cancel { background-position: 0 -128px; }
  198 +.ui-icon-plus { background-position: -16px -128px; }
  199 +.ui-icon-plusthick { background-position: -32px -128px; }
  200 +.ui-icon-minus { background-position: -48px -128px; }
  201 +.ui-icon-minusthick { background-position: -64px -128px; }
  202 +.ui-icon-close { background-position: -80px -128px; }
  203 +.ui-icon-closethick { background-position: -96px -128px; }
  204 +.ui-icon-key { background-position: -112px -128px; }
  205 +.ui-icon-lightbulb { background-position: -128px -128px; }
  206 +.ui-icon-scissors { background-position: -144px -128px; }
  207 +.ui-icon-clipboard { background-position: -160px -128px; }
  208 +.ui-icon-copy { background-position: -176px -128px; }
  209 +.ui-icon-contact { background-position: -192px -128px; }
  210 +.ui-icon-image { background-position: -208px -128px; }
  211 +.ui-icon-video { background-position: -224px -128px; }
  212 +.ui-icon-script { background-position: -240px -128px; }
  213 +.ui-icon-alert { background-position: 0 -144px; }
  214 +.ui-icon-info { background-position: -16px -144px; }
  215 +.ui-icon-notice { background-position: -32px -144px; }
  216 +.ui-icon-help { background-position: -48px -144px; }
  217 +.ui-icon-check { background-position: -64px -144px; }
  218 +.ui-icon-bullet { background-position: -80px -144px; }
  219 +.ui-icon-radio-off { background-position: -96px -144px; }
  220 +.ui-icon-radio-on { background-position: -112px -144px; }
  221 +.ui-icon-pin-w { background-position: -128px -144px; }
  222 +.ui-icon-pin-s { background-position: -144px -144px; }
  223 +.ui-icon-play { background-position: 0 -160px; }
  224 +.ui-icon-pause { background-position: -16px -160px; }
  225 +.ui-icon-seek-next { background-position: -32px -160px; }
  226 +.ui-icon-seek-prev { background-position: -48px -160px; }
  227 +.ui-icon-seek-end { background-position: -64px -160px; }
  228 +.ui-icon-seek-start { background-position: -80px -160px; }
  229 +/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
  230 +.ui-icon-seek-first { background-position: -80px -160px; }
  231 +.ui-icon-stop { background-position: -96px -160px; }
  232 +.ui-icon-eject { background-position: -112px -160px; }
  233 +.ui-icon-volume-off { background-position: -128px -160px; }
  234 +.ui-icon-volume-on { background-position: -144px -160px; }
  235 +.ui-icon-power { background-position: 0 -176px; }
  236 +.ui-icon-signal-diag { background-position: -16px -176px; }
  237 +.ui-icon-signal { background-position: -32px -176px; }
  238 +.ui-icon-battery-0 { background-position: -48px -176px; }
  239 +.ui-icon-battery-1 { background-position: -64px -176px; }
  240 +.ui-icon-battery-2 { background-position: -80px -176px; }
  241 +.ui-icon-battery-3 { background-position: -96px -176px; }
  242 +.ui-icon-circle-plus { background-position: 0 -192px; }
  243 +.ui-icon-circle-minus { background-position: -16px -192px; }
  244 +.ui-icon-circle-close { background-position: -32px -192px; }
  245 +.ui-icon-circle-triangle-e { background-position: -48px -192px; }
  246 +.ui-icon-circle-triangle-s { background-position: -64px -192px; }
  247 +.ui-icon-circle-triangle-w { background-position: -80px -192px; }
  248 +.ui-icon-circle-triangle-n { background-position: -96px -192px; }
  249 +.ui-icon-circle-arrow-e { background-position: -112px -192px; }
  250 +.ui-icon-circle-arrow-s { background-position: -128px -192px; }
  251 +.ui-icon-circle-arrow-w { background-position: -144px -192px; }
  252 +.ui-icon-circle-arrow-n { background-position: -160px -192px; }
  253 +.ui-icon-circle-zoomin { background-position: -176px -192px; }
  254 +.ui-icon-circle-zoomout { background-position: -192px -192px; }
  255 +.ui-icon-circle-check { background-position: -208px -192px; }
  256 +.ui-icon-circlesmall-plus { background-position: 0 -208px; }
  257 +.ui-icon-circlesmall-minus { background-position: -16px -208px; }
  258 +.ui-icon-circlesmall-close { background-position: -32px -208px; }
  259 +.ui-icon-squaresmall-plus { background-position: -48px -208px; }
  260 +.ui-icon-squaresmall-minus { background-position: -64px -208px; }
  261 +.ui-icon-squaresmall-close { background-position: -80px -208px; }
  262 +.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
  263 +.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
  264 +.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
  265 +.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
  266 +.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
  267 +.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
  268 +
  269 +
  270 +/* Misc visuals
  271 +----------------------------------*/
  272 +
  273 +/* Corner radius */
  274 +.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; }
  275 +.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
  276 +.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
  277 +.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
  278 +.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
  279 +.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
  280 +.ui-corner-right { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
  281 +.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
  282 +.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
  283 +
  284 +/* Overlays */
  285 +.ui-widget-overlay { background: #666666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); }
  286 +.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }/* Resizable
  287 +----------------------------------*/
  288 +.ui-resizable { position: relative;}
  289 +.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
  290 +.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
  291 +.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
  292 +.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
  293 +.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
  294 +.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
  295 +.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
  296 +.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
  297 +.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
  298 +.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* Selectable
  299 +----------------------------------*/
  300 +.ui-selectable-helper { border:1px dotted black }
  301 +/* Accordion
  302 +----------------------------------*/
  303 +.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
  304 +.ui-accordion .ui-accordion-li-fix { display: inline; }
  305 +.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
  306 +.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
  307 +/* IE7-/Win - Fix extra vertical space in lists */
  308 +.ui-accordion a { zoom: 1; }
  309 +.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
  310 +.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
  311 +.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; }
  312 +.ui-accordion .ui-accordion-content-active { display: block; }/* Autocomplete
  313 +----------------------------------*/
  314 +.ui-autocomplete { position: absolute; cursor: default; }
  315 +.ui-autocomplete-loading { background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat; }
  316 +
  317 +/* workarounds */
  318 +* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
  319 +
  320 +/* Menu
  321 +----------------------------------*/
  322 +.ui-menu {
  323 + list-style:none;
  324 + padding: 2px;
  325 + margin: 0;
  326 + display:block;
  327 +}
  328 +.ui-menu .ui-menu {
  329 + margin-top: -3px;
  330 +}
  331 +.ui-menu .ui-menu-item {
  332 + margin:0;
  333 + padding: 0;
  334 + zoom: 1;
  335 + float: left;
  336 + clear: left;
  337 + width: 100%;
  338 +}
  339 +.ui-menu .ui-menu-item a {
  340 + text-decoration:none;
  341 + display:block;
  342 + padding:.2em .4em;
  343 + line-height:1.5;
  344 + zoom:1;
  345 +}
  346 +.ui-menu .ui-menu-item a.ui-state-hover,
  347 +.ui-menu .ui-menu-item a.ui-state-active {
  348 + font-weight: normal;
  349 + margin: -1px;
  350 +}
  351 +/* Button
  352 +----------------------------------*/
  353 +
  354 +.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 */
  355 +.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
  356 +button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */