open_conference_ware 1.0.0.pre1

data/app/assets/javascripts/open_conference_ware/favorites.js

@@ -0,0 +1,76 @@
+/*---[ user favorites ]----------------------------------------------*/
+
+// Return the proposal_id (e.g., "266") bound to a user favorite control, which
+// is a JQuery +element+ object.
+var proposal_id_pattern = /^favorite_(\d+)$/;
+function proposal_id_for(element) {
+  var klasses = element.attr('class').split(' ');
+  for (i in klasses) {
+    klass = klasses[i];
+    var matcher = klass.match(proposal_id_pattern);
+    if (matcher) {
+      return matcher[1];
+    }
+  }
+  return null;
+}
+
+function bind_user_favorite_controls() {
+  $('.favorite').each(function() {
+      if( !logged_in() ) {
+        $(this).addClass('disabled');
+      }
+    }).click(function(event) {
+    target = $(this);
+
+    if( !logged_in() ) {
+      alert("You must be logged in to add items to your favorites.");
+    } else {
+      target.addClass('working');
+
+      mode = target.hasClass('checked') ? 'remove' : 'add';
+      proposal_id = proposal_id_for(target);
+
+      $.ajax({
+        'type': 'PUT',
+        'url': app.favorites_path + '/modify.json',
+        'dataType': 'json',
+        'data': {
+          'authenticity_token': app.authenticity_token,
+          'proposal_id': proposal_id,
+          'mode': mode
+        },
+        'complete': function(request,status){
+          target.removeClass('working');
+        },
+        'success': function(data, status) {
+          nodes = $('.favorite_'+proposal_id);
+          switch(mode) {
+          case 'add':
+            nodes.addClass('checked');
+            break;
+          case 'remove':
+            nodes.removeClass('checked');
+            break;
+          }
+        },
+        'error': function(request, status, error) {
+          alert('There was an error! Status: ' + status + ". Error: " + error);
+        }
+      });
+    }
+    return false;
+  });
+}
+
+function populate_user_favorites() {
+  if( logged_in() ) {
+    $.getJSON( app.favorites_path + '.json?join=1',
+      function(data) {
+        jQuery.each( data, function(i, proposal_id) {
+          $( '.favorite_' + proposal_id ).addClass('checked');
+        });
+      }
+    )
+  }
+}

data/app/assets/javascripts/open_conference_ware/ie.js

@@ -0,0 +1,2 @@
+//= require html5shiv
+//= require respond.min

data/app/assets/javascripts/open_conference_ware/menu.js

@@ -0,0 +1,47 @@
+// Highlight the active menu item. Works by adding an 'active' class to a
+// menu item based on the current URL. Status can be reported via 'console.log'
+// if the JavaScript interpreter provides one.
+function activate_menu_item () {
+    var should_log = false;
+
+    var debug = function (message) {
+      if(should_log && (typeof console == "object")) console.log('activate_menu_item: ' + message);
+    };
+
+    // Names of menu item classes and regexp fragments that activate them:
+    var menu_items_and_activation_patterns = [
+      ["bofs", "events/.+?bof/.+"],
+      ["proposals_or_sessions", "(events/.+?/)?(proposals|sessions)"],
+      ["schedule", "events/.+?/schedule"],
+      ["speakers", "events/.+?/speakers"]
+    ];
+
+    // Get the URL pathname from the browser:
+    var pathname = window.location.pathname;
+    // Or set a specific one when developing:
+    //    var pathname = "/events/2009/speakers";
+    var menu_item_matched = null;
+
+    // Match the first pattern:
+    for (var i in menu_items_and_activation_patterns) {
+      var menu_item = menu_items_and_activation_patterns[i][0];
+      var pattern = menu_items_and_activation_patterns[i][1];
+      var re = new RegExp("^/" + pattern + "(?:/.*)?$");
+      if (pathname.match(re)) {
+        menu_item_matched = menu_item;
+        debug('Matched menu item "'+menu_item+'" based on pattern: '+ pattern);
+        break;
+      }
+    }
+
+    // Activate the menu item:
+    if (menu_item_matched) {
+        $('#header .'+menu_item_matched).parent().addClass('active');
+    } else {
+        debug("No match for pathname: " + pathname);
+    }
+}
+
+$(document).ready(function () {
+  activate_menu_item();
+});

data/app/assets/javascripts/open_conference_ware/persona.js

@@ -0,0 +1,10 @@
+function personaLogin() {
+  navigator.id.get(function(assertion) {
+    if (assertion) {
+      $('#persona_form input[name=assertion]').val(assertion);
+      $('#persona_form').submit();
+    } else {
+      window.location = "#{failure_path}"
+    }
+  });
+}

data/app/assets/javascripts/open_conference_ware/proposals.js

@@ -0,0 +1,208 @@
+/*---[ proposal_controls ]--------------------------------------------*/
+// AJAXified controls for managing proposals.
+
+// Bind all proposal controls, call this once for on a page using these controls.
+function bind_all_proposal_controls() {
+  bind_proposal_generic_control('room', null);
+  bind_proposal_generic_control('transition', null);
+  bind_proposal_schedule_controls();
+}
+
+// Bind AJAX controls for manipulate a proposal's values.
+//
+// Arguments:
+// * kind: The kind of the controls, e.g., "room" or "transition". Required.
+// * elements: Elements to bind. Optional, if null will bind to all appropriate controls on page.
+function bind_proposal_generic_control(kind, elements) {
+  if (! elements) {
+    elements = $('.proposal_'+kind+'_control');
+  }
+  elements.removeAttr('disabled').change(function(event) {
+    target = $(this);
+    $e = event; $t = target; $k = kind;
+
+    event.preventDefault();
+    name = target.attr('name');
+    value = target.attr('value');
+    proposal_id = target.attr('x_proposal_id');
+    format = 'json';
+    url = app.proposals_path + '/' + proposal_id + '.' + format;
+
+    data = { 'authenticity_token': app.authenticity_token };
+    data[name] = value;
+    $d = data;
+
+    $.ajax({
+      'type': 'PUT',
+      'url': url,
+      'data': data,
+      'dataType': format,
+      'beforeSend': function(request) {
+        target.attr('disabled', true);
+        page_spinner_start();
+      },
+      'complete': function (XMLHttpRequest, textStatus) {
+        page_spinner_stop();
+        target.removeAttr('disabled');
+      },
+      'success': function (response, textStatus) {
+        $r = response;
+        html_field = '_'+kind+'_control_html';
+        if (response && response[html_field]) {
+          // Extact the "option" elements from the JSON repsone's HTML and update the "select" element.
+          var matcher = new RegExp('(<option[\\s\\S]+</option>)', 'gi').exec(response[html_field]);
+          if (matcher) {
+            target.html(matcher[1]);
+          }
+
+          // Hide or unhide the room and schedule controls based on the proposal's state
+          var dependent = target.parent().parent().find('.proposal_admin_controls_dependent_on_confirmed_status');
+          if (response['proposal_status'] == 'confirmed') {
+            dependent.show();
+          } else {
+            dependent.hide();
+          }
+        }
+      }
+    });
+
+    return false;
+  });
+}
+
+function bind_proposal_schedule_controls() {
+  $('.proposal_schedule_control_container select').change(function(event) {
+    // Clears all time select elements if any are set to blank.
+    target = $(this);
+
+    if(target.attr('selectedIndex')==0) {
+      target.parent().find('select').attr('selectedIndex',0);
+    }
+  }).change(function(event) {
+    target = $(this);
+    // Submits the schedule form on change if all three select element have values.
+    if(target.parent().find('option:selected[value]').get().length == 3) {
+
+      data = {
+        'authenticity_token': app.authenticity_token,
+        'start_time[date]': target.parent().find('select.date').attr('value'),
+        'start_time[hour]': target.parent().find('select.hour').attr('value'),
+        'start_time[minute]': target.parent().find('select.minute').attr('value')
+      };
+      proposal_id = target.parent().attr('id').split('_').pop();
+      format = 'json';
+      url = app.proposals_path + '/' + proposal_id + '.' + format;
+
+      $.ajax({
+        'type': 'PUT',
+        'url': url,
+        'data': data,
+        'dataType': format,
+        'beforeSend': function(request) {
+          target.parent().find('select').attr('disabled', true);
+          page_spinner_start();
+        },
+        'complete': function (XMLHttpRequest, textStatus) {
+          page_spinner_stop();
+          target.parent().find('select').removeAttr('disabled');
+        }
+      });
+
+      return false;
+    }
+  });
+
+  $('.proposal_schedule_control_container select.hour').change(function(event){
+    // If no minute value is set, set minutes to 00 when hour is changed to a non-blank value.
+    target = $(this);
+    if(target.attr('selectedIndex') != 0) {
+      minute_select = target.parent().find('select.minute');
+      if(minute_select.attr('selectedIndex') == 0) {
+        minute_select.attr('selectedIndex',1).trigger('change');
+      }
+    }
+  });
+}
+
+/*---[ proposal_mailto ]----------------------------------------------*/
+
+// Return array of email addresses for a given +proposal_id+. Example:
+//    addresses_for_manage_proposal_id(129)
+function addresses_for_manage_proposal_id(proposal_id) {
+  // TODO Why does this next line trigger a "identifier or string for value in attribute selector but found 'X'." where X is the +proposal_id+?
+  row = $('.row-for-proposal[x_proposal_id='+proposal_id+']');
+  addresses = new Array();
+  row.find('.user-email').each(function() {addresses.push(this.value)});
+  return addresses;
+}
+
+// Update the mailto used to contact presenters. The +is_add+ is true if
+// adding, false if removing. The +addresses+ are an array of addresses to
+// add or remove.
+//    update_manage_proposals_mailto(true, ["bubba@smith.com", "billy.sue@smith.com"])
+function update_manage_proposals_mailto(is_add, addresses) {
+  element = $('.send-email-link');
+  href = element.attr('href');
+  prefix = 'mailto:';
+  parser = new RegExp('^'+prefix+'(.+)$');
+  stripper = new RegExp('bcc=', 'gi');
+  matcher = parser.exec(href);
+  addresses_hash = matcher ? array_to_hash(matcher[1].replace(stripper, '').split(',')) : [];
+  $(addresses).each(function(){
+    if (is_add) {
+      addresses_hash[this] = true;
+    } else {
+      delete addresses_hash[this];
+    }
+  });
+  result = prefix+(hash_keys(addresses_hash).map(function(me) {return 'bcc='+me}).join(','));
+  element.attr('href', result);
+  return result;
+}
+
+// Update the hidden field proposal_ids, used to notify presenters. The +is_add+ is true if
+// adding, false if removing.
+//    update_manage_proposals_notify_list(true, 123)
+function update_manage_proposals_notify_list(is_add, proposal_id) {
+  element = $('#accepted_email_proposal_ids, #rejected_email_proposal_ids');
+  value = element.attr('value');
+  proposal_id_hash = array_to_hash(value.split(','));
+  if (is_add) {
+    proposal_id_hash[proposal_id] = true;
+  } else {
+    delete proposal_id_hash[proposal_id];
+  }
+  result = hash_keys(proposal_id_hash).join(',');
+  element.attr('value', result);
+  return element;
+}
+
+function bind_manage_proposals_checkboxes() {
+  $('.send-email-checkbox').click(function(event) {
+    target = $(this); $t = target;
+    row = target.parents('.row-for-proposal');
+    proposal_id = row.attr('x_proposal_id');
+    proposal_addresses = addresses_for_manage_proposal_id(proposal_id);
+    update_manage_proposals_mailto(target.attr('checked'), proposal_addresses);
+    update_manage_proposals_notify_list(target.attr('checked'), proposal_id);
+    return true;
+  });
+}
+
+/*---[ proposals sub lists ]------------------------------------------*/
+
+// Change the UI of the proposal_sub_list so that the proposals are hidden behind a link.
+function archive_proposals_sub_list(event_id) {
+  var container = $('#sub_list_for_event_'+event_id+' .proposals_sub_list_for_kind_proposals');
+  var toggle = container.find('.proposals_sub_list_for_kind_toggle');
+  var content = container.find('.proposals_sub_list_for_kind_content');
+  toggle.click(function(event) {
+    var target = $(this); $t = target;
+    var partner = target.parents('.proposals_sub_list_for_kind').find('.proposals_sub_list_for_kind_content');
+    target.hide();
+    partner.show();
+    return false;
+  });
+  toggle.show();
+  content.hide();
+}

data/app/assets/javascripts/open_conference_ware/schedule.js

@@ -0,0 +1,20 @@
+/*---[ schedule hover ]----------------------------------------------*/
+
+function bind_calendar_items() {
+  $('ul.calendar_items li.vevent').hover(
+    function() {
+      $(this).addClass('hover');
+      box = $(this).children('.session_info');
+
+      bottom = $(document).scrollTop() + $(window).height();
+      box_bottom = box.offset().top + box.outerHeight();
+
+      if ( box_bottom > bottom ) box.css('top',-(box_bottom - bottom + 10));
+      if( !$(this).hasClass('generic_item')) box.css('border-color',$(this).css('background-color'));
+      },
+    function() {
+      $(this).removeClass('hover');
+      $(this).children('.session_info').css('top',0);
+    }
+  )
+}

data/app/assets/javascripts/open_conference_ware/spinner.js

@@ -0,0 +1,11 @@
+/*---[ page_spinner ]-------------------------------------------------*/
+
+// Display a big spinner in the middle of the page.
+function page_spinner_start() {
+  $(document.createElement("div")).attr('id','page_spinner').text('Working...').prependTo('body').show(100);
+}
+
+// Hide the big spinner displayed in the middle of the page by`page_spinner_start`.
+function page_spinner_stop() {
+  $('#page_spinner').hide(100, function(){ $(this).remove() });
+}

data/app/assets/javascripts/open_conference_ware/util.js

@@ -0,0 +1,23 @@
+/*---[ data structure conveniences ]----------------------------------*/
+
+// Return an array of keys in +hash+. Example:
+//  hash_keys({'foo': 'bar', 'baz': 'qux'}); // ['foo', 'baz']
+function hash_keys(hash) {
+  array = new Array();
+  for (key in hash) {
+    if (key) {
+      array.push(key);
+    }
+  }
+  return array;
+}
+
+// Return hash where each key is an element of the +array+. Example:
+//    array_to_hash(['foo', 'bar']); // {'foo': true, 'bar': true}
+function array_to_hash(array) {
+  hash = new Array();
+  for (i in array) {
+    hash[array[i]] = true;
+  }
+  return hash;
+}

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

@@ -0,0 +1,8 @@
+/*
+*= require bootstrap
+*= require bootstrap-theme
+*= require persona-buttons
+*= require farbtastic
+*= require open_conference_ware/custom
+*/
+

data/app/assets/stylesheets/open_conference_ware/common.css.scss

@@ -0,0 +1,491 @@
+/* @override
+	http://localhost:3000/stylesheets/common.css?1232745414
+	http://localhost:3000/stylesheets/common.css?1232776873
+*/
+
+/*===[ Generic ]======================================================*/
+
+/*---[ flash notices ]------------------------------------------------*/
+
+.flash {}
+  .flash p {
+    font-style: italic;
+    margin: 0.5em 0 0.5em 0;
+    padding: 0.25em; }
+  .flash .notice {
+    color: #555555;
+    background: #ECF1FF;
+    border: 1px solid #6776FF; }
+  .flash .success {
+    color: #555555;
+    background: #E4FFDA;
+    border: 1px solid #aFFF70; }
+  .flash .failure {
+    color: #555555;
+    background: #FFE9E9;
+    border: 1px solid #FF2605; }
+
+/*---[ errors ]-------------------------------------------------------*/
+
+#errorExplanation {
+  border: 2px solid #c60000;
+  padding: 7px;
+  padding-bottom: 12px;
+  margin-bottom: 20px;
+  background-color: #; }
+  #errorExplanation h2 {
+    text-align: left;
+    font-weight: bold;
+    padding: 5px 5px 5px 15px;
+    font-size: 12px;
+    margin: -7px;
+    background-color: #c60000;
+    color: #fff; }
+  #errorExplanation p {
+    color: #333;
+    margin-top: 0.5em;
+    margin-bottom: 0;
+    padding: 5px; }
+
+#errorExplanation ul {
+	margin: 0;
+}
+  #errorExplanation li {
+    margin-left: 1em;
+    font-size: 12px;
+    list-style: square; }
+
+.fieldWithErrors {
+  margin: 0;
+  display: inline;
+  background-color: inherit; }
+  .fieldWithErrors label {
+    color: red; }
+  .fieldWithErrors textarea,
+  .fieldWithErrors input[type=text],
+  .fieldWithErrors input[type=checkbox] {
+    border: 2px solid red; }
+  .fieldWithErrors > input[type=checkbox] {
+    border: 3px dotted red;
+    color: green;
+    background-color: blue;
+    padding: 1em;
+    margin: 1em; }
+
+/*---[ hoverable elements ]-------------------------------------------*/
+
+.hoverable {}
+  .hoverable a {
+    display: block;
+    border-bottom: 1px dotted #ccc;
+    line-height: 1.3em;
+    padding: 0.3em; }
+  .hoverable a:hover {
+    background: #F9F39C;
+    text-decoration: none !important; }
+  .hoverable img {
+    vertical-align: middle; }
+
+/*---[ standard-form pages ]------------------------------------------*/
+
+.standard-form {}
+  .standard-form h4,
+  .standard-form label {
+    color: #777777; }
+  .standard-form h4 {
+    padding: 0.5em 0 0.25em 0; }
+  .standard-form td h4 {
+    padding: 0.25em 0 0.1em 0; }
+  .standard-form label {
+    font-style: italic; }
+  .standard-form table {
+    width: 100%; }
+  .standard-form td {
+    padding: 0.5em;
+    text-align: left;
+    vertical-align: top; }
+  .standard-form .label-cell {
+    padding-left: 2em;
+    text-align: right;
+    white-space: nowrap;
+    width: 0; }
+  .standard-form .data-cell {
+    width: 98%; }
+  .standard-form input[type=checkbox] {
+    padding: 0;
+    margin: 0 0.5em 0 0; }
+  .standard-form input[type=text],
+  .standard-form input[type=password],
+  .standard-form textarea {
+    width: 97%; }
+  .standard-form td div.record-controls {
+    margin: 0em; }
+  .standard-form input[type=submit] {
+    font-size: 100%;
+  }
+
+/*---[ left-table pages ]------------------------------------------*/
+
+.left-table {}
+  .left-table table {
+    width: 100%; }
+  .left-table h4,
+  .left-table label {
+    color: #777777; }
+  .left-table h4 {
+    padding: 0.5em 0 0.25em 0; }
+  .left-table td h4 {
+    padding: 0.25em 0 0.1em 0; }
+  .left-table td, 
+  .left-table th {
+    padding: 0.25em;
+    text-align: left;
+    vertical-align: top; }
+  .left-table td {
+    width: 98%; }
+  .left-table th {
+    padding-left: 2em;
+    text-align: right;
+    white-space: nowrap;
+    width: 0%; }
+  .left-table label {
+    font-style: italic; }
+  .left-table input[type=checkbox] {
+    padding: 0;
+    margin: 0 0.5em 0 0; }
+  .left-table input[type=text],
+  .left-table input[type=password],
+  .left-table textarea {
+    width: 97%; }
+  .left-table td div.record-controls {
+    margin: 0em; }
+  .left-table input[type=submit] {
+    font-size: 100%;
+  }
+
+/*#---[ top-table ]-------------------------------------------------------*/
+
+.top-table {}
+  .top-table h4,
+  .top-table label,
+  .top-table th {
+    color: #777777; }
+  .top-table h4 {
+    padding: 0.5em 0 0.25em 0; }
+  .top-table td h4 {
+    padding: 0.25em 0 0.1em 0; }
+  .top-table label,
+  .top-table th {
+    font-style: italic; }
+  .top-table table {
+    width: 100%; }
+  .top-table td, .top-table th {
+    padding: 0.5em;
+    text-align: left;
+    vertical-align: top; }
+  .top-table th {
+    white-space: nowrap; }
+  .top-table td { }
+  .top-table td div.record-controls {
+    margin: 0em; }
+  .top-table input[type=submit] {
+    font-size: 100%;
+  }
+
+/*---[ scaffolded list and show pages ]-------------------------------*/
+
+.scaffolded {}
+  .scaffolded dt {
+    font-weight: bold; }
+  .scaffolded td {
+    padding: 0.2em; }
+  .scaffolded th {
+    padding: 0.25em;
+    font-style: italic; }
+
+/*---[ proposals ]----------------------------------------------------*/
+
+#proposal-listing {}
+  #proposal-listing th,
+  #proposal-listing td {
+    padding: 0.25em; }
+  #proposal-listing th {
+    font-style: italic; }
+  #proposal-listing a {
+    display: block;
+    line-height: 1.3em;
+    padding: 0.3em; }
+  #proposal-listing a:hover {
+    background: #F9F39C;
+    text-decoration: none !important; }
+  #proposal-listing .date-unseen { }
+  #proposal-listing .date-seen {
+    color: #999999; }
+
+/* Makes sure there's always space below the list of proposals, an issue when the display is empty and it looks bad because there's no content. */
+div#proposals-for {
+  margin-bottom: 2em; }
+
+#proposal-comments { }
+  #proposal-comments dl {
+    margin-left: 2em; }
+    #proposal-comments dl dt {
+      font-weight: bold;
+      border-top: 1px dotted #ccc; }
+    #proposal-comments dl dt:first-child {
+      border-top: none; }
+    #proposal-comments dl dd {
+      margin-left: 1em; }
+
+/* new-style proposal comments list */
+
+ul.proposal-comments {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+
+ul.proposal-comments li {
+	border-bottom: 1px solid #ccc;
+	padding: 1em 0;
+}
+
+ul.proposal-comments div.proposal-title {
+	margin-top: .5em;
+}
+
+/*---[ snippets ]-----------------------------------------------------*/
+
+.snippet_preview {
+  margin: 0;
+  padding: 0.5em;
+  border: 2px solid blue; }
+
+.snippet_form {}
+  .snippet_form input[type=text] {
+    width: 100%; }
+  .snippet_form textarea {
+    height: 12em;
+    width: 100%; }
+
+/*---[ session form ]-------------------------------------------------*/
+
+#session_form {}
+  #session_form td {
+    padding: 0.5em;
+    text-align: left;
+    vertical-align: top; }
+  #session_form label {
+    font-style: italic; }
+  #session_form input[type=text], #session_form input[type=password] {
+    width: 24em; }
+  #session_form input {
+    clear: both; }
+  #session_form .rightish {
+    width: 12em;
+    text-align: right;
+    display: block;
+    float: left;
+    text-align: right;
+    padding-right: 1em; }
+
+/*---[ event form ]---------------------------------------------------*/
+
+#event-form {}
+  #event-form textarea#event_open_text,
+  #event-form textarea#event_closed_text {
+    height: 10em; }
+
+/*---[ descriptors ]--------------------------------------------------*/
+
+div.record-controls {
+  margin-top: 1em; }
+  .record-controls .div {
+    display: inline; }
+
+.required-field {
+  padding: 0 0.25em;
+  color: red; }
+
+.private-field {
+  padding: 0 0.25em;
+  color: green; }
+
+.empty-text {
+    text-align: center;
+    font-style: italic;
+    white-space: nowrap; }
+
+/* Loading box of width=height=100px with a spinner placed at the center */
+#page_spinner {
+	display: none;
+	width: 100px;
+	height: 100px;
+	position: fixed;
+	top: 50%;
+	left: 50%;
+	color: black;
+	background: image-url("spinner-big.gif") no-repeat center #F7F1A3;
+	text-align: center;
+	padding: 10px;
+	font: normal 16px Tahoma, Geneva, sans-serif;
+	border: 1px solid #666;
+	margin-left: -50px;
+	margin-top: -50px;
+	z-index: 2;
+	overflow: auto;
+}
+
+div.admin-only {
+    padding: 0.5em;
+}
+
+.admin-only {
+    background: #EFC5C5;
+}
+
+.admin-only input[type=submit],
+.admin-only form,
+.admin-only form div {
+  display: inline;
+}
+
+.inlined {
+  display: inline; }
+  .inlined div {
+    display: inline; }
+
+.addable {
+  margin-left: 10px;
+  padding-left: 20px;
+	background: image-url('plus.png') left center no-repeat;
+}
+
+.showable {
+  margin-left: 10px;
+  padding-left: 20px;
+	background: image-url('document.png') left center no-repeat;
+}
+
+.editable {
+  margin-left: 10px;
+  padding-left: 20px;
+	background: image-url('edit.png') left center no-repeat;
+}
+
+.cancelable {
+  margin-left: 10px;
+  padding-left: 20px;
+	background: image-url('arrow-out.png') left center no-repeat;
+}
+
+.deletable {
+  margin-left: 10px;
+  padding-left: 20px;
+	background: image-url('redx.png') left center no-repeat;
+}
+
+.feedable {
+  margin-left: 10px;
+  padding-left: 20px;
+	background: image-url('feed.png') left center no-repeat;
+}
+
+.snippet_edit_link {
+  font-size: 0.8em;
+  margin-left: 10px;
+  padding-left: 20px;
+	background: image-url('edit.png') left center no-repeat;
+}
+
+.spinning {
+  margin-left: 10px;
+  padding-left: 20px;
+	background: image-url('spinner.gif') left center no-repeat;
+}
+
+.quagmire {
+  display: none;
+}
+
+.wide {
+  width: 100%;
+}
+
+.narrow {
+  width: 0%;
+}
+
+.nowrap {
+  white-space: nowrap;
+}
+
+.hidden {
+  display: none;
+}
+
+.visible {
+  visible: visible;
+}
+
+.popup {
+  margin-left: 10px;
+  padding-left: 20px;
+	background: image-url('new_window.gif') left center no-repeat;
+}
+
+/*---[ submit a talk button ]-----------------------------------------*/
+
+/* FIXME how to automatically size width of the box? */
+#submit-a-talk {background: #FFFFFF; margin:1px; width: 13em; font-size: 1.1em; }
+  .rnd_top, .rnd_bottom {display:block; background:#FFFFFF; font-size:1px;}
+  .rnd_b1, .rnd_b2, .rnd_b3, .rnd_b4 {display:block; overflow:hidden;}
+  .rnd_b1, .rnd_b2, .rnd_b3 {height:1px;}
+  .rnd_b2, .rnd_b3, .rnd_b4 {background:#DAF4D4; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC;}
+  .rnd_b1 {margin:0 5px; background:#CCCCCC;}
+  .rnd_b2 {margin:0 3px; border-width:0 2px;}
+  .rnd_b3 {margin:0 2px;}
+  .rnd_b4 {height:2px; margin:0 1px;}
+  .rnd_content {
+    display:block;
+    border:0 solid #CCCCCC;
+    border-width:0 1px;
+    padding: 4px;
+    background:#DAF4D4;
+    color:#000000; }
+  div.rnd_content { margin: 0; }
+
+  #submit-a-talk a,
+  #submit-a-talk a:visited,
+  #submit-a-talk a:hover {
+    color: green;
+    margin: 5px;
+    padding: 10px 10px 10px 20px;
+    background: image-url('plus.png') left center no-repeat;
+  }
+
+/* @group Autocomplete
+-------------------------------------------------------------- */
+ul.jq-ui-autocomplete {
+    position: absolute;
+    overflow: hidden;
+    background-color: #fff;
+    border: 1px solid #aaa;
+    margin: 0px;
+    padding: 0;
+    list-style: none;
+    color: #333;
+}
+ul.jq-ui-autocomplete li { 
+  display: block; 
+  padding: .3em .5em .3em .3em; 
+  overflow: hidden;
+  width: 100%;
+}
+
+ul.jq-ui-autocomplete li.active { 
+  background-color: <%= @colors[:light_green] %>; 
+  color: <%= @colors[:dark_grey] %>;;
+}
+
+/* @end */