diff --git a/app/views/branded/shared/_accessible_combobox.html.erb b/app/views/branded/shared/_accessible_combobox.html.erb
new file mode 100644
index 0000000..5625068
--- /dev/null
+++ b/app/views/branded/shared/_accessible_combobox.html.erb
@@ -0,0 +1,40 @@
+<% if !models.nil? %>
+  <% required = required ||= false %>
+  <% classes = classes ||= '' %>
+  <% title = tooltip ||= '' %>
+  <% error = error ||= _('Please select an item from the list.') %>
+
+  <% json = {} %>
+  <% models.map{|m| json["#{m[attribute]}"] = m.id} %>
+
+  <input type="text" name="<%= name %>" id="<%= id %>" 
+         class="js-combobox form-control <%= classes %>" list="<%= id %>_list" 
+         placeholder="<%= _('Begin typing to see a filtered list') %>"
+         data-combobox-prefix-class="combobox"
+         data-combobox-case-sensitive="no"
+         data-combobox-limit-number-suggestions="10"
+         data-combobox-see-more-text="Please refine your seach ..."
+         data-combobox-search-option="containing"
+         data-combobox-allow-suggestion-on-empty="true"
+         data-toggle="<%= title == '' ? '' : 'tooltip' %>"
+         title="<%= title %>"
+         value="<%= default_selection[attribute] unless default_selection.nil? %>" />
+  <datalist id="<%= id %>_list">
+    <% models.each do |model| %>
+      <option value="<%= model[attribute] %>"></option>
+    <% end %>
+  </datalist>
+
+  <!-- Complete content of combobox -->
+  <input type="hidden" id="<%= id %>_crosswalk" value="<%= escape_javascript JSON.generate(json) %>" />
+
+  <!-- The JQuery accessible combobox doesn't allow for an id to be present in the value attribute -->
+  <!-- so we use this hidden input to store the selected id -->
+  <!-- the selected id is found after the combobox loses focus by finding the selected item in the crosswalk json -->
+  <input type="hidden" id="<%= id.gsub("_#{attribute}", "_id") %>" name="<%= name.gsub("_#{attribute}]", "_id]") %>"
+         value="<%= default_selection.id unless default_selection.nil? %>" aria-required="<%= required %>"
+         data-validation="js-combobox" data-validation-error="<%= error %>" />
+
+<% else %>
+  <span id="<%= id %>_no_items"><%= _('No items available.') %></span>
+<% end %>
\ No newline at end of file
diff --git a/lib/assets/stylesheets/dmpopidor.scss b/lib/assets/stylesheets/dmpopidor.scss
index 9dc7087..3902521 100644
--- a/lib/assets/stylesheets/dmpopidor.scss
+++ b/lib/assets/stylesheets/dmpopidor.scss
@@ -49,6 +49,9 @@
  /*
     FOOTER
  */
+.navbar-fixed-bottom {
+    z-index: 50;
+}
 #footer-navbar {
     &.navbar-dmpopidor {
         background-color: $blue;