six-updater-web 0.10.8 → 0.11.1

data/lib/public/javascripts/record_select/record_select.js

@@ -0,0 +1,352 @@
+Event.observe(window, 'load', function() {RecordSelect.document_loaded = true});
+
+Form.Element.AfterActivity = function(element, callback, delay) {
+  element = $(element);
+  if (!delay) delay = 0.25;
+  new Form.Element.Observer(element, delay, function(element, value) {
+    // TODO: display loading indicator
+    if (element.activity_timer) clearTimeout(element.activity_timer);
+    element.activity_timer = setTimeout(function() {
+      callback(element.value);
+    }, delay * 1000 + 50);
+  });
+}
+
+var RecordSelect = new Object();
+RecordSelect.document_loaded = false;
+
+RecordSelect.notify = function(item) {
+  var e = Element.up(item, '.record-select-handler');
+  var onselect = e.onselect || e.getAttribute('onselect');
+  if (typeof onselect != 'function') onselect = eval(onselect);
+  if (onselect)
+  {
+    try {
+      onselect(item.parentNode.id.substr(2), (item.down('label') || item).innerHTML.unescapeHTML(), e);
+    } catch(e) {
+      alert(e);
+    }
+    return false;
+  }
+  else return true;
+}
+
+RecordSelect.Abstract = Class.create();
+Object.extend(RecordSelect.Abstract.prototype, {
+  /**
+   * obj - the id or element that will anchor the recordselect to the page
+   * url - the url to run the recordselect
+   * options - ??? (check concrete classes)
+   */
+  initialize: function(obj, url, options) {
+    this.obj = $(obj);
+    this.url = url;
+    this.options = options;
+    this.container;
+
+    if (RecordSelect.document_loaded) this.onload();
+    else Event.observe(window, 'load', this.onload.bind(this));
+  },
+
+  /**
+   * Finish the setup - IE doesn't like doing certain things before the page loads
+   * --override--
+   */
+  onload: function() {},
+
+  /**
+   * the onselect event handler - when someone clicks on a record
+   * --override--
+   */
+  onselect: function(id, value) {
+    alert(id + ': ' + value);
+  },
+
+  /**
+   * opens the recordselect
+   */
+  open: function() {
+    if (this.is_open()) return;
+
+    new Ajax.Updater(this.container, this.url, {
+      method: 'get',
+      evalScripts: true,
+      asynchronous: true,
+      onComplete: function() {
+        this.show();
+        // needs to be mousedown so the event doesn't get canceled by other code (see issue #26)
+        Element.observe(document.body, 'mousedown', this.onbodyclick.bindAsEventListener(this));
+      }.bind(this)
+    });
+  },
+
+  /**
+   * positions and reveals the recordselect
+   */
+  show: function() {
+    var offset = Position.cumulativeOffset(this.obj);
+    this.container.style.left = offset[0] + 'px';
+    this.container.style.top = (Element.getHeight(this.obj) + offset[1]) + 'px';
+
+    if (this._use_iframe_mask()) {
+      this.container.insertAdjacentHTML('afterEnd', '<iframe src="javascript:false;" class="record-select-mask" />');
+      var mask = this.container.next('iframe');
+      mask.style.left = this.container.style.left;
+      mask.style.top = this.container.style.top;
+    }
+
+    this.container.show();
+
+    if (this._use_iframe_mask()) {
+      var dimensions = this.container.immediateDescendants().first().getDimensions();
+      mask.style.width = dimensions.width + 'px';
+      mask.style.height = dimensions.height + 'px';
+    }
+  },
+
+  /**
+   * closes the recordselect by emptying the container
+   */
+  close: function() {
+    if (this._use_iframe_mask()) {
+      this.container.next('iframe').remove();
+    }
+
+    this.container.hide();
+    // hopefully by using remove() instead of innerHTML we won't leak memory
+    this.container.immediateDescendants().invoke('remove');
+  },
+
+  /**
+   * returns true/false for whether the recordselect is open
+   */
+  is_open: function() {
+	  return (!this.container.innerHTML.blank())
+  },
+
+  /**
+   * when the user clicks outside the dropdown
+   */
+  onbodyclick: function(ev) {
+    if (!this.is_open()) return;
+    var elem = $(Event.element(ev));
+    var ancestors = elem.ancestors();
+    ancestors.push(elem);
+    if (ancestors.include(this.container) || ancestors.include(this.obj)) return;
+    this.close();
+  },
+
+  /**
+   * creates and initializes (and returns) the recordselect container
+   */
+  create_container: function() {
+    new Insertion.Bottom(document.body, '<div class="record-select-container record-select-handler"></div>');
+    e = document.body.childNodes[document.body.childNodes.length - 1];
+    e.onselect = this.onselect.bind(this);
+    e.style.display = 'none';
+
+    return $(e);
+  },
+
+  /**
+   * all the behavior to respond to a text field as a search box
+   */
+  _respond_to_text_field: function(text_field) {
+    // attach the events to start this party
+    text_field.observe('focus', this.open.bind(this));
+
+    // the autosearch event - needs to happen slightly late (keyup is later than keypress)
+    text_field.observe('keyup', function() {
+      if (!this.is_open()) return;
+      this.container.down('.text-input').value = text_field.value;
+    }.bind(this));
+
+    // keyboard navigation, if available
+    if (this.onkeypress) {
+      text_field.observe('keypress', this.onkeypress.bind(this));
+    }
+  },
+
+  _use_iframe_mask: function() {
+    return this.container.insertAdjacentHTML ? true : false;
+  }
+});
+
+/**
+ * Adds keyboard navigation to RecordSelect objects
+ */
+Object.extend(RecordSelect.Abstract.prototype, {
+  current: null,
+
+  /**
+   * keyboard navigation - where to intercept the keys is up to the concrete class
+   */
+  onkeypress: function(ev) {
+    var elem;
+    switch (ev.keyCode) {
+      case Event.KEY_UP:
+        if (this.current && this.current.up('.record-select')) elem = this.current.previous();
+        if (!elem) elem = this.container.getElementsBySelector('ol li.record').last();
+        this.highlight(elem);
+        break;
+      case Event.KEY_DOWN:
+        if (this.current && this.current.up('.record-select')) elem = this.current.next();
+        if (!elem) elem = this.container.getElementsBySelector('ol li.record').first();
+        this.highlight(elem);
+        break;
+      case Event.KEY_SPACE:
+      case Event.KEY_RETURN:
+        if (this.current) this.current.down('a').onclick();
+        break;
+      case Event.KEY_RIGHT:
+        elem = this.container.down('li.pagination.next');
+        if (elem) elem.down('a').onclick();
+        break;
+      case Event.KEY_LEFT:
+        elem = this.container.down('li.pagination.previous');
+        if (elem) elem.down('a').onclick();
+        break;
+      case Event.KEY_ESC:
+        this.close();
+        break;
+      default:
+        return;
+    }
+    Event.stop(ev); // so "enter" doesn't submit the form, among other things(?)
+  },
+
+  /**
+   * moves the highlight to a new object
+   */
+  highlight: function(obj) {
+    if (this.current) this.current.removeClassName('current');
+    this.current = $(obj);
+    obj.addClassName('current');
+  }
+});
+
+/**
+ * Used by link_to_record_select
+ * The options hash should contain a onselect: key, with a javascript function as value
+ */
+RecordSelect.Dialog = Class.create();
+RecordSelect.Dialog.prototype = Object.extend(new RecordSelect.Abstract(), {
+  onload: function() {
+    this.container = this.create_container();
+    this.obj.observe('click', this.toggle.bind(this));
+
+    if (this.onkeypress) this.obj.observe('keypress', this.onkeypress.bind(this));
+  },
+
+  onselect: function(id, value) {
+    if (this.options.onselect(id, value) != false) this.close();
+  },
+
+  toggle: function() {
+    if (this.is_open()) this.close();
+    else this.open();
+  }
+});
+
+/**
+ * Used by record_select_field helper
+ * The options hash may contain id: and label: keys, designating the current value
+ * The options hash may also include an onchange: key, where the value is a javascript function (or eval-able string) for an callback routine.
+ */
+RecordSelect.Single = Class.create();
+RecordSelect.Single.prototype = Object.extend(new RecordSelect.Abstract(), {
+  onload: function() {
+    // initialize the container
+    this.container = this.create_container();
+    this.container.addClassName('record-select-autocomplete');
+
+    // create the hidden input
+    new Insertion.After(this.obj, '<input type="hidden" name="" value="" />')
+    this.hidden_input = this.obj.next();
+
+    // transfer the input name from the text input to the hidden input
+    this.hidden_input.name = this.obj.name;
+    this.obj.name = '';
+
+    // initialize the values
+    this.set(this.options.id, this.options.label);
+
+    this._respond_to_text_field(this.obj);
+    if (this.obj.focused) this.open(); // if it was focused before we could attach observers
+  },
+
+  close: function() {
+    // if they close the dialog with the text field empty, then delete the id value
+    if (this.obj.value == '') this.set('', '');
+
+    RecordSelect.Abstract.prototype.close.call(this);
+  },
+
+  onselect: function(id, value) {
+    if (this.options.onchange) this.options.onchange(id, value);
+    this.set(id, value);
+    this.close();
+  },
+
+  /**
+   * sets the id/label
+   */
+  set: function(id, label) {
+    this.obj.value = label.unescapeHTML();
+    this.hidden_input.value = id;
+  }
+});
+
+/**
+ * Used by record_multi_select_field helper.
+ * Options:
+ *   list - the id (or object) of the <ul> to contain the <li>s of selected entries
+ *   current - an array of id:/label: keys designating the currently selected entries
+ */
+RecordSelect.Multiple = Class.create();
+RecordSelect.Multiple.prototype = Object.extend(new RecordSelect.Abstract(), {
+  onload: function() {
+    // initialize the container
+    this.container = this.create_container();
+    this.container.addClassName('record-select-autocomplete');
+
+    // decide where the <li> entries should be placed
+    if (this.options.list) this.list_container = $(this.options.list);
+    else this.list_container = this.obj.next('ul');
+
+    // take the input name from the text input, and store it for this.add()
+    this.input_name = this.obj.name;
+    this.obj.name = '';
+
+    // initialize the list
+    $A(this.options.current).each(function(c) {
+      this.add(c.id, c.label);
+    }.bind(this));
+
+    this._respond_to_text_field(this.obj);
+    if (this.obj.focused) this.open(); // if it was focused before we could attach observers
+  },
+
+  onselect: function(id, value) {
+    this.add(id, value);
+    this.close();
+  },
+
+  /**
+   * Adds a record to the selected list
+   */
+  add: function(id, label) {
+    // return silently if this value has already been selected
+    var already_selected = this.list_container.getElementsBySelector('input').any(function(i) {
+      return i.value == id
+    });
+    if (already_selected) return;
+
+    var entry = '<li>'
+              + '<a href="#" onclick="$(this.parentNode).remove(); return false;" class="remove">remove</a>'
+              + '<input type="hidden" name="' + this.input_name + '" value="' + id + '" />'
+              + '<label>' + label + '</label>'
+              + '</li>';
+    new Insertion.Top(this.list_container, entry);
+  }
+});

data/lib/public/robots.txt

@@ -0,0 +1,5 @@
+# See http://www.robotstxt.org/wc/norobots.html for documentation on how to use the robots.txt file
+#
+# To ban all spiders from the entire site uncomment the next two lines:
+User-Agent: *
+Disallow: /

data/lib/public/stylesheets/active_scaffold/DO_NOT_EDIT

@@ -0,0 +1,2 @@
+Any changes made to files in sub-folders will be lost.
+See http://activescaffold.com/tutorials/faq#custom-css.

data/lib/public/stylesheets/active_scaffold/default/advanced_search.css

@@ -0,0 +1,11 @@
+.active-scaffold  .as_label {
+  font-weight: bold;
+}
+
+.active-scaffold  .as_inputs {
+  padding-left: 1em;
+}
+
+.active-scaffold  .as_criterion {
+  padding-left: 1em;
+}

data/lib/public/stylesheets/active_scaffold/default/stylesheet-ie.css

@@ -0,0 +1,50 @@
+/* IE hacks
+   ==================================== */
+
+* html .active-scaffold-header,
+.active-scaffold li.form-element,
+.active-scaffold li.sub-section {
+zoom: 1;
+}
+
+* html .active-scaffold td .messages-container {
+border-top: solid 1px #DAFFCD;
+}
+
+* html .active-scaffold-header div.actions a.show_search {
+background-image: none;
+filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../../images/active_scaffold/default/magnifier.png', sizingMethod='crop');
+}
+
+* html .active-scaffold .sub-form .association-record a.destroy {
+background-image: none;
+filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../../images/active_scaffold/default/cross.png', sizingMethod='crop');
+}
+
+.active-scaffold-header div.actions a.disabled {
+filter: alpha(opacity=50);
+}
+
+.active-scaffold .show-view dd,
+.active-scaffold li.form-element dd {
+float: none;
+}
+
+.active-scaffold li.form-element dt {
+padding: 4px 0;
+}
+/* AST Begin */
+.active-scaffold-header div.actions a.show_customize,
+.active-scaffold-header div.actions a.show_print_list {
+background-image: none;
+filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/active_scaffold/default/printer_tool.png', sizingMethod='crop');
+}
+.active-scaffold-header div.actions a.show_customize {
+background-image: none;
+filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/active_scaffold/default/customize_tool.png', sizingMethod='crop');
+}
+.active-scaffold-header div.actions a.show_export_tool {
+background-image: none;
+filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/active_scaffold/default/export_tool.png', sizingMethod='crop');
+}
+/* AST End */

data/lib/public/stylesheets/active_scaffold/default/stylesheet.css

@@ -0,0 +1,1059 @@
+/*
+ ActiveScaffold
+ (c) 2007 Richard White <rrwhite@gmail.com>
+
+ ActiveScaffold is freely distributable under the terms of an MIT-style license.
+
+ For details, see the ActiveScaffold web site: http://www.activescaffold.com/
+*/
+
+.active-scaffold form,
+.active-scaffold table,
+.active-scaffold p,
+.active-scaffold div,
+.active-scaffold fieldset {
+margin: 0;
+padding: 0;
+}
+
+.active-scaffold {
+margin: 5px 0;
+}
+
+.active-scaffold table {
+width: 100%;
+border-collapse: separate;
+}
+
+.active-scaffold a,
+.active-scaffold a:visited {
+color: #06c;
+text-decoration: none;
+}
+
+.active-scaffold a.disabled {
+color: #999;
+}
+
+.active-scaffold a:hover {
+background-color: #ff8;
+}
+
+.active-scaffold .clear-fix {
+clear: both;
+}
+
+noscript.active-scaffold {
+border-left: solid 5px #f66;
+background-color: #fbb;
+font-size: 11px;
+font-weight: bold;
+padding: 5px 20px 5px 5px;
+color: #333;
+}
+
+/* Header
+   ======================== */
+
+.active-scaffold-header {
+position: relative;
+}
+
+.blue-theme .active-scaffold-header {
+background-color: #005CB8;
+}
+
+.active-scaffold-header h2 {
+padding: 2px 0px;
+margin: 0;
+color: #555;
+font: bold 160% arial, sans-serif;
+}
+
+.blue-theme .active-scaffold-header h2 {
+color: #fff;
+padding: 2px 5px 4px 5px;
+}
+
+.active-scaffold-header div.actions a {
+float: right;
+font: bold 14px arial;
+letter-spacing: -1px;
+text-decoration: none;
+padding: 1px 2px;
+white-space: nowrap;
+margin-left: 5px;
+background-position: 1px 50%;
+background-repeat: no-repeat;
+}
+
+.view .active-scaffold-header div.actions a {
+float: left;
+}
+
+.blue-theme .active-scaffold-header div.actions a {
+color: #fff;
+}
+
+.active-scaffold-header div.actions a.disabled {
+color: #666;
+opacity: 0.5;
+}
+
+.blue-theme .active-scaffold-header div.actions a.disabled {
+color: #fff;
+opacity: 0.5;
+}
+
+.active-scaffold-header div.actions a.new,
+.active-scaffold-header div.actions a.new_existing,
+.active-scaffold-header div.actions a.show_search,
+.active-scaffold-header div.actions a.refresh {
+padding-left: 19px;
+background-position: 1px 50%;
+background-repeat: no-repeat;
+}
+
+.active-scaffold-header div.actions a.new,
+.active-scaffold-header div.actions a.new_existing {
+background-image: url(../../../images/active_scaffold/default/add.gif);
+}
+
+.active-scaffold-header div.actions a.show_search {
+background-image: url(../../../images/active_scaffold/default/magnifier.png);
+}
+/* AST Begin */
+.active-scaffold-header div.actions a.refresh {
+background-image: url(../../../images/active_scaffold/default/arrow_refresh.png);
+}
+/* AST End */
+.blue-theme .active-scaffold-header div.actions a:hover {
+background-color: #378CDF;
+}
+
+.active-scaffold-header div.actions a.disabled:hover {
+background-color: transparent;
+cursor: default;
+}
+
+.active-scaffold-header div.actions {
+position: absolute;
+right: 5px;
+top: 5px;
+text-align: right;
+}
+
+/* Table :: Column Headers
+   ============================= */
+
+.active-scaffold th {
+background-color: #555;
+text-align: left;
+}
+
+.active-scaffold th a,
+.active-scaffold th p {
+font: bold 11px arial, sans-serif;
+display: block;
+background-color: #555;
+}
+
+.active-scaffold th a, .active-scaffold th a:visited {
+color: #fff;
+padding: 2px 15px 2px 5px;
+}
+
+.active-scaffold th p {
+color: #eee;
+padding: 2px 5px;
+}
+
+.active-scaffold th a:hover {
+background-color: #000;
+color: #ff8;
+}
+
+.active-scaffold th.sorted {
+background-color: #333;
+}
+
+.active-scaffold th.asc a,
+.active-scaffold th.asc a:hover {
+background: #333 url(../../../images/active_scaffold/default/arrow_up.gif) right 50% no-repeat;
+}
+
+.active-scaffold th.desc a,
+.active-scaffold th.desc a:hover {
+background: #333 url(../../../images/active_scaffold/default/arrow_down.gif) right 50% no-repeat;
+}
+
+.active-scaffold th.loading a,
+.active-scaffold th.loading a:hover {
+background: #333 url(../../../images/active_scaffold/default/indicator-small.gif) right 50% no-repeat;
+}
+
+/* Table :: Record Rows
+   ============================= */
+
+.active-scaffold tr.record td {
+padding: 5px 4px;
+color: #333;
+font-family: Verdana, sans-serif;
+font-size: 11px;
+background-color: #E6F2FF;
+border-bottom: solid 1px #C5DBF7;
+border-left: solid 1px #C5DBF7;
+}
+
+.active-scaffold tr.even-record td {
+background-color: #fff;
+border-left: solid 1px #ddd;
+}
+
+.active-scaffold tr.record td.sorted {
+background-color: #B9DCFF;
+border-bottom: solid 1px #AFD0F5;
+}
+
+.active-scaffold tr.even-record td.sorted {
+background-color: #E6F2FF;
+border-bottom: solid 1px #AFD0F5;
+}
+
+.active-scaffold tbody.records td.empty {
+color: #999;
+text-align: center;
+}
+
+.active-scaffold td.numeric,
+.active-scaffold-calculations td {
+text-align: right;
+}
+
+/* Table :: Actions (Edit, Delete)
+   ============================= */
+
+.active-scaffold tr.record td.actions {
+border-right: solid 1px #ccc;
+padding: 0;
+min-width: 1%;
+}
+
+.active-scaffold tr.record td.actions table {
+float: right;
+width: auto;
+margin-right: 5px;
+}
+
+.active-scaffold tr.record td.actions table td {
+border: none;
+text-align: right;
+padding: 0 2px;
+}
+
+.active-scaffold tr.record td.actions a {
+font: bold 11px verdana, sans-serif;
+letter-spacing: -1px;
+padding: 2px;
+margin: 0 2px;
+line-height: 16px;
+white-space: nowrap;
+}
+
+/* Table :: Inline Adapter
+   ============================= */
+
+.active-scaffold .view {
+background-color: #DAFFCD;
+padding: 4px;
+border: solid 1px #7FcF00;
+}
+
+.active-scaffold tbody.records td.inline-adapter-cell .view {
+border-top: none;
+}
+
+.active-scaffold .before-header td.inline-adapter-cell .view {
+border-bottom: none;
+}
+
+.active-scaffold a.inline-adapter-close {
+float: right;
+text-indent: -4000px;
+width: 16px;
+height: 17px;
+background: url(../../../images/active_scaffold/default/close.gif) 0 0 no-repeat;
+}
+
+/* Nested
+   ======================== */
+
+.blue-theme .active-scaffold .active-scaffold-header,
+.blue-theme .active-scaffold .active-scaffold-footer {
+background-color: #1F7F00;
+
+background: transparent;
+}
+
+.active-scaffold .active-scaffold .active-scaffold-header {
+margin-right: 15px;
+}
+
+.active-scaffold .active-scaffold .active-scaffold-header h2 {
+font-size: 12px;
+font-weight: bold;
+}
+
+.blue-theme .active-scaffold .active-scaffold-header h2,
+.active-scaffold .active-scaffold .active-scaffold-footer {
+color: #444;
+}
+
+.active-scaffold .active-scaffold .active-scaffold-header div.actions {
+top: 0px;
+right: 0px;
+}
+
+.active-scaffold .active-scaffold .active-scaffold-header div.actions a {
+font: bold 11px verdana, sans-serif;
+padding: 0 2px 1px 17px;
+}
+
+.blue-theme .active-scaffold .active-scaffold-header div.actions a,
+.blue-theme .active-scaffold .active-scaffold-header div.actions a:visited {
+color: #06c;
+}
+
+.blue-theme .active-scaffold .active-scaffold-header div.actions a:hover {
+background-color: #ff8;
+}
+/* AST Begin - 3 levels of nesting */
+.active-scaffold .active-scaffold .view {
+background-color: transparent;
+padding: 0px;
+border: none;
+}
+/* AST End */
+.active-scaffold .active-scaffold  td {
+background-color: #ECFFE7;
+border-bottom: solid 1px #CDF7C5;
+border-left: solid 1px #CDF7C5;
+}
+
+.active-scaffold .active-scaffold td.inline-adapter-cell {
+background-color: #FFFFBB;
+padding: 4px;
+border: solid 1px #DDDF37;
+border-top: none;
+}
+/* AST Begin - 3 levels of nesting */
+.active-scaffold .active-scaffold .active-scaffold td.inline-adapter-cell {
+background-color: #DAFFCD;
+padding: 4px;
+border: solid 1px #7FcF00;
+border-top: none;
+}
+/* AST End */
+.active-scaffold .active-scaffold .active-scaffold-footer {
+font-size: 11px;
+}
+
+/* Footer
+   ========================== */
+
+.active-scaffold-calculations td {
+background-color: #eee;
+border-top: 2px solid #005CB8;
+font: bold 12px arial, sans-serif;
+}
+
+.active-scaffold .active-scaffold-footer {
+padding: 3px 0px 2px 0px;
+border-bottom: none;
+font: bold 12px arial, sans-serif;
+}
+
+.blue-theme .active-scaffold-footer {
+background-color: #005CB8;
+color: #ccc;
+}
+
+.active-scaffold-footer .active-scaffold-pagination {
+float: right;
+white-space: nowrap;
+margin-right: 5px;
+}
+
+.blue-theme .active-scaffold-footer .active-scaffold-records {
+margin-left: 5px;
+}
+
+.active-scaffold-footer a {
+text-decoration: none;
+letter-spacing: 0;
+padding: 0 2px;
+margin: 0 -2px;
+font: bold 12px arial, sans-serif;
+}
+
+.blue-theme .active-scaffold-footer a,
+.blue-theme .active-scaffold-footer a:visited {
+color: #fff;
+}
+
+.blue-theme .active-scaffold-footer a:hover {
+background-color: #378CDF;
+}
+
+.active-scaffold-footer .next {
+margin-left: 0;
+padding-left: 5px;
+border-left: solid 1px #ccc;
+}
+
+.active-scaffold-footer .previous {
+margin-right: 0;
+padding-right: 5px;
+border-right: solid 1px #ccc;
+}
+
+/* Messages
+   ========================= */
+
+.active-scaffold .messages-container,
+.active-scaffold .active-scaffold .messages-container{
+padding: 0;
+margin: 0 7px;
+border: none;
+}
+
+.active-scaffold .empty-message, .active-scaffold .filtered-message {
+background-color: #e8e8e8;
+padding: 4px;
+text-align: center;
+color: #666;
+}
+
+.active-scaffold .message {
+font-size: 11px;
+font-weight: bold;
+padding: 5px 20px 5px 5px;
+color: #333;
+position: relative;
+margin: 2px 7px;
+line-height: 12px;
+}
+
+.active-scaffold .message a {
+position: absolute;
+right: 10px;
+top: 4px;
+padding: 0;
+font: bold 11px verdana, sans-serif;
+letter-spacing: -1px;
+}
+
+.active-scaffold .messages-container .message {
+margin: 0;
+}
+
+.active-scaffold .error-message {
+border-left: solid 5px #f66;
+background-color: #fbb;
+}
+
+.active-scaffold .warning-message {
+border-left: solid 5px #ff6;
+background-color: #ffb;
+}
+
+.active-scaffold .info-message {
+border-left: solid 5px #66f;
+background-color: #bbf;
+}
+
+/* Error Styling
+   ========================== */
+
+.active-scaffold .errorExplanation {
+background-color: #fcc;
+margin: 2px 0;
+border: solid 1px #f66;
+}
+
+.active-scaffold fieldset {
+clear: both;
+}
+
+.active-scaffold .errorExplanation h2 {
+padding: 2px 5px;
+color: #333;
+font-size: 11px;
+margin: 0;
+letter-spacing: 0;
+font-family: Verdana;
+background-color: #f66;
+}
+
+.active-scaffold .errorExplanation ul {
+margin: 0;
+padding: 0 2px 4px 25px;
+list-style: disc;
+}
+
+.active-scaffold .errorExplanation p {
+font-size: 11px;
+padding: 2px 5px;
+font-family: Verdana;
+margin: 0;
+}
+
+.active-scaffold .errorExplanation ul li {
+font: bold 11px verdana;
+letter-spacing: -1px;
+margin: 0;
+padding: 0;
+background-color: transparent;
+}
+
+/* Loading Indicators
+   ============================== */
+
+.active-scaffold .loading-indicator {
+vertical-align: text-bottom;
+width: 16px;
+margin: 0;
+}
+
+.active-scaffold .active-scaffold-header .loading-indicator {
+margin-bottom: 3px;
+}
+
+/* Show
+   ============================= */
+
+.active-scaffold .show-view dl {
+margin-left: 5px;
+}
+
+.active-scaffold .show-view dt {
+width: 12em;
+float: left;
+clear: left;
+font: normal 11px verdana, sans-serif;
+color: #555;
+line-height: 16px;
+}
+
+.active-scaffold .show-view dd {
+float: left;
+font: bold 14px arial;
+padding-left: 5px;
+margin-bottom: 5px;
+}
+
+/* Form
+   ============================== */
+
+.active-scaffold .submit {
+font-weight: bold;
+font-size: 14px;
+font-family: Arial, sans-serif;
+letter-spacing: 0;
+margin: 0;
+margin-top: 5px;
+}
+
+.active-scaffold form p {
+clear: both;
+}
+
+.active-scaffold fieldset {
+border: none;
+}
+
+.active-scaffold h4,
+.active-scaffold h5 {
+padding: 2px;
+margin: 0;
+text-transform: none;
+color: #1F7F00;
+letter-spacing: -1px;
+font: bold 16px arial;
+}
+
+.active-scaffold h5 {
+padding: 0;
+margin: 5px 0 2px 0;
+font-size: 14px;
+letter-spacing: 0;
+}
+
+.active-scaffold ol {
+clear: both;
+float: none;
+padding: 2px;
+margin-left: 5px;
+list-style: none;
+}
+
+.active-scaffold p.form-footer {
+clear: both;
+}
+
+.active-scaffold a.cancel,
+.active-scaffold p.form-footer a {
+font: bold 14px arial, sans-serif;
+letter-spacing: 0;
+}
+
+/* Form :: Fields
+   ============================== */
+
+.active-scaffold li.form-element {
+clear: both;
+padding-top: 2px;
+}
+
+.active-scaffold label {
+font: normal 11px verdana, sans-serif;
+color: #555;
+}
+
+.active-scaffold li.form-element dt {
+float: left;
+width: 12em;
+padding: 6px 0;
+}
+
+.active-scaffold li.form-element dd {
+float: left;
+}
+
+.active-scaffold .form dd {
+margin: 0;
+}
+
+
+.active-scaffold .description {
+color: #999;
+font-size: 10px;
+margin-left: 5px;
+}
+
+.active-scaffold .required label {
+font-weight: bold;
+}
+
+.active-scaffold label.example {
+font-size: 11px;
+font-family: arial;
+color: #888;
+}
+
+.active-scaffold input.text-input,
+.active-scaffold select {
+font: bold 16px arial;
+letter-spacing: -1px;
+border: solid 1px #1F7F00;
+}
+
+.active-scaffold input.text-input {
+padding: 2px;
+}
+
+.active-scaffold .fieldWithErrors input,
+.active-scaffold .fieldWithErrors textarea,
+.active-scaffold .fieldWithErrors select {
+border: solid 1px #f00;
+}
+
+.active-scaffold select {
+padding: 1px;
+}
+
+.active-scaffold input.example {
+color: #aaa;
+}
+
+.active-scaffold select:focus,
+.active-scaffold input.text-input:focus {
+background-color: #ffc;
+}
+
+.active-scaffold textarea {
+/* AST Begin */
+height: 65px;
+/* AST End */
+font-family: Arial, sans-serif;
+font-size: 12px;
+padding: 1px;
+border: solid 1px #1F7F00;
+}
+
+.active-scaffold .checkbox-list {
+padding-left: 0px;
+}
+
+.active-scaffold .checkbox-list li {
+padding-right: 5px;
+display: inline;
+}
+
+.active-scaffold .checkbox-list li label {
+padding: 0 0 0 2px;
+}
+
+.active-scaffold .draggable-list {
+float: left;
+width: 300px;
+margin-right: 15px;
+min-height: 30px;
+max-height: 100px;
+overflow: auto;
+background-color: #FFFF88;
+}
+
+.active-scaffold .draggable-list.hover {
+opacity: 0.5;
+}
+
+.active-scaffold .draggable-list.selected {
+background-color: #7FCF00;
+}
+
+.active-scaffold .draggable-list li {
+display: block;
+}
+
+.active-scaffold .draggable-list input {
+display: none;
+}
+
+/* Form :: Sub-Sections
+   ============================== */
+
+.active-scaffold li.sub-section {
+clear: left;
+padding: 5px 0;
+}
+
+/* Form :: Association Sub-Forms
+   ============================== */
+
+.active-scaffold .sub-form {
+float: left;
+clear: left;
+padding: 5px 0;
+padding-left: 5px;
+}
+
+.active-scaffold .sub-form h5 {
+margin-left: -5px;
+}
+
+.active-scaffold .sub-form table,
+.active-scaffold .sub-form table td {
+width: auto;
+background: none;
+}
+
+.active-scaffold .sub-form table th {
+font: normal 10px verdana, sans-serif;
+color: #555;
+padding: 0 5px 0 1px;
+background: none;
+}
+
+.active-scaffold .horizontal-sub-form td label {
+display: none;
+}
+
+.active-scaffold .sub-form .checkbox-list {
+padding: 0 2px 2px 2px;
+background-color: #fff;
+border: solid 1px #1F7F00;
+}
+
+.active-scaffold .sub-form .checkbox-list label {
+display: block;
+}
+
+.active-scaffold .sub-form table td {
+border: none;
+background-color: transparent;
+padding: 1px;
+vertical-align: top;
+color: #999;
+}
+
+.active-scaffold .sub-form .actions {
+vertical-align: middle;
+background-color: transparent;
+clear: left;
+}
+
+.active-scaffold .sub-form .association-record a.destroy {
+font-weight: bold;
+display: block;
+height: 16px;
+padding: 0;
+width: 16px;
+text-indent: -4000px;
+background: url(../../../images/active_scaffold/default/cross.png) 0 0 no-repeat;
+}
+
+.active-scaffold .sub-form .locked a.destroy {
+display: none;
+}
+
+.active-scaffold .sub-form .association-record a {
+font: bold 12px arial;
+}
+
+.active-scaffold .sub-form input.text-input,
+.active-scaffold .sub-form select {
+letter-spacing: 0;
+font: bold 12px arial;
+}
+
+.active-scaffold .sub-form .footer-wrapper {
+margin-top: 3px;
+margin-right: 10px;
+}
+
+.active-scaffold .sub-form .footer {
+color: #999;
+padding: 3px 5px;
+}
+
+.active-scaffold .sub-form .footer select,
+.active-scaffold .sub-form .footer input {
+font-weight: bold;
+font-size: 12px;
+padding: 0;
+}
+
+.active-scaffold a.visibility-toggle {
+font-size: 100%;
+}
+
+.active-scaffold-found {
+  float:left;
+}
+/* AST Begin */
+.active-scaffold-header div.actions a.show_customize,
+.active-scaffold-header div.actions a.print_list,
+.active-scaffold-header div.actions a.show_export_tool {
+padding-left: 19px;
+background-position: 1px 50%;
+background-repeat: no-repeat;
+}
+.active-scaffold-header div.actions a.show_customize {
+  background-image: url(../../../images/active_scaffold/default/customize_tool.png);
+}
+.active-scaffold-header div.actions a.show_export_tool {
+  background-image: url(../../../images/active_scaffold/default/export_tool.png);
+}
+.active-scaffold-header div.actions a.print_list {
+background-image: url(../../../images/active_scaffold/default/printer_tool.png);
+}
+
+.active-scaffold div.show_export_tool-view h3 {
+  font-weight: bold;
+}
+.active-scaffold div.show_export_tool-view div.separator {
+  clear: both;
+  padding: .5em;
+}
+.active-scaffold div.show_export_tool-view div.options div.separator {
+  padding: 0;
+}
+.active-scaffold div.show_export_tool-view div.options div.checkbox-wrapper {
+  margin-bottom: .5em;
+}
+.active-scaffold div.show_export_tool-view div div.checkbox-wrapper {
+  min-width: 20%;
+  margin-bottom: .25em;
+  float: left;
+}
+.active-scaffold div.show_export_tool-view label #delimiter {
+  font-family: monospace;
+}
+
+.active-scaffold div.show_customize-view h3 {
+  font-weight: bold;
+}
+.active-scaffold div.show_customize-view div.separator {
+  clear: both;
+  padding: .5em;
+}
+.active-scaffold div.show_customize-view div.options div.separator {
+  padding: 0;
+}
+.active-scaffold div.show_customize-view div.options div.checkbox-wrapper {
+  margin-bottom: .5em;
+}
+.active-scaffold div.show_customize-view div div.checkbox-wrapper {
+  min-width: 20%;
+  margin-bottom: .25em;
+  float: left;
+}
+.active-scaffold div.show_customize-view label #delimiter {
+  font-family: monospace;
+}
+.active-scaffold input.fieldWithErrors {
+font: bold 16px arial;
+letter-spacing: -1px;
+border: solid 2px red;
+}
+
+.active-scaffold input.range-input {
+width: 122px;
+font: bold 16px arial;
+letter-spacing: -1px;
+border: solid 1px #1F7F00;
+}
+.active-scaffold-header div.actions a.show_customize,
+.active-scaffold-header div.actions a.print_list,
+.active-scaffold-header div.actions a.show_export_tool {
+padding-left: 19px;
+background-position: 1px 50%;
+background-repeat: no-repeat;
+}
+.active-scaffold-header div.actions a.show_customize {
+  background-image: url(../../../images/active_scaffold/default/customize_tool.png);
+}
+.active-scaffold-header div.actions a.show_export_tool {
+  background-image: url(../../../images/active_scaffold/default/export_tool.png);
+}
+.active-scaffold-header div.actions a.print_list {
+background-image: url(../../../images/active_scaffold/default/printer_tool.png);
+}
+
+.active-scaffold div.show_export_tool-view h3 {
+  font-weight: bold;
+}
+.active-scaffold div.show_export_tool-view div.separator {
+  clear: both;
+  padding: .5em;
+}
+.active-scaffold div.show_export_tool-view div.options div.separator {
+  padding: 0;
+}
+.active-scaffold div.show_export_tool-view div.options div.checkbox-wrapper {
+  margin-bottom: .5em;
+}
+.active-scaffold div.show_export_tool-view div div.checkbox-wrapper {
+  min-width: 20%;
+  margin-bottom: .25em;
+  float: left;
+}
+.active-scaffold div.show_export_tool-view label #delimiter {
+  font-family: monospace;
+}
+
+.active-scaffold div.show_customize-view h3 {
+  font-weight: bold;
+}
+.active-scaffold div.show_customize-view div.separator {
+  clear: both;
+  padding: .5em;
+}
+.active-scaffold div.show_customize-view div.options div.separator {
+  padding: 0;
+}
+.active-scaffold div.show_customize-view div.options div.checkbox-wrapper {
+  margin-bottom: .5em;
+}
+.active-scaffold div.show_customize-view div div.checkbox-wrapper {
+  min-width: 20%;
+  margin-bottom: .25em;
+  float: left;
+}
+.active-scaffold div.show_customize-view label #delimiter {
+  font-family: monospace;
+}
+
+.active-scaffold input.fieldWithErrors {
+font: bold 16px arial;
+letter-spacing: -1px;
+border: solid 2px red;
+}
+
+.active-scaffold input.range-input {
+width: 122px;
+font: bold 16px arial;
+letter-spacing: -1px;
+border: solid 1px #1F7F00;
+}
+/* AS messages within a form */
+.active-scaffold .view .warning-message {
+  border-left: solid 1px #ff6;
+  background-color: #ffb;
+  margin: 0;
+}
+.active-scaffold .view .info-message {
+  border: solid 1px #66f;
+  background-color: #bbf;
+  margin: 0;
+}
+/* Revisions */
+.active-scaffold td.header_compare_cell {
+  font: bold 12px verdana, sans-serif;
+  text-transform: uppercase;
+  border: 10px;
+  color: #460000;
+  padding: 0;
+  text-align: center;
+  width: auto;
+}
+
+.active-scaffold td.left_compare_cell {
+  font: normal 11px verdana, sans-serif;
+  border: 10px;
+  color: #460000;
+  padding: 0;
+  text-align: right;
+  width: auto;
+}
+
+.active-scaffold td.current_compare_cell {
+  font: bold 11px verdana, sans-serif;
+  border: solid 1px #6C6A52;
+  border-bottom: 1;
+  border-top: 0;
+  border-left: 0;
+  border-right: 0;
+  color: #460000;
+  padding: 0;
+  text-align: left;
+  width: auto;
+}
+
+.active-scaffold td.right_compare_cell {
+  font: normal 11px verdana, sans-serif;
+  border: solid 1px #6C6A52;
+  border-bottom: 1;
+  border-top: 0;
+  border-left: 0;
+  border-right: 0;
+  color: #460000;
+  padding: 0;
+  text-align: left;
+  width: auto;
+}
+
+.active-scaffold td.right_compare_cell_changed {
+  font: normal 11px verdana, sans-serif;
+  border: solid 1px #6C6A52;
+	border-bottom: 1;
+	border-top: 0;
+	border-left: 0;
+	border-right: 0;
+  color: #f00;
+	padding: 0;
+	text-align: left;
+  width: auto;
+}
+/* AST End */