diff --git a/app/assets/javascripts/app/controllers/_application_controller.js.coffee b/app/assets/javascripts/app/controllers/_application_controller.js.coffee
index e8599a747..078e3dd82 100644
--- a/app/assets/javascripts/app/controllers/_application_controller.js.coffee
+++ b/app/assets/javascripts/app/controllers/_application_controller.js.coffee
@@ -233,7 +233,8 @@ class App.Controller extends Spine.Controller
       trigger:    'hover'
       container:  'body'
       html:       true
-      delay:      { show: 400, hide: 800 }
+      animation:  false
+      delay:      100
       placement:  position
       title: ->
         ticket_id = $(@).data('id')
@@ -270,7 +271,8 @@ class App.Controller extends Spine.Controller
       trigger:    'hover'
       container:  'body'
       html:       true
-      delay:      { show: 400, hide: 800 }
+      animation:  false
+      delay:      100
       placement:  "auto #{position}"
       title: ->
         user_id = $(@).data('id')
@@ -326,7 +328,8 @@ class App.Controller extends Spine.Controller
       trigger:    'hover'
       container:  'body'
       html:       true
-      delay:      { show: 400, hide: 800 }
+      animation:  false
+      delay:      100
       placement:  "auto #{position}"
       title: ->
         organization_id = $(@).data('id')
@@ -379,7 +382,8 @@ class App.Controller extends Spine.Controller
         trigger:    'hover'
         container:  'body'
         html:       true
-        delay:      { show: 500, hide: 5200 }
+        animation:  false
+        delay:      100
         placement:  "auto #{data.position}"
         title: ->
           $(@).find('[title="*"]').val()
@@ -496,6 +500,7 @@ class App.ControllerModal extends App.Controller
       head:     '?'
       buttonClass: 'btn--success'
       centerButtons: []
+      container: null
 
     options = _.extend( defaults, options )
 
@@ -522,10 +527,14 @@ class App.ControllerModal extends App.Controller
     if @content
       @body.html @content
 
+    if @container
+      @el.addClass('modal--local')
+
     @el.modal
       keyboard: @keyboard
       show:     true
       backdrop: @backdrop
+      container:    @container
     .on
       'show.bs.modal':   @onShow
       'shown.bs.modal':  @onShown
diff --git a/app/assets/javascripts/app/controllers/agent_ticket_create.js.coffee b/app/assets/javascripts/app/controllers/agent_ticket_create.js.coffee
index 62262e123..aa7632475 100644
--- a/app/assets/javascripts/app/controllers/agent_ticket_create.js.coffee
+++ b/app/assets/javascripts/app/controllers/agent_ticket_create.js.coffee
@@ -3,10 +3,10 @@ class App.TicketCreate extends App.Controller
     '.tabsSidebar'      : 'sidebar'
 
   events:
-    'click .type-tabs .tab':  'changeFormType'
-    'submit form':            'submit'
-    'click .submit':          'submit'
-    'click .cancel':          'cancel'
+    'click .type-tabs .tab': 'changeFormType'
+    'submit form':           'submit'
+    'click .submit':         'submit'
+    'click .cancel':         'cancel'
 
   constructor: (params) ->
     super
@@ -87,6 +87,9 @@ class App.TicketCreate extends App.Controller
     # update form
     @el.find('[name="formSenderType"]').val(type)
 
+    # force changing signature
+    @el.find('[name="group_id"]').trigger('change')
+
   meta: =>
     text = ''
     if @articleAttributes
@@ -167,10 +170,15 @@ class App.TicketCreate extends App.Controller
             a = App.TicketArticle.find( params.article_id )
 
             # reset owner
-            t.owner_id = 0
-            t.customer_id_autocompletion = a.from
-            t.subject = a.subject || t.title
-            t.body = a.body
+            t.owner_id               = 0
+            t.customer_id_completion = a.from
+            t.subject                = a.subject || t.title
+
+            # convert non text/html from text 2 html
+            if a.content_type.match(/\/html/)
+              t.body = a.body
+            else
+              t.body  = App.Utils.text2html( a.body )
 
           # render page
           @render( options: t )
@@ -191,10 +199,10 @@ class App.TicketCreate extends App.Controller
       @form_id = App.ControllerForm.formId()
 
     @html App.view('agent_ticket_create')(
-      head:     'New Ticket'
-      agent:    @isRole('Agent')
-      admin:    @isRole('Admin')
-      form_id:  @form_id
+      head:    'New Ticket'
+      agent:   @isRole('Agent')
+      admin:   @isRole('Admin')
+      form_id: @form_id
     )
 
     formChanges = (params, attribute, attributes, classname, form, ui) =>
@@ -220,6 +228,44 @@ class App.TicketCreate extends App.Controller
             # replace new option list
             form.find('[name="' + fieldNameToChange + '"]').closest('.form-group').replaceWith( newElement )
 
+    signatureChanges = (params, attribute, attributes, classname, form, ui) =>
+      if attribute && attribute.name is 'group_id'
+        signature = undefined
+        if params['group_id']
+          group = App.Group.find( params['group_id'] )
+          if group && group.signature_id
+            signature = App.Signature.find( group.signature_id )
+
+        # check if signature need to be added
+        type = @$('[name="formSenderType"]').val()
+
+        if signature isnt undefined &&  signature.body && type is 'email-out'
+          signatureFinished = App.Utils.text2html(
+            App.Utils.replaceTags( signature.body, { user: App.Session.get() } )
+          )
+
+          # get current body
+          body = @$('[data-name="body"]').html() || ''
+          if App.Utils.signatureCheck( body, signatureFinished )
+
+            # if signature has changed, replace it
+            signature_id = @$('[data-signature=true]').data('signature-id')
+            if signature_id && signature_id.toString() isnt signature.id.toString()
+
+              # remove old signature
+              @$('[data-signature="true"]').remove()
+              body = @$('[data-name="body"]').html() || ''
+
+            if !App.Utils.lastLineEmpty(body)
+              body = body + '<br>'
+            body = body + "<div data-signature=\"true\" data-signature-id=\"#{signature.id}\">#{signatureFinished}</div>"
+
+            @$('[data-name="body"]').html(body)
+
+        # remove old signature
+        else
+          @$('[data-name="body"]').find('[data-signature=true]').remove()
+
     new App.ControllerForm(
       el:       @el.find('.ticket-form-top')
       form_id:  @form_id
@@ -228,7 +274,8 @@ class App.TicketCreate extends App.Controller
       events:
         'change [name=customer_id]': @localUserInfo
       handlers: [
-        formChanges
+        formChanges,
+        signatureChanges,
       ]
       filter:     @form_meta.filter
       autofocus: true
@@ -236,21 +283,22 @@ class App.TicketCreate extends App.Controller
     )
 
     new App.ControllerForm(
-      el:       @el.find('.article-form-top')
-      form_id:  @form_id
-      model:    App.TicketArticle
-      screen:   'create_top'
-      params:    params
+      el:      @el.find('.article-form-top')
+      form_id: @form_id
+      model:   App.TicketArticle
+      screen:  'create_top'
+      params:  params
     )
     new App.ControllerForm(
-      el:       @el.find('.ticket-form-middle')
-      form_id:  @form_id
-      model:    App.Ticket
-      screen:   'create_middle'
+      el:      @el.find('.ticket-form-middle')
+      form_id: @form_id
+      model:   App.Ticket
+      screen:  'create_middle'
       events:
         'change [name=customer_id]': @localUserInfo
       handlers: [
-        formChanges
+        formChanges,
+        signatureChanges,
       ]
       filter:     @form_meta.filter
       params:     params
@@ -264,7 +312,8 @@ class App.TicketCreate extends App.Controller
       events:
         'change [name=customer_id]': @localUserInfo
       handlers: [
-        formChanges
+        formChanges,
+        signatureChanges,
       ]
       filter:   @form_meta.filter
       params:   params
@@ -330,7 +379,7 @@ class App.TicketCreate extends App.Controller
     if sender.name is 'Customer'
       params['article'] = {
         to:           (group && group.name) || ''
-        from:         params.customer_id_autocompletion
+        from:         params.customer_id_completion
         cc:           params.cc
         subject:      params.subject
         body:         params.body
@@ -342,7 +391,7 @@ class App.TicketCreate extends App.Controller
     else
       params['article'] = {
         from:         (group && group.name) || ''
-        to:           params.customer_id_autocompletion
+        to:           params.customer_id_completion
         cc:           params.cc
         subject:      params.subject
         body:         params.body
@@ -467,6 +516,7 @@ class Sidebar extends App.Controller
         icon: 'person'
         actions: [
           {
+            title:  'Edit Customer'
             name:  'Edit Customer'
             class: 'glyphicon glyphicon-edit'
             callback: editCustomer
diff --git a/app/assets/javascripts/app/controllers/layout_ref.js.coffee b/app/assets/javascripts/app/controllers/layout_ref.js.coffee
index acbd2d8f2..9ff018978 100644
--- a/app/assets/javascripts/app/controllers/layout_ref.js.coffee
+++ b/app/assets/javascripts/app/controllers/layout_ref.js.coffee
@@ -11,9 +11,9 @@ App.Config.set( 'layout_ref', Index, 'Routes' )
 
 class Content extends App.ControllerContent
   events:
-    'hide.bs.dropdown .js-recipientDropdown': 'hideOrganisationMembers'
-    'click .js-organisation':                 'showOrganisationMembers'
-    'click .js-back':                         'hideOrganisationMembers'
+    'hide.bs.dropdown .js-recipientDropdown': 'hideOrganizationMembers'
+    'click .js-organization':                 'showOrganizationMembers'
+    'click .js-back':                         'hideOrganizationMembers'
 
   constructor: ->
     super
@@ -46,21 +46,21 @@ class Content extends App.ControllerContent
   render: ->
     @html App.view('layout_ref/content')()
 
-  showOrganisationMembers: (e) =>
+  showOrganizationMembers: (e) =>
     e.stopPropagation()
 
     listEntry = $(e.currentTarget)
-    organisationId = listEntry.data('organisation-id')
+    organizationId = listEntry.data('organization-id')
 
     @recipientList = @$('.recipientList')
-    @organisationList = @$("##{ organisationId }")
+    @organizationList = @$("##{ organizationId }")
 
-    # move organisation-list to the right and slide it in
+    # move organization-list to the right and slide it in
 
-    $.Velocity.hook(@organisationList, 'translateX', '100%')
-    @organisationList.removeClass('hide')
+    $.Velocity.hook(@organizationList, 'translateX', '100%')
+    @organizationList.removeClass('hide')
 
-    @organisationList.velocity
+    @organizationList.velocity
       properties:
         translateX: 0
       options:
@@ -73,12 +73,12 @@ class Content extends App.ControllerContent
         translateX: '-100%'
       options:
         speed: 300
-        complete: => @recipientList.height(@organisationList.height())
+        complete: => @recipientList.height(@organizationList.height())
 
-  hideOrganisationMembers: (e) =>
+  hideOrganizationMembers: (e) =>
     e && e.stopPropagation()
 
-    return if !@organisationList
+    return if !@organizationList
 
     # fade list back in
 
@@ -92,18 +92,20 @@ class Content extends App.ControllerContent
 
     @recipientList.height('')
 
-    # slide out organisation-list and hide it
-    @organisationList.velocity
+    # slide out organization-list and hide it
+    @organizationList.velocity
       properties:
         translateX: '100%'
       options:
         speed: 300
-        complete: => @organisationList.addClass('hide')
+        complete: => @organizationList.addClass('hide')
 
 App.Config.set( 'layout_ref/content', Content, 'Routes' )
 
 
 class CommunicationOverview extends App.ControllerContent
+  events:
+    'click .js-unfold': 'unfold'
 
   constructor: ->
     super
@@ -116,9 +118,38 @@ class CommunicationOverview extends App.ControllerContent
     scrollHolder = pageHeader.scrollParent()
     scrollBody = scrollHolder.get(0).scrollHeight - scrollHolder.height()
 
+  unfold: (e) ->
+    container = $(e.currentTarget).parents('.textBubble-content')
+    overflowContainer = container.find('.textBubble-overflowContainer')
+
+    overflowContainer.velocity
+      properties:
+        opacity: 0
+      options:
+        duration: 300
+
+    container.velocity
+      properties:
+        height: container.attr('data-height')
+      options:
+        duration: 300
+        complete: -> overflowContainer.addClass('hide');
+
   render: ->
     @html App.view('layout_ref/communication_overview')()
 
+    # set see more options
+    previewHeight = 240
+    @$('.textBubble-content').each( (index) ->
+      bubble = $( @ )
+      heigth = bubble.height()
+      if heigth > (previewHeight + 30)
+        bubble.attr('data-height', heigth)
+        bubble.css('height', "#{previewHeight}px")
+      else
+        bubble.parent().find('.textBubble-overflowContainer').addClass('hide')
+    )
+
 App.Config.set( 'layout_ref/communication_overview', CommunicationOverview, 'Routes' )
 
 
@@ -133,7 +164,7 @@ class LayoutRefCommunicationReply extends App.ControllerContent
     '.attachmentUpload':            'attachmentUpload'
     '.attachmentUpload-progressBar':'progressBar'
     '.js-percentage':               'progressText'
-    '.text-bubble':                 'textBubble'
+    '.textBubble':                 'textBubble'
 
   events:
     'focus .js-textarea':                     'open_textarea'
@@ -713,4 +744,37 @@ class RichText extends App.ControllerContent
 
 App.Config.set( 'layout_ref/richtext', RichText, 'Routes' )
 
+class LocalModalRef extends App.ControllerContent
+
+  constructor: ->
+    super
+    @render()
+
+  render: ->
+    @html App.view('layout_ref/local_modal')()
+
+App.Config.set( 'layout_ref/local_modal', LocalModalRef, 'Routes' )
+
+class loadingPlaceholderRef extends App.ControllerContent
+
+  constructor: ->
+    super
+    @render()
+
+  render: ->
+    @html App.view('layout_ref/loading_placeholder')()
+
+App.Config.set( 'layout_ref/loading_placeholder', loadingPlaceholderRef, 'Routes' )
+
+class insufficientRightsRef extends App.ControllerContent
+
+  constructor: ->
+    super
+    @render()
+
+  render: ->
+    @html App.view('layout_ref/insufficient_rights')()
+
+App.Config.set( 'layout_ref/insufficient_rights', insufficientRightsRef, 'Routes' )
+
 App.Config.set( 'LayoutRef', { prio: 1700, parent: '#current_user', name: 'Layout Reference', target: '#layout_ref', role: [ 'Admin' ] }, 'NavBarRight' )
\ No newline at end of file
diff --git a/app/assets/javascripts/app/controllers/navigation.js.coffee b/app/assets/javascripts/app/controllers/navigation.js.coffee
index f0af2b19c..0d888dce8 100644
--- a/app/assets/javascripts/app/controllers/navigation.js.coffee
+++ b/app/assets/javascripts/app/controllers/navigation.js.coffee
@@ -173,9 +173,9 @@ class App.Navigation extends App.Controller
                 data =
                   display:    "#{organization.displayName()}"
                   id:         organization.id
-                  class:      "organisation organization-popover"
+                  class:      "organization organization-popover"
                   url:        organization.uiUrl()
-                  iconClass:  "organisation"
+                  iconClass:  "organization"
                 area.result.push data
 
           @renderResult(result)
diff --git a/app/assets/javascripts/app/controllers/taskbar_widget.js.coffee b/app/assets/javascripts/app/controllers/taskbar_widget.js.coffee
index c2495436e..2cbd715e2 100644
--- a/app/assets/javascripts/app/controllers/taskbar_widget.js.coffee
+++ b/app/assets/javascripts/app/controllers/taskbar_widget.js.coffee
@@ -29,6 +29,7 @@ class App.TaskbarWidget extends App.Controller
       data =
         url:   '#'
         id:    false
+        iconClass: 'loading dot'
         title: App.i18n.translateInline('Loading...')
         head:  App.i18n.translateInline('Loading...')
       worker = App.TaskManager.worker( task.key  )
diff --git a/app/assets/javascripts/app/controllers/ticket_customer.js.coffee b/app/assets/javascripts/app/controllers/ticket_customer.js.coffee
index 45ae81ecb..1856adb2b 100644
--- a/app/assets/javascripts/app/controllers/ticket_customer.js.coffee
+++ b/app/assets/javascripts/app/controllers/ticket_customer.js.coffee
@@ -8,7 +8,7 @@ class App.TicketCustomer extends App.ControllerModal
     @button = true
 
     configure_attributes = [
-      { name: 'customer_id', display: 'Customer', tag: 'user_autocompletion', null: false, placeholder: 'Enter Person or Organisation/Company', minLengt: 2, disableCreateUser: true },
+      { name: 'customer_id', display: 'Customer', tag: 'user_autocompletion', null: false, placeholder: 'Enter Person or Organization/Company', minLengt: 2, disableCreateUser: true },
     ]
 
     controller = new App.ControllerForm(
diff --git a/app/assets/javascripts/app/controllers/ticket_overview.js.coffee b/app/assets/javascripts/app/controllers/ticket_overview.js.coffee
index faa1f0b71..68247f680 100644
--- a/app/assets/javascripts/app/controllers/ticket_overview.js.coffee
+++ b/app/assets/javascripts/app/controllers/ticket_overview.js.coffee
@@ -482,6 +482,7 @@ class Table extends App.ControllerContent
     new App.OverviewSettings(
       overview_id: @overview.id
       view_mode:   @view_mode
+      container: @el
     )
 
 class App.OverviewSettings extends App.ControllerModal
diff --git a/app/assets/javascripts/app/controllers/ticket_zoom.js.coffee b/app/assets/javascripts/app/controllers/ticket_zoom.js.coffee
index 85f897f11..501225356 100644
--- a/app/assets/javascripts/app/controllers/ticket_zoom.js.coffee
+++ b/app/assets/javascripts/app/controllers/ticket_zoom.js.coffee
@@ -18,10 +18,9 @@ class App.TicketZoom extends App.Controller
 
     @navupdate '#'
 
-    @form_meta      = undefined
-    @ticket_id      = params.ticket_id
-    @article_id     = params.article_id
-    @signature      = undefined
+    @form_meta  = undefined
+    @ticket_id  = params.ticket_id
+    @article_id = params.article_id
 
     @key = 'ticket::' + @ticket_id
     cache = App.Store.get( @key )
@@ -44,15 +43,25 @@ class App.TicketZoom extends App.Controller
     )
 
   meta: =>
+
+    # default attributes
     meta =
-      url:        @url()
-      id:         @ticket_id
-      iconClass:  "priority"
+      url:       @url()
+      id:        @ticket_id
+
+    # set icon and tilte if defined
+    if @taskIconClass
+      meta.iconClass = @taskIconClass
+    if @taskHead
+      meta.head = @taskHead
+
+    # set icon and title based on ticket
     if @ticket
-      @ticket = App.Ticket.fullLocal( @ticket.id )
-      meta.head  = @ticket.title
-      meta.title = '#' + @ticket.number + ' - ' + @ticket.title
-      meta.class  = "level-#{@ticket.level()}"
+      @ticket        = App.Ticket.fullLocal( @ticket.id )
+      meta.head      = @ticket.title
+      meta.title     = '#' + @ticket.number + ' - ' + @ticket.title
+      meta.class     = "level-#{@ticket.level()}"
+      meta.iconClass = 'priority'
     meta
 
   url: =>
@@ -67,6 +76,7 @@ class App.TicketZoom extends App.Controller
     @positionPageHeaderStop()
 
   changed: =>
+    return false if !@ticket
     formCurrent = @formParam( @el.find('.edit') )
     ticket      = App.Ticket.find(@ticket_id).attributes()
     modelDiff   = @getDiff( ticket, formCurrent )
@@ -115,11 +125,31 @@ class App.TicketZoom extends App.Controller
         # do not close window if request is aborted
         return if status is 'abort'
 
-        # do not close window on network error but if object is not found
-        return if status is 'error' && error isnt 'Not Found'
+        # show error message
+        if xhr.status is 401 || error is 'Unauthorized'
+          @taskHead      = '» ' + App.i18n.translateInline('Unauthorized') + ' «'
+          @taskIconClass = 'error'
+          @html App.view('generic/error/unauthorized')( objectName: 'Ticket' )
+        else if xhr.status is 404 || error is 'Not Found'
+          @taskHead      = '» ' + App.i18n.translateInline('Not Found') + ' «'
+          @taskIconClass = 'error'
+          @html App.view('generic/error/not_found')( objectName: 'Ticket' )
+        else
+          @taskHead      = '» ' + App.i18n.translateInline('Error') + ' «'
+          @taskIconClass = 'error'
 
-        # remove task
-        App.TaskManager.remove( @task_key )
+          status = xhr.status
+          detail = xhr.responseText
+          if !status && !detail
+            detail = 'General communication error, maybe internet is not available!'
+          @html App.view('generic/error/generic')(
+            status:     status
+            detail:     detail
+            objectName: 'Ticket'
+          )
+
+        # update current task title
+        App.Event.trigger 'task:render'
     )
 
 
@@ -137,9 +167,6 @@ class App.TicketZoom extends App.Controller
     # get edit form attributes
     @form_meta = data.form_meta
 
-    # get signature
-    @signature = data.signature
-
     # load assets
     App.Collection.loadAssets( data.assets )
 
@@ -316,7 +343,10 @@ class App.TicketZoom extends App.Controller
       showTicketHistory = =>
         new App.TicketHistory( ticket_id: @ticket.id )
       showTicketMerge = =>
-        new App.TicketMerge( ticket: @ticket, task_key: @task_key )
+        new App.TicketMerge
+          ticket: @ticket
+          task_key: @task_key
+          container: @el
       changeCustomer = (e, el) =>
         new App.TicketCustomer(
           ticket: @ticket
@@ -423,6 +453,18 @@ class App.TicketZoom extends App.Controller
       ui:                 @
     )
 
+    # set see more options
+    previewHeight = 270
+    @$('.textBubble-content').each( (index) ->
+      bubble = $( @ )
+      heigth = bubble.height()
+      if heigth > (previewHeight + 30)
+        bubble.attr('data-height', heigth)
+        bubble.css('height', "#{previewHeight}px")
+      else
+        bubble.parent().find('.textBubble-overflowContainer').addClass('hide')
+    )
+
     # scroll to article if given
     if @article_id && document.getElementById( 'article-' + @article_id )
       offset = document.getElementById( 'article-' + @article_id ).offsetTop
@@ -775,7 +817,7 @@ class Edit extends App.Controller
     '.attachmentUpload-progressBar':      'progressBar'
     '.js-percentage':                     'progressText'
     '.js-cancel':                         'cancelContainer'
-    '.text-bubble':                       'textBubble'
+    '.textBubble':                       'textBubble'
     '.editControls-item':                 'editControlItem'
     #'.editControls':                     'editControls'
     #'.recipient-picker':                 'recipientPicker'
@@ -860,14 +902,15 @@ class Edit extends App.Controller
         if data.ticket.id is @ticket.id
           #@setArticleType(data.type.name)
 
-          # preselect article type
-          @setArticleType( 'email' )
           @open_textarea(null, true)
           for key, value of data.article
             if key is 'body'
               @$('[data-name="' + key + '"]').html(value)
             else
               @$('[name="' + key + '"]').val(value)
+
+          # preselect article type
+          @setArticleType( 'email' )
     )
 
   isIE10: ->
@@ -893,7 +936,7 @@ class Edit extends App.Controller
     @setArticleType(@type)
 
     configure_attributes = [
-      { name: 'customer_id', display: 'Recipients', tag: 'user_autocompletion', null: false, placeholder: 'Enter Person or Organisation/Company', minLengt: 2, disableCreateUser: false },
+      { name: 'customer_id', display: 'Recipients', tag: 'user_autocompletion', null: false, placeholder: 'Enter Person or Organization/Company', minLengt: 2, disableCreateUser: false },
     ]
 
     controller = new App.ControllerForm(
@@ -905,7 +948,7 @@ class Edit extends App.Controller
     @$('[data-name="body"]').ce({
       mode:      'richtext'
       multiline: true
-      maxlength: 2500
+      maxlength: 5000
     })
 
     html5Upload.initialize(
@@ -1075,10 +1118,29 @@ class Edit extends App.Controller
     # show/hide attributes
     for articleType in @articleTypes
       if articleType.name is type
-        @$(".form-group").addClass('hide')
+        @$('.form-group').addClass('hide')
         for name in articleType.attributes
           @$("[name=#{name}]").closest('.form-group').removeClass('hide')
 
+    # check if signature need to be added
+    body      = @$('[data-name="body"]').html() || ''
+    signature = undefined
+    if @ticket.group.signature_id
+      signature = App.Signature.find( @ticket.group.signature_id )
+    if signature && signature.body && @type is 'email'
+      signatureFinished = App.Utils.text2html(
+        App.Utils.replaceTags( signature.body, { user: App.Session.get(), ticket: @ticket } )
+      )
+      if App.Utils.signatureCheck( body, signatureFinished )
+        if !App.Utils.lastLineEmpty(body)
+          body = body + '<br>'
+        body = body + "<div data-signature=\"true\" data-signature-id=\"#{signature.id}\">#{signatureFinished}</div>"
+        @$('[data-name="body"]').html(body)
+
+    # remove old signature
+    else
+      @$('[data-name="body"]').find("[data-signature=true]").remove()
+
   detect_empty_textarea: =>
     if !@textarea.text().trim()
       @add_textarea_catcher()
@@ -1241,13 +1303,14 @@ class Edit extends App.Controller
 
 class ArticleView extends App.Controller
   events:
-    'click [data-type=public]':     'public_internal'
-    'click [data-type=internal]':   'public_internal'
-    'click .show_toogle':           'show_toogle'
-    'click [data-type=reply]':      'reply'
-    'click [data-type=replyAll]':   'replyAll'
-    'click .text-bubble':           'toggle_meta'
-    'click .text-bubble a':         'stopPropagation'
+    'click [data-type=public]':   'public_internal'
+    'click [data-type=internal]': 'public_internal'
+    'click .show_toogle':         'show_toogle'
+    'click [data-type=reply]':    'reply'
+    'click [data-type=replyAll]': 'replyAll'
+    'click .textBubble':          'toggle_meta_with_delay'
+    'click .textBubble a':        'stopPropagation'
+    'click .js-unfold':           'unfold'
 
   constructor: ->
     super
@@ -1311,7 +1374,17 @@ class ArticleView extends App.Controller
   stopPropagation: (e) ->
     e.stopPropagation()
 
-  toggle_meta: (e) ->
+  toggle_meta_with_delay: (e) =>
+    # allow double click select
+    # by adding a delay to the toggle
+
+    if @lastClick and +new Date - @lastClick < 150
+      clearTimeout(@toggleMetaTimeout)
+    else
+      @toggleMetaTimeout = setTimeout(@toggle_meta, 150, e)
+      @lastClick = +new Date
+
+  toggle_meta: (e) =>
     e.preventDefault()
 
     animSpeed = 300
@@ -1387,6 +1460,25 @@ class ArticleView extends App.Controller
       metaTopClip.velocity({ height: metaTop.outerHeight() }, animSpeed, 'easeOutQuad')
       metaBottomClip.velocity({ height: metaBottom.outerHeight() }, animSpeed, 'easeOutQuad')
 
+  unfold: (e) ->
+    e.preventDefault()
+    e.stopPropagation()
+    container         = $(e.currentTarget).parents('.textBubble-content')
+    overflowContainer = container.find('.textBubble-overflowContainer')
+
+    overflowContainer.velocity
+      properties:
+        opacity: 0
+      options:
+        duration: 300
+
+    container.velocity
+      properties:
+        height: container.attr('data-height')
+      options:
+        duration: 300
+        complete: -> overflowContainer.addClass('hide');
+
   isOrContains: (node, container) ->
     while node
       if node is container
@@ -1488,12 +1580,6 @@ class ArticleView extends App.Controller
     # get current body
     body = @ui.el.find('[data-name="body"]').html() || ''
 
-    # check if signature need to be added
-    if @ui.signature && @ui.signature.body && type.name is 'email'
-      signature = App.Utils.text2html( @ui.signature.body )
-      if App.Utils.signatureCheck( body, signature )
-        body = body + signature
-
     # check if quote need to be added
     selectedText = App.ClipBoard.getSelected()
     if selectedText
@@ -1613,11 +1699,11 @@ class Article extends App.Controller
           type: 'replyAll'
           href: '#'
         }
-      actions.push {
-        name: 'split'
-        type: 'split'
-        href: '#ticket/create/' + @article.ticket_id + '/' + @article.id
-      }
+    actions.push {
+      name: 'split'
+      type: 'split'
+      href: '#ticket/create/' + @article.ticket_id + '/' + @article.id
+    }
     @article.actions = actions
 
   attachments: ->
diff --git a/app/assets/javascripts/app/controllers/widget/online_notification.js.coffee b/app/assets/javascripts/app/controllers/widget/online_notification.js.coffee
index f3a0689eb..ac7c0348e 100644
--- a/app/assets/javascripts/app/controllers/widget/online_notification.js.coffee
+++ b/app/assets/javascripts/app/controllers/widget/online_notification.js.coffee
@@ -1,11 +1,14 @@
 class App.OnlineNotificationWidget extends App.Controller
+  elements:
+    '.js-toggleNavigation': 'toggle'
+
   constructor: ->
     super
 
     @bind 'OnlineNotification::changed', =>
       @delay(
         => @fetch()
-        1000
+        1200
         'online-notification-changed'
       )
 
@@ -17,14 +20,14 @@ class App.OnlineNotificationWidget extends App.Controller
         if !@access()
           @el.find('activity-counter').html('')
           return
-        @start()
+        @createContainer()
 
     if @access()
-      @start()
-      @subscribeId = App.OnlineNotification.subscribe( @start )
+      @createContainer()
+      @subscribeId = App.OnlineNotification.subscribe( @updateContent )
 
   release: =>
-    @stop()
+    @removeContainer()
     App.OnlineNotification.unsubscribe( @subscribeId )
 
   access: ->
@@ -38,24 +41,64 @@ class App.OnlineNotificationWidget extends App.Controller
       @el.find('.activity-counter').remove()
       return
 
-    if @el.find('.logo .activity-counter')[0]
-      @el.find('.logo .activity-counter').html(count)
+    if @el.find('.js-toggleNavigation .activity-counter')[0]
+      @el.find('.js-toggleNavigation .activity-counter').html(count)
     else
-      @el.find('.logo').append('<div class="activity-counter">' + count.toString() + '</div>')
+      @toggle.append('<div class="activity-counter">' + count.toString() + '</div>')
 
-  markAllAsSeen: (items) =>
-    for item in items
-      if !item.seen
-        App.OnlineNotification.seen( 'Ticket', item.id )
+  markAllAsRead: =>
+    @ajax(
+      id:   'markAllAsRead'
+      type: 'POST'
+      url:  @apiPath + '/online_notifications/mark_all_as_read'
+      data: JSON.stringify( '' )
+      processData: true
+    )
 
-  stop: =>
-    @counterUpdate(0)
-    @el.find('.logo').popover('destroy')
+  removeClickCatcher: () =>
+    return if !@clickCatcher
+    @clickCatcher.remove()
+    @clickCatcher = null
 
-  start: =>
-    @stop()
+  onShow: =>
+    @updateContent()
 
-    # show popover
+    # set heigth of notification popover
+    height = $('#app').height()
+    $('.js-notificationsContainer').css('height', "#{height-12}px")
+    $('.js-notificationsContainer .arrow').css('top', '20px')
+
+    # close notification list on click
+    $('.js-notificationsContainer').on('click', (e) =>
+      #console.log('CL')
+      @hidePopover()
+    )
+
+    # mark all notifications as read
+    $('.js-markAllAsRead').on('click', (e) =>
+      e.preventDefault()
+      @markAllAsRead()
+    )
+
+    # add clickCatcher
+    @clickCatcher = new App.clickCatcher
+      holder:      @el.offsetParent()
+      callback:    @hidePopover
+      zIndexScale: 4
+
+  onHide: =>
+    @removeClickCatcher()
+
+  hidePopover: =>
+    @toggle.popover('hide')
+
+  fetch: =>
+    load = (items) =>
+      App.OnlineNotification.refresh( items, { clear: true } )
+      @updateContent()
+    App.OnlineNotification.fetchFull(load)
+
+  updateContent: =>
     items = App.OnlineNotification.search( sortBy: 'created_at', order: 'DESC' )
     counter = 0
     for item in items
@@ -63,33 +106,46 @@ class App.OnlineNotificationWidget extends App.Controller
         counter = counter + 1
     @counterUpdate(counter)
 
-    items = @prepareForObjectList(items)
-
-    @el.find('.logo').popover(
-      trigger:    'click'
-      container:  'body'
-      html:       true
-      delay:      { show: 100, hide: 0 }
-      placement:  'right'
-      title: ->
-        App.i18n.translateInline( 'Notifications' ) + " <span>#{counter}</span>"
-      content: =>
-        # insert data
-       $( App.view('widget/online_notification')(items: items))
-    ).on('shown.bs.popover', =>
-
-      # show frontend times
-      $('#markAllAsSeen').bind('click', (e) =>
-        e.preventDefault()
-        @markAllAsSeen(items)
-      );
-      @frontendTimeUpdate()
-    ).on('hide.bs.popover', =>
-      $('#markAllAsSeen').unbind('click')
+    # update title
+    $('.js-notificationsContainer .popover-title').html(
+      App.i18n.translateInline( 'Notifications' ) + " <span class='popover-notificationsCounter'>#{counter}</span>"
     )
 
-  fetch: =>
-    load = (items) =>
-      App.OnlineNotification.refresh( items, { clear: true } )
-      @start()
-    App.OnlineNotification.fetchFull(load)
\ No newline at end of file
+    # update content
+    items = @prepareForObjectList(items)
+    $('.js-notificationsContainer .popover-content').html(
+      $( App.view('widget/online_notification_content')(items: items) )
+    )
+
+    # show frontend times
+    @frontendTimeUpdate()
+
+  createContainer: =>
+    @removeContainer()
+
+    # show popover
+    waitUntilOldPopoverIsRemoved = =>
+      @toggle.popover
+        trigger:   'click'
+        container: 'body'
+        html:      true
+        placement: 'right'
+        viewport:  { "selector": "#app", "padding": 10 }
+        template:  App.view('widget/online_notification')()
+        title:     ' '
+        content:   ' '
+      .on
+        'shown.bs.popover': @onShow
+        'hide.bs.popover':  @onHide
+
+      @updateContent()
+
+    @delay(
+      => waitUntilOldPopoverIsRemoved()
+      600
+      'popover'
+    )
+
+  removeContainer: =>
+    @counterUpdate(0)
+    @toggle.popover('destroy')
diff --git a/app/assets/javascripts/app/lib/animations/velocity.min.js b/app/assets/javascripts/app/lib/animations/velocity.min.js
index 8454789cb..33676b351 100644
--- a/app/assets/javascripts/app/lib/animations/velocity.min.js
+++ b/app/assets/javascripts/app/lib/animations/velocity.min.js
@@ -1,4 +1,4 @@
-/*! VelocityJS.org (1.0.0). (C) 2014 Julian Shapiro. MIT @license: en.wikipedia.org/wiki/MIT_License */
-/*! VelocityJS.org jQuery Shim (1.0.0-rc1). (C) 2014 The jQuery Foundation. MIT @license: en.wikipedia.org/wiki/MIT_License. */
-!function(e){function t(e){var t=e.length,r=$.type(e);return"function"===r||$.isWindow(e)?!1:1===e.nodeType&&t?!0:"array"===r||0===t||"number"==typeof t&&t>0&&t-1 in e}if(!e.jQuery){var $=function(e,t){return new $.fn.init(e,t)};$.isWindow=function(e){return null!=e&&e==e.window},$.type=function(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?a[o.call(e)]||"object":typeof e},$.isArray=Array.isArray||function(e){return"array"===$.type(e)},$.isPlainObject=function(e){var t;if(!e||"object"!==$.type(e)||e.nodeType||$.isWindow(e))return!1;try{if(e.constructor&&!n.call(e,"constructor")&&!n.call(e.constructor.prototype,"isPrototypeOf"))return!1}catch(r){return!1}for(t in e);return void 0===t||n.call(e,t)},$.each=function(e,r,a){var n,o=0,i=e.length,s=t(e);if(a){if(s)for(;i>o&&(n=r.apply(e[o],a),n!==!1);o++);else for(o in e)if(n=r.apply(e[o],a),n===!1)break}else if(s)for(;i>o&&(n=r.call(e[o],o,e[o]),n!==!1);o++);else for(o in e)if(n=r.call(e[o],o,e[o]),n===!1)break;return e},$.data=function(e,t,a){if(void 0===a){var n=e[$.expando],o=n&&r[n];if(void 0===t)return o;if(o&&t in o)return o[t]}else if(void 0!==t){var n=e[$.expando]||(e[$.expando]=++$.uuid);return r[n]=r[n]||{},r[n][t]=a,a}},$.removeData=function(e,t){var a=e[$.expando],n=a&&r[a];n&&$.each(t,function(e,t){delete n[t]})},$.extend=function(){var e,t,r,a,n,o,i=arguments[0]||{},s=1,l=arguments.length,u=!1;for("boolean"==typeof i&&(u=i,i=arguments[s]||{},s++),"object"!=typeof i&&"function"!==$.type(i)&&(i={}),s===l&&(i=this,s--);l>s;s++)if(null!=(n=arguments[s]))for(a in n)e=i[a],r=n[a],i!==r&&(u&&r&&($.isPlainObject(r)||(t=$.isArray(r)))?(t?(t=!1,o=e&&$.isArray(e)?e:[]):o=e&&$.isPlainObject(e)?e:{},i[a]=$.extend(u,o,r)):void 0!==r&&(i[a]=r));return i},$.queue=function(e,r,a){function n(e,r){var a=r||[];return null!=e&&(t(Object(e))?!function(e,t){for(var r=+t.length,a=0,n=e.length;r>a;)e[n++]=t[a++];if(r!==r)for(;void 0!==t[a];)e[n++]=t[a++];return e.length=n,e}(a,"string"==typeof e?[e]:e):[].push.call(a,e)),a}if(e){r=(r||"fx")+"queue";var o=$.data(e,r);return a?(!o||$.isArray(a)?o=$.data(e,r,n(a)):o.push(a),o):o||[]}},$.dequeue=function(e,t){$.each(e.nodeType?[e]:e,function(e,r){t=t||"fx";var a=$.queue(r,t),n=a.shift();"inprogress"===n&&(n=a.shift()),n&&("fx"===t&&a.unshift("inprogress"),n.call(r,function(){$.dequeue(r,t)}))})},$.fn=$.prototype={init:function(e){if(e.nodeType)return this[0]=e,this;throw new Error("Not a DOM node.")},offset:function(){var t=this[0].getBoundingClientRect();return{top:t.top+(e.pageYOffset||document.scrollTop||0)-(document.clientTop||0),left:t.left+(e.pageXOffset||document.scrollLeft||0)-(document.clientLeft||0)}},position:function(){function e(){for(var e=this.offsetParent||document;e&&"html"===!e.nodeType.toLowerCase&&"static"===e.style.position;)e=e.offsetParent;return e||document}var t=this[0],e=e.apply(t),r=this.offset(),a=/^(?:body|html)$/i.test(e.nodeName)?{top:0,left:0}:$(e).offset();return r.top-=parseFloat(t.style.marginTop)||0,r.left-=parseFloat(t.style.marginLeft)||0,e.style&&(a.top+=parseFloat(e.style.borderTopWidth)||0,a.left+=parseFloat(e.style.borderLeftWidth)||0),{top:r.top-a.top,left:r.left-a.left}}};var r={};$.expando="velocity"+(new Date).getTime(),$.uuid=0;for(var a={},n=a.hasOwnProperty,o=a.toString,i="Boolean Number String Function Array Date RegExp Object Error".split(" "),s=0;s<i.length;s++)a["[object "+i[s]+"]"]=i[s].toLowerCase();$.fn.init.prototype=$.fn,e.Velocity={Utilities:$}}}(window),function(e){"object"==typeof module&&"object"==typeof module.exports?module.exports=e():"function"==typeof define&&define.amd?define(e):e()}(function(){return function(e,t,r,a){function n(e){for(var t=-1,r=e?e.length:0,a=[];++t<r;){var n=e[t];n&&a.push(n)}return a}function o(e){return g.isWrapped(e)?e=[].slice.call(e):g.isNode(e)&&(e=[e]),e}function i(e){var t=$.data(e,"velocity");return null===t?a:t}function s(e){return function(t){return Math.round(t*e)*(1/e)}}function l(e,r,a,n){function o(e,t){return 1-3*t+3*e}function i(e,t){return 3*t-6*e}function s(e){return 3*e}function l(e,t,r){return((o(t,r)*e+i(t,r))*e+s(t))*e}function u(e,t,r){return 3*o(t,r)*e*e+2*i(t,r)*e+s(t)}function c(t,r){for(var n=0;m>n;++n){var o=u(r,e,a);if(0===o)return r;var i=l(r,e,a)-t;r-=i/o}return r}function p(){for(var t=0;b>t;++t)w[t]=l(t*x,e,a)}function f(t,r,n){var o,i,s=0;do i=r+(n-r)/2,o=l(i,e,a)-t,o>0?n=i:r=i;while(Math.abs(o)>h&&++s<v);return i}function d(t){for(var r=0,n=1,o=b-1;n!=o&&w[n]<=t;++n)r+=x;--n;var i=(t-w[n])/(w[n+1]-w[n]),s=r+i*x,l=u(s,e,a);return l>=y?c(t,s):0==l?s:f(t,r,r+x)}function g(){V=!0,(e!=r||a!=n)&&p()}var m=4,y=.001,h=1e-7,v=10,b=11,x=1/(b-1),S="Float32Array"in t;if(4!==arguments.length)return!1;for(var P=0;4>P;++P)if("number"!=typeof arguments[P]||isNaN(arguments[P])||!isFinite(arguments[P]))return!1;e=Math.min(e,1),a=Math.min(a,1),e=Math.max(e,0),a=Math.max(a,0);var w=S?new Float32Array(b):new Array(b),V=!1,C=function(t){return V||g(),e===r&&a===n?t:0===t?0:1===t?1:l(d(t),r,n)};C.getControlPoints=function(){return[{x:e,y:r},{x:a,y:n}]};var T="generateBezier("+[e,r,a,n]+")";return C.toString=function(){return T},C}function u(e,t){var r=e;return g.isString(e)?v.Easings[e]||(r=!1):r=g.isArray(e)&&1===e.length?s.apply(null,e):g.isArray(e)&&2===e.length?b.apply(null,e.concat([t])):g.isArray(e)&&4===e.length?l.apply(null,e):!1,r===!1&&(r=v.Easings[v.defaults.easing]?v.defaults.easing:h),r}function c(e){if(e)for(var t=(new Date).getTime(),r=0,n=v.State.calls.length;n>r;r++)if(v.State.calls[r]){var o=v.State.calls[r],s=o[0],l=o[2],u=o[3];u||(u=v.State.calls[r][3]=t-16);for(var f=Math.min((t-u)/l.duration,1),d=0,m=s.length;m>d;d++){var y=s[d],h=y.element;if(i(h)){var b=!1;if(l.display!==a&&null!==l.display&&"none"!==l.display){if("flex"===l.display){var S=["-webkit-box","-moz-box","-ms-flexbox","-webkit-flex"];$.each(S,function(e,t){x.setPropertyValue(h,"display",t)})}x.setPropertyValue(h,"display",l.display)}l.visibility&&"hidden"!==l.visibility&&x.setPropertyValue(h,"visibility",l.visibility);for(var w in y)if("element"!==w){var V=y[w],C,T=g.isString(V.easing)?v.Easings[V.easing]:V.easing;if(C=1===f?V.endValue:V.startValue+(V.endValue-V.startValue)*T(f),V.currentValue=C,x.Hooks.registered[w]){var k=x.Hooks.getRoot(w),A=i(h).rootPropertyValueCache[k];A&&(V.rootPropertyValue=A)}var F=x.setPropertyValue(h,w,V.currentValue+(0===parseFloat(C)?"":V.unitType),V.rootPropertyValue,V.scrollData);x.Hooks.registered[w]&&(i(h).rootPropertyValueCache[k]=x.Normalizations.registered[k]?x.Normalizations.registered[k]("extract",null,F[1]):F[1]),"transform"===F[0]&&(b=!0)}l.mobileHA&&i(h).transformCache.translate3d===a&&(i(h).transformCache.translate3d="(0px, 0px, 0px)",b=!0),b&&x.flushTransformCache(h)}}l.display!==a&&"none"!==l.display&&(v.State.calls[r][2].display=!1),l.visibility&&"hidden"!==l.visibility&&(v.State.calls[r][2].visibility=!1),l.progress&&l.progress.call(o[1],o[1],f,Math.max(0,u+l.duration-t),u),1===f&&p(r)}v.State.isTicking&&P(c)}function p(e,t){if(!v.State.calls[e])return!1;for(var r=v.State.calls[e][0],n=v.State.calls[e][1],o=v.State.calls[e][2],s=v.State.calls[e][4],l=!1,u=0,c=r.length;c>u;u++){var p=r[u].element;if(t||o.loop||("none"===o.display&&x.setPropertyValue(p,"display",o.display),"hidden"===o.visibility&&x.setPropertyValue(p,"visibility",o.visibility)),($.queue(p)[1]===a||!/\.velocityQueueEntryFlag/i.test($.queue(p)[1]))&&i(p)){i(p).isAnimating=!1,i(p).rootPropertyValueCache={};var f=!1;$.each(x.Lists.transforms3D,function(e,t){var r=/^scale/.test(t)?1:0,n=i(p).transformCache[t];i(p).transformCache[t]!==a&&new RegExp("^\\("+r+"[^.]").test(n)&&(f=!0,delete i(p).transformCache[t])}),o.mobileHA&&(f=!0,delete i(p).transformCache.translate3d),f&&x.flushTransformCache(p),x.Values.removeClass(p,"velocity-animating")}if(!t&&o.complete&&!o.loop&&u===c-1)try{o.complete.call(n,n)}catch(d){setTimeout(function(){throw d},1)}s&&o.loop!==!0&&s(n),o.loop!==!0||t||($.each(i(p).tweensContainer,function(e,t){/^rotate/.test(e)&&360===parseFloat(t.endValue)&&(t.endValue=0,t.startValue=360)}),v(p,"reverse",{loop:!0,delay:o.delay})),o.queue!==!1&&$.dequeue(p,o.queue)}v.State.calls[e]=!1;for(var g=0,m=v.State.calls.length;m>g;g++)if(v.State.calls[g]!==!1){l=!0;break}l===!1&&(v.State.isTicking=!1,delete v.State.calls,v.State.calls=[])}var f=function(){if(r.documentMode)return r.documentMode;for(var e=7;e>4;e--){var t=r.createElement("div");if(t.innerHTML="<!--[if IE "+e+"]><span></span><![endif]-->",t.getElementsByTagName("span").length)return t=null,e}return a}(),d=function(){var e=0;return t.webkitRequestAnimationFrame||t.mozRequestAnimationFrame||function(t){var r=(new Date).getTime(),a;return a=Math.max(0,16-(r-e)),e=r+a,setTimeout(function(){t(r+a)},a)}}(),g={isString:function(e){return"string"==typeof e},isArray:Array.isArray||function(e){return"[object Array]"===Object.prototype.toString.call(e)},isFunction:function(e){return"[object Function]"===Object.prototype.toString.call(e)},isNode:function(e){return e&&e.nodeType},isNodeList:function(e){return"object"==typeof e&&/^\[object (HTMLCollection|NodeList|Object)\]$/.test(Object.prototype.toString.call(e))&&e.length!==a&&(0===e.length||"object"==typeof e[0]&&e[0].nodeType>0)},isWrapped:function(e){return e&&(e.jquery||t.Zepto&&t.Zepto.zepto.isZ(e))},isSVG:function(e){return t.SVGElement&&e instanceof SVGElement},isEmptyObject:function(e){var t;for(t in e)return!1;return!0}},$,m=!1;if(e.fn&&e.fn.jquery?($=e,m=!0):$=t.Velocity.Utilities,8>=f&&!m)throw new Error("Velocity: IE8 and below require jQuery to be loaded before Velocity.");if(7>=f)return void(jQuery.fn.velocity=jQuery.fn.animate);var y=400,h="swing",v={State:{isMobile:/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent),isAndroid:/Android/i.test(navigator.userAgent),isGingerbread:/Android 2\.3\.[3-7]/i.test(navigator.userAgent),isChrome:t.chrome,isFirefox:/Firefox/i.test(navigator.userAgent),prefixElement:r.createElement("div"),prefixMatches:{},scrollAnchor:null,scrollPropertyLeft:null,scrollPropertyTop:null,isTicking:!1,calls:[]},CSS:{},Utilities:$,Sequences:{},Easings:{},Promise:t.Promise,defaults:{queue:"",duration:y,easing:h,begin:null,complete:null,progress:null,display:a,loop:!1,delay:!1,mobileHA:!0,_cacheValues:!0},init:function(e){$.data(e,"velocity",{isSVG:g.isSVG(e),isAnimating:!1,computedStyle:null,tweensContainer:null,rootPropertyValueCache:{},transformCache:{}})},animate:null,hook:null,mock:!1,version:{major:1,minor:0,patch:0},debug:!1};t.pageYOffset!==a?(v.State.scrollAnchor=t,v.State.scrollPropertyLeft="pageXOffset",v.State.scrollPropertyTop="pageYOffset"):(v.State.scrollAnchor=r.documentElement||r.body.parentNode||r.body,v.State.scrollPropertyLeft="scrollLeft",v.State.scrollPropertyTop="scrollTop");var b=function(){function e(e){return-e.tension*e.x-e.friction*e.v}function t(t,r,a){var n={x:t.x+a.dx*r,v:t.v+a.dv*r,tension:t.tension,friction:t.friction};return{dx:n.v,dv:e(n)}}function r(r,a){var n={dx:r.v,dv:e(r)},o=t(r,.5*a,n),i=t(r,.5*a,o),s=t(r,a,i),l=1/6*(n.dx+2*(o.dx+i.dx)+s.dx),u=1/6*(n.dv+2*(o.dv+i.dv)+s.dv);return r.x=r.x+l*a,r.v=r.v+u*a,r}return function a(e,t,n){var o={x:-1,v:0,tension:null,friction:null},i=[0],s=0,l=1e-4,u=.016,c,p,f;for(e=parseFloat(e)||500,t=parseFloat(t)||20,n=n||null,o.tension=e,o.friction=t,c=null!==n,c?(s=a(e,t),p=s/n*u):p=u;;)if(f=r(f||o,p),i.push(1+f.x),s+=16,!(Math.abs(f.x)>l&&Math.abs(f.v)>l))break;return c?function(e){return i[e*(i.length-1)|0]}:s}}();v.Easings={linear:function(e){return e},swing:function(e){return.5-Math.cos(e*Math.PI)/2},spring:function(e){return 1-Math.cos(4.5*e*Math.PI)*Math.exp(6*-e)}},$.each([["ease",[.25,.1,.25,1]],["ease-in",[.42,0,1,1]],["ease-out",[0,0,.58,1]],["ease-in-out",[.42,0,.58,1]],["easeInSine",[.47,0,.745,.715]],["easeOutSine",[.39,.575,.565,1]],["easeInOutSine",[.445,.05,.55,.95]],["easeInQuad",[.55,.085,.68,.53]],["easeOutQuad",[.25,.46,.45,.94]],["easeInOutQuad",[.455,.03,.515,.955]],["easeInCubic",[.55,.055,.675,.19]],["easeOutCubic",[.215,.61,.355,1]],["easeInOutCubic",[.645,.045,.355,1]],["easeInQuart",[.895,.03,.685,.22]],["easeOutQuart",[.165,.84,.44,1]],["easeInOutQuart",[.77,0,.175,1]],["easeInQuint",[.755,.05,.855,.06]],["easeOutQuint",[.23,1,.32,1]],["easeInOutQuint",[.86,0,.07,1]],["easeInExpo",[.95,.05,.795,.035]],["easeOutExpo",[.19,1,.22,1]],["easeInOutExpo",[1,0,0,1]],["easeInCirc",[.6,.04,.98,.335]],["easeOutCirc",[.075,.82,.165,1]],["easeInOutCirc",[.785,.135,.15,.86]]],function(e,t){v.Easings[t[0]]=l.apply(null,t[1])});var x=v.CSS={RegEx:{isHex:/^#([A-f\d]{3}){1,2}$/i,valueUnwrap:/^[A-z]+\((.*)\)$/i,wrappedValueAlreadyExtracted:/[0-9.]+ [0-9.]+ [0-9.]+( [0-9.]+)?/,valueSplit:/([A-z]+\(.+\))|(([A-z0-9#-.]+?)(?=\s|$))/gi},Lists:{colors:["fill","stroke","stopColor","color","backgroundColor","borderColor","borderTopColor","borderRightColor","borderBottomColor","borderLeftColor","outlineColor"],transformsBase:["translateX","translateY","scale","scaleX","scaleY","skewX","skewY","rotateZ"],transforms3D:["transformPerspective","translateZ","scaleZ","rotateX","rotateY"]},Hooks:{templates:{textShadow:["Color X Y Blur","black 0px 0px 0px"],boxShadow:["Color X Y Blur Spread","black 0px 0px 0px 0px"],clip:["Top Right Bottom Left","0px 0px 0px 0px"],backgroundPosition:["X Y","0% 0%"],transformOrigin:["X Y Z","50% 50% 0px"],perspectiveOrigin:["X Y","50% 50%"]},registered:{},register:function(){for(var e=0;e<x.Lists.colors.length;e++)x.Hooks.templates[x.Lists.colors[e]]=["Red Green Blue Alpha","255 255 255 1"];var t,r,a;if(f)for(t in x.Hooks.templates){r=x.Hooks.templates[t],a=r[0].split(" ");var n=r[1].match(x.RegEx.valueSplit);"Color"===a[0]&&(a.push(a.shift()),n.push(n.shift()),x.Hooks.templates[t]=[a.join(" "),n.join(" ")])}for(t in x.Hooks.templates){r=x.Hooks.templates[t],a=r[0].split(" ");for(var e in a){var o=t+a[e],i=e;x.Hooks.registered[o]=[t,i]}}},getRoot:function(e){var t=x.Hooks.registered[e];return t?t[0]:e},cleanRootPropertyValue:function(e,t){return x.RegEx.valueUnwrap.test(t)&&(t=t.match(x.Hooks.RegEx.valueUnwrap)[1]),x.Values.isCSSNullValue(t)&&(t=x.Hooks.templates[e][1]),t},extractValue:function(e,t){var r=x.Hooks.registered[e];if(r){var a=r[0],n=r[1];return t=x.Hooks.cleanRootPropertyValue(a,t),t.toString().match(x.RegEx.valueSplit)[n]}return t},injectValue:function(e,t,r){var a=x.Hooks.registered[e];if(a){var n=a[0],o=a[1],i,s;return r=x.Hooks.cleanRootPropertyValue(n,r),i=r.toString().match(x.RegEx.valueSplit),i[o]=t,s=i.join(" ")}return r}},Normalizations:{registered:{clip:function(e,t,r){switch(e){case"name":return"clip";case"extract":var a;return x.RegEx.wrappedValueAlreadyExtracted.test(r)?a=r:(a=r.toString().match(x.RegEx.valueUnwrap),a=a?a[1].replace(/,(\s+)?/g," "):r),a;case"inject":return"rect("+r+")"}},opacity:function(e,t,r){if(8>=f)switch(e){case"name":return"filter";case"extract":var a=r.toString().match(/alpha\(opacity=(.*)\)/i);return r=a?a[1]/100:1;case"inject":return t.style.zoom=1,parseFloat(r)>=1?"":"alpha(opacity="+parseInt(100*parseFloat(r),10)+")"}else switch(e){case"name":return"opacity";case"extract":return r;case"inject":return r}}},register:function(){9>=f||v.State.isGingerbread||(x.Lists.transformsBase=x.Lists.transformsBase.concat(x.Lists.transforms3D));for(var e=0;e<x.Lists.transformsBase.length;e++)!function(){var t=x.Lists.transformsBase[e];x.Normalizations.registered[t]=function(e,r,n){switch(e){case"name":return"transform";case"extract":return i(r)===a||i(r).transformCache[t]===a?/^scale/i.test(t)?1:0:i(r).transformCache[t].replace(/[()]/g,"");case"inject":var o=!1;switch(t.substr(0,t.length-1)){case"translate":o=!/(%|px|em|rem|vw|vh|\d)$/i.test(n);break;case"scal":case"scale":v.State.isAndroid&&i(r).transformCache[t]===a&&1>n&&(n=1),o=!/(\d)$/i.test(n);break;case"skew":o=!/(deg|\d)$/i.test(n);break;case"rotate":o=!/(deg|\d)$/i.test(n)}return o||(i(r).transformCache[t]="("+n+")"),i(r).transformCache[t]}}}();for(var e=0;e<x.Lists.colors.length;e++)!function(){var t=x.Lists.colors[e];x.Normalizations.registered[t]=function(e,r,n){switch(e){case"name":return t;case"extract":var o;if(x.RegEx.wrappedValueAlreadyExtracted.test(n))o=n;else{var i,s={black:"rgb(0, 0, 0)",blue:"rgb(0, 0, 255)",gray:"rgb(128, 128, 128)",green:"rgb(0, 128, 0)",red:"rgb(255, 0, 0)",white:"rgb(255, 255, 255)"};/^[A-z]+$/i.test(n)?i=s[n]!==a?s[n]:s.black:x.RegEx.isHex.test(n)?i="rgb("+x.Values.hexToRgb(n).join(" ")+")":/^rgba?\(/i.test(n)||(i=s.black),o=(i||n).toString().match(x.RegEx.valueUnwrap)[1].replace(/,(\s+)?/g," ")}return 8>=f||3!==o.split(" ").length||(o+=" 1"),o;case"inject":return 8>=f?4===n.split(" ").length&&(n=n.split(/\s+/).slice(0,3).join(" ")):3===n.split(" ").length&&(n+=" 1"),(8>=f?"rgb":"rgba")+"("+n.replace(/\s+/g,",").replace(/\.(\d)+(?=,)/g,"")+")"}}}()}},Names:{camelCase:function(e){return e.replace(/-(\w)/g,function(e,t){return t.toUpperCase()})},SVGAttribute:function(e){var t="width|height|x|y|cx|cy|r|rx|ry|x1|x2|y1|y2";return(f||v.State.isAndroid&&!v.State.isChrome)&&(t+="|transform"),new RegExp("^("+t+")$","i").test(e)},prefixCheck:function(e){if(v.State.prefixMatches[e])return[v.State.prefixMatches[e],!0];for(var t=["","Webkit","Moz","ms","O"],r=0,a=t.length;a>r;r++){var n;if(n=0===r?e:t[r]+e.replace(/^\w/,function(e){return e.toUpperCase()}),g.isString(v.State.prefixElement.style[n]))return v.State.prefixMatches[e]=n,[n,!0]}return[e,!1]}},Values:{hexToRgb:function(e){var t=/^#?([a-f\d])([a-f\d])([a-f\d])$/i,r=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i,a;return e=e.replace(t,function(e,t,r,a){return t+t+r+r+a+a}),a=r.exec(e),a?[parseInt(a[1],16),parseInt(a[2],16),parseInt(a[3],16)]:[0,0,0]},isCSSNullValue:function(e){return 0==e||/^(none|auto|transparent|(rgba\(0, ?0, ?0, ?0\)))$/i.test(e)},getUnitType:function(e){return/^(rotate|skew)/i.test(e)?"deg":/(^(scale|scaleX|scaleY|scaleZ|alpha|flexGrow|flexHeight|zIndex|fontWeight)$)|((opacity|red|green|blue|alpha)$)/i.test(e)?"":"px"},getDisplayType:function(e){var t=e.tagName.toString().toLowerCase();return/^(b|big|i|small|tt|abbr|acronym|cite|code|dfn|em|kbd|strong|samp|var|a|bdo|br|img|map|object|q|script|span|sub|sup|button|input|label|select|textarea)$/i.test(t)?"inline":/^(li)$/i.test(t)?"list-item":/^(tr)$/i.test(t)?"table-row":"block"},addClass:function(e,t){e.classList?e.classList.add(t):e.className+=(e.className.length?" ":"")+t},removeClass:function(e,t){e.classList?e.classList.remove(t):e.className=e.className.toString().replace(new RegExp("(^|\\s)"+t.split(" ").join("|")+"(\\s|$)","gi")," ")}},getPropertyValue:function(e,r,n,o){function s(e,r){function n(){u&&x.setPropertyValue(e,"display","none")}var l=0;if(8>=f)l=$.css(e,r);else{var u=!1;if(/^(width|height)$/.test(r)&&0===x.getPropertyValue(e,"display")&&(u=!0,x.setPropertyValue(e,"display",x.Values.getDisplayType(e))),!o){if("height"===r&&"border-box"!==x.getPropertyValue(e,"boxSizing").toString().toLowerCase()){var c=e.offsetHeight-(parseFloat(x.getPropertyValue(e,"borderTopWidth"))||0)-(parseFloat(x.getPropertyValue(e,"borderBottomWidth"))||0)-(parseFloat(x.getPropertyValue(e,"paddingTop"))||0)-(parseFloat(x.getPropertyValue(e,"paddingBottom"))||0);return n(),c}if("width"===r&&"border-box"!==x.getPropertyValue(e,"boxSizing").toString().toLowerCase()){var p=e.offsetWidth-(parseFloat(x.getPropertyValue(e,"borderLeftWidth"))||0)-(parseFloat(x.getPropertyValue(e,"borderRightWidth"))||0)-(parseFloat(x.getPropertyValue(e,"paddingLeft"))||0)-(parseFloat(x.getPropertyValue(e,"paddingRight"))||0);return n(),p}}var d;d=i(e)===a?t.getComputedStyle(e,null):i(e).computedStyle?i(e).computedStyle:i(e).computedStyle=t.getComputedStyle(e,null),(f||v.State.isFirefox)&&"borderColor"===r&&(r="borderTopColor"),l=9===f&&"filter"===r?d.getPropertyValue(r):d[r],(""===l||null===l)&&(l=e.style[r]),n()}if("auto"===l&&/^(top|right|bottom|left)$/i.test(r)){var g=s(e,"position");("fixed"===g||"absolute"===g&&/top|left/i.test(r))&&(l=$(e).position()[r]+"px")}return l}var l;if(x.Hooks.registered[r]){var u=r,c=x.Hooks.getRoot(u);n===a&&(n=x.getPropertyValue(e,x.Names.prefixCheck(c)[0])),x.Normalizations.registered[c]&&(n=x.Normalizations.registered[c]("extract",e,n)),l=x.Hooks.extractValue(u,n)}else if(x.Normalizations.registered[r]){var p,d;p=x.Normalizations.registered[r]("name",e),"transform"!==p&&(d=s(e,x.Names.prefixCheck(p)[0]),x.Values.isCSSNullValue(d)&&x.Hooks.templates[r]&&(d=x.Hooks.templates[r][1])),l=x.Normalizations.registered[r]("extract",e,d)}return/^[\d-]/.test(l)||(l=i(e)&&i(e).isSVG&&x.Names.SVGAttribute(r)?/^(height|width)$/i.test(r)?e.getBBox()[r]:e.getAttribute(r):s(e,x.Names.prefixCheck(r)[0])),x.Values.isCSSNullValue(l)&&(l=0),v.debug>=2&&console.log("Get "+r+": "+l),l},setPropertyValue:function(e,r,a,n,o){var s=r;if("scroll"===r)o.container?o.container["scroll"+o.direction]=a:"Left"===o.direction?t.scrollTo(a,o.alternateValue):t.scrollTo(o.alternateValue,a);else if(x.Normalizations.registered[r]&&"transform"===x.Normalizations.registered[r]("name",e))x.Normalizations.registered[r]("inject",e,a),s="transform",a=i(e).transformCache[r];else{if(x.Hooks.registered[r]){var l=r,u=x.Hooks.getRoot(r);n=n||x.getPropertyValue(e,u),a=x.Hooks.injectValue(l,a,n),r=u}if(x.Normalizations.registered[r]&&(a=x.Normalizations.registered[r]("inject",e,a),r=x.Normalizations.registered[r]("name",e)),s=x.Names.prefixCheck(r)[0],8>=f)try{e.style[s]=a}catch(c){v.debug&&console.log("Browser does not support ["+a+"] for ["+s+"]")}else i(e)&&i(e).isSVG&&x.Names.SVGAttribute(r)?e.setAttribute(r,a):e.style[s]=a;v.debug>=2&&console.log("Set "+r+" ("+s+"): "+a)}return[s,a]},flushTransformCache:function(e){function t(t){return parseFloat(x.getPropertyValue(e,t))}var r="";if((f||v.State.isAndroid&&!v.State.isChrome)&&i(e).isSVG){var a={translate:[t("translateX"),t("translateY")],skewX:[t("skewX")],skewY:[t("skewY")],scale:1!==t("scale")?[t("scale"),t("scale")]:[t("scaleX"),t("scaleY")],rotate:[t("rotateZ"),0,0]};$.each(i(e).transformCache,function(e){/^translate/i.test(e)?e="translate":/^scale/i.test(e)?e="scale":/^rotate/i.test(e)&&(e="rotate"),a[e]&&(r+=e+"("+a[e].join(" ")+") ",delete a[e])})}else{var n,o;$.each(i(e).transformCache,function(t){return n=i(e).transformCache[t],"transformPerspective"===t?(o=n,!0):(9===f&&"rotateZ"===t&&(t="rotate"),void(r+=t+n+" "))}),o&&(r="perspective"+o+" "+r)}x.setPropertyValue(e,"transform",r)}};x.Hooks.register(),x.Normalizations.register(),v.hook=function(e,t,r){var n=a;return e=o(e),$.each(e,function(e,o){if(i(o)===a&&v.init(o),r===a)n===a&&(n=v.CSS.getPropertyValue(o,t));else{var s=v.CSS.setPropertyValue(o,t,r);"transform"===s[0]&&v.CSS.flushTransformCache(o),n=s}}),n};var S=function(){function e(){return f?k.promise||null:d}function s(){function e(e){function f(e,t){var r=a,n=a,i=a;return g.isArray(e)?(r=e[0],!g.isArray(e[1])&&/^[\d-]/.test(e[1])||g.isFunction(e[1])||x.RegEx.isHex.test(e[1])?i=e[1]:(g.isString(e[1])&&!x.RegEx.isHex.test(e[1])||g.isArray(e[1]))&&(n=t?e[1]:u(e[1],s.duration),e[2]!==a&&(i=e[2]))):r=e,t||(n=n||s.easing),g.isFunction(r)&&(r=r.call(o,V,w)),g.isFunction(i)&&(i=i.call(o,V,w)),[r||0,n,i]}function d(e,t){var r,a;return a=(t||0).toString().toLowerCase().replace(/[%A-z]+$/,function(e){return r=e,""}),r||(r=x.Values.getUnitType(e)),[a,r]}function m(){var e={myParent:o.parentNode||r.body,position:x.getPropertyValue(o,"position"),fontSize:x.getPropertyValue(o,"fontSize")},a=e.position===L.lastPosition&&e.myParent===L.lastParent,n=e.fontSize===L.lastFontSize;L.lastParent=e.myParent,L.lastPosition=e.position,L.lastFontSize=e.fontSize;var s=100,l={};if(n&&a)l.emToPx=L.lastEmToPx,l.percentToPxWidth=L.lastPercentToPxWidth,l.percentToPxHeight=L.lastPercentToPxHeight;else{var u=i(o).isSVG?r.createElementNS("http://www.w3.org/2000/svg","rect"):r.createElement("div");v.init(u),e.myParent.appendChild(u),$.each(["overflow","overflowX","overflowY"],function(e,t){v.CSS.setPropertyValue(u,t,"hidden")}),v.CSS.setPropertyValue(u,"position",e.position),v.CSS.setPropertyValue(u,"fontSize",e.fontSize),v.CSS.setPropertyValue(u,"boxSizing","content-box"),$.each(["minWidth","maxWidth","width","minHeight","maxHeight","height"],function(e,t){v.CSS.setPropertyValue(u,t,s+"%")}),v.CSS.setPropertyValue(u,"paddingLeft",s+"em"),l.percentToPxWidth=L.lastPercentToPxWidth=(parseFloat(x.getPropertyValue(u,"width",null,!0))||1)/s,l.percentToPxHeight=L.lastPercentToPxHeight=(parseFloat(x.getPropertyValue(u,"height",null,!0))||1)/s,l.emToPx=L.lastEmToPx=(parseFloat(x.getPropertyValue(u,"paddingLeft"))||1)/s,e.myParent.removeChild(u)}return null===L.remToPx&&(L.remToPx=parseFloat(x.getPropertyValue(r.body,"fontSize"))||16),null===L.vwToPx&&(L.vwToPx=parseFloat(t.innerWidth)/100,L.vhToPx=parseFloat(t.innerHeight)/100),l.remToPx=L.remToPx,l.vwToPx=L.vwToPx,l.vhToPx=L.vhToPx,v.debug>=1&&console.log("Unit ratios: "+JSON.stringify(l),o),l}if(s.begin&&0===V)try{s.begin.call(h,h)}catch(y){setTimeout(function(){throw y},1)}if("scroll"===A){var S=/^x$/i.test(s.axis)?"Left":"Top",C=parseFloat(s.offset)||0,T,F,E;s.container?g.isWrapped(s.container)||g.isNode(s.container)?(s.container=s.container[0]||s.container,T=s.container["scroll"+S],E=T+$(o).position()[S.toLowerCase()]+C):s.container=null:(T=v.State.scrollAnchor[v.State["scrollProperty"+S]],F=v.State.scrollAnchor[v.State["scrollProperty"+("Left"===S?"Top":"Left")]],E=$(o).offset()[S.toLowerCase()]+C),l={scroll:{rootPropertyValue:!1,startValue:T,currentValue:T,endValue:E,unitType:"",easing:s.easing,scrollData:{container:s.container,direction:S,alternateValue:F}},element:o},v.debug&&console.log("tweensContainer (scroll): ",l.scroll,o)}else if("reverse"===A){if(!i(o).tweensContainer)return void $.dequeue(o,s.queue);"none"===i(o).opts.display&&(i(o).opts.display="auto"),"hidden"===i(o).opts.visibility&&(i(o).opts.visibility="visible"),i(o).opts.loop=!1,i(o).opts.begin=null,i(o).opts.complete=null,P.easing||delete s.easing,P.duration||delete s.duration,s=$.extend({},i(o).opts,s);var j=$.extend(!0,{},i(o).tweensContainer);for(var H in j)if("element"!==H){var N=j[H].startValue;j[H].startValue=j[H].currentValue=j[H].endValue,j[H].endValue=N,g.isEmptyObject(P)||(j[H].easing=s.easing),v.debug&&console.log("reverse tweensContainer ("+H+"): "+JSON.stringify(j[H]),o)}l=j}else if("start"===A){var j;i(o).tweensContainer&&i(o).isAnimating===!0&&(j=i(o).tweensContainer),$.each(b,function(e,t){if(RegExp("^"+x.Lists.colors.join("$|^")+"$").test(e)){var r=f(t,!0),n=r[0],o=r[1],i=r[2];if(x.RegEx.isHex.test(n)){for(var s=["Red","Green","Blue"],l=x.Values.hexToRgb(n),u=i?x.Values.hexToRgb(i):a,c=0;c<s.length;c++)b[e+s[c]]=[l[c],o,u?u[c]:u];delete b[e]}}});for(var z in b){var q=f(b[z]),R=q[0],M=q[1],I=q[2];z=x.Names.camelCase(z);var W=x.Hooks.getRoot(z),B=!1;if(i(o).isSVG||x.Names.prefixCheck(W)[1]!==!1||x.Normalizations.registered[W]!==a){(s.display!==a&&null!==s.display&&"none"!==s.display||s.visibility&&"hidden"!==s.visibility)&&/opacity|filter/.test(z)&&!I&&0!==R&&(I=0),s._cacheValues&&j&&j[z]?(I===a&&(I=j[z].endValue+j[z].unitType),B=i(o).rootPropertyValueCache[W]):x.Hooks.registered[z]?I===a?(B=x.getPropertyValue(o,W),I=x.getPropertyValue(o,z,B)):B=x.Hooks.templates[W][1]:I===a&&(I=x.getPropertyValue(o,z));var G,D,X,Y=!1;if(G=d(z,I),I=G[0],X=G[1],G=d(z,R),R=G[0].replace(/^([+-\/*])=/,function(e,t){return Y=t,""}),D=G[1],I=parseFloat(I)||0,R=parseFloat(R)||0,"%"===D&&(/^(fontSize|lineHeight)$/.test(z)?(R/=100,D="em"):/^scale/.test(z)?(R/=100,D=""):/(Red|Green|Blue)$/i.test(z)&&(R=R/100*255,D="")),/[\/*]/.test(Y))D=X;else if(X!==D&&0!==I)if(0===R)D=X;else{p=p||m();var Q=/margin|padding|left|right|width|text|word|letter/i.test(z)||/X$/.test(z)||"x"===z?"x":"y";switch(X){case"%":I*="x"===Q?p.percentToPxWidth:p.percentToPxHeight;break;case"px":break;default:I*=p[X+"ToPx"]}switch(D){case"%":I*=1/("x"===Q?p.percentToPxWidth:p.percentToPxHeight);break;case"px":break;default:I*=1/p[D+"ToPx"]}}switch(Y){case"+":R=I+R;break;case"-":R=I-R;break;case"*":R=I*R;break;case"/":R=I/R}l[z]={rootPropertyValue:B,startValue:I,currentValue:I,endValue:R,unitType:D,easing:M},v.debug&&console.log("tweensContainer ("+z+"): "+JSON.stringify(l[z]),o)}else v.debug&&console.log("Skipping ["+W+"] due to a lack of browser support.")}l.element=o}l.element&&(x.Values.addClass(o,"velocity-animating"),O.push(l),""===s.queue&&(i(o).tweensContainer=l,i(o).opts=s),i(o).isAnimating=!0,V===w-1?(v.State.calls.length>1e4&&(v.State.calls=n(v.State.calls)),v.State.calls.push([O,h,s,null,k.resolver]),v.State.isTicking===!1&&(v.State.isTicking=!0,c())):V++)}var o=this,s=$.extend({},v.defaults,P),l={},p;if(i(o)===a&&v.init(o),parseFloat(s.delay)&&s.queue!==!1&&$.queue(o,s.queue,function(e){v.velocityQueueEntryFlag=!0,i(o).delayTimer={setTimeout:setTimeout(e,parseFloat(s.delay)),next:e}}),v.mock===!0)s.duration=1;else switch(s.duration.toString().toLowerCase()){case"fast":s.duration=200;break;case"normal":s.duration=y;break;case"slow":s.duration=600;break;default:s.duration=parseFloat(s.duration)||1}s.easing=u(s.easing,s.duration),s.begin&&!g.isFunction(s.begin)&&(s.begin=null),s.progress&&!g.isFunction(s.progress)&&(s.progress=null),s.complete&&!g.isFunction(s.complete)&&(s.complete=null),s.display!==a&&null!==s.display&&(s.display=s.display.toString().toLowerCase(),"auto"===s.display&&(s.display=v.CSS.Values.getDisplayType(o))),s.visibility&&(s.visibility=s.visibility.toString().toLowerCase()),s.mobileHA=s.mobileHA&&v.State.isMobile&&!v.State.isGingerbread,s.queue===!1?s.delay?setTimeout(e,s.delay):e():$.queue(o,s.queue,function(t,r){return r===!0?(k.promise&&k.resolver(h),!0):(v.velocityQueueEntryFlag=!0,void e(t))}),""!==s.queue&&"fx"!==s.queue||"inprogress"===$.queue(o)[0]||$.dequeue(o)}var l=arguments[0]&&($.isPlainObject(arguments[0].properties)&&!arguments[0].properties.names||g.isString(arguments[0].properties)),f,d,m,h,b,P;if(g.isWrapped(this)?(f=!1,m=0,h=this,d=this):(f=!0,m=1,h=l?arguments[0].elements:arguments[0]),h=o(h)){l?(b=arguments[0].properties,P=arguments[0].options):(b=arguments[m],P=arguments[m+1]);var w=h.length,V=0;if("stop"!==b&&!$.isPlainObject(P)){var C=m+1;P={};for(var T=C;T<arguments.length;T++)g.isArray(arguments[T])||!/fast|normal|slow/i.test(arguments[T].toString())&&!/^\d/.test(arguments[T])?g.isString(arguments[T])||g.isArray(arguments[T])?P.easing=arguments[T]:g.isFunction(arguments[T])&&(P.complete=arguments[T]):P.duration=arguments[T]}var k={promise:null,resolver:null,rejecter:null};f&&v.Promise&&(k.promise=new v.Promise(function(e,t){k.resolver=e,k.rejecter=t}));var A;switch(b){case"scroll":A="scroll";break;case"reverse":A="reverse";break;case"stop":$.each(h,function(e,t){i(t)&&i(t).delayTimer&&(clearTimeout(i(t).delayTimer.setTimeout),i(t).delayTimer.next&&i(t).delayTimer.next(),delete i(t).delayTimer)});var F=[];return $.each(v.State.calls,function(e,t){t&&$.each(t[1],function(r,n){var o=g.isString(P)?P:"";return P!==a&&t[2].queue!==o?!0:void $.each(h,function(t,r){r===n&&(P!==a&&($.each($.queue(r,o),function(e,t){g.isFunction(t)&&t(null,!0)}),$.queue(r,o,[])),i(r)&&""===o&&$.each(i(r).tweensContainer,function(e,t){t.endValue=t.currentValue}),F.push(e))})})}),$.each(F,function(e,t){p(t,!0)}),k.promise&&k.resolver(h),e();default:if(!$.isPlainObject(b)||g.isEmptyObject(b)){if(g.isString(b)&&v.Sequences[b]){var E=$.extend({},P),j=E.duration,H=E.delay||0;return E.backwards===!0&&(h=h.reverse()),$.each(h,function(e,t){parseFloat(E.stagger)?E.delay=H+parseFloat(E.stagger)*e:g.isFunction(E.stagger)&&(E.delay=H+E.stagger.call(t,e,w)),E.drag&&(E.duration=parseFloat(j)||(/^(callout|transition)/.test(b)?1e3:y),E.duration=Math.max(E.duration*(E.backwards?1-e/w:(e+1)/w),.75*E.duration,200)),v.Sequences[b].call(t,t,E||{},e,w,h,k.promise?k:a)}),e()}var N="Velocity: First argument ("+b+") was not a property map, a known action, or a registered sequence. Aborting.";return k.promise?k.rejecter(new Error(N)):console.log(N),e()}A="start"}var L={lastParent:null,lastPosition:null,lastFontSize:null,lastPercentToPxWidth:null,lastPercentToPxHeight:null,lastEmToPx:null,remToPx:null,vwToPx:null,vhToPx:null},O=[];
-$.each(h,function(e,t){g.isNode(t)&&s.call(t)});var E=$.extend({},v.defaults,P),z;if(E.loop=parseInt(E.loop),z=2*E.loop-1,E.loop)for(var q=0;z>q;q++){var R={delay:E.delay};q===z-1&&(R.display=E.display,R.visibility=E.visibility,R.complete=E.complete),S(h,"reverse",R)}return e()}};v=$.extend(S,v),v.animate=S;var P=t.requestAnimationFrame||d;return v.State.isMobile||r.hidden===a||r.addEventListener("visibilitychange",function(){r.hidden?(P=function(e){return setTimeout(function(){e(!0)},16)},c()):P=t.requestAnimationFrame||d}),e.Velocity=v,e!==t&&(e.fn.velocity=S,e.fn.velocity.defaults=v.defaults),$.each(["Down","Up"],function(e,t){v.Sequences["slide"+t]=function(e,r,n,o,i,s){var l=$.extend({},r),u=l.begin,c=l.complete,p={height:"",marginTop:"",marginBottom:"",paddingTop:"",paddingBottom:""},f={};l.display===a&&(l.display="Down"===t?"inline"===v.CSS.Values.getDisplayType(e)?"inline-block":"block":"none"),l.begin=function(){u&&u.call(i,i),f.overflow=e.style.overflow,e.style.overflow="hidden";for(var r in p){f[r]=e.style[r];var a=v.CSS.getPropertyValue(e,r);p[r]="Down"===t?[a,0]:[0,a]}},l.complete=function(){for(var t in f)e.style[t]=f[t];c&&c.call(i,i),s&&s.resolver(i)},v(e,p,l)}}),$.each(["In","Out"],function(e,t){v.Sequences["fade"+t]=function(e,r,n,o,i,s){var l=$.extend({},r),u={opacity:"In"===t?1:0},c=l.complete;l.complete=n!==o-1?l.begin=null:function(){c&&c.call(i,i),s&&s.resolver(i)},l.display===a&&(l.display="In"===t?"auto":"none"),v(this,u,l)}}),v}(window.jQuery||window.Zepto||window,window,document)});
\ No newline at end of file
+/*! VelocityJS.org (1.2.1). (C) 2014 Julian Shapiro. MIT @license: en.wikipedia.org/wiki/MIT_License */
+/*! VelocityJS.org jQuery Shim (1.0.1). (C) 2014 The jQuery Foundation. MIT @license: en.wikipedia.org/wiki/MIT_License. */
+!function(e){function t(e){var t=e.length,r=$.type(e);return"function"===r||$.isWindow(e)?!1:1===e.nodeType&&t?!0:"array"===r||0===t||"number"==typeof t&&t>0&&t-1 in e}if(!e.jQuery){var $=function(e,t){return new $.fn.init(e,t)};$.isWindow=function(e){return null!=e&&e==e.window},$.type=function(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?a[o.call(e)]||"object":typeof e},$.isArray=Array.isArray||function(e){return"array"===$.type(e)},$.isPlainObject=function(e){var t;if(!e||"object"!==$.type(e)||e.nodeType||$.isWindow(e))return!1;try{if(e.constructor&&!n.call(e,"constructor")&&!n.call(e.constructor.prototype,"isPrototypeOf"))return!1}catch(r){return!1}for(t in e);return void 0===t||n.call(e,t)},$.each=function(e,r,a){var n,o=0,i=e.length,s=t(e);if(a){if(s)for(;i>o&&(n=r.apply(e[o],a),n!==!1);o++);else for(o in e)if(n=r.apply(e[o],a),n===!1)break}else if(s)for(;i>o&&(n=r.call(e[o],o,e[o]),n!==!1);o++);else for(o in e)if(n=r.call(e[o],o,e[o]),n===!1)break;return e},$.data=function(e,t,a){if(void 0===a){var n=e[$.expando],o=n&&r[n];if(void 0===t)return o;if(o&&t in o)return o[t]}else if(void 0!==t){var n=e[$.expando]||(e[$.expando]=++$.uuid);return r[n]=r[n]||{},r[n][t]=a,a}},$.removeData=function(e,t){var a=e[$.expando],n=a&&r[a];n&&$.each(t,function(e,t){delete n[t]})},$.extend=function(){var e,t,r,a,n,o,i=arguments[0]||{},s=1,l=arguments.length,u=!1;for("boolean"==typeof i&&(u=i,i=arguments[s]||{},s++),"object"!=typeof i&&"function"!==$.type(i)&&(i={}),s===l&&(i=this,s--);l>s;s++)if(null!=(n=arguments[s]))for(a in n)e=i[a],r=n[a],i!==r&&(u&&r&&($.isPlainObject(r)||(t=$.isArray(r)))?(t?(t=!1,o=e&&$.isArray(e)?e:[]):o=e&&$.isPlainObject(e)?e:{},i[a]=$.extend(u,o,r)):void 0!==r&&(i[a]=r));return i},$.queue=function(e,r,a){function n(e,r){var a=r||[];return null!=e&&(t(Object(e))?!function(e,t){for(var r=+t.length,a=0,n=e.length;r>a;)e[n++]=t[a++];if(r!==r)for(;void 0!==t[a];)e[n++]=t[a++];return e.length=n,e}(a,"string"==typeof e?[e]:e):[].push.call(a,e)),a}if(e){r=(r||"fx")+"queue";var o=$.data(e,r);return a?(!o||$.isArray(a)?o=$.data(e,r,n(a)):o.push(a),o):o||[]}},$.dequeue=function(e,t){$.each(e.nodeType?[e]:e,function(e,r){t=t||"fx";var a=$.queue(r,t),n=a.shift();"inprogress"===n&&(n=a.shift()),n&&("fx"===t&&a.unshift("inprogress"),n.call(r,function(){$.dequeue(r,t)}))})},$.fn=$.prototype={init:function(e){if(e.nodeType)return this[0]=e,this;throw new Error("Not a DOM node.")},offset:function(){var t=this[0].getBoundingClientRect?this[0].getBoundingClientRect():{top:0,left:0};return{top:t.top+(e.pageYOffset||document.scrollTop||0)-(document.clientTop||0),left:t.left+(e.pageXOffset||document.scrollLeft||0)-(document.clientLeft||0)}},position:function(){function e(){for(var e=this.offsetParent||document;e&&"html"===!e.nodeType.toLowerCase&&"static"===e.style.position;)e=e.offsetParent;return e||document}var t=this[0],e=e.apply(t),r=this.offset(),a=/^(?:body|html)$/i.test(e.nodeName)?{top:0,left:0}:$(e).offset();return r.top-=parseFloat(t.style.marginTop)||0,r.left-=parseFloat(t.style.marginLeft)||0,e.style&&(a.top+=parseFloat(e.style.borderTopWidth)||0,a.left+=parseFloat(e.style.borderLeftWidth)||0),{top:r.top-a.top,left:r.left-a.left}}};var r={};$.expando="velocity"+(new Date).getTime(),$.uuid=0;for(var a={},n=a.hasOwnProperty,o=a.toString,i="Boolean Number String Function Array Date RegExp Object Error".split(" "),s=0;s<i.length;s++)a["[object "+i[s]+"]"]=i[s].toLowerCase();$.fn.init.prototype=$.fn,e.Velocity={Utilities:$}}}(window),function(e){"object"==typeof module&&"object"==typeof module.exports?module.exports=e():"function"==typeof define&&define.amd?define(e):e()}(function(){return function(e,t,r,a){function n(e){for(var t=-1,r=e?e.length:0,a=[];++t<r;){var n=e[t];n&&a.push(n)}return a}function o(e){return g.isWrapped(e)?e=[].slice.call(e):g.isNode(e)&&(e=[e]),e}function i(e){var t=$.data(e,"velocity");return null===t?a:t}function s(e){return function(t){return Math.round(t*e)*(1/e)}}function l(e,r,a,n){function o(e,t){return 1-3*t+3*e}function i(e,t){return 3*t-6*e}function s(e){return 3*e}function l(e,t,r){return((o(t,r)*e+i(t,r))*e+s(t))*e}function u(e,t,r){return 3*o(t,r)*e*e+2*i(t,r)*e+s(t)}function c(t,r){for(var n=0;m>n;++n){var o=u(r,e,a);if(0===o)return r;var i=l(r,e,a)-t;r-=i/o}return r}function p(){for(var t=0;b>t;++t)w[t]=l(t*x,e,a)}function f(t,r,n){var o,i,s=0;do i=r+(n-r)/2,o=l(i,e,a)-t,o>0?n=i:r=i;while(Math.abs(o)>h&&++s<v);return i}function d(t){for(var r=0,n=1,o=b-1;n!=o&&w[n]<=t;++n)r+=x;--n;var i=(t-w[n])/(w[n+1]-w[n]),s=r+i*x,l=u(s,e,a);return l>=y?c(t,s):0==l?s:f(t,r,r+x)}function g(){V=!0,(e!=r||a!=n)&&p()}var m=4,y=.001,h=1e-7,v=10,b=11,x=1/(b-1),S="Float32Array"in t;if(4!==arguments.length)return!1;for(var P=0;4>P;++P)if("number"!=typeof arguments[P]||isNaN(arguments[P])||!isFinite(arguments[P]))return!1;e=Math.min(e,1),a=Math.min(a,1),e=Math.max(e,0),a=Math.max(a,0);var w=S?new Float32Array(b):new Array(b),V=!1,C=function(t){return V||g(),e===r&&a===n?t:0===t?0:1===t?1:l(d(t),r,n)};C.getControlPoints=function(){return[{x:e,y:r},{x:a,y:n}]};var T="generateBezier("+[e,r,a,n]+")";return C.toString=function(){return T},C}function u(e,t){var r=e;return g.isString(e)?v.Easings[e]||(r=!1):r=g.isArray(e)&&1===e.length?s.apply(null,e):g.isArray(e)&&2===e.length?b.apply(null,e.concat([t])):g.isArray(e)&&4===e.length?l.apply(null,e):!1,r===!1&&(r=v.Easings[v.defaults.easing]?v.defaults.easing:h),r}function c(e){if(e){var t=(new Date).getTime(),r=v.State.calls.length;r>1e4&&(v.State.calls=n(v.State.calls));for(var o=0;r>o;o++)if(v.State.calls[o]){var s=v.State.calls[o],l=s[0],u=s[2],f=s[3],d=!!f,m=null;f||(f=v.State.calls[o][3]=t-16);for(var y=Math.min((t-f)/u.duration,1),h=0,b=l.length;b>h;h++){var S=l[h],w=S.element;if(i(w)){var V=!1;if(u.display!==a&&null!==u.display&&"none"!==u.display){if("flex"===u.display){var C=["-webkit-box","-moz-box","-ms-flexbox","-webkit-flex"];$.each(C,function(e,t){x.setPropertyValue(w,"display",t)})}x.setPropertyValue(w,"display",u.display)}u.visibility!==a&&"hidden"!==u.visibility&&x.setPropertyValue(w,"visibility",u.visibility);for(var T in S)if("element"!==T){var k=S[T],A,F=g.isString(k.easing)?v.Easings[k.easing]:k.easing;if(1===y)A=k.endValue;else{var E=k.endValue-k.startValue;if(A=k.startValue+E*F(y,u,E),!d&&A===k.currentValue)continue}if(k.currentValue=A,"tween"===T)m=A;else{if(x.Hooks.registered[T]){var j=x.Hooks.getRoot(T),H=i(w).rootPropertyValueCache[j];H&&(k.rootPropertyValue=H)}var N=x.setPropertyValue(w,T,k.currentValue+(0===parseFloat(A)?"":k.unitType),k.rootPropertyValue,k.scrollData);x.Hooks.registered[T]&&(i(w).rootPropertyValueCache[j]=x.Normalizations.registered[j]?x.Normalizations.registered[j]("extract",null,N[1]):N[1]),"transform"===N[0]&&(V=!0)}}u.mobileHA&&i(w).transformCache.translate3d===a&&(i(w).transformCache.translate3d="(0px, 0px, 0px)",V=!0),V&&x.flushTransformCache(w)}}u.display!==a&&"none"!==u.display&&(v.State.calls[o][2].display=!1),u.visibility!==a&&"hidden"!==u.visibility&&(v.State.calls[o][2].visibility=!1),u.progress&&u.progress.call(s[1],s[1],y,Math.max(0,f+u.duration-t),f,m),1===y&&p(o)}}v.State.isTicking&&P(c)}function p(e,t){if(!v.State.calls[e])return!1;for(var r=v.State.calls[e][0],n=v.State.calls[e][1],o=v.State.calls[e][2],s=v.State.calls[e][4],l=!1,u=0,c=r.length;c>u;u++){var p=r[u].element;if(t||o.loop||("none"===o.display&&x.setPropertyValue(p,"display",o.display),"hidden"===o.visibility&&x.setPropertyValue(p,"visibility",o.visibility)),o.loop!==!0&&($.queue(p)[1]===a||!/\.velocityQueueEntryFlag/i.test($.queue(p)[1]))&&i(p)){i(p).isAnimating=!1,i(p).rootPropertyValueCache={};var f=!1;$.each(x.Lists.transforms3D,function(e,t){var r=/^scale/.test(t)?1:0,n=i(p).transformCache[t];i(p).transformCache[t]!==a&&new RegExp("^\\("+r+"[^.]").test(n)&&(f=!0,delete i(p).transformCache[t])}),o.mobileHA&&(f=!0,delete i(p).transformCache.translate3d),f&&x.flushTransformCache(p),x.Values.removeClass(p,"velocity-animating")}if(!t&&o.complete&&!o.loop&&u===c-1)try{o.complete.call(n,n)}catch(d){setTimeout(function(){throw d},1)}s&&o.loop!==!0&&s(n),o.loop!==!0||t||($.each(i(p).tweensContainer,function(e,t){/^rotate/.test(e)&&360===parseFloat(t.endValue)&&(t.endValue=0,t.startValue=360),/^backgroundPosition/.test(e)&&100===parseFloat(t.endValue)&&"%"===t.unitType&&(t.endValue=0,t.startValue=100)}),v(p,"reverse",{loop:!0,delay:o.delay})),o.queue!==!1&&$.dequeue(p,o.queue)}v.State.calls[e]=!1;for(var g=0,m=v.State.calls.length;m>g;g++)if(v.State.calls[g]!==!1){l=!0;break}l===!1&&(v.State.isTicking=!1,delete v.State.calls,v.State.calls=[])}var f=function(){if(r.documentMode)return r.documentMode;for(var e=7;e>4;e--){var t=r.createElement("div");if(t.innerHTML="<!--[if IE "+e+"]><span></span><![endif]-->",t.getElementsByTagName("span").length)return t=null,e}return a}(),d=function(){var e=0;return t.webkitRequestAnimationFrame||t.mozRequestAnimationFrame||function(t){var r=(new Date).getTime(),a;return a=Math.max(0,16-(r-e)),e=r+a,setTimeout(function(){t(r+a)},a)}}(),g={isString:function(e){return"string"==typeof e},isArray:Array.isArray||function(e){return"[object Array]"===Object.prototype.toString.call(e)},isFunction:function(e){return"[object Function]"===Object.prototype.toString.call(e)},isNode:function(e){return e&&e.nodeType},isNodeList:function(e){return"object"==typeof e&&/^\[object (HTMLCollection|NodeList|Object)\]$/.test(Object.prototype.toString.call(e))&&e.length!==a&&(0===e.length||"object"==typeof e[0]&&e[0].nodeType>0)},isWrapped:function(e){return e&&(e.jquery||t.Zepto&&t.Zepto.zepto.isZ(e))},isSVG:function(e){return t.SVGElement&&e instanceof t.SVGElement},isEmptyObject:function(e){for(var t in e)return!1;return!0}},$,m=!1;if(e.fn&&e.fn.jquery?($=e,m=!0):$=t.Velocity.Utilities,8>=f&&!m)throw new Error("Velocity: IE8 and below require jQuery to be loaded before Velocity.");if(7>=f)return void(jQuery.fn.velocity=jQuery.fn.animate);var y=400,h="swing",v={State:{isMobile:/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent),isAndroid:/Android/i.test(navigator.userAgent),isGingerbread:/Android 2\.3\.[3-7]/i.test(navigator.userAgent),isChrome:t.chrome,isFirefox:/Firefox/i.test(navigator.userAgent),prefixElement:r.createElement("div"),prefixMatches:{},scrollAnchor:null,scrollPropertyLeft:null,scrollPropertyTop:null,isTicking:!1,calls:[]},CSS:{},Utilities:$,Redirects:{},Easings:{},Promise:t.Promise,defaults:{queue:"",duration:y,easing:h,begin:a,complete:a,progress:a,display:a,visibility:a,loop:!1,delay:!1,mobileHA:!0,_cacheValues:!0},init:function(e){$.data(e,"velocity",{isSVG:g.isSVG(e),isAnimating:!1,computedStyle:null,tweensContainer:null,rootPropertyValueCache:{},transformCache:{}})},hook:null,mock:!1,version:{major:1,minor:2,patch:1},debug:!1};t.pageYOffset!==a?(v.State.scrollAnchor=t,v.State.scrollPropertyLeft="pageXOffset",v.State.scrollPropertyTop="pageYOffset"):(v.State.scrollAnchor=r.documentElement||r.body.parentNode||r.body,v.State.scrollPropertyLeft="scrollLeft",v.State.scrollPropertyTop="scrollTop");var b=function(){function e(e){return-e.tension*e.x-e.friction*e.v}function t(t,r,a){var n={x:t.x+a.dx*r,v:t.v+a.dv*r,tension:t.tension,friction:t.friction};return{dx:n.v,dv:e(n)}}function r(r,a){var n={dx:r.v,dv:e(r)},o=t(r,.5*a,n),i=t(r,.5*a,o),s=t(r,a,i),l=1/6*(n.dx+2*(o.dx+i.dx)+s.dx),u=1/6*(n.dv+2*(o.dv+i.dv)+s.dv);return r.x=r.x+l*a,r.v=r.v+u*a,r}return function a(e,t,n){var o={x:-1,v:0,tension:null,friction:null},i=[0],s=0,l=1e-4,u=.016,c,p,f;for(e=parseFloat(e)||500,t=parseFloat(t)||20,n=n||null,o.tension=e,o.friction=t,c=null!==n,c?(s=a(e,t),p=s/n*u):p=u;;)if(f=r(f||o,p),i.push(1+f.x),s+=16,!(Math.abs(f.x)>l&&Math.abs(f.v)>l))break;return c?function(e){return i[e*(i.length-1)|0]}:s}}();v.Easings={linear:function(e){return e},swing:function(e){return.5-Math.cos(e*Math.PI)/2},spring:function(e){return 1-Math.cos(4.5*e*Math.PI)*Math.exp(6*-e)}},$.each([["ease",[.25,.1,.25,1]],["ease-in",[.42,0,1,1]],["ease-out",[0,0,.58,1]],["ease-in-out",[.42,0,.58,1]],["easeInSine",[.47,0,.745,.715]],["easeOutSine",[.39,.575,.565,1]],["easeInOutSine",[.445,.05,.55,.95]],["easeInQuad",[.55,.085,.68,.53]],["easeOutQuad",[.25,.46,.45,.94]],["easeInOutQuad",[.455,.03,.515,.955]],["easeInCubic",[.55,.055,.675,.19]],["easeOutCubic",[.215,.61,.355,1]],["easeInOutCubic",[.645,.045,.355,1]],["easeInQuart",[.895,.03,.685,.22]],["easeOutQuart",[.165,.84,.44,1]],["easeInOutQuart",[.77,0,.175,1]],["easeInQuint",[.755,.05,.855,.06]],["easeOutQuint",[.23,1,.32,1]],["easeInOutQuint",[.86,0,.07,1]],["easeInExpo",[.95,.05,.795,.035]],["easeOutExpo",[.19,1,.22,1]],["easeInOutExpo",[1,0,0,1]],["easeInCirc",[.6,.04,.98,.335]],["easeOutCirc",[.075,.82,.165,1]],["easeInOutCirc",[.785,.135,.15,.86]]],function(e,t){v.Easings[t[0]]=l.apply(null,t[1])});var x=v.CSS={RegEx:{isHex:/^#([A-f\d]{3}){1,2}$/i,valueUnwrap:/^[A-z]+\((.*)\)$/i,wrappedValueAlreadyExtracted:/[0-9.]+ [0-9.]+ [0-9.]+( [0-9.]+)?/,valueSplit:/([A-z]+\(.+\))|(([A-z0-9#-.]+?)(?=\s|$))/gi},Lists:{colors:["fill","stroke","stopColor","color","backgroundColor","borderColor","borderTopColor","borderRightColor","borderBottomColor","borderLeftColor","outlineColor"],transformsBase:["translateX","translateY","scale","scaleX","scaleY","skewX","skewY","rotateZ"],transforms3D:["transformPerspective","translateZ","scaleZ","rotateX","rotateY"]},Hooks:{templates:{textShadow:["Color X Y Blur","black 0px 0px 0px"],boxShadow:["Color X Y Blur Spread","black 0px 0px 0px 0px"],clip:["Top Right Bottom Left","0px 0px 0px 0px"],backgroundPosition:["X Y","0% 0%"],transformOrigin:["X Y Z","50% 50% 0px"],perspectiveOrigin:["X Y","50% 50%"]},registered:{},register:function(){for(var e=0;e<x.Lists.colors.length;e++){var t="color"===x.Lists.colors[e]?"0 0 0 1":"255 255 255 1";x.Hooks.templates[x.Lists.colors[e]]=["Red Green Blue Alpha",t]}var r,a,n;if(f)for(r in x.Hooks.templates){a=x.Hooks.templates[r],n=a[0].split(" ");var o=a[1].match(x.RegEx.valueSplit);"Color"===n[0]&&(n.push(n.shift()),o.push(o.shift()),x.Hooks.templates[r]=[n.join(" "),o.join(" ")])}for(r in x.Hooks.templates){a=x.Hooks.templates[r],n=a[0].split(" ");for(var e in n){var i=r+n[e],s=e;x.Hooks.registered[i]=[r,s]}}},getRoot:function(e){var t=x.Hooks.registered[e];return t?t[0]:e},cleanRootPropertyValue:function(e,t){return x.RegEx.valueUnwrap.test(t)&&(t=t.match(x.RegEx.valueUnwrap)[1]),x.Values.isCSSNullValue(t)&&(t=x.Hooks.templates[e][1]),t},extractValue:function(e,t){var r=x.Hooks.registered[e];if(r){var a=r[0],n=r[1];return t=x.Hooks.cleanRootPropertyValue(a,t),t.toString().match(x.RegEx.valueSplit)[n]}return t},injectValue:function(e,t,r){var a=x.Hooks.registered[e];if(a){var n=a[0],o=a[1],i,s;return r=x.Hooks.cleanRootPropertyValue(n,r),i=r.toString().match(x.RegEx.valueSplit),i[o]=t,s=i.join(" ")}return r}},Normalizations:{registered:{clip:function(e,t,r){switch(e){case"name":return"clip";case"extract":var a;return x.RegEx.wrappedValueAlreadyExtracted.test(r)?a=r:(a=r.toString().match(x.RegEx.valueUnwrap),a=a?a[1].replace(/,(\s+)?/g," "):r),a;case"inject":return"rect("+r+")"}},blur:function(e,t,r){switch(e){case"name":return v.State.isFirefox?"filter":"-webkit-filter";case"extract":var a=parseFloat(r);if(!a&&0!==a){var n=r.toString().match(/blur\(([0-9]+[A-z]+)\)/i);a=n?n[1]:0}return a;case"inject":return parseFloat(r)?"blur("+r+")":"none"}},opacity:function(e,t,r){if(8>=f)switch(e){case"name":return"filter";case"extract":var a=r.toString().match(/alpha\(opacity=(.*)\)/i);return r=a?a[1]/100:1;case"inject":return t.style.zoom=1,parseFloat(r)>=1?"":"alpha(opacity="+parseInt(100*parseFloat(r),10)+")"}else switch(e){case"name":return"opacity";case"extract":return r;case"inject":return r}}},register:function(){9>=f||v.State.isGingerbread||(x.Lists.transformsBase=x.Lists.transformsBase.concat(x.Lists.transforms3D));for(var e=0;e<x.Lists.transformsBase.length;e++)!function(){var t=x.Lists.transformsBase[e];x.Normalizations.registered[t]=function(e,r,n){switch(e){case"name":return"transform";case"extract":return i(r)===a||i(r).transformCache[t]===a?/^scale/i.test(t)?1:0:i(r).transformCache[t].replace(/[()]/g,"");case"inject":var o=!1;switch(t.substr(0,t.length-1)){case"translate":o=!/(%|px|em|rem|vw|vh|\d)$/i.test(n);break;case"scal":case"scale":v.State.isAndroid&&i(r).transformCache[t]===a&&1>n&&(n=1),o=!/(\d)$/i.test(n);break;case"skew":o=!/(deg|\d)$/i.test(n);break;case"rotate":o=!/(deg|\d)$/i.test(n)}return o||(i(r).transformCache[t]="("+n+")"),i(r).transformCache[t]}}}();for(var e=0;e<x.Lists.colors.length;e++)!function(){var t=x.Lists.colors[e];x.Normalizations.registered[t]=function(e,r,n){switch(e){case"name":return t;case"extract":var o;if(x.RegEx.wrappedValueAlreadyExtracted.test(n))o=n;else{var i,s={black:"rgb(0, 0, 0)",blue:"rgb(0, 0, 255)",gray:"rgb(128, 128, 128)",green:"rgb(0, 128, 0)",red:"rgb(255, 0, 0)",white:"rgb(255, 255, 255)"};/^[A-z]+$/i.test(n)?i=s[n]!==a?s[n]:s.black:x.RegEx.isHex.test(n)?i="rgb("+x.Values.hexToRgb(n).join(" ")+")":/^rgba?\(/i.test(n)||(i=s.black),o=(i||n).toString().match(x.RegEx.valueUnwrap)[1].replace(/,(\s+)?/g," ")}return 8>=f||3!==o.split(" ").length||(o+=" 1"),o;case"inject":return 8>=f?4===n.split(" ").length&&(n=n.split(/\s+/).slice(0,3).join(" ")):3===n.split(" ").length&&(n+=" 1"),(8>=f?"rgb":"rgba")+"("+n.replace(/\s+/g,",").replace(/\.(\d)+(?=,)/g,"")+")"}}}()}},Names:{camelCase:function(e){return e.replace(/-(\w)/g,function(e,t){return t.toUpperCase()})},SVGAttribute:function(e){var t="width|height|x|y|cx|cy|r|rx|ry|x1|x2|y1|y2";return(f||v.State.isAndroid&&!v.State.isChrome)&&(t+="|transform"),new RegExp("^("+t+")$","i").test(e)},prefixCheck:function(e){if(v.State.prefixMatches[e])return[v.State.prefixMatches[e],!0];for(var t=["","Webkit","Moz","ms","O"],r=0,a=t.length;a>r;r++){var n;if(n=0===r?e:t[r]+e.replace(/^\w/,function(e){return e.toUpperCase()}),g.isString(v.State.prefixElement.style[n]))return v.State.prefixMatches[e]=n,[n,!0]}return[e,!1]}},Values:{hexToRgb:function(e){var t=/^#?([a-f\d])([a-f\d])([a-f\d])$/i,r=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i,a;return e=e.replace(t,function(e,t,r,a){return t+t+r+r+a+a}),a=r.exec(e),a?[parseInt(a[1],16),parseInt(a[2],16),parseInt(a[3],16)]:[0,0,0]},isCSSNullValue:function(e){return 0==e||/^(none|auto|transparent|(rgba\(0, ?0, ?0, ?0\)))$/i.test(e)},getUnitType:function(e){return/^(rotate|skew)/i.test(e)?"deg":/(^(scale|scaleX|scaleY|scaleZ|alpha|flexGrow|flexHeight|zIndex|fontWeight)$)|((opacity|red|green|blue|alpha)$)/i.test(e)?"":"px"},getDisplayType:function(e){var t=e&&e.tagName.toString().toLowerCase();return/^(b|big|i|small|tt|abbr|acronym|cite|code|dfn|em|kbd|strong|samp|var|a|bdo|br|img|map|object|q|script|span|sub|sup|button|input|label|select|textarea)$/i.test(t)?"inline":/^(li)$/i.test(t)?"list-item":/^(tr)$/i.test(t)?"table-row":/^(table)$/i.test(t)?"table":/^(tbody)$/i.test(t)?"table-row-group":"block"},addClass:function(e,t){e.classList?e.classList.add(t):e.className+=(e.className.length?" ":"")+t},removeClass:function(e,t){e.classList?e.classList.remove(t):e.className=e.className.toString().replace(new RegExp("(^|\\s)"+t.split(" ").join("|")+"(\\s|$)","gi")," ")}},getPropertyValue:function(e,r,n,o){function s(e,r){function n(){u&&x.setPropertyValue(e,"display","none")}var l=0;if(8>=f)l=$.css(e,r);else{var u=!1;if(/^(width|height)$/.test(r)&&0===x.getPropertyValue(e,"display")&&(u=!0,x.setPropertyValue(e,"display",x.Values.getDisplayType(e))),!o){if("height"===r&&"border-box"!==x.getPropertyValue(e,"boxSizing").toString().toLowerCase()){var c=e.offsetHeight-(parseFloat(x.getPropertyValue(e,"borderTopWidth"))||0)-(parseFloat(x.getPropertyValue(e,"borderBottomWidth"))||0)-(parseFloat(x.getPropertyValue(e,"paddingTop"))||0)-(parseFloat(x.getPropertyValue(e,"paddingBottom"))||0);return n(),c}if("width"===r&&"border-box"!==x.getPropertyValue(e,"boxSizing").toString().toLowerCase()){var p=e.offsetWidth-(parseFloat(x.getPropertyValue(e,"borderLeftWidth"))||0)-(parseFloat(x.getPropertyValue(e,"borderRightWidth"))||0)-(parseFloat(x.getPropertyValue(e,"paddingLeft"))||0)-(parseFloat(x.getPropertyValue(e,"paddingRight"))||0);return n(),p}}var d;d=i(e)===a?t.getComputedStyle(e,null):i(e).computedStyle?i(e).computedStyle:i(e).computedStyle=t.getComputedStyle(e,null),"borderColor"===r&&(r="borderTopColor"),l=9===f&&"filter"===r?d.getPropertyValue(r):d[r],(""===l||null===l)&&(l=e.style[r]),n()}if("auto"===l&&/^(top|right|bottom|left)$/i.test(r)){var g=s(e,"position");("fixed"===g||"absolute"===g&&/top|left/i.test(r))&&(l=$(e).position()[r]+"px")}return l}var l;if(x.Hooks.registered[r]){var u=r,c=x.Hooks.getRoot(u);n===a&&(n=x.getPropertyValue(e,x.Names.prefixCheck(c)[0])),x.Normalizations.registered[c]&&(n=x.Normalizations.registered[c]("extract",e,n)),l=x.Hooks.extractValue(u,n)}else if(x.Normalizations.registered[r]){var p,d;p=x.Normalizations.registered[r]("name",e),"transform"!==p&&(d=s(e,x.Names.prefixCheck(p)[0]),x.Values.isCSSNullValue(d)&&x.Hooks.templates[r]&&(d=x.Hooks.templates[r][1])),l=x.Normalizations.registered[r]("extract",e,d)}if(!/^[\d-]/.test(l))if(i(e)&&i(e).isSVG&&x.Names.SVGAttribute(r))if(/^(height|width)$/i.test(r))try{l=e.getBBox()[r]}catch(g){l=0}else l=e.getAttribute(r);else l=s(e,x.Names.prefixCheck(r)[0]);return x.Values.isCSSNullValue(l)&&(l=0),v.debug>=2&&console.log("Get "+r+": "+l),l},setPropertyValue:function(e,r,a,n,o){var s=r;if("scroll"===r)o.container?o.container["scroll"+o.direction]=a:"Left"===o.direction?t.scrollTo(a,o.alternateValue):t.scrollTo(o.alternateValue,a);else if(x.Normalizations.registered[r]&&"transform"===x.Normalizations.registered[r]("name",e))x.Normalizations.registered[r]("inject",e,a),s="transform",a=i(e).transformCache[r];else{if(x.Hooks.registered[r]){var l=r,u=x.Hooks.getRoot(r);n=n||x.getPropertyValue(e,u),a=x.Hooks.injectValue(l,a,n),r=u}if(x.Normalizations.registered[r]&&(a=x.Normalizations.registered[r]("inject",e,a),r=x.Normalizations.registered[r]("name",e)),s=x.Names.prefixCheck(r)[0],8>=f)try{e.style[s]=a}catch(c){v.debug&&console.log("Browser does not support ["+a+"] for ["+s+"]")}else i(e)&&i(e).isSVG&&x.Names.SVGAttribute(r)?e.setAttribute(r,a):e.style[s]=a;v.debug>=2&&console.log("Set "+r+" ("+s+"): "+a)}return[s,a]},flushTransformCache:function(e){function t(t){return parseFloat(x.getPropertyValue(e,t))}var r="";if((f||v.State.isAndroid&&!v.State.isChrome)&&i(e).isSVG){var a={translate:[t("translateX"),t("translateY")],skewX:[t("skewX")],skewY:[t("skewY")],scale:1!==t("scale")?[t("scale"),t("scale")]:[t("scaleX"),t("scaleY")],rotate:[t("rotateZ"),0,0]};$.each(i(e).transformCache,function(e){/^translate/i.test(e)?e="translate":/^scale/i.test(e)?e="scale":/^rotate/i.test(e)&&(e="rotate"),a[e]&&(r+=e+"("+a[e].join(" ")+") ",delete a[e])})}else{var n,o;$.each(i(e).transformCache,function(t){return n=i(e).transformCache[t],"transformPerspective"===t?(o=n,!0):(9===f&&"rotateZ"===t&&(t="rotate"),void(r+=t+n+" "))}),o&&(r="perspective"+o+" "+r)}x.setPropertyValue(e,"transform",r)}};x.Hooks.register(),x.Normalizations.register(),v.hook=function(e,t,r){var n=a;return e=o(e),$.each(e,function(e,o){if(i(o)===a&&v.init(o),r===a)n===a&&(n=v.CSS.getPropertyValue(o,t));else{var s=v.CSS.setPropertyValue(o,t,r);"transform"===s[0]&&v.CSS.flushTransformCache(o),n=s}}),n};var S=function(){function e(){return l?T.promise||null:f}function n(){function e(e){function p(e,t){var r=a,i=a,s=a;return g.isArray(e)?(r=e[0],!g.isArray(e[1])&&/^[\d-]/.test(e[1])||g.isFunction(e[1])||x.RegEx.isHex.test(e[1])?s=e[1]:(g.isString(e[1])&&!x.RegEx.isHex.test(e[1])||g.isArray(e[1]))&&(i=t?e[1]:u(e[1],o.duration),e[2]!==a&&(s=e[2]))):r=e,t||(i=i||o.easing),g.isFunction(r)&&(r=r.call(n,w,P)),g.isFunction(s)&&(s=s.call(n,w,P)),[r||0,i,s]}function f(e,t){var r,a;return a=(t||"0").toString().toLowerCase().replace(/[%A-z]+$/,function(e){return r=e,""}),r||(r=x.Values.getUnitType(e)),[a,r]}function d(){var e={myParent:n.parentNode||r.body,position:x.getPropertyValue(n,"position"),fontSize:x.getPropertyValue(n,"fontSize")},a=e.position===N.lastPosition&&e.myParent===N.lastParent,o=e.fontSize===N.lastFontSize;N.lastParent=e.myParent,N.lastPosition=e.position,N.lastFontSize=e.fontSize;var s=100,l={};if(o&&a)l.emToPx=N.lastEmToPx,l.percentToPxWidth=N.lastPercentToPxWidth,l.percentToPxHeight=N.lastPercentToPxHeight;else{var u=i(n).isSVG?r.createElementNS("http://www.w3.org/2000/svg","rect"):r.createElement("div");v.init(u),e.myParent.appendChild(u),$.each(["overflow","overflowX","overflowY"],function(e,t){v.CSS.setPropertyValue(u,t,"hidden")}),v.CSS.setPropertyValue(u,"position",e.position),v.CSS.setPropertyValue(u,"fontSize",e.fontSize),v.CSS.setPropertyValue(u,"boxSizing","content-box"),$.each(["minWidth","maxWidth","width","minHeight","maxHeight","height"],function(e,t){v.CSS.setPropertyValue(u,t,s+"%")}),v.CSS.setPropertyValue(u,"paddingLeft",s+"em"),l.percentToPxWidth=N.lastPercentToPxWidth=(parseFloat(x.getPropertyValue(u,"width",null,!0))||1)/s,l.percentToPxHeight=N.lastPercentToPxHeight=(parseFloat(x.getPropertyValue(u,"height",null,!0))||1)/s,l.emToPx=N.lastEmToPx=(parseFloat(x.getPropertyValue(u,"paddingLeft"))||1)/s,e.myParent.removeChild(u)}return null===N.remToPx&&(N.remToPx=parseFloat(x.getPropertyValue(r.body,"fontSize"))||16),null===N.vwToPx&&(N.vwToPx=parseFloat(t.innerWidth)/100,N.vhToPx=parseFloat(t.innerHeight)/100),l.remToPx=N.remToPx,l.vwToPx=N.vwToPx,l.vhToPx=N.vhToPx,v.debug>=1&&console.log("Unit ratios: "+JSON.stringify(l),n),l}if(o.begin&&0===w)try{o.begin.call(m,m)}catch(y){setTimeout(function(){throw y},1)}if("scroll"===k){var S=/^x$/i.test(o.axis)?"Left":"Top",V=parseFloat(o.offset)||0,C,A,F;o.container?g.isWrapped(o.container)||g.isNode(o.container)?(o.container=o.container[0]||o.container,C=o.container["scroll"+S],F=C+$(n).position()[S.toLowerCase()]+V):o.container=null:(C=v.State.scrollAnchor[v.State["scrollProperty"+S]],A=v.State.scrollAnchor[v.State["scrollProperty"+("Left"===S?"Top":"Left")]],F=$(n).offset()[S.toLowerCase()]+V),s={scroll:{rootPropertyValue:!1,startValue:C,currentValue:C,endValue:F,unitType:"",easing:o.easing,scrollData:{container:o.container,direction:S,alternateValue:A}},element:n},v.debug&&console.log("tweensContainer (scroll): ",s.scroll,n)}else if("reverse"===k){if(!i(n).tweensContainer)return void $.dequeue(n,o.queue);"none"===i(n).opts.display&&(i(n).opts.display="auto"),"hidden"===i(n).opts.visibility&&(i(n).opts.visibility="visible"),i(n).opts.loop=!1,i(n).opts.begin=null,i(n).opts.complete=null,b.easing||delete o.easing,b.duration||delete o.duration,o=$.extend({},i(n).opts,o);var E=$.extend(!0,{},i(n).tweensContainer);for(var j in E)if("element"!==j){var H=E[j].startValue;E[j].startValue=E[j].currentValue=E[j].endValue,E[j].endValue=H,g.isEmptyObject(b)||(E[j].easing=o.easing),v.debug&&console.log("reverse tweensContainer ("+j+"): "+JSON.stringify(E[j]),n)}s=E}else if("start"===k){var E;i(n).tweensContainer&&i(n).isAnimating===!0&&(E=i(n).tweensContainer),$.each(h,function(e,t){if(RegExp("^"+x.Lists.colors.join("$|^")+"$").test(e)){var r=p(t,!0),n=r[0],o=r[1],i=r[2];if(x.RegEx.isHex.test(n)){for(var s=["Red","Green","Blue"],l=x.Values.hexToRgb(n),u=i?x.Values.hexToRgb(i):a,c=0;c<s.length;c++){var f=[l[c]];o&&f.push(o),u!==a&&f.push(u[c]),h[e+s[c]]=f}delete h[e]}}});for(var R in h){var O=p(h[R]),z=O[0],q=O[1],M=O[2];R=x.Names.camelCase(R);var I=x.Hooks.getRoot(R),B=!1;if(i(n).isSVG||"tween"===I||x.Names.prefixCheck(I)[1]!==!1||x.Normalizations.registered[I]!==a){(o.display!==a&&null!==o.display&&"none"!==o.display||o.visibility!==a&&"hidden"!==o.visibility)&&/opacity|filter/.test(R)&&!M&&0!==z&&(M=0),o._cacheValues&&E&&E[R]?(M===a&&(M=E[R].endValue+E[R].unitType),B=i(n).rootPropertyValueCache[I]):x.Hooks.registered[R]?M===a?(B=x.getPropertyValue(n,I),M=x.getPropertyValue(n,R,B)):B=x.Hooks.templates[I][1]:M===a&&(M=x.getPropertyValue(n,R));var W,G,D,X=!1;if(W=f(R,M),M=W[0],D=W[1],W=f(R,z),z=W[0].replace(/^([+-\/*])=/,function(e,t){return X=t,""}),G=W[1],M=parseFloat(M)||0,z=parseFloat(z)||0,"%"===G&&(/^(fontSize|lineHeight)$/.test(R)?(z/=100,G="em"):/^scale/.test(R)?(z/=100,G=""):/(Red|Green|Blue)$/i.test(R)&&(z=z/100*255,G="")),/[\/*]/.test(X))G=D;else if(D!==G&&0!==M)if(0===z)G=D;else{l=l||d();var Y=/margin|padding|left|right|width|text|word|letter/i.test(R)||/X$/.test(R)||"x"===R?"x":"y";switch(D){case"%":M*="x"===Y?l.percentToPxWidth:l.percentToPxHeight;break;case"px":break;default:M*=l[D+"ToPx"]}switch(G){case"%":M*=1/("x"===Y?l.percentToPxWidth:l.percentToPxHeight);break;case"px":break;default:M*=1/l[G+"ToPx"]}}switch(X){case"+":z=M+z;break;case"-":z=M-z;break;case"*":z=M*z;break;case"/":z=M/z}s[R]={rootPropertyValue:B,startValue:M,currentValue:M,endValue:z,unitType:G,easing:q},v.debug&&console.log("tweensContainer ("+R+"): "+JSON.stringify(s[R]),n)}else v.debug&&console.log("Skipping ["+I+"] due to a lack of browser support.")}s.element=n}s.element&&(x.Values.addClass(n,"velocity-animating"),L.push(s),""===o.queue&&(i(n).tweensContainer=s,i(n).opts=o),i(n).isAnimating=!0,w===P-1?(v.State.calls.push([L,m,o,null,T.resolver]),v.State.isTicking===!1&&(v.State.isTicking=!0,c())):w++)}var n=this,o=$.extend({},v.defaults,b),s={},l;switch(i(n)===a&&v.init(n),parseFloat(o.delay)&&o.queue!==!1&&$.queue(n,o.queue,function(e){v.velocityQueueEntryFlag=!0,i(n).delayTimer={setTimeout:setTimeout(e,parseFloat(o.delay)),next:e}}),o.duration.toString().toLowerCase()){case"fast":o.duration=200;break;case"normal":o.duration=y;break;case"slow":o.duration=600;break;default:o.duration=parseFloat(o.duration)||1}v.mock!==!1&&(v.mock===!0?o.duration=o.delay=1:(o.duration*=parseFloat(v.mock)||1,o.delay*=parseFloat(v.mock)||1)),o.easing=u(o.easing,o.duration),o.begin&&!g.isFunction(o.begin)&&(o.begin=null),o.progress&&!g.isFunction(o.progress)&&(o.progress=null),o.complete&&!g.isFunction(o.complete)&&(o.complete=null),o.display!==a&&null!==o.display&&(o.display=o.display.toString().toLowerCase(),"auto"===o.display&&(o.display=v.CSS.Values.getDisplayType(n))),o.visibility!==a&&null!==o.visibility&&(o.visibility=o.visibility.toString().toLowerCase()),o.mobileHA=o.mobileHA&&v.State.isMobile&&!v.State.isGingerbread,o.queue===!1?o.delay?setTimeout(e,o.delay):e():$.queue(n,o.queue,function(t,r){return r===!0?(T.promise&&T.resolver(m),!0):(v.velocityQueueEntryFlag=!0,void e(t))}),""!==o.queue&&"fx"!==o.queue||"inprogress"===$.queue(n)[0]||$.dequeue(n)}var s=arguments[0]&&(arguments[0].p||$.isPlainObject(arguments[0].properties)&&!arguments[0].properties.names||g.isString(arguments[0].properties)),l,f,d,m,h,b;if(g.isWrapped(this)?(l=!1,d=0,m=this,f=this):(l=!0,d=1,m=s?arguments[0].elements||arguments[0].e:arguments[0]),m=o(m)){s?(h=arguments[0].properties||arguments[0].p,b=arguments[0].options||arguments[0].o):(h=arguments[d],b=arguments[d+1]);var P=m.length,w=0;if(!/^(stop|finish)$/i.test(h)&&!$.isPlainObject(b)){var V=d+1;b={};for(var C=V;C<arguments.length;C++)g.isArray(arguments[C])||!/^(fast|normal|slow)$/i.test(arguments[C])&&!/^\d/.test(arguments[C])?g.isString(arguments[C])||g.isArray(arguments[C])?b.easing=arguments[C]:g.isFunction(arguments[C])&&(b.complete=arguments[C]):b.duration=arguments[C]}var T={promise:null,resolver:null,rejecter:null};l&&v.Promise&&(T.promise=new v.Promise(function(e,t){T.resolver=e,T.rejecter=t}));var k;switch(h){case"scroll":k="scroll";break;case"reverse":k="reverse";break;case"finish":case"stop":$.each(m,function(e,t){i(t)&&i(t).delayTimer&&(clearTimeout(i(t).delayTimer.setTimeout),i(t).delayTimer.next&&i(t).delayTimer.next(),delete i(t).delayTimer)});var A=[];return $.each(v.State.calls,function(e,t){t&&$.each(t[1],function(r,n){var o=b===a?"":b;return o===!0||t[2].queue===o||b===a&&t[2].queue===!1?void $.each(m,function(r,a){a===n&&((b===!0||g.isString(b))&&($.each($.queue(a,g.isString(b)?b:""),function(e,t){g.isFunction(t)&&t(null,!0)}),$.queue(a,g.isString(b)?b:"",[])),"stop"===h?(i(a)&&i(a).tweensContainer&&o!==!1&&$.each(i(a).tweensContainer,function(e,t){t.endValue=t.currentValue
+}),A.push(e)):"finish"===h&&(t[2].duration=1))}):!0})}),"stop"===h&&($.each(A,function(e,t){p(t,!0)}),T.promise&&T.resolver(m)),e();default:if(!$.isPlainObject(h)||g.isEmptyObject(h)){if(g.isString(h)&&v.Redirects[h]){var F=$.extend({},b),E=F.duration,j=F.delay||0;return F.backwards===!0&&(m=$.extend(!0,[],m).reverse()),$.each(m,function(e,t){parseFloat(F.stagger)?F.delay=j+parseFloat(F.stagger)*e:g.isFunction(F.stagger)&&(F.delay=j+F.stagger.call(t,e,P)),F.drag&&(F.duration=parseFloat(E)||(/^(callout|transition)/.test(h)?1e3:y),F.duration=Math.max(F.duration*(F.backwards?1-e/P:(e+1)/P),.75*F.duration,200)),v.Redirects[h].call(t,t,F||{},e,P,m,T.promise?T:a)}),e()}var H="Velocity: First argument ("+h+") was not a property map, a known action, or a registered redirect. Aborting.";return T.promise?T.rejecter(new Error(H)):console.log(H),e()}k="start"}var N={lastParent:null,lastPosition:null,lastFontSize:null,lastPercentToPxWidth:null,lastPercentToPxHeight:null,lastEmToPx:null,remToPx:null,vwToPx:null,vhToPx:null},L=[];$.each(m,function(e,t){g.isNode(t)&&n.call(t)});var F=$.extend({},v.defaults,b),R;if(F.loop=parseInt(F.loop),R=2*F.loop-1,F.loop)for(var O=0;R>O;O++){var z={delay:F.delay,progress:F.progress};O===R-1&&(z.display=F.display,z.visibility=F.visibility,z.complete=F.complete),S(m,"reverse",z)}return e()}};v=$.extend(S,v),v.animate=S;var P=t.requestAnimationFrame||d;return v.State.isMobile||r.hidden===a||r.addEventListener("visibilitychange",function(){r.hidden?(P=function(e){return setTimeout(function(){e(!0)},16)},c()):P=t.requestAnimationFrame||d}),e.Velocity=v,e!==t&&(e.fn.velocity=S,e.fn.velocity.defaults=v.defaults),$.each(["Down","Up"],function(e,t){v.Redirects["slide"+t]=function(e,r,n,o,i,s){var l=$.extend({},r),u=l.begin,c=l.complete,p={height:"",marginTop:"",marginBottom:"",paddingTop:"",paddingBottom:""},f={};l.display===a&&(l.display="Down"===t?"inline"===v.CSS.Values.getDisplayType(e)?"inline-block":"block":"none"),l.begin=function(){u&&u.call(i,i);for(var r in p){f[r]=e.style[r];var a=v.CSS.getPropertyValue(e,r);p[r]="Down"===t?[a,0]:[0,a]}f.overflow=e.style.overflow,e.style.overflow="hidden"},l.complete=function(){for(var t in f)e.style[t]=f[t];c&&c.call(i,i),s&&s.resolver(i)},v(e,p,l)}}),$.each(["In","Out"],function(e,t){v.Redirects["fade"+t]=function(e,r,n,o,i,s){var l=$.extend({},r),u={opacity:"In"===t?1:0},c=l.complete;l.complete=n!==o-1?l.begin=null:function(){c&&c.call(i,i),s&&s.resolver(i)},l.display===a&&(l.display="In"===t?"auto":"none"),v(this,u,l)}}),v}(window.jQuery||window.Zepto||window,window,document)});
\ No newline at end of file
diff --git a/app/assets/javascripts/app/lib/animations/velocity.ui.js b/app/assets/javascripts/app/lib/animations/velocity.ui.js
index 2f4aee8ef..e5cc830c3 100644
--- a/app/assets/javascripts/app/lib/animations/velocity.ui.js
+++ b/app/assets/javascripts/app/lib/animations/velocity.ui.js
@@ -2,48 +2,77 @@
    Velocity UI Pack
 **********************/
 
-/* VelocityJS.org UI Pack (4.1.4). (C) 2014 Julian Shapiro. MIT @license: en.wikipedia.org/wiki/MIT_License. Portions copyright Daniel Eden, Christian Pucci. */
+/* VelocityJS.org UI Pack (5.0.2). (C) 2014 Julian Shapiro. MIT @license: en.wikipedia.org/wiki/MIT_License. Portions copyright Daniel Eden, Christian Pucci. */
 
-;(function (factory) {    
+;(function (factory) {
     /* CommonJS module. */
-    if (typeof module === "object" && typeof module.exports === "object") {
+    if (typeof require === "function" && typeof exports === "object" ) {
         module.exports = factory();
     /* AMD module. */
     } else if (typeof define === "function" && define.amd) {
         define([ "velocity" ], factory);
     /* Browser globals. */
-    } else {        
+    } else {
         factory();
     }
 }(function() {
 return function (global, window, document, undefined) {
 
-    /**************
+    /*************
         Checks
-    **************/
+    *************/
 
     if (!global.Velocity || !global.Velocity.Utilities) {
         window.console && console.log("Velocity UI Pack: Velocity must be loaded first. Aborting.");
         return;
-    } else if (!global.Velocity.version || (global.Velocity.version.major <= 0 && global.Velocity.version.minor <= 11 && global.Velocity.version.patch < 8)) {
-        var abortError = "Velocity UI Pack: You need to update Velocity (jquery.velocity.js) to a newer version. Visit http://github.com/julianshapiro/velocity.";
+    } else {
+        var Velocity = global.Velocity,
+            $ = Velocity.Utilities;
+    }
 
+    var velocityVersion = Velocity.version,
+        requiredVersion = { major: 1, minor: 1, patch: 0 };
+
+    function greaterSemver (primary, secondary) {
+        var versionInts = [];
+
+        if (!primary || !secondary) { return false; }
+
+        $.each([ primary, secondary ], function(i, versionObject) {
+            var versionIntsComponents = [];
+
+            $.each(versionObject, function(component, value) {
+                while (value.toString().length < 5) {
+                    value = "0" + value;
+                }
+                versionIntsComponents.push(value);
+            });
+
+            versionInts.push(versionIntsComponents.join(""))
+        });
+
+        return (parseFloat(versionInts[0]) > parseFloat(versionInts[1]));
+    }
+
+    if (greaterSemver(requiredVersion, velocityVersion)){
+        var abortError = "Velocity UI Pack: You need to update Velocity (jquery.velocity.js) to a newer version. Visit http://github.com/julianshapiro/velocity.";
         alert(abortError);
         throw new Error(abortError);
     }
 
-    /******************
-       Register UI
-    ******************/
+    /************************
+       Effect Registration
+    ************************/
 
-    global.Velocity.RegisterUI = function (effectName, properties) {
+    /* Note: RegisterUI is a legacy name. */
+    Velocity.RegisterEffect = Velocity.RegisterUI = function (effectName, properties) {
         /* Animate the expansion/contraction of the elements' parent's height for In/Out effects. */
         function animateParentHeight (elements, direction, totalDuration, stagger) {
             var totalHeightDelta = 0,
                 parentNode;
 
             /* Sum the total height (including padding and margin) of all targeted elements. */
-            global.Velocity.Utilities.each(elements.nodeType ? [ elements ] : elements, function(i, element) {
+            $.each(elements.nodeType ? [ elements ] : elements, function(i, element) {
                 if (stagger) {
                     /* Increase the totalDuration by the successive delay amounts produced by the stagger option. */
                     totalDuration += i * stagger;
@@ -51,84 +80,99 @@ return function (global, window, document, undefined) {
 
                 parentNode = element.parentNode;
 
-                global.Velocity.Utilities.each([ "height", "paddingTop", "paddingBottom", "marginTop", "marginBottom"], function(i, property) {
-                    totalHeightDelta += parseFloat(global.Velocity.CSS.getPropertyValue(element, property));
+                $.each([ "height", "paddingTop", "paddingBottom", "marginTop", "marginBottom"], function(i, property) {
+                    totalHeightDelta += parseFloat(Velocity.CSS.getPropertyValue(element, property));
                 });
             });
 
             /* Animate the parent element's height adjustment (with a varying duration multiplier for aesthetic benefits). */
-            global.Velocity.animate(
+            Velocity.animate(
                 parentNode,
                 { height: (direction === "In" ? "+" : "-") + "=" + totalHeightDelta },
                 { queue: false, easing: "ease-in-out", duration: totalDuration * (direction === "In" ? 0.6 : 1) }
             );
         }
 
-        /* Register a custom sequence for each effect. */
-        global.Velocity.Sequences[effectName] = function (element, sequenceOptions, elementsIndex, elementsSize, elements, promiseData) {
+        /* Register a custom redirect for each effect. */
+        Velocity.Redirects[effectName] = function (element, redirectOptions, elementsIndex, elementsSize, elements, promiseData) {
             var finalElement = (elementsIndex === elementsSize - 1);
 
+            if (typeof properties.defaultDuration === "function") {
+                properties.defaultDuration = properties.defaultDuration.call(elements, elements);
+            } else {
+                properties.defaultDuration = parseFloat(properties.defaultDuration);
+            }
+
             /* Iterate through each effect's call array. */
             for (var callIndex = 0; callIndex < properties.calls.length; callIndex++) {
                 var call = properties.calls[callIndex],
                     propertyMap = call[0],
-                    sequenceDuration = (sequenceOptions.duration || properties.defaultDuration || 1000),
+                    redirectDuration = (redirectOptions.duration || properties.defaultDuration || 1000),
                     durationPercentage = call[1],
                     callOptions = call[2] || {},
                     opts = {};
 
                 /* Assign the whitelisted per-call options. */
-                opts.duration = sequenceDuration * (durationPercentage || 1);
-                opts.queue = sequenceOptions.queue || "";
+                opts.duration = redirectDuration * (durationPercentage || 1);
+                opts.queue = redirectOptions.queue || "";
                 opts.easing = callOptions.easing || "ease";
-                opts.delay = callOptions.delay || 0;
+                opts.delay = parseFloat(callOptions.delay) || 0;
                 opts._cacheValues = callOptions._cacheValues || true;
 
                 /* Special processing for the first effect call. */
                 if (callIndex === 0) {
-                    /* If a delay was passed into the sequence, combine it with the first call's delay. */
-                    opts.delay += (sequenceOptions.delay || 0);
+                    /* If a delay was passed into the redirect, combine it with the first call's delay. */
+                    opts.delay += (parseFloat(redirectOptions.delay) || 0);
 
                     if (elementsIndex === 0) {
                         opts.begin = function() {
                             /* Only trigger a begin callback on the first effect call with the first element in the set. */
-                            sequenceOptions.begin && sequenceOptions.begin.call(elements, elements);
+                            redirectOptions.begin && redirectOptions.begin.call(elements, elements);
+
+                            var direction = effectName.match(/(In|Out)$/);
+
+                            /* Make "in" transitioning elements invisible immediately so that there's no FOUC between now
+                               and the first RAF tick. */
+                            if ((direction && direction[0] === "In") && propertyMap.opacity !== undefined) {
+                                $.each(elements.nodeType ? [ elements ] : elements, function(i, element) {
+                                    Velocity.CSS.setPropertyValue(element, "opacity", 0);
+                                });
+                            }
 
                             /* Only trigger animateParentHeight() if we're using an In/Out transition. */
-                            var direction = effectName.match(/(In|Out)$/);
-                            if (sequenceOptions.animateParentHeight && direction) {
-                                animateParentHeight(elements, direction[0], sequenceDuration + opts.delay, sequenceOptions.stagger);
+                            if (redirectOptions.animateParentHeight && direction) {
+                                animateParentHeight(elements, direction[0], redirectDuration + opts.delay, redirectOptions.stagger);
                             }
                         }
                     }
 
                     /* If the user isn't overriding the display option, default to "auto" for "In"-suffixed transitions. */
-                    if (sequenceOptions.display !== null) {
-                        if (sequenceOptions.display !== undefined && sequenceOptions.display !== "none") {
-                            opts.display = sequenceOptions.display;
+                    if (redirectOptions.display !== null) {
+                        if (redirectOptions.display !== undefined && redirectOptions.display !== "none") {
+                            opts.display = redirectOptions.display;
                         } else if (/In$/.test(effectName)) {
                             /* Inline elements cannot be subjected to transforms, so we switch them to inline-block. */
-                            var defaultDisplay = global.Velocity.CSS.Values.getDisplayType(element);
+                            var defaultDisplay = Velocity.CSS.Values.getDisplayType(element);
                             opts.display = (defaultDisplay === "inline") ? "inline-block" : defaultDisplay;
                         }
                     }
 
-                    if (sequenceOptions.visibility && sequenceOptions.visibility !== "hidden") {
-                        opts.visibility = sequenceOptions.visibility;
+                    if (redirectOptions.visibility && redirectOptions.visibility !== "hidden") {
+                        opts.visibility = redirectOptions.visibility;
                     }
                 }
 
                 /* Special processing for the last effect call. */
                 if (callIndex === properties.calls.length - 1) {
-                    /* Append promise resolving onto the user's sequence callback. */ 
+                    /* Append promise resolving onto the user's redirect callback. */
                     function injectFinalCallbacks () {
-                        if ((sequenceOptions.display === undefined || sequenceOptions.display === "none") && /Out$/.test(effectName)) {
-                            global.Velocity.Utilities.each(elements.nodeType ? [ elements ] : elements, function(i, element) {
-                                global.Velocity.CSS.setPropertyValue(element, "display", "none");
+                        if ((redirectOptions.display === undefined || redirectOptions.display === "none") && /Out$/.test(effectName)) {
+                            $.each(elements.nodeType ? [ elements ] : elements, function(i, element) {
+                                Velocity.CSS.setPropertyValue(element, "display", "none");
                             });
                         }
 
-                        sequenceOptions.complete && sequenceOptions.complete.call(elements, elements);
+                        redirectOptions.complete && redirectOptions.complete.call(elements, elements);
 
                         if (promiseData) {
                             promiseData.resolver(elements || element);
@@ -142,7 +186,8 @@ return function (global, window, document, undefined) {
 
                                 /* Format each non-array value in the reset property map to [ value, value ] so that changes apply
                                    immediately and DOM querying is avoided (via forcefeeding). */
-                                if (typeof resetValue === "string" || typeof resetValue === "number") {
+                                /* Note: Don't forcefeed hooks, otherwise their hook roots will be defaulted to their null values. */
+                                if (Velocity.CSS.Hooks.registered[resetProperty] === undefined && (typeof resetValue === "string" || typeof resetValue === "number")) {
                                     properties.reset[resetProperty] = [ properties.reset[resetProperty], properties.reset[resetProperty] ];
                                 }
                             }
@@ -153,26 +198,26 @@ return function (global, window, document, undefined) {
                             /* Since the reset option uses up the complete callback, we trigger the user's complete callback at the end of ours. */
                             if (finalElement) {
                                 resetOptions.complete = injectFinalCallbacks;
-                            }  
+                            }
 
-                            global.Velocity.animate(element, properties.reset, resetOptions);
+                            Velocity.animate(element, properties.reset, resetOptions);
                         /* Only trigger the user's complete callback on the last effect call with the last element in the set. */
                         } else if (finalElement) {
                             injectFinalCallbacks();
                         }
                     };
 
-                    if (sequenceOptions.visibility === "hidden") {
-                        opts.visibility = sequenceOptions.visibility;
+                    if (redirectOptions.visibility === "hidden") {
+                        opts.visibility = redirectOptions.visibility;
                     }
                 }
 
-                global.Velocity.animate(element, propertyMap, opts);
+                Velocity.animate(element, propertyMap, opts);
             }
         };
 
         /* Return the Velocity object so that RegisterUI calls can be chained. */
-        return global.Velocity;
+        return Velocity;
     };
 
     /*********************
@@ -181,8 +226,8 @@ return function (global, window, document, undefined) {
 
     /* Externalize the packagedEffects data so that they can optionally be modified and re-registered. */
     /* Support: <=IE8: Callouts will have no effect, and transitions will simply fade in/out. IE9/Android 2.3: Most effects are fully supported, the rest fade in/out. All other browsers: full support. */
-    global.Velocity.RegisterUI.packagedEffects = 
-        { 
+    Velocity.RegisterEffect.packagedEffects =
+        {
             /* Animate.css */
             "callout.bounce": {
                 defaultDuration: 550,
@@ -196,7 +241,7 @@ return function (global, window, document, undefined) {
             /* Animate.css */
             "callout.shake": {
                 defaultDuration: 800,
-                calls: [ 
+                calls: [
                     [ { translateX: -11 }, 0.125 ],
                     [ { translateX: 11 }, 0.125 ],
                     [ { translateX: -11 }, 0.125 ],
@@ -210,7 +255,7 @@ return function (global, window, document, undefined) {
             /* Animate.css */
             "callout.flash": {
                 defaultDuration: 1100,
-                calls: [ 
+                calls: [
                     [ { opacity: [ 0, "easeInOutQuad", 1 ] }, 0.25 ],
                     [ { opacity: [ 1, "easeInOutQuad" ] }, 0.25 ],
                     [ { opacity: [ 0, "easeInOutQuad" ] }, 0.25 ],
@@ -220,15 +265,15 @@ return function (global, window, document, undefined) {
             /* Animate.css */
             "callout.pulse": {
                 defaultDuration: 825,
-                calls: [ 
-                    [ { scaleX: 1.1, scaleY: 1.1 }, 0.50 ],
+                calls: [
+                    [ { scaleX: 1.1, scaleY: 1.1 }, 0.50, { easing: "easeInExpo" } ],
                     [ { scaleX: 1, scaleY: 1 }, 0.50 ]
                 ]
             },
             /* Animate.css */
             "callout.swing": {
                 defaultDuration: 950,
-                calls: [ 
+                calls: [
                     [ { rotateZ: 15 }, 0.20 ],
                     [ { rotateZ: -10 }, 0.20 ],
                     [ { rotateZ: 5 }, 0.20 ],
@@ -239,7 +284,7 @@ return function (global, window, document, undefined) {
             /* Animate.css */
             "callout.tada": {
                 defaultDuration: 1000,
-                calls: [ 
+                calls: [
                     [ { scaleX: 0.9, scaleY: 0.9, rotateZ: -3 }, 0.10 ],
                     [ { scaleX: 1.1, scaleY: 1.1, rotateZ: 3 }, 0.10 ],
                     [ { scaleX: 1.1, scaleY: 1.1, rotateZ: -3 }, 0.10 ],
@@ -266,7 +311,7 @@ return function (global, window, document, undefined) {
             /* Support: Loses rotation in IE9/Android 2.3 (fades only). */
             "transition.flipXIn": {
                 defaultDuration: 700,
-                calls: [ 
+                calls: [
                     [ { opacity: [ 1, 0 ], transformPerspective: [ 800, 800 ], rotateY: [ 0, -55 ] } ]
                 ],
                 reset: { transformPerspective: 0 }
@@ -274,7 +319,7 @@ return function (global, window, document, undefined) {
             /* Support: Loses rotation in IE9/Android 2.3 (fades only). */
             "transition.flipXOut": {
                 defaultDuration: 700,
-                calls: [ 
+                calls: [
                     [ { opacity: [ 0, 1 ], transformPerspective: [ 800, 800 ], rotateY: 55 } ]
                 ],
                 reset: { transformPerspective: 0, rotateY: 0 }
@@ -282,7 +327,7 @@ return function (global, window, document, undefined) {
             /* Support: Loses rotation in IE9/Android 2.3 (fades only). */
             "transition.flipYIn": {
                 defaultDuration: 800,
-                calls: [ 
+                calls: [
                     [ { opacity: [ 1, 0 ], transformPerspective: [ 800, 800 ], rotateX: [ 0, -45 ] } ]
                 ],
                 reset: { transformPerspective: 0 }
@@ -290,7 +335,7 @@ return function (global, window, document, undefined) {
             /* Support: Loses rotation in IE9/Android 2.3 (fades only). */
             "transition.flipYOut": {
                 defaultDuration: 800,
-                calls: [ 
+                calls: [
                     [ { opacity: [ 0, 1 ], transformPerspective: [ 800, 800 ], rotateX: 25 } ]
                 ],
                 reset: { transformPerspective: 0, rotateX: 0 }
@@ -299,7 +344,7 @@ return function (global, window, document, undefined) {
             /* Support: Loses rotation in IE9/Android 2.3 (fades only). */
             "transition.flipBounceXIn": {
                 defaultDuration: 900,
-                calls: [ 
+                calls: [
                     [ { opacity: [ 0.725, 0 ], transformPerspective: [ 400, 400 ], rotateY: [ -10, 90 ] }, 0.50 ],
                     [ { opacity: 0.80, rotateY: 10 }, 0.25 ],
                     [ { opacity: 1, rotateY: 0 }, 0.25 ]
@@ -310,7 +355,7 @@ return function (global, window, document, undefined) {
             /* Support: Loses rotation in IE9/Android 2.3 (fades only). */
             "transition.flipBounceXOut": {
                 defaultDuration: 800,
-                calls: [ 
+                calls: [
                     [ { opacity: [ 0.9, 1 ], transformPerspective: [ 400, 400 ], rotateY: -10 }, 0.50 ],
                     [ { opacity: 0, rotateY: 90 }, 0.50 ]
                 ],
@@ -320,7 +365,7 @@ return function (global, window, document, undefined) {
             /* Support: Loses rotation in IE9/Android 2.3 (fades only). */
             "transition.flipBounceYIn": {
                 defaultDuration: 850,
-                calls: [ 
+                calls: [
                     [ { opacity: [ 0.725, 0 ], transformPerspective: [ 400, 400 ], rotateX: [ -10, 90 ] }, 0.50 ],
                     [ { opacity: 0.80, rotateX: 10 }, 0.25 ],
                     [ { opacity: 1, rotateX: 0 }, 0.25 ]
@@ -331,7 +376,7 @@ return function (global, window, document, undefined) {
             /* Support: Loses rotation in IE9/Android 2.3 (fades only). */
             "transition.flipBounceYOut": {
                 defaultDuration: 800,
-                calls: [ 
+                calls: [
                     [ { opacity: [ 0.9, 1 ], transformPerspective: [ 400, 400 ], rotateX: -15 }, 0.50 ],
                     [ { opacity: 0, rotateX: 90 }, 0.50 ]
                 ],
@@ -340,7 +385,7 @@ return function (global, window, document, undefined) {
             /* Magic.css */
             "transition.swoopIn": {
                 defaultDuration: 850,
-                calls: [ 
+                calls: [
                     [ { opacity: [ 1, 0 ], transformOriginX: [ "100%", "50%" ], transformOriginY: [ "100%", "100%" ], scaleX: [ 1, 0 ], scaleY: [ 1, 0 ], translateX: [ 0, -700 ], translateZ: 0 } ]
                 ],
                 reset: { transformOriginX: "50%", transformOriginY: "50%" }
@@ -348,7 +393,7 @@ return function (global, window, document, undefined) {
             /* Magic.css */
             "transition.swoopOut": {
                 defaultDuration: 850,
-                calls: [ 
+                calls: [
                     [ { opacity: [ 0, 1 ], transformOriginX: [ "50%", "100%" ], transformOriginY: [ "100%", "100%" ], scaleX: 0, scaleY: 0, translateX: -700, translateZ: 0 } ]
                 ],
                 reset: { transformOriginX: "50%", transformOriginY: "50%", scaleX: 1, scaleY: 1, translateX: 0 }
@@ -356,42 +401,42 @@ return function (global, window, document, undefined) {
             /* Magic.css */
             /* Support: Loses rotation in IE9/Android 2.3. (Fades and scales only.) */
             "transition.whirlIn": {
-                defaultDuration: 900,
-                calls: [ 
-                    [ { opacity: [ 1, 0 ], transformOriginX: [ "50%", "50%" ], transformOriginY: [ "50%", "50%" ], scaleX: [ 1, 0 ], scaleY: [ 1, 0 ], rotateY: [ 0, 160 ] } ]
+                defaultDuration: 850,
+                calls: [
+                    [ { opacity: [ 1, 0 ], transformOriginX: [ "50%", "50%" ], transformOriginY: [ "50%", "50%" ], scaleX: [ 1, 0 ], scaleY: [ 1, 0 ], rotateY: [ 0, 160 ] }, 1, { easing: "easeInOutSine" } ]
                 ]
             },
             /* Magic.css */
             /* Support: Loses rotation in IE9/Android 2.3. (Fades and scales only.) */
             "transition.whirlOut": {
-                defaultDuration: 900,
-                calls: [ 
-                    [ { opacity: [ 0, 1 ], transformOriginX: [ "50%", "50%" ], transformOriginY: [ "50%", "50%" ], scaleX: 0, scaleY: 0, rotateY: 160 } ]
+                defaultDuration: 750,
+                calls: [
+                    [ { opacity: [ 0, "easeInOutQuint", 1 ], transformOriginX: [ "50%", "50%" ], transformOriginY: [ "50%", "50%" ], scaleX: 0, scaleY: 0, rotateY: 160 }, 1, { easing: "swing" } ]
                 ],
                 reset: { scaleX: 1, scaleY: 1, rotateY: 0 }
             },
             "transition.shrinkIn": {
-                defaultDuration: 700,
-                calls: [ 
+                defaultDuration: 750,
+                calls: [
                     [ { opacity: [ 1, 0 ], transformOriginX: [ "50%", "50%" ], transformOriginY: [ "50%", "50%" ], scaleX: [ 1, 1.5 ], scaleY: [ 1, 1.5 ], translateZ: 0 } ]
                 ]
             },
             "transition.shrinkOut": {
-                defaultDuration: 650,
-                calls: [ 
+                defaultDuration: 600,
+                calls: [
                     [ { opacity: [ 0, 1 ], transformOriginX: [ "50%", "50%" ], transformOriginY: [ "50%", "50%" ], scaleX: 1.3, scaleY: 1.3, translateZ: 0 } ]
                 ],
                 reset: { scaleX: 1, scaleY: 1 }
             },
             "transition.expandIn": {
                 defaultDuration: 700,
-                calls: [ 
+                calls: [
                     [ { opacity: [ 1, 0 ], transformOriginX: [ "50%", "50%" ], transformOriginY: [ "50%", "50%" ], scaleX: [ 1, 0.625 ], scaleY: [ 1, 0.625 ], translateZ: 0 } ]
                 ]
             },
             "transition.expandOut": {
                 defaultDuration: 700,
-                calls: [ 
+                calls: [
                     [ { opacity: [ 0, 1 ], transformOriginX: [ "50%", "50%" ], transformOriginY: [ "50%", "50%" ], scaleX: 0.5, scaleY: 0.5, translateZ: 0 } ]
                 ],
                 reset: { scaleX: 1, scaleY: 1 }
@@ -399,7 +444,7 @@ return function (global, window, document, undefined) {
             /* Animate.css */
             "transition.bounceIn": {
                 defaultDuration: 800,
-                calls: [ 
+                calls: [
                     [ { opacity: [ 1, 0 ], scaleX: [ 1.05, 0.3 ], scaleY: [ 1.05, 0.3 ] }, 0.40 ],
                     [ { scaleX: 0.9, scaleY: 0.9, translateZ: 0 }, 0.20 ],
                     [ { scaleX: 1, scaleY: 1 }, 0.50 ]
@@ -408,17 +453,17 @@ return function (global, window, document, undefined) {
             /* Animate.css */
             "transition.bounceOut": {
                 defaultDuration: 800,
-                calls: [ 
-                    [ { scaleX: 0.95, scaleY: 0.95 }, 0.40 ],
-                    [ { scaleX: 1.1, scaleY: 1.1, translateZ: 0 }, 0.40 ],
-                    [ { opacity: [ 0, 1 ], scaleX: 0.3, scaleY: 0.3 }, 0.20 ]
+                calls: [
+                    [ { scaleX: 0.95, scaleY: 0.95 }, 0.35 ],
+                    [ { scaleX: 1.1, scaleY: 1.1, translateZ: 0 }, 0.35 ],
+                    [ { opacity: [ 0, 1 ], scaleX: 0.3, scaleY: 0.3 }, 0.30 ]
                 ],
                 reset: { scaleX: 1, scaleY: 1 }
             },
             /* Animate.css */
             "transition.bounceUpIn": {
                 defaultDuration: 800,
-                calls: [ 
+                calls: [
                     [ { opacity: [ 1, 0 ], translateY: [ -30, 1000 ] }, 0.60, { easing: "easeOutCirc" } ],
                     [ { translateY: 10 }, 0.20 ],
                     [ { translateY: 0 }, 0.20 ]
@@ -427,7 +472,7 @@ return function (global, window, document, undefined) {
             /* Animate.css */
             "transition.bounceUpOut": {
                 defaultDuration: 1000,
-                calls: [ 
+                calls: [
                     [ { translateY: 20 }, 0.20 ],
                     [ { opacity: [ 0, "easeInCirc", 1 ], translateY: -1000 }, 0.80 ]
                 ],
@@ -436,7 +481,7 @@ return function (global, window, document, undefined) {
             /* Animate.css */
             "transition.bounceDownIn": {
                 defaultDuration: 800,
-                calls: [ 
+                calls: [
                     [ { opacity: [ 1, 0 ], translateY: [ 30, -1000 ] }, 0.60, { easing: "easeOutCirc" } ],
                     [ { translateY: -10 }, 0.20 ],
                     [ { translateY: 0 }, 0.20 ]
@@ -445,7 +490,7 @@ return function (global, window, document, undefined) {
             /* Animate.css */
             "transition.bounceDownOut": {
                 defaultDuration: 1000,
-                calls: [ 
+                calls: [
                     [ { translateY: -20 }, 0.20 ],
                     [ { opacity: [ 0, "easeInCirc", 1 ], translateY: 1000 }, 0.80 ]
                 ],
@@ -454,7 +499,7 @@ return function (global, window, document, undefined) {
             /* Animate.css */
             "transition.bounceLeftIn": {
                 defaultDuration: 750,
-                calls: [ 
+                calls: [
                     [ { opacity: [ 1, 0 ], translateX: [ 30, -1250 ] }, 0.60, { easing: "easeOutCirc" } ],
                     [ { translateX: -10 }, 0.20 ],
                     [ { translateX: 0 }, 0.20 ]
@@ -463,7 +508,7 @@ return function (global, window, document, undefined) {
             /* Animate.css */
             "transition.bounceLeftOut": {
                 defaultDuration: 750,
-                calls: [ 
+                calls: [
                     [ { translateX: 30 }, 0.20 ],
                     [ { opacity: [ 0, "easeInCirc", 1 ], translateX: -1250 }, 0.80 ]
                 ],
@@ -472,7 +517,7 @@ return function (global, window, document, undefined) {
             /* Animate.css */
             "transition.bounceRightIn": {
                 defaultDuration: 750,
-                calls: [ 
+                calls: [
                     [ { opacity: [ 1, 0 ], translateX: [ -30, 1250 ] }, 0.60, { easing: "easeOutCirc" } ],
                     [ { translateX: 10 }, 0.20 ],
                     [ { translateX: 0 }, 0.20 ]
@@ -481,7 +526,7 @@ return function (global, window, document, undefined) {
             /* Animate.css */
             "transition.bounceRightOut": {
                 defaultDuration: 750,
-                calls: [ 
+                calls: [
                     [ { translateX: -30 }, 0.20 ],
                     [ { opacity: [ 0, "easeInCirc", 1 ], translateX: 1250 }, 0.80 ]
                 ],
@@ -489,104 +534,104 @@ return function (global, window, document, undefined) {
             },
             "transition.slideUpIn": {
                 defaultDuration: 900,
-                calls: [ 
+                calls: [
                     [ { opacity: [ 1, 0 ], translateY: [ 0, 20 ], translateZ: 0 } ]
                 ]
             },
             "transition.slideUpOut": {
                 defaultDuration: 900,
-                calls: [ 
+                calls: [
                     [ { opacity: [ 0, 1 ], translateY: -20, translateZ: 0 } ]
                 ],
                 reset: { translateY: 0 }
             },
             "transition.slideDownIn": {
                 defaultDuration: 900,
-                calls: [ 
+                calls: [
                     [ { opacity: [ 1, 0 ], translateY: [ 0, -20 ], translateZ: 0 } ]
                 ]
             },
             "transition.slideDownOut": {
                 defaultDuration: 900,
-                calls: [ 
+                calls: [
                     [ { opacity: [ 0, 1 ], translateY: 20, translateZ: 0 } ]
                 ],
                 reset: { translateY: 0 }
             },
             "transition.slideLeftIn": {
                 defaultDuration: 1000,
-                calls: [ 
+                calls: [
                     [ { opacity: [ 1, 0 ], translateX: [ 0, -20 ], translateZ: 0 } ]
                 ]
             },
             "transition.slideLeftOut": {
                 defaultDuration: 1050,
-                calls: [ 
+                calls: [
                     [ { opacity: [ 0, 1 ], translateX: -20, translateZ: 0 } ]
                 ],
                 reset: { translateX: 0 }
             },
             "transition.slideRightIn": {
                 defaultDuration: 1000,
-                calls: [ 
+                calls: [
                     [ { opacity: [ 1, 0 ], translateX: [ 0, 20 ], translateZ: 0 } ]
                 ]
             },
             "transition.slideRightOut": {
                 defaultDuration: 1050,
-                calls: [ 
+                calls: [
                     [ { opacity: [ 0, 1 ], translateX: 20, translateZ: 0 } ]
                 ],
                 reset: { translateX: 0 }
             },
             "transition.slideUpBigIn": {
                 defaultDuration: 850,
-                calls: [ 
+                calls: [
                     [ { opacity: [ 1, 0 ], translateY: [ 0, 75 ], translateZ: 0 } ]
                 ]
             },
             "transition.slideUpBigOut": {
                 defaultDuration: 800,
-                calls: [ 
+                calls: [
                     [ { opacity: [ 0, 1 ], translateY: -75, translateZ: 0 } ]
                 ],
                 reset: { translateY: 0 }
             },
             "transition.slideDownBigIn": {
                 defaultDuration: 850,
-                calls: [ 
+                calls: [
                     [ { opacity: [ 1, 0 ], translateY: [ 0, -75 ], translateZ: 0 } ]
                 ]
             },
             "transition.slideDownBigOut": {
                 defaultDuration: 800,
-                calls: [ 
+                calls: [
                     [ { opacity: [ 0, 1 ], translateY: 75, translateZ: 0 } ]
                 ],
                 reset: { translateY: 0 }
             },
             "transition.slideLeftBigIn": {
                 defaultDuration: 800,
-                calls: [ 
+                calls: [
                     [ { opacity: [ 1, 0 ], translateX: [ 0, -75 ], translateZ: 0 } ]
                 ]
             },
             "transition.slideLeftBigOut": {
                 defaultDuration: 750,
-                calls: [ 
+                calls: [
                     [ { opacity: [ 0, 1 ], translateX: -75, translateZ: 0 } ]
                 ],
                 reset: { translateX: 0 }
             },
             "transition.slideRightBigIn": {
                 defaultDuration: 800,
-                calls: [ 
+                calls: [
                     [ { opacity: [ 1, 0 ], translateX: [ 0, 75 ], translateZ: 0 } ]
                 ]
             },
             "transition.slideRightBigOut": {
                 defaultDuration: 750,
-                calls: [ 
+                calls: [
                     [ { opacity: [ 0, 1 ], translateX: 75, translateZ: 0 } ]
                 ],
                 reset: { translateX: 0 }
@@ -594,16 +639,15 @@ return function (global, window, document, undefined) {
             /* Magic.css */
             "transition.perspectiveUpIn": {
                 defaultDuration: 800,
-                calls: [ 
+                calls: [
                     [ { opacity: [ 1, 0 ], transformPerspective: [ 800, 800 ], transformOriginX: [ 0, 0 ], transformOriginY: [ "100%", "100%" ], rotateX: [ 0, -180 ] } ]
-                ],
-                reset: { transformPerspective: 0, transformOriginX: "50%", transformOriginY: "50%" }
+                ]
             },
             /* Magic.css */
             /* Support: Loses rotation in IE9/Android 2.3 (fades only). */
             "transition.perspectiveUpOut": {
                 defaultDuration: 850,
-                calls: [ 
+                calls: [
                     [ { opacity: [ 0, 1 ], transformPerspective: [ 800, 800 ], transformOriginX: [ 0, 0 ], transformOriginY: [ "100%", "100%" ], rotateX: -180 } ]
                 ],
                 reset: { transformPerspective: 0, transformOriginX: "50%", transformOriginY: "50%", rotateX: 0 }
@@ -612,7 +656,7 @@ return function (global, window, document, undefined) {
             /* Support: Loses rotation in IE9/Android 2.3 (fades only). */
             "transition.perspectiveDownIn": {
                 defaultDuration: 800,
-                calls: [ 
+                calls: [
                     [ { opacity: [ 1, 0 ], transformPerspective: [ 800, 800 ], transformOriginX: [ 0, 0 ], transformOriginY: [ 0, 0 ], rotateX: [ 0, 180 ] } ]
                 ],
                 reset: { transformPerspective: 0, transformOriginX: "50%", transformOriginY: "50%" }
@@ -621,7 +665,7 @@ return function (global, window, document, undefined) {
             /* Support: Loses rotation in IE9/Android 2.3 (fades only). */
             "transition.perspectiveDownOut": {
                 defaultDuration: 850,
-                calls: [ 
+                calls: [
                     [ { opacity: [ 0, 1 ], transformPerspective: [ 800, 800 ], transformOriginX: [ 0, 0 ], transformOriginY: [ 0, 0 ], rotateX: 180 } ]
                 ],
                 reset: { transformPerspective: 0, transformOriginX: "50%", transformOriginY: "50%", rotateX: 0 }
@@ -630,7 +674,7 @@ return function (global, window, document, undefined) {
             /* Support: Loses rotation in IE9/Android 2.3 (fades only). */
             "transition.perspectiveLeftIn": {
                 defaultDuration: 950,
-                calls: [ 
+                calls: [
                     [ { opacity: [ 1, 0 ], transformPerspective: [ 2000, 2000 ], transformOriginX: [ 0, 0 ], transformOriginY: [ 0, 0 ], rotateY: [ 0, -180 ] } ]
                 ],
                 reset: { transformPerspective: 0, transformOriginX: "50%", transformOriginY: "50%" }
@@ -639,7 +683,7 @@ return function (global, window, document, undefined) {
             /* Support: Loses rotation in IE9/Android 2.3 (fades only). */
             "transition.perspectiveLeftOut": {
                 defaultDuration: 950,
-                calls: [ 
+                calls: [
                     [ { opacity: [ 0, 1 ], transformPerspective: [ 2000, 2000 ], transformOriginX: [ 0, 0 ], transformOriginY: [ 0, 0 ], rotateY: -180 } ]
                 ],
                 reset: { transformPerspective: 0, transformOriginX: "50%", transformOriginY: "50%", rotateY: 0 }
@@ -648,7 +692,7 @@ return function (global, window, document, undefined) {
             /* Support: Loses rotation in IE9/Android 2.3 (fades only). */
             "transition.perspectiveRightIn": {
                 defaultDuration: 950,
-                calls: [ 
+                calls: [
                     [ { opacity: [ 1, 0 ], transformPerspective: [ 2000, 2000 ], transformOriginX: [ "100%", "100%" ], transformOriginY: [ 0, 0 ], rotateY: [ 0, 180 ] } ]
                 ],
                 reset: { transformPerspective: 0, transformOriginX: "50%", transformOriginY: "50%" }
@@ -657,7 +701,7 @@ return function (global, window, document, undefined) {
             /* Support: Loses rotation in IE9/Android 2.3 (fades only). */
             "transition.perspectiveRightOut": {
                 defaultDuration: 950,
-                calls: [ 
+                calls: [
                     [ { opacity: [ 0, 1 ], transformPerspective: [ 2000, 2000 ], transformOriginX: [ "100%", "100%" ], transformOriginY: [ 0, 0 ], rotateY: 180 } ]
                 ],
                 reset: { transformPerspective: 0, transformOriginX: "50%", transformOriginY: "50%", rotateY: 0 }
@@ -665,8 +709,46 @@ return function (global, window, document, undefined) {
         };
 
     /* Register the packaged effects. */
-    for (var effectName in global.Velocity.RegisterUI.packagedEffects) {
-        global.Velocity.RegisterUI(effectName, global.Velocity.RegisterUI.packagedEffects[effectName]);
+    for (var effectName in Velocity.RegisterEffect.packagedEffects) {
+        Velocity.RegisterEffect(effectName, Velocity.RegisterEffect.packagedEffects[effectName]);
     }
+
+    /*********************
+       Sequence Running
+    **********************/
+
+    /* Note: Sequence calls must use Velocity's single-object arguments syntax. */
+    Velocity.RunSequence = function (originalSequence) {
+        var sequence = $.extend(true, [], originalSequence);
+
+        if (sequence.length > 1) {
+            $.each(sequence.reverse(), function(i, currentCall) {
+                var nextCall = sequence[i + 1];
+
+                if (nextCall) {
+                    /* Parallel sequence calls (indicated via sequenceQueue:false) are triggered
+                       in the previous call's begin callback. Otherwise, chained calls are normally triggered
+                       in the previous call's complete callback. */
+                    var timing = (currentCall.options && currentCall.options.sequenceQueue === false) ? "begin" : "complete",
+                        callbackOriginal = nextCall.options && nextCall.options[timing],
+                        options = {};
+
+                    options[timing] = function() {
+                        var nextCallElements = nextCall.elements || nextCall.e;
+                        var elements = nextCallElements.nodeType ? [ nextCallElements ] : nextCallElements;
+
+                        callbackOriginal && callbackOriginal.call(elements, elements);
+                        Velocity(currentCall);
+                    }
+
+                    nextCall.options = $.extend({}, nextCall.options, options);
+                }
+            });
+
+            sequence.reverse();
+        }
+
+        Velocity(sequence[0]);
+    };
 }((window.jQuery || window.Zepto || window), window, document);
 }));
\ No newline at end of file
diff --git a/app/assets/javascripts/app/lib/app_post/ajax.js.coffee b/app/assets/javascripts/app/lib/app_post/ajax.js.coffee
index 337139af8..095bda739 100644
--- a/app/assets/javascripts/app/lib/app_post/ajax.js.coffee
+++ b/app/assets/javascripts/app/lib/app_post/ajax.js.coffee
@@ -62,16 +62,15 @@ class _ajaxSingleton
       # do not show aborded requests
       return if status is 0
 
-      # do not show any error message on wrong login
-      return if status is 401 && !settings.url.match('login')
-
-      # do not show any error message with code 200
+      # 200, all is fine
       return if status is 200
 
-      # show human readable message
-      if status is 401
-        status = 'Access denied.'
-        detail = ''
+      # do not show any error message with code 401/404 (handled by controllers)
+      return if status is 401
+      return if status is 404
+
+      # do not show any error message with code 502
+      return if status is 502
 
       # show error message
       new App.ErrorModal(
diff --git a/app/assets/javascripts/app/lib/app_post/user_organization_autocompletion.js.coffee b/app/assets/javascripts/app/lib/app_post/user_organization_autocompletion.js.coffee
index 2a2f0fcc5..a5c9a98b7 100644
--- a/app/assets/javascripts/app/lib/app_post/user_organization_autocompletion.js.coffee
+++ b/app/assets/javascripts/app/lib/app_post/user_organization_autocompletion.js.coffee
@@ -1,9 +1,9 @@
 class App.UserOrganizationAutocompletion extends App.Controller
   className: 'dropdown js-recipientDropdown zIndex-2'
   events:
-    'hide.bs.dropdown .js-recipientDropdown': 'hideOrganisationMembers'
-    'click .js-organisation':                 'showOrganisationMembers'
-    'click .js-back':                         'hideOrganisationMembers'
+    'hide.bs.dropdown .js-recipientDropdown': 'hideOrganizationMembers'
+    'click .js-organization':                 'showOrganizationMembers'
+    'click .js-back':                         'hideOrganizationMembers'
     'click .js-user':                         'selectUser'
     'click .js-user-new':                     'newUser'
     'focus input':                            'open'
@@ -148,9 +148,9 @@ class App.UserOrganizationAutocompletion extends App.Controller
           e.preventDefault()
           userId = @$('.recipientList').find('li.is-active').data('user-id')
           if !userId
-            organisationId = @$('.recipientList').find('li.is-active').data('organisation-id')
-            if organisationId
-              @showOrganisationMembers(undefined, @$('.recipientList').find('li.is-active'))
+            organizationId = @$('.recipientList').find('li.is-active').data('organization-id')
+            if organizationId
+              @showOrganizationMembers(undefined, @$('.recipientList').find('li.is-active'))
               return
           if userId is 'new'
             @newUser()
@@ -217,24 +217,24 @@ class App.UserOrganizationAutocompletion extends App.Controller
 
   emptyResultList: =>
     @$('.recipientList').empty()
-    @$('.recipientList-organisationMembers').remove()
+    @$('.recipientList-organizationMembers').remove()
 
-  showOrganisationMembers: (e,listEntry) =>
+  showOrganizationMembers: (e,listEntry) =>
     if e
       e.stopPropagation()
       listEntry = $(e.currentTarget)
 
-    organisationId = listEntry.data('organisation-id')
+    organizationId = listEntry.data('organization-id')
 
     @recipientList = @$('.recipientList')
-    @organisationList = @$("##{ organisationId }")
+    @organizationList = @$("##{ organizationId }")
 
-    # move organisation-list to the right and slide it in
+    # move organization-list to the right and slide it in
 
-    $.Velocity.hook(@organisationList, 'translateX', '100%')
-    @organisationList.removeClass('hide')
+    $.Velocity.hook(@organizationList, 'translateX', '100%')
+    @organizationList.removeClass('hide')
 
-    @organisationList.velocity
+    @organizationList.velocity
       properties:
         translateX: 0
       options:
@@ -246,12 +246,12 @@ class App.UserOrganizationAutocompletion extends App.Controller
         translateX: '-100%'
       options:
         speed: 300
-        complete: => @recipientList.height(@organisationList.height())
+        complete: => @recipientList.height(@organizationList.height())
 
-  hideOrganisationMembers: (e) =>
+  hideOrganizationMembers: (e) =>
     e && e.stopPropagation()
 
-    return if !@organisationList
+    return if !@organizationList
 
     # fade list back in
     @recipientList.velocity
@@ -264,13 +264,13 @@ class App.UserOrganizationAutocompletion extends App.Controller
 
     @recipientList.height('')
 
-    # slide out organisation-list and hide it
-    @organisationList.velocity
+    # slide out organization-list and hide it
+    @organizationList.velocity
       properties:
         translateX: '100%'
       options:
         speed: 300
-        complete: => @organisationList.addClass('hide')
+        complete: => @organizationList.addClass('hide')
 
   newUser: (e) =>
     if e
diff --git a/app/assets/javascripts/app/lib/app_post/utils.js.coffee b/app/assets/javascripts/app/lib/app_post/utils.js.coffee
index 5f576a74f..0ae38e317 100644
--- a/app/assets/javascripts/app/lib/app_post/utils.js.coffee
+++ b/app/assets/javascripts/app/lib/app_post/utils.js.coffee
@@ -114,7 +114,7 @@ class App.Utils
     @_removeAttributes( html )
 
     # remove tags, keep content
-    html.find('a, font').replaceWith( ->
+    html.find('a, font, small, time').replaceWith( ->
       $(@).contents()
     )
 
@@ -166,3 +166,27 @@ class App.Utils
     else
       true
 
+  # textReplaced = App.Utils.replaceTags( template, { user: { firstname: 'Bob', lastname: 'Smith' } } )
+  @replaceTags: (template, objects) ->
+    template = template.replace( /#\{\s{0,2}(.+?)\s{0,2}\}/g, ( index, key ) ->
+      levels  = key.split(/\./)
+      dataRef = objects
+      for level in levels
+        if dataRef[level]
+          dataRef = dataRef[level]
+      if typeof dataRef is 'function'
+        value = dataRef()
+      else if typeof dataRef is 'string'
+        value = dataRef
+      else
+        value = ''
+      #console.log( "tag replacement #{key}, #{value} env: ", objects)
+      value
+    )
+
+  # true|false = App.Utils.lastLineEmpty( message )
+  @lastLineEmpty: (message) ->
+    messageCleanup = message.replace(/>\s+</g, '><').replace(/(\n|\r|\t)/g, '').trim()
+    return true if messageCleanup.match(/<(br|\s+?|\/)>$/im)
+    return true if messageCleanup.match(/<div(|\s.+?)><\/div>$/im)
+    false
diff --git a/app/assets/javascripts/app/lib/base/jquery.contenteditable.js b/app/assets/javascripts/app/lib/base/jquery.contenteditable.js
index f47e1ac43..ee1d5ac8c 100644
--- a/app/assets/javascripts/app/lib/base/jquery.contenteditable.js
+++ b/app/assets/javascripts/app/lib/base/jquery.contenteditable.js
@@ -25,6 +25,7 @@
       40: true, // left
       91: true, // cmd left
       92: true, // cmd right
+      224: true, // cmd left
     },
     extraAllowKey: {
       65: true, // a + ctrl - select all
@@ -38,6 +39,7 @@
       73: true, // i
       85: true, // u
     },
+    //maxlength: 20,
   };
 
   function Plugin( element, options ) {
@@ -58,13 +60,9 @@
     this.preventInput = false
 
     this.init();
-    // bind
-
-    // bind paste
   }
 
 
-
   Plugin.prototype.init = function () {
     var _this = this
 
@@ -84,98 +82,55 @@
           e.preventDefault()
           return
         }
-        // limit check
-        if ( !_this.maxLengthOk( true ) ) {
+      }
+
+      // limit check
+      if ( !_this.allowKey(e) ) {
+        if ( !_this.maxLengthOk( 1 ) ) {
           e.preventDefault()
           return
         }
       }
     })
 
-    this.$element.on('keyup', function (e) {
-      console.log('KU', e.ctrlKey)
-      // do not remove tags on space, enter or backspace key, it's needed for FF
-      if ( _this.options.mode === 'textonly' ) {
-        if ( !_this.options.multiline ) {
-
-          // do tricky this for FF
-          if ( e.keyCode !== 32 && e.keyCode !== 13 && e.keyCode !== 8 )  {
-
-            // start request to remove tags
-            _this.htmlRemoveTags()
-          }
-          else {
-
-            // clear request to delete tags, in FF we need <br> anytime at the end
-            _this.htmlRemoveTagsClearClearTimeout()
-          }
-        }
-        else {
-          App.Utils.htmlRemoveRichtext(_this.$element)
-        }
-      }
-      else {
-        App.Utils.htmlClanup(_this.$element)
-      }
-    })
-
-
     // just paste text
     this.$element.on('paste', function (e) {
       console.log('paste')
+
+      // check existing + paste text for limit
+      var text
+      if (window.clipboardData) { // IE
+        text = window.clipboardData.getData('Text')
+      }
+      else {
+        text = (e.originalEvent || e).clipboardData.getData('text/plain')
+      }
+
+      if ( !_this.maxLengthOk( text.length) ) {
+        e.preventDefault()
+        return
+      }
+
+      // use setTimeout() with 0 to execute it right after paste event
       if ( _this.options.mode === 'textonly' ) {
         if ( !_this.options.multiline ) {
-          _this.htmlRemoveTags()
+          setTimeout($.proxy(function(){
+            App.Utils.htmlRemoveTags(this.$element)
+          }, _this), 0)
         }
         else {
-          App.Utils.htmlRemoveRichtext(_this.$element)
+          setTimeout($.proxy(function(){
+            App.Utils.htmlRemoveRichtext(this.$element)
+          }, _this), 0)
         }
       }
       else {
-        App.Utils.htmlClanup(_this.$element)
+        setTimeout($.proxy(function(){
+          App.Utils.htmlClanup(this.$element)
+        }, _this), 0)
       }
+
       return true
-      if ( this.options.mode === 'textonly' ) {
-        e.preventDefault()
-        var text
-        if (window.clipboardData) { // IE
-          text = window.clipboardData.getData('Text')
-        }
-        else {
-          text = (e.originalEvent || e).clipboardData.getData('text/plain')
-        }
-        var overlimit = false
-        if (text) {
-
-          // replace new lines
-          if ( !_this.options.multiline ) {
-            text = text.replace(/\n/g, '')
-            text = text.replace(/\r/g, '')
-            text = text.replace(/\t/g, '')
-          }
-
-          // limit length, limit paste string
-          if ( _this.options.maxlength ) {
-            var pasteLength   = text.length
-            var currentLength = _this.$element.text().length
-            var overSize      = ( currentLength + pasteLength ) - _this.options.maxlength
-            if ( overSize > 0 ) {
-              text      = text.substr( 0, pasteLength - overSize )
-              overlimit = true
-            }
-          }
-
-          // insert new text
-          if (document.selection) { // IE
-            var range = document.selection.createRange()
-            range.pasteHTML(text)
-          }
-          else {
-            document.execCommand('inserttext', false, text)
-          }
-          _this.maxLengthOk( overlimit )
-        }
-      }
     })
 
     // disable rich text b/u/i
@@ -188,23 +143,15 @@
     }
   }
 
-  // check if rich text key is pressed
-  Plugin.prototype.htmlRemoveTags = function() {
-
-    // clear old clear request
-    this.htmlRemoveTagsClearClearTimeout()
-
-    // set new clear request
-    this._setTimeOutReformat = setTimeout($.proxy(function(){
-      App.Utils.htmlRemoveTags(this.$element)
-    }, this), 100)
-    console.log('htmlRemoveTagsClearSetTimeout', this._setTimeOutReformat)
-  }
-  Plugin.prototype.htmlRemoveTagsClearClearTimeout = function() {
-    if (this._setTimeOutReformat) {
-      console.log('htmlRemoveTagsClearClearTimeout', this._setTimeOutReformat)
-      clearTimeout(this._setTimeOutReformat)
+  // check if key is allowed, even if length limit is reached
+  Plugin.prototype.allowKey = function(e) {
+    if ( this.options.allowKey[ e.keyCode ] ) {
+      return true
     }
+    if ( ( e.ctrlKey || e.metaKey ) && this.options.extraAllowKey[ e.keyCode ] ) {
+      return true
+    }
+    return false
   }
 
   // check if rich text key is pressed
@@ -225,10 +172,14 @@
 
   // max length check
   Plugin.prototype.maxLengthOk = function(typeAhead) {
+    if ( !this.options.maxlength ) {
+      return true
+    }
     var length = this.$element.text().length
     if (typeAhead) {
-      length = length + 1
+      length = length + typeAhead
     }
+    console.log('maxLengthOk', length, this.options.maxlength)
     if ( length > this.options.maxlength ) {
 
       // try to set error on framework form
diff --git a/app/assets/javascripts/app/lib/base/jquery.textmodule.js b/app/assets/javascripts/app/lib/base/jquery.textmodule.js
index 989443f39..613b79271 100644
--- a/app/assets/javascripts/app/lib/base/jquery.textmodule.js
+++ b/app/assets/javascripts/app/lib/base/jquery.textmodule.js
@@ -22,8 +22,8 @@
     this._name      = pluginName
 
     this.collection = []
-    this.active = false
-    this.buffer = ''
+    this.active     = false
+    this.buffer     = ''
 
     // check if ce exists
     if ( $.data(element, 'plugin_ce') ) {
@@ -52,18 +52,22 @@
           e.preventDefault()
           var id = _this.$widget.find('.dropdown-menu li.active a').data('id')
           _this.take(id)
+          return
         }
 
-        // arrow keys
-        if ( e.keyCode === 37 || e.keyCode === 38 || e.keyCode === 39 || e.keyCode === 40 ) {
+        // arrow keys left/right
+        if ( e.keyCode === 37 || e.keyCode === 39 ) {
           e.preventDefault()
+          return
         }
 
         // up
         if ( e.keyCode === 38 ) {
+          e.preventDefault()
           if ( !_this.$widget.find('.dropdown-menu li.active')[0] ) {
             var top = _this.$widget.find('.dropdown-menu li').last().addClass('active').position().top
             _this.$widget.find('.dropdown-menu').scrollTop( top );
+            return
           }
           else {
             var prev = _this.$widget.find('.dropdown-menu li.active').removeClass('active').prev()
@@ -72,15 +76,17 @@
               top = prev.addClass('active').position().top
             }
             _this.$widget.find('.dropdown-menu').scrollTop( top );
+            return
           }
         }
 
         // down
         if ( e.keyCode === 40 ) {
+          e.preventDefault()
           if ( !_this.$widget.find('.dropdown-menu li.active')[0] ) {
             var top = _this.$widget.find('.dropdown-menu li').first().addClass('active').position().top
             _this.$widget.find('.dropdown-menu').scrollTop( top );
-
+            return
           }
           else {
             var next = _this.$widget.find('.dropdown-menu li.active').removeClass('active').next()
@@ -89,6 +95,7 @@
               top = next.addClass('active').position().top
             }
             _this.$widget.find('.dropdown-menu').scrollTop( top );
+            return
           }
         }
 
@@ -100,9 +107,15 @@
 
       // backspace
       if ( e.keyCode === 8 && _this.buffer ) {
+
+        // backspace + buffer === :: -> close textmodule
         if ( _this.buffer === '::' ) {
           _this.close()
+          e.preventDefault()
+          return
         }
+
+        // reduce buffer and show new result
         var length   = _this.buffer.length
         _this.buffer = _this.buffer.substr( 0, length-1 )
         console.log('BS backspace', _this.buffer)
@@ -115,22 +128,26 @@
       console.log('BUFF', _this.buffer, e.keyCode, String.fromCharCode(e.which) )
 
       // shift
-      if ( e.keyCode === 16 ) {
-        return
-      }
+      if ( e.keyCode === 16 ) return
 
       // enter
-      if ( e.keyCode === 13 ) {
-        return
-      }
+      if ( e.keyCode === 13 ) return
 
       // arrow keys
-      if ( e.keyCode === 37 || e.keyCode === 38 || e.keyCode === 39 || e.keyCode === 40 ) {
-        return
+      if ( e.keyCode === 37 || e.keyCode === 38 || e.keyCode === 39 || e.keyCode === 40 ) return
+
+      // observer other second key
+      if ( _this.buffer === ':' && String.fromCharCode(e.which) !== ':' ) {
+        _this.buffer = ''
       }
 
-      // enter :
-      if ( String.fromCharCode(e.which) === ':' ) {
+      // oberserve second :
+      if ( _this.buffer === ':' && String.fromCharCode(e.which) === ':' ) {
+        _this.buffer = _this.buffer + ':'
+      }
+
+      // oberserve first :
+      if ( !_this.buffer && String.fromCharCode(e.which) === ':' ) {
         _this.buffer = _this.buffer + ':'
       }
 
@@ -172,57 +189,38 @@
     this.$widget = this.$element.next()
   }
 
-  // update widget position
+  // set height of widget
+  Plugin.prototype.movePosition = function() {
+    if (!this._position) return
+    var height       = this.$element.height() + 20
+    var widgetHeight = this.$widget.find('ul').height() //+ 60 // + height
+    var top          = -( widgetHeight + height ) + this._position.top
+    this.$widget.css('top', top)
+    this.$widget.css('left', this._position.left)
+  }
+
+  // set position of widget
   Plugin.prototype.updatePosition = function() {
     this.$widget.find('.dropdown-menu').scrollTop( 300 );
     if ( !this.$element.is(':visible') ) return
 
     // get cursor position
     var marker = '<span id="js-cursor-position"></span>'
-
-    // IE9 and non-IE
-    sel = window.getSelection();
-    if (sel.getRangeAt && sel.rangeCount) {
-      range = sel.getRangeAt(0);
-      range.deleteContents();
-
-      // Range.createContextualFragment() would be useful here but is
-      // only relatively recently standardized and is not supported in
-      // some browsers (IE9, for one)
-      var el = document.createElement("div");
-      el.innerHTML = marker;
-      var frag = document.createDocumentFragment(), node, lastNode;
-      while ( (node = el.firstChild) ) {
-        lastNode = frag.appendChild(node);
-      }
-      range.insertNode(frag);
-
-      // Preserve the selection
-      if (lastNode) {
-        range = range.cloneRange();
-        range.setStartAfter(lastNode);
-        range.collapse(true);
-        sel.removeAllRanges();
-        sel.addRange(range);
-      }
-    }
-    position = $('#js-cursor-position').position()
+    var range = this.getFirstRange();
+    var clone = range.cloneRange()
+    clone.pasteHtml(marker)
+    this._position = $('#js-cursor-position').position()
     $('#js-cursor-position').remove()
-    if (!position) return
+    if (!this._position) return
 
     // set position of widget
-    var height = this.$element.height()
-    var widgetHeight = this.$widget.find('ul').height() //+ 60 // + height
-    var top = -( widgetHeight + height ) + position.top
-    this.$widget.css('top', top)
-    this.$widget.css('left', position.left)
+    this.movePosition()
   }
 
   // open widget
   Plugin.prototype.open = function() {
     this.active = true
     this.updatePosition()
-
     b = $.proxy(function() {
       this.$widget.addClass('open')
     }, this)
@@ -231,9 +229,11 @@
 
   // close widget
   Plugin.prototype.close = function() {
-    this.active = false
-    this.cutInput()
     this.$widget.removeClass('open')
+    if ( this.active ) {
+      this.cutInput(true)
+    }
+    this.active = false
   }
 
   // check if widget is active/open
@@ -255,11 +255,15 @@
 
   // cut some content
   Plugin.prototype.cut = function(string) {
+    var range = this.getFirstRange();
+    if (!range) return
+    /*
     var sel = window.getSelection()
     if ( !sel || sel.rangeCount < 1) {
       return
     }
     var range = sel.getRangeAt(0)
+    */
     var clone = range.cloneRange()
 
     // improve error handling
@@ -267,9 +271,34 @@
     if (start < 0) {
       start = 0
     }
+
+    // for chrome, remove also leading space, add it later - otherwice space will be tropped
+    if (start) {
+      clone.setStart(range.startContainer, start-1)
+      clone.setEnd(range.startContainer, start)
+      var spacerChar = clone.toString()
+      if ( spacerChar === ' ' ) {
+        start = start - 1
+      }
+    }
+    //console.log('CUT FOR', string, "-"+clone.toString()+"-", start, range.startOffset)
     clone.setStart(range.startContainer, start)
     clone.setEnd(range.startContainer, range.startOffset)
     clone.deleteContents()
+
+    // for chrome, insert space again
+    if (start) {
+      if ( spacerChar === ' ' ) {
+        string = "&nbsp;"
+        if (document.selection) { // IE
+          var range = document.selection.createRange()
+          range.pasteHTML(string)
+        }
+        else {
+          document.execCommand('insertHTML', false, string)
+        }
+      }
+    }
   }
 
   // select text module and insert into text
@@ -291,15 +320,15 @@
     return
   }
 
+  Plugin.prototype.getFirstRange = function() {
+    var sel = rangy.getSelection();
+    return sel.rangeCount ? sel.getRangeAt(0) : null;
+  }
+
   // cut out search string from text
   Plugin.prototype.cutInput = function() {
     if (!this.buffer) return
     if (!this.$element.text()) return
-    var sel = window.getSelection()
-    if ( !sel || sel.rangeCount < 1) {
-      this.buffer = ''
-      return
-    }
     this.cut(this.buffer)
     this.buffer = ''
   }
@@ -322,9 +351,9 @@
     console.log('result', term, result)
     for (var i = 0; i < result.length; i++) {
       var item = result[i]
-      var template = "<li><a href=\"#\" class=\"u-textTruncate\" data-id=" + item.id + ">" + item.name
+      var template = "<li><a href=\"#\" class=\"u-textTruncate\" data-id=" + item.id + ">" + App.Utils.htmlEscape(item.name)
       if (item.keywords) {
-        template = template + " (" + item.keywords + ")"
+        template = template + " (" + App.Utils.htmlEscape(item.keywords) + ")"
       }
       template = template + "</a></li>"
       this.$widget.find('ul').append(template)
@@ -340,10 +369,9 @@
         _this.take(id)
       }
     )
-    this.updatePosition()
+    this.movePosition()
   }
 
-
   $.fn[pluginName] = function ( options ) {
     return this.each(function () {
       if (!$.data(this, 'plugin_' + pluginName)) {
diff --git a/app/assets/javascripts/app/lib/base/rangy-textrange.js b/app/assets/javascripts/app/lib/base/rangy-textrange.js
new file mode 100755
index 000000000..58d7528b5
--- /dev/null
+++ b/app/assets/javascripts/app/lib/base/rangy-textrange.js
@@ -0,0 +1,1925 @@
+/**
+ * Text range module for Rangy.
+ * Text-based manipulation and searching of ranges and selections.
+ *
+ * Features
+ *
+ * - Ability to move range boundaries by character or word offsets
+ * - Customizable word tokenizer
+ * - Ignores text nodes inside <script> or <style> elements or those hidden by CSS display and visibility properties
+ * - Range findText method to search for text or regex within the page or within a range. Flags for whole words and case
+ *   sensitivity
+ * - Selection and range save/restore as text offsets within a node
+ * - Methods to return visible text within a range or selection
+ * - innerText method for elements
+ *
+ * References
+ *
+ * https://www.w3.org/Bugs/Public/show_bug.cgi?id=13145
+ * http://aryeh.name/spec/innertext/innertext.html
+ * http://dvcs.w3.org/hg/editing/raw-file/tip/editing.html
+ *
+ * Part of Rangy, a cross-browser JavaScript range and selection library
+ * https://github.com/timdown/rangy
+ *
+ * Depends on Rangy core.
+ *
+ * Copyright 2014, Tim Down
+ * Licensed under the MIT license.
+ * Version: 1.3.0-alpha.20140921
+ * Build date: 21 September 2014
+ */
+
+/**
+ * Problem: handling of trailing spaces before line breaks is handled inconsistently between browsers.
+ *
+ * First, a <br>: this is relatively simple. For the following HTML:
+ *
+ * 1 <br>2
+ *
+ * - IE and WebKit render the space, include it in the selection (i.e. when the content is selected and pasted into a
+ *   textarea, the space is present) and allow the caret to be placed after it.
+ * - Firefox does not acknowledge the space in the selection but it is possible to place the caret after it.
+ * - Opera does not render the space but has two separate caret positions on either side of the space (left and right
+ *   arrow keys show this) and includes the space in the selection.
+ *
+ * The other case is the line break or breaks implied by block elements. For the following HTML:
+ *
+ * <p>1 </p><p>2<p>
+ *
+ * - WebKit does not acknowledge the space in any way
+ * - Firefox, IE and Opera as per <br>
+ *
+ * One more case is trailing spaces before line breaks in elements with white-space: pre-line. For the following HTML:
+ *
+ * <p style="white-space: pre-line">1
+ * 2</p>
+ *
+ * - Firefox and WebKit include the space in caret positions
+ * - IE does not support pre-line up to and including version 9
+ * - Opera ignores the space
+ * - Trailing space only renders if there is a non-collapsed character in the line
+ *
+ * Problem is whether Rangy should ever acknowledge the space and if so, when. Another problem is whether this can be
+ * feature-tested
+ */
+(function(factory, root) {
+    if (typeof define == "function" && define.amd) {
+        // AMD. Register as an anonymous module with a dependency on Rangy.
+        define(["./rangy-core"], factory);
+    } else if (typeof module != "undefined" && typeof exports == "object") {
+        // Node/CommonJS style
+        module.exports = factory( require("rangy") );
+    } else {
+        // No AMD or CommonJS support so we use the rangy property of root (probably the global variable)
+        factory(root.rangy);
+    }
+})(function(rangy) {
+    rangy.createModule("TextRange", ["WrappedSelection"], function(api, module) {
+        var UNDEF = "undefined";
+        var CHARACTER = "character", WORD = "word";
+        var dom = api.dom, util = api.util;
+        var extend = util.extend;
+        var createOptions = util.createOptions;
+        var getBody = dom.getBody;
+
+
+        var spacesRegex = /^[ \t\f\r\n]+$/;
+        var spacesMinusLineBreaksRegex = /^[ \t\f\r]+$/;
+        var allWhiteSpaceRegex = /^[\t-\r \u0085\u00A0\u1680\u180E\u2000-\u200B\u2028\u2029\u202F\u205F\u3000]+$/;
+        var nonLineBreakWhiteSpaceRegex = /^[\t \u00A0\u1680\u180E\u2000-\u200B\u202F\u205F\u3000]+$/;
+        var lineBreakRegex = /^[\n-\r\u0085\u2028\u2029]$/;
+
+        var defaultLanguage = "en";
+
+        var isDirectionBackward = api.Selection.isDirectionBackward;
+
+        // Properties representing whether trailing spaces inside blocks are completely collapsed (as they are in WebKit,
+        // but not other browsers). Also test whether trailing spaces before <br> elements are collapsed.
+        var trailingSpaceInBlockCollapses = false;
+        var trailingSpaceBeforeBrCollapses = false;
+        var trailingSpaceBeforeBlockCollapses = false;
+        var trailingSpaceBeforeLineBreakInPreLineCollapses = true;
+
+        (function() {
+            var el = document.createElement("div");
+            el.contentEditable = "true";
+            el.innerHTML = "<p>1 </p><p></p>";
+            var body = getBody(document);
+            var p = el.firstChild;
+            var sel = api.getSelection();
+
+            body.appendChild(el);
+            sel.collapse(p.lastChild, 2);
+            sel.setStart(p.firstChild, 0);
+            trailingSpaceInBlockCollapses = ("" + sel).length == 1;
+
+            el.innerHTML = "1 <br>";
+            sel.collapse(el, 2);
+            sel.setStart(el.firstChild, 0);
+            trailingSpaceBeforeBrCollapses = ("" + sel).length == 1;
+
+            el.innerHTML = "1 <p>1</p>";
+            sel.collapse(el, 2);
+            sel.setStart(el.firstChild, 0);
+            trailingSpaceBeforeBlockCollapses = ("" + sel).length == 1;
+
+            body.removeChild(el);
+            sel.removeAllRanges();
+        })();
+
+        /*----------------------------------------------------------------------------------------------------------------*/
+
+        // This function must create word and non-word tokens for the whole of the text supplied to it
+        function defaultTokenizer(chars, wordOptions) {
+            var word = chars.join(""), result, tokens = [];
+
+            function createTokenFromRange(start, end, isWord) {
+                var tokenChars = chars.slice(start, end);
+                var token = {
+                    isWord: isWord,
+                    chars: tokenChars,
+                    toString: function() {
+                        return tokenChars.join("");
+                    }
+                };
+                for (var i = 0, len = tokenChars.length; i < len; ++i) {
+                    tokenChars[i].token = token;
+                }
+                tokens.push(token);
+            }
+
+            // Match words and mark characters
+            var lastWordEnd = 0, wordStart, wordEnd;
+            while ( (result = wordOptions.wordRegex.exec(word)) ) {
+                wordStart = result.index;
+                wordEnd = wordStart + result[0].length;
+
+                // Create token for non-word characters preceding this word
+                if (wordStart > lastWordEnd) {
+                    createTokenFromRange(lastWordEnd, wordStart, false);
+                }
+
+                // Get trailing space characters for word
+                if (wordOptions.includeTrailingSpace) {
+                    while (nonLineBreakWhiteSpaceRegex.test(chars[wordEnd])) {
+                        ++wordEnd;
+                    }
+                }
+                createTokenFromRange(wordStart, wordEnd, true);
+                lastWordEnd = wordEnd;
+            }
+
+            // Create token for trailing non-word characters, if any exist
+            if (lastWordEnd < chars.length) {
+                createTokenFromRange(lastWordEnd, chars.length, false);
+            }
+
+            return tokens;
+        }
+
+        var defaultCharacterOptions = {
+            includeBlockContentTrailingSpace: true,
+            includeSpaceBeforeBr: true,
+            includeSpaceBeforeBlock: true,
+            includePreLineTrailingSpace: true,
+            ignoreCharacters: ""
+        };
+        
+        function normalizeIgnoredCharacters(ignoredCharacters) {
+            // Check if character is ignored
+            var ignoredChars = ignoredCharacters || "";
+
+            // Normalize ignored characters into a string consisting of characters in ascending order of character code
+            var ignoredCharsArray = (typeof ignoredChars == "string") ? ignoredChars.split("") : ignoredChars;
+            ignoredCharsArray.sort(function(char1, char2) {
+                return char1.charCodeAt(0) - char2.charCodeAt(0);
+            });
+
+            /// Convert back to a string and remove duplicates 
+            return ignoredCharsArray.join("").replace(/(.)\1+/g, "$1");
+        }
+
+        var defaultCaretCharacterOptions = {
+            includeBlockContentTrailingSpace: !trailingSpaceBeforeLineBreakInPreLineCollapses,
+            includeSpaceBeforeBr: !trailingSpaceBeforeBrCollapses,
+            includeSpaceBeforeBlock: !trailingSpaceBeforeBlockCollapses,
+            includePreLineTrailingSpace: true
+        };
+        
+        var defaultWordOptions = {
+            "en": {
+                wordRegex: /[a-z0-9]+('[a-z0-9]+)*/gi,
+                includeTrailingSpace: false,
+                tokenizer: defaultTokenizer
+            }
+        };
+
+        var defaultFindOptions = {
+            caseSensitive: false,
+            withinRange: null,
+            wholeWordsOnly: false,
+            wrap: false,
+            direction: "forward",
+            wordOptions: null,
+            characterOptions: null
+        };
+
+        var defaultMoveOptions = {
+            wordOptions: null,
+            characterOptions: null
+        };
+
+        var defaultExpandOptions = {
+            wordOptions: null,
+            characterOptions: null,
+            trim: false,
+            trimStart: true,
+            trimEnd: true
+        };
+
+        var defaultWordIteratorOptions = {
+            wordOptions: null,
+            characterOptions: null,
+            direction: "forward"
+        };
+
+        function createWordOptions(options) {
+            var lang, defaults;
+            if (!options) {
+                return defaultWordOptions[defaultLanguage];
+            } else {
+                lang = options.language || defaultLanguage;
+                defaults = {};
+                extend(defaults, defaultWordOptions[lang] || defaultWordOptions[defaultLanguage]);
+                extend(defaults, options);
+                return defaults;
+            }
+        }
+
+        function createNestedOptions(optionsParam, defaults) {
+            var options = createOptions(optionsParam, defaults);
+            if (defaults.hasOwnProperty("wordOptions")) {
+                options.wordOptions = createWordOptions(options.wordOptions);
+            }
+            if (defaults.hasOwnProperty("characterOptions")) {
+                options.characterOptions = createOptions(options.characterOptions, defaultCharacterOptions);
+            }
+            return options;
+        }
+        
+        /*----------------------------------------------------------------------------------------------------------------*/
+
+        /* DOM utility functions */
+        var getComputedStyleProperty = dom.getComputedStyleProperty;
+
+        // Create cachable versions of DOM functions
+
+        // Test for old IE's incorrect display properties
+        var tableCssDisplayBlock;
+        (function() {
+            var table = document.createElement("table");
+            var body = getBody(document);
+            body.appendChild(table);
+            tableCssDisplayBlock = (getComputedStyleProperty(table, "display") == "block");
+            body.removeChild(table);
+        })();
+
+        api.features.tableCssDisplayBlock = tableCssDisplayBlock;
+
+        var defaultDisplayValueForTag = {
+            table: "table",
+            caption: "table-caption",
+            colgroup: "table-column-group",
+            col: "table-column",
+            thead: "table-header-group",
+            tbody: "table-row-group",
+            tfoot: "table-footer-group",
+            tr: "table-row",
+            td: "table-cell",
+            th: "table-cell"
+        };
+
+        // Corrects IE's "block" value for table-related elements
+        function getComputedDisplay(el, win) {
+            var display = getComputedStyleProperty(el, "display", win);
+            var tagName = el.tagName.toLowerCase();
+            return (display == "block" &&
+                    tableCssDisplayBlock &&
+                    defaultDisplayValueForTag.hasOwnProperty(tagName)) ?
+                defaultDisplayValueForTag[tagName] : display;
+        }
+
+        function isHidden(node) {
+            var ancestors = getAncestorsAndSelf(node);
+            for (var i = 0, len = ancestors.length; i < len; ++i) {
+                if (ancestors[i].nodeType == 1 && getComputedDisplay(ancestors[i]) == "none") {
+                    return true;
+                }
+            }
+
+            return false;
+        }
+
+        function isVisibilityHiddenTextNode(textNode) {
+            var el;
+            return textNode.nodeType == 3 &&
+                (el = textNode.parentNode) &&
+                getComputedStyleProperty(el, "visibility") == "hidden";
+        }
+
+        /*----------------------------------------------------------------------------------------------------------------*/
+
+    
+        // "A block node is either an Element whose "display" property does not have
+        // resolved value "inline" or "inline-block" or "inline-table" or "none", or a
+        // Document, or a DocumentFragment."
+        function isBlockNode(node) {
+            return node &&
+                ((node.nodeType == 1 && !/^(inline(-block|-table)?|none)$/.test(getComputedDisplay(node))) ||
+                node.nodeType == 9 || node.nodeType == 11);
+        }
+
+        function getLastDescendantOrSelf(node) {
+            var lastChild = node.lastChild;
+            return lastChild ? getLastDescendantOrSelf(lastChild) : node;
+        }
+
+        function containsPositions(node) {
+            return dom.isCharacterDataNode(node) ||
+                !/^(area|base|basefont|br|col|frame|hr|img|input|isindex|link|meta|param)$/i.test(node.nodeName);
+        }
+
+        function getAncestors(node) {
+            var ancestors = [];
+            while (node.parentNode) {
+                ancestors.unshift(node.parentNode);
+                node = node.parentNode;
+            }
+            return ancestors;
+        }
+
+        function getAncestorsAndSelf(node) {
+            return getAncestors(node).concat([node]);
+        }
+
+        function nextNodeDescendants(node) {
+            while (node && !node.nextSibling) {
+                node = node.parentNode;
+            }
+            if (!node) {
+                return null;
+            }
+            return node.nextSibling;
+        }
+
+        function nextNode(node, excludeChildren) {
+            if (!excludeChildren && node.hasChildNodes()) {
+                return node.firstChild;
+            }
+            return nextNodeDescendants(node);
+        }
+
+        function previousNode(node) {
+            var previous = node.previousSibling;
+            if (previous) {
+                node = previous;
+                while (node.hasChildNodes()) {
+                    node = node.lastChild;
+                }
+                return node;
+            }
+            var parent = node.parentNode;
+            if (parent && parent.nodeType == 1) {
+                return parent;
+            }
+            return null;
+        }
+
+        // Adpated from Aryeh's code.
+        // "A whitespace node is either a Text node whose data is the empty string; or
+        // a Text node whose data consists only of one or more tabs (0x0009), line
+        // feeds (0x000A), carriage returns (0x000D), and/or spaces (0x0020), and whose
+        // parent is an Element whose resolved value for "white-space" is "normal" or
+        // "nowrap"; or a Text node whose data consists only of one or more tabs
+        // (0x0009), carriage returns (0x000D), and/or spaces (0x0020), and whose
+        // parent is an Element whose resolved value for "white-space" is "pre-line"."
+        function isWhitespaceNode(node) {
+            if (!node || node.nodeType != 3) {
+                return false;
+            }
+            var text = node.data;
+            if (text === "") {
+                return true;
+            }
+            var parent = node.parentNode;
+            if (!parent || parent.nodeType != 1) {
+                return false;
+            }
+            var computedWhiteSpace = getComputedStyleProperty(node.parentNode, "whiteSpace");
+
+            return (/^[\t\n\r ]+$/.test(text) && /^(normal|nowrap)$/.test(computedWhiteSpace)) ||
+                (/^[\t\r ]+$/.test(text) && computedWhiteSpace == "pre-line");
+        }
+
+        // Adpated from Aryeh's code.
+        // "node is a collapsed whitespace node if the following algorithm returns
+        // true:"
+        function isCollapsedWhitespaceNode(node) {
+            // "If node's data is the empty string, return true."
+            if (node.data === "") {
+                return true;
+            }
+
+            // "If node is not a whitespace node, return false."
+            if (!isWhitespaceNode(node)) {
+                return false;
+            }
+
+            // "Let ancestor be node's parent."
+            var ancestor = node.parentNode;
+
+            // "If ancestor is null, return true."
+            if (!ancestor) {
+                return true;
+            }
+
+            // "If the "display" property of some ancestor of node has resolved value "none", return true."
+            if (isHidden(node)) {
+                return true;
+            }
+
+            return false;
+        }
+
+        function isCollapsedNode(node) {
+            var type = node.nodeType;
+            return type == 7 /* PROCESSING_INSTRUCTION */ ||
+                type == 8 /* COMMENT */ ||
+                isHidden(node) ||
+                /^(script|style)$/i.test(node.nodeName) ||
+                isVisibilityHiddenTextNode(node) ||
+                isCollapsedWhitespaceNode(node);
+        }
+
+        function isIgnoredNode(node, win) {
+            var type = node.nodeType;
+            return type == 7 /* PROCESSING_INSTRUCTION */ ||
+                type == 8 /* COMMENT */ ||
+                (type == 1 && getComputedDisplay(node, win) == "none");
+        }
+
+        /*----------------------------------------------------------------------------------------------------------------*/
+
+        // Possibly overengineered caching system to prevent repeated DOM calls slowing everything down
+
+        function Cache() {
+            this.store = {};
+        }
+
+        Cache.prototype = {
+            get: function(key) {
+                return this.store.hasOwnProperty(key) ? this.store[key] : null;
+            },
+
+            set: function(key, value) {
+                return this.store[key] = value;
+            }
+        };
+
+        var cachedCount = 0, uncachedCount = 0;
+        
+        function createCachingGetter(methodName, func, objProperty) {
+            return function(args) {
+                var cache = this.cache;
+                if (cache.hasOwnProperty(methodName)) {
+                    cachedCount++;
+                    return cache[methodName];
+                } else {
+                    uncachedCount++;
+                    var value = func.call(this, objProperty ? this[objProperty] : this, args);
+                    cache[methodName] = value;
+                    return value;
+                }
+            };
+        }
+
+        /*----------------------------------------------------------------------------------------------------------------*/
+
+        function NodeWrapper(node, session) {
+            this.node = node;
+            this.session = session;
+            this.cache = new Cache();
+            this.positions = new Cache();
+        }
+
+        var nodeProto = {
+            getPosition: function(offset) {
+                var positions = this.positions;
+                return positions.get(offset) || positions.set(offset, new Position(this, offset));
+            },
+
+            toString: function() {
+                return "[NodeWrapper(" + dom.inspectNode(this.node) + ")]";
+            }
+        };
+
+        NodeWrapper.prototype = nodeProto;
+
+        var EMPTY = "EMPTY",
+            NON_SPACE = "NON_SPACE",
+            UNCOLLAPSIBLE_SPACE = "UNCOLLAPSIBLE_SPACE",
+            COLLAPSIBLE_SPACE = "COLLAPSIBLE_SPACE",
+            TRAILING_SPACE_BEFORE_BLOCK = "TRAILING_SPACE_BEFORE_BLOCK",
+            TRAILING_SPACE_IN_BLOCK = "TRAILING_SPACE_IN_BLOCK",
+            TRAILING_SPACE_BEFORE_BR = "TRAILING_SPACE_BEFORE_BR",
+            PRE_LINE_TRAILING_SPACE_BEFORE_LINE_BREAK = "PRE_LINE_TRAILING_SPACE_BEFORE_LINE_BREAK",
+            TRAILING_LINE_BREAK_AFTER_BR = "TRAILING_LINE_BREAK_AFTER_BR";
+
+        extend(nodeProto, {
+            isCharacterDataNode: createCachingGetter("isCharacterDataNode", dom.isCharacterDataNode, "node"),
+            getNodeIndex: createCachingGetter("nodeIndex", dom.getNodeIndex, "node"),
+            getLength: createCachingGetter("nodeLength", dom.getNodeLength, "node"),
+            containsPositions: createCachingGetter("containsPositions", containsPositions, "node"),
+            isWhitespace: createCachingGetter("isWhitespace", isWhitespaceNode, "node"),
+            isCollapsedWhitespace: createCachingGetter("isCollapsedWhitespace", isCollapsedWhitespaceNode, "node"),
+            getComputedDisplay: createCachingGetter("computedDisplay", getComputedDisplay, "node"),
+            isCollapsed: createCachingGetter("collapsed", isCollapsedNode, "node"),
+            isIgnored: createCachingGetter("ignored", isIgnoredNode, "node"),
+            next: createCachingGetter("nextPos", nextNode, "node"),
+            previous: createCachingGetter("previous", previousNode, "node"),
+
+            getTextNodeInfo: createCachingGetter("textNodeInfo", function(textNode) {
+                var spaceRegex = null, collapseSpaces = false;
+                var cssWhitespace = getComputedStyleProperty(textNode.parentNode, "whiteSpace");
+                var preLine = (cssWhitespace == "pre-line");
+                if (preLine) {
+                    spaceRegex = spacesMinusLineBreaksRegex;
+                    collapseSpaces = true;
+                } else if (cssWhitespace == "normal" || cssWhitespace == "nowrap") {
+                    spaceRegex = spacesRegex;
+                    collapseSpaces = true;
+                }
+
+                return {
+                    node: textNode,
+                    text: textNode.data,
+                    spaceRegex: spaceRegex,
+                    collapseSpaces: collapseSpaces,
+                    preLine: preLine
+                };
+            }, "node"),
+
+            hasInnerText: createCachingGetter("hasInnerText", function(el, backward) {
+                var session = this.session;
+                var posAfterEl = session.getPosition(el.parentNode, this.getNodeIndex() + 1);
+                var firstPosInEl = session.getPosition(el, 0);
+
+                var pos = backward ? posAfterEl : firstPosInEl;
+                var endPos = backward ? firstPosInEl : posAfterEl;
+
+                /*
+                 <body><p>X  </p><p>Y</p></body>
+
+                 Positions:
+
+                 body:0:""
+                 p:0:""
+                 text:0:""
+                 text:1:"X"
+                 text:2:TRAILING_SPACE_IN_BLOCK
+                 text:3:COLLAPSED_SPACE
+                 p:1:""
+                 body:1:"\n"
+                 p:0:""
+                 text:0:""
+                 text:1:"Y"
+
+                 A character is a TRAILING_SPACE_IN_BLOCK iff:
+
+                 - There is no uncollapsed character after it within the visible containing block element
+
+                 A character is a TRAILING_SPACE_BEFORE_BR iff:
+
+                 - There is no uncollapsed character after it preceding a <br> element
+
+                 An element has inner text iff
+
+                 - It is not hidden
+                 - It contains an uncollapsed character
+
+                 All trailing spaces (pre-line, before <br>, end of block) require definite non-empty characters to render.
+                 */
+
+                while (pos !== endPos) {
+                    pos.prepopulateChar();
+                    if (pos.isDefinitelyNonEmpty()) {
+                        return true;
+                    }
+                    pos = backward ? pos.previousVisible() : pos.nextVisible();
+                }
+
+                return false;
+            }, "node"),
+            
+            isRenderedBlock: createCachingGetter("isRenderedBlock", function(el) {
+                // Ensure that a block element containing a <br> is considered to have inner text 
+                var brs = el.getElementsByTagName("br");
+                for (var i = 0, len = brs.length; i < len; ++i) {
+                    if (!isCollapsedNode(brs[i])) {
+                        return true;
+                    }
+                }
+                return this.hasInnerText();
+            }, "node"),
+
+            getTrailingSpace: createCachingGetter("trailingSpace", function(el) {
+                if (el.tagName.toLowerCase() == "br") {
+                    return "";
+                } else {
+                    switch (this.getComputedDisplay()) {
+                        case "inline":
+                            var child = el.lastChild;
+                            while (child) {
+                                if (!isIgnoredNode(child)) {
+                                    return (child.nodeType == 1) ? this.session.getNodeWrapper(child).getTrailingSpace() : "";
+                                }
+                                child = child.previousSibling;
+                            }
+                            break;
+                        case "inline-block":
+                        case "inline-table":
+                        case "none":
+                        case "table-column":
+                        case "table-column-group":
+                            break;
+                        case "table-cell":
+                            return "\t";
+                        default:
+                            return this.isRenderedBlock(true) ? "\n" : "";
+                    }
+                }
+                return "";
+            }, "node"),
+
+            getLeadingSpace: createCachingGetter("leadingSpace", function(el) {
+                switch (this.getComputedDisplay()) {
+                    case "inline":
+                    case "inline-block":
+                    case "inline-table":
+                    case "none":
+                    case "table-column":
+                    case "table-column-group":
+                    case "table-cell":
+                        break;
+                    default:
+                        return this.isRenderedBlock(false) ? "\n" : "";
+                }
+                return "";
+            }, "node")
+        });
+
+        /*----------------------------------------------------------------------------------------------------------------*/
+
+    
+        function Position(nodeWrapper, offset) {
+            this.offset = offset;
+            this.nodeWrapper = nodeWrapper;
+            this.node = nodeWrapper.node;
+            this.session = nodeWrapper.session;
+            this.cache = new Cache();
+        }
+
+        function inspectPosition() {
+            return "[Position(" + dom.inspectNode(this.node) + ":" + this.offset + ")]";
+        }
+
+        var positionProto = {
+            character: "",
+            characterType: EMPTY,
+            isBr: false,
+
+            /*
+            This method:
+            - Fully populates positions that have characters that can be determined independently of any other characters.
+            - Populates most types of space positions with a provisional character. The character is finalized later.
+             */
+            prepopulateChar: function() {
+                var pos = this;
+                if (!pos.prepopulatedChar) {
+                    var node = pos.node, offset = pos.offset;
+                    var visibleChar = "", charType = EMPTY;
+                    var finalizedChar = false;
+                    if (offset > 0) {
+                        if (node.nodeType == 3) {
+                            var text = node.data;
+                            var textChar = text.charAt(offset - 1);
+
+                            var nodeInfo = pos.nodeWrapper.getTextNodeInfo();
+                            var spaceRegex = nodeInfo.spaceRegex;
+                            if (nodeInfo.collapseSpaces) {
+                                if (spaceRegex.test(textChar)) {
+                                    // "If the character at position is from set, append a single space (U+0020) to newdata and advance
+                                    // position until the character at position is not from set."
+
+                                    // We also need to check for the case where we're in a pre-line and we have a space preceding a
+                                    // line break, because such spaces are collapsed in some browsers
+                                    if (offset > 1 && spaceRegex.test(text.charAt(offset - 2))) {
+                                    } else if (nodeInfo.preLine && text.charAt(offset) === "\n") {
+                                        visibleChar = " ";
+                                        charType = PRE_LINE_TRAILING_SPACE_BEFORE_LINE_BREAK;
+                                    } else {
+                                        visibleChar = " ";
+                                        //pos.checkForFollowingLineBreak = true;
+                                        charType = COLLAPSIBLE_SPACE;
+                                    }
+                                } else {
+                                    visibleChar = textChar;
+                                    charType = NON_SPACE;
+                                    finalizedChar = true;
+                                }
+                            } else {
+                                visibleChar = textChar;
+                                charType = UNCOLLAPSIBLE_SPACE;
+                                finalizedChar = true;
+                            }
+                        } else {
+                            var nodePassed = node.childNodes[offset - 1];
+                            if (nodePassed && nodePassed.nodeType == 1 && !isCollapsedNode(nodePassed)) {
+                                if (nodePassed.tagName.toLowerCase() == "br") {
+                                    visibleChar = "\n";
+                                    pos.isBr = true;
+                                    charType = COLLAPSIBLE_SPACE;
+                                    finalizedChar = false;
+                                } else {
+                                    pos.checkForTrailingSpace = true;
+                                }
+                            }
+
+                            // Check the leading space of the next node for the case when a block element follows an inline
+                            // element or text node. In that case, there is an implied line break between the two nodes.
+                            if (!visibleChar) {
+                                var nextNode = node.childNodes[offset];
+                                if (nextNode && nextNode.nodeType == 1 && !isCollapsedNode(nextNode)) {
+                                    pos.checkForLeadingSpace = true;
+                                }
+                            }
+                        }
+                    }
+
+                    pos.prepopulatedChar = true;
+                    pos.character = visibleChar;
+                    pos.characterType = charType;
+                    pos.isCharInvariant = finalizedChar;
+                }
+            },
+
+            isDefinitelyNonEmpty: function() {
+                var charType = this.characterType;
+                return charType == NON_SPACE || charType == UNCOLLAPSIBLE_SPACE;
+            },
+
+            // Resolve leading and trailing spaces, which may involve prepopulating other positions
+            resolveLeadingAndTrailingSpaces: function() {
+                if (!this.prepopulatedChar) {
+                    this.prepopulateChar();
+                }
+                if (this.checkForTrailingSpace) {
+                    var trailingSpace = this.session.getNodeWrapper(this.node.childNodes[this.offset - 1]).getTrailingSpace();
+                    if (trailingSpace) {
+                        this.isTrailingSpace = true;
+                        this.character = trailingSpace;
+                        this.characterType = COLLAPSIBLE_SPACE;
+                    }
+                    this.checkForTrailingSpace = false;
+                }
+                if (this.checkForLeadingSpace) {
+                    var leadingSpace = this.session.getNodeWrapper(this.node.childNodes[this.offset]).getLeadingSpace();
+                    if (leadingSpace) {
+                        this.isLeadingSpace = true;
+                        this.character = leadingSpace;
+                        this.characterType = COLLAPSIBLE_SPACE;
+                    }
+                    this.checkForLeadingSpace = false;
+                }
+            },
+            
+            getPrecedingUncollapsedPosition: function(characterOptions) {
+                var pos = this, character;
+                while ( (pos = pos.previousVisible()) ) {
+                    character = pos.getCharacter(characterOptions);
+                    if (character !== "") {
+                        return pos;
+                    }
+                }
+
+                return null;
+            },
+
+            getCharacter: function(characterOptions) {
+                this.resolveLeadingAndTrailingSpaces();
+                
+                var thisChar = this.character, returnChar;
+
+                // Check if character is ignored
+                var ignoredChars = normalizeIgnoredCharacters(characterOptions.ignoreCharacters);
+                var isIgnoredCharacter = (thisChar !== "" && ignoredChars.indexOf(thisChar) > -1);
+                
+                // Check if this position's  character is invariant (i.e. not dependent on character options) and return it
+                // if so
+                if (this.isCharInvariant) {
+                    returnChar = isIgnoredCharacter ? "" : thisChar;
+                    return returnChar;
+                }
+                
+                var cacheKey = ["character", characterOptions.includeSpaceBeforeBr, characterOptions.includeBlockContentTrailingSpace, characterOptions.includePreLineTrailingSpace, ignoredChars].join("_");
+                var cachedChar = this.cache.get(cacheKey);
+                if (cachedChar !== null) {
+                    return cachedChar;
+                }
+                
+                // We need to actually get the character
+                var character = "";
+                var collapsible = (this.characterType == COLLAPSIBLE_SPACE);
+                
+                var nextPos, previousPos;
+                var gotPreviousPos = false;
+                var pos = this;
+                
+                function getPreviousPos() {
+                    if (!gotPreviousPos) {
+                        previousPos = pos.getPrecedingUncollapsedPosition(characterOptions);
+                        gotPreviousPos = true;
+                    }
+                    return previousPos;
+                }
+
+                // Disallow a collapsible space that is followed by a line break or is the last character
+                if (collapsible) {
+                    // Disallow a collapsible space that follows a trailing space or line break, or is the first character
+                    if (thisChar == " " &&
+                            (!getPreviousPos() || previousPos.isTrailingSpace || previousPos.character == "\n")) {
+                    }
+                    // Allow a leading line break unless it follows a line break
+                    else if (thisChar == "\n" && this.isLeadingSpace) {
+                        if (getPreviousPos() && previousPos.character != "\n") {
+                            character = "\n";
+                        } else {
+                        }
+                    } else {
+                        nextPos = this.nextUncollapsed();
+                        if (nextPos) {
+                            if (nextPos.isBr) {
+                                this.type = TRAILING_SPACE_BEFORE_BR;
+                            } else if (nextPos.isTrailingSpace && nextPos.character == "\n") {
+                                this.type = TRAILING_SPACE_IN_BLOCK;
+                            } else if (nextPos.isLeadingSpace && nextPos.character == "\n") {
+                                this.type = TRAILING_SPACE_BEFORE_BLOCK;
+                            }
+                            
+                            if (nextPos.character == "\n") {
+                                if (this.type == TRAILING_SPACE_BEFORE_BR && !characterOptions.includeSpaceBeforeBr) {
+                                } else if (this.type == TRAILING_SPACE_BEFORE_BLOCK && !characterOptions.includeSpaceBeforeBlock) {
+                                } else if (this.type == TRAILING_SPACE_IN_BLOCK && nextPos.isTrailingSpace && !characterOptions.includeBlockContentTrailingSpace) {
+                                } else if (this.type == PRE_LINE_TRAILING_SPACE_BEFORE_LINE_BREAK && nextPos.type == NON_SPACE && !characterOptions.includePreLineTrailingSpace) {
+                                } else if (thisChar == "\n") {
+                                    if (nextPos.isTrailingSpace) {
+                                        if (this.isTrailingSpace) {
+                                        } else if (this.isBr) {
+                                            nextPos.type = TRAILING_LINE_BREAK_AFTER_BR;
+                                            
+                                            if (getPreviousPos() && previousPos.isLeadingSpace && previousPos.character == "\n") {
+                                                nextPos.character = "";
+                                            } else {
+                                            }
+                                        }
+                                    } else {
+                                        character = "\n";
+                                    }
+                                } else if (thisChar == " ") {
+                                    character = " ";
+                                } else {
+                                }
+                            } else {
+                                character = thisChar;
+                            }
+                        } else {
+                        }
+                    }
+                }
+
+                // Collapse a br element that is followed by a trailing space
+                else if (thisChar == "\n" &&
+                        (!(nextPos = this.nextUncollapsed()) || nextPos.isTrailingSpace)) {
+                }
+                
+                if (ignoredChars.indexOf(character) > -1) {
+                    character = "";
+                }
+                
+                
+                this.cache.set(cacheKey, character);
+
+                return character;
+            },
+
+            equals: function(pos) {
+                return !!pos && this.node === pos.node && this.offset === pos.offset;
+            },
+
+            inspect: inspectPosition,
+
+            toString: function() {
+                return this.character;
+            }
+        };
+
+        Position.prototype = positionProto;
+
+        extend(positionProto, {
+            next: createCachingGetter("nextPos", function(pos) {
+                var nodeWrapper = pos.nodeWrapper, node = pos.node, offset = pos.offset, session = nodeWrapper.session;
+                if (!node) {
+                    return null;
+                }
+                var nextNode, nextOffset, child;
+                if (offset == nodeWrapper.getLength()) {
+                    // Move onto the next node
+                    nextNode = node.parentNode;
+                    nextOffset = nextNode ? nodeWrapper.getNodeIndex() + 1 : 0;
+                } else {
+                    if (nodeWrapper.isCharacterDataNode()) {
+                        nextNode = node;
+                        nextOffset = offset + 1;
+                    } else {
+                        child = node.childNodes[offset];
+                        // Go into the children next, if children there are
+                        if (session.getNodeWrapper(child).containsPositions()) {
+                            nextNode = child;
+                            nextOffset = 0;
+                        } else {
+                            nextNode = node;
+                            nextOffset = offset + 1;
+                        }
+                    }
+                }
+
+                return nextNode ? session.getPosition(nextNode, nextOffset) : null;
+            }),
+
+            previous: createCachingGetter("previous", function(pos) {
+                var nodeWrapper = pos.nodeWrapper, node = pos.node, offset = pos.offset, session = nodeWrapper.session;
+                var previousNode, previousOffset, child;
+                if (offset == 0) {
+                    previousNode = node.parentNode;
+                    previousOffset = previousNode ? nodeWrapper.getNodeIndex() : 0;
+                } else {
+                    if (nodeWrapper.isCharacterDataNode()) {
+                        previousNode = node;
+                        previousOffset = offset - 1;
+                    } else {
+                        child = node.childNodes[offset - 1];
+                        // Go into the children next, if children there are
+                        if (session.getNodeWrapper(child).containsPositions()) {
+                            previousNode = child;
+                            previousOffset = dom.getNodeLength(child);
+                        } else {
+                            previousNode = node;
+                            previousOffset = offset - 1;
+                        }
+                    }
+                }
+                return previousNode ? session.getPosition(previousNode, previousOffset) : null;
+            }),
+
+            /*
+             Next and previous position moving functions that filter out
+
+             - Hidden (CSS visibility/display) elements
+             - Script and style elements
+             */
+            nextVisible: createCachingGetter("nextVisible", function(pos) {
+                var next = pos.next();
+                if (!next) {
+                    return null;
+                }
+                var nodeWrapper = next.nodeWrapper, node = next.node;
+                var newPos = next;
+                if (nodeWrapper.isCollapsed()) {
+                    // We're skipping this node and all its descendants
+                    newPos = nodeWrapper.session.getPosition(node.parentNode, nodeWrapper.getNodeIndex() + 1);
+                }
+                return newPos;
+            }),
+
+            nextUncollapsed: createCachingGetter("nextUncollapsed", function(pos) {
+                var nextPos = pos;
+                while ( (nextPos = nextPos.nextVisible()) ) {
+                    nextPos.resolveLeadingAndTrailingSpaces();
+                    if (nextPos.character !== "") {
+                        return nextPos;
+                    }
+                }
+                return null;
+            }),
+
+            previousVisible: createCachingGetter("previousVisible", function(pos) {
+                var previous = pos.previous();
+                if (!previous) {
+                    return null;
+                }
+                var nodeWrapper = previous.nodeWrapper, node = previous.node;
+                var newPos = previous;
+                if (nodeWrapper.isCollapsed()) {
+                    // We're skipping this node and all its descendants
+                    newPos = nodeWrapper.session.getPosition(node.parentNode, nodeWrapper.getNodeIndex());
+                }
+                return newPos;
+            })
+        });
+
+        /*----------------------------------------------------------------------------------------------------------------*/
+
+        var currentSession = null;
+
+        var Session = (function() {
+            function createWrapperCache(nodeProperty) {
+                var cache = new Cache();
+
+                return {
+                    get: function(node) {
+                        var wrappersByProperty = cache.get(node[nodeProperty]);
+                        if (wrappersByProperty) {
+                            for (var i = 0, wrapper; wrapper = wrappersByProperty[i++]; ) {
+                                if (wrapper.node === node) {
+                                    return wrapper;
+                                }
+                            }
+                        }
+                        return null;
+                    },
+
+                    set: function(nodeWrapper) {
+                        var property = nodeWrapper.node[nodeProperty];
+                        var wrappersByProperty = cache.get(property) || cache.set(property, []);
+                        wrappersByProperty.push(nodeWrapper);
+                    }
+                };
+            }
+
+            var uniqueIDSupported = util.isHostProperty(document.documentElement, "uniqueID");
+
+            function Session() {
+                this.initCaches();
+            }
+
+            Session.prototype = {
+                initCaches: function() {
+                    this.elementCache = uniqueIDSupported ? (function() {
+                        var elementsCache = new Cache();
+
+                        return {
+                            get: function(el) {
+                                return elementsCache.get(el.uniqueID);
+                            },
+
+                            set: function(elWrapper) {
+                                elementsCache.set(elWrapper.node.uniqueID, elWrapper);
+                            }
+                        };
+                    })() : createWrapperCache("tagName");
+
+                    // Store text nodes keyed by data, although we may need to truncate this
+                    this.textNodeCache = createWrapperCache("data");
+                    this.otherNodeCache = createWrapperCache("nodeName");
+                },
+
+                getNodeWrapper: function(node) {
+                    var wrapperCache;
+                    switch (node.nodeType) {
+                        case 1:
+                            wrapperCache = this.elementCache;
+                            break;
+                        case 3:
+                            wrapperCache = this.textNodeCache;
+                            break;
+                        default:
+                            wrapperCache = this.otherNodeCache;
+                            break;
+                    }
+
+                    var wrapper = wrapperCache.get(node);
+                    if (!wrapper) {
+                        wrapper = new NodeWrapper(node, this);
+                        wrapperCache.set(wrapper);
+                    }
+                    return wrapper;
+                },
+
+                getPosition: function(node, offset) {
+                    return this.getNodeWrapper(node).getPosition(offset);
+                },
+
+                getRangeBoundaryPosition: function(range, isStart) {
+                    var prefix = isStart ? "start" : "end";
+                    return this.getPosition(range[prefix + "Container"], range[prefix + "Offset"]);
+                },
+
+                detach: function() {
+                    this.elementCache = this.textNodeCache = this.otherNodeCache = null;
+                }
+            };
+
+            return Session;
+        })();
+
+        /*----------------------------------------------------------------------------------------------------------------*/
+
+        function startSession() {
+            endSession();
+            return (currentSession = new Session());
+        }
+
+        function getSession() {
+            return currentSession || startSession();
+        }
+
+        function endSession() {
+            if (currentSession) {
+                currentSession.detach();
+            }
+            currentSession = null;
+        }
+
+        /*----------------------------------------------------------------------------------------------------------------*/
+
+        // Extensions to the rangy.dom utility object
+
+        extend(dom, {
+            nextNode: nextNode,
+            previousNode: previousNode
+        });
+
+        /*----------------------------------------------------------------------------------------------------------------*/
+
+        function createCharacterIterator(startPos, backward, endPos, characterOptions) {
+
+            // Adjust the end position to ensure that it is actually reached
+            if (endPos) {
+                if (backward) {
+                    if (isCollapsedNode(endPos.node)) {
+                        endPos = startPos.previousVisible();
+                    }
+                } else {
+                    if (isCollapsedNode(endPos.node)) {
+                        endPos = endPos.nextVisible();
+                    }
+                }
+            }
+
+            var pos = startPos, finished = false;
+
+            function next() {
+                var charPos = null;
+                if (backward) {
+                    charPos = pos;
+                    if (!finished) {
+                        pos = pos.previousVisible();
+                        finished = !pos || (endPos && pos.equals(endPos));
+                    }
+                } else {
+                    if (!finished) {
+                        charPos = pos = pos.nextVisible();
+                        finished = !pos || (endPos && pos.equals(endPos));
+                    }
+                }
+                if (finished) {
+                    pos = null;
+                }
+                return charPos;
+            }
+
+            var previousTextPos, returnPreviousTextPos = false;
+
+            return {
+                next: function() {
+                    if (returnPreviousTextPos) {
+                        returnPreviousTextPos = false;
+                        return previousTextPos;
+                    } else {
+                        var pos, character;
+                        while ( (pos = next()) ) {
+                            character = pos.getCharacter(characterOptions);
+                            if (character) {
+                                previousTextPos = pos;
+                                return pos;
+                            }
+                        }
+                        return null;
+                    }
+                },
+
+                rewind: function() {
+                    if (previousTextPos) {
+                        returnPreviousTextPos = true;
+                    } else {
+                        throw module.createError("createCharacterIterator: cannot rewind. Only one position can be rewound.");
+                    }
+                },
+
+                dispose: function() {
+                    startPos = endPos = null;
+                }
+            };
+        }
+
+        var arrayIndexOf = Array.prototype.indexOf ?
+            function(arr, val) {
+                return arr.indexOf(val);
+            } :
+            function(arr, val) {
+                for (var i = 0, len = arr.length; i < len; ++i) {
+                    if (arr[i] === val) {
+                        return i;
+                    }
+                }
+                return -1;
+            };
+
+        // Provides a pair of iterators over text positions, tokenized. Transparently requests more text when next()
+        // is called and there is no more tokenized text
+        function createTokenizedTextProvider(pos, characterOptions, wordOptions) {
+            var forwardIterator = createCharacterIterator(pos, false, null, characterOptions);
+            var backwardIterator = createCharacterIterator(pos, true, null, characterOptions);
+            var tokenizer = wordOptions.tokenizer;
+
+            // Consumes a word and the whitespace beyond it
+            function consumeWord(forward) {
+                var pos, textChar;
+                var newChars = [], it = forward ? forwardIterator : backwardIterator;
+
+                var passedWordBoundary = false, insideWord = false;
+
+                while ( (pos = it.next()) ) {
+                    textChar = pos.character;
+                    
+
+                    if (allWhiteSpaceRegex.test(textChar)) {
+                        if (insideWord) {
+                            insideWord = false;
+                            passedWordBoundary = true;
+                        }
+                    } else {
+                        if (passedWordBoundary) {
+                            it.rewind();
+                            break;
+                        } else {
+                            insideWord = true;
+                        }
+                    }
+                    newChars.push(pos);
+                }
+
+
+                return newChars;
+            }
+
+            // Get initial word surrounding initial position and tokenize it
+            var forwardChars = consumeWord(true);
+            var backwardChars = consumeWord(false).reverse();
+            var tokens = tokenizer(backwardChars.concat(forwardChars), wordOptions);
+
+            // Create initial token buffers
+            var forwardTokensBuffer = forwardChars.length ?
+                tokens.slice(arrayIndexOf(tokens, forwardChars[0].token)) : [];
+
+            var backwardTokensBuffer = backwardChars.length ?
+                tokens.slice(0, arrayIndexOf(tokens, backwardChars.pop().token) + 1) : [];
+
+            function inspectBuffer(buffer) {
+                var textPositions = ["[" + buffer.length + "]"];
+                for (var i = 0; i < buffer.length; ++i) {
+                    textPositions.push("(word: " + buffer[i] + ", is word: " + buffer[i].isWord + ")");
+                }
+                return textPositions;
+            }
+
+
+            return {
+                nextEndToken: function() {
+                    var lastToken, forwardChars;
+
+                    // If we're down to the last token, consume character chunks until we have a word or run out of
+                    // characters to consume
+                    while ( forwardTokensBuffer.length == 1 &&
+                        !(lastToken = forwardTokensBuffer[0]).isWord &&
+                        (forwardChars = consumeWord(true)).length > 0) {
+
+                        // Merge trailing non-word into next word and tokenize
+                        forwardTokensBuffer = tokenizer(lastToken.chars.concat(forwardChars), wordOptions);
+                    }
+
+                    return forwardTokensBuffer.shift();
+                },
+
+                previousStartToken: function() {
+                    var lastToken, backwardChars;
+
+                    // If we're down to the last token, consume character chunks until we have a word or run out of
+                    // characters to consume
+                    while ( backwardTokensBuffer.length == 1 &&
+                        !(lastToken = backwardTokensBuffer[0]).isWord &&
+                        (backwardChars = consumeWord(false)).length > 0) {
+
+                        // Merge leading non-word into next word and tokenize
+                        backwardTokensBuffer = tokenizer(backwardChars.reverse().concat(lastToken.chars), wordOptions);
+                    }
+
+                    return backwardTokensBuffer.pop();
+                },
+
+                dispose: function() {
+                    forwardIterator.dispose();
+                    backwardIterator.dispose();
+                    forwardTokensBuffer = backwardTokensBuffer = null;
+                }
+            };
+        }
+
+        function movePositionBy(pos, unit, count, characterOptions, wordOptions) {
+            var unitsMoved = 0, currentPos, newPos = pos, charIterator, nextPos, absCount = Math.abs(count), token;
+            if (count !== 0) {
+                var backward = (count < 0);
+
+                switch (unit) {
+                    case CHARACTER:
+                        charIterator = createCharacterIterator(pos, backward, null, characterOptions);
+                        while ( (currentPos = charIterator.next()) && unitsMoved < absCount ) {
+                            ++unitsMoved;
+                            newPos = currentPos;
+                        }
+                        nextPos = currentPos;
+                        charIterator.dispose();
+                        break;
+                    case WORD:
+                        var tokenizedTextProvider = createTokenizedTextProvider(pos, characterOptions, wordOptions);
+                        var next = backward ? tokenizedTextProvider.previousStartToken : tokenizedTextProvider.nextEndToken;
+
+                        while ( (token = next()) && unitsMoved < absCount ) {
+                            if (token.isWord) {
+                                ++unitsMoved;
+                                newPos = backward ? token.chars[0] : token.chars[token.chars.length - 1];
+                            }
+                        }
+                        break;
+                    default:
+                        throw new Error("movePositionBy: unit '" + unit + "' not implemented");
+                }
+
+                // Perform any necessary position tweaks
+                if (backward) {
+                    newPos = newPos.previousVisible();
+                    unitsMoved = -unitsMoved;
+                } else if (newPos && newPos.isLeadingSpace) {
+                    // Tweak the position for the case of a leading space. The problem is that an uncollapsed leading space
+                    // before a block element (for example, the line break between "1" and "2" in the following HTML:
+                    // "1<p>2</p>") is considered to be attached to the position immediately before the block element, which
+                    // corresponds with a different selection position in most browsers from the one we want (i.e. at the
+                    // start of the contents of the block element). We get round this by advancing the position returned to
+                    // the last possible equivalent visible position.
+                    if (unit == WORD) {
+                        charIterator = createCharacterIterator(pos, false, null, characterOptions);
+                        nextPos = charIterator.next();
+                        charIterator.dispose();
+                    }
+                    if (nextPos) {
+                        newPos = nextPos.previousVisible();
+                    }
+                }
+            }
+
+
+            return {
+                position: newPos,
+                unitsMoved: unitsMoved
+            };
+        }
+
+        function createRangeCharacterIterator(session, range, characterOptions, backward) {
+            var rangeStart = session.getRangeBoundaryPosition(range, true);
+            var rangeEnd = session.getRangeBoundaryPosition(range, false);
+            var itStart = backward ? rangeEnd : rangeStart;
+            var itEnd = backward ? rangeStart : rangeEnd;
+
+            return createCharacterIterator(itStart, !!backward, itEnd, characterOptions);
+        }
+
+        function getRangeCharacters(session, range, characterOptions) {
+
+            var chars = [], it = createRangeCharacterIterator(session, range, characterOptions), pos;
+            while ( (pos = it.next()) ) {
+                chars.push(pos);
+            }
+
+            it.dispose();
+            return chars;
+        }
+
+        function isWholeWord(startPos, endPos, wordOptions) {
+            var range = api.createRange(startPos.node);
+            range.setStartAndEnd(startPos.node, startPos.offset, endPos.node, endPos.offset);
+            var returnVal = !range.expand("word", wordOptions);
+            return returnVal;
+        }
+
+        function findTextFromPosition(initialPos, searchTerm, isRegex, searchScopeRange, findOptions) {
+            var backward = isDirectionBackward(findOptions.direction);
+            var it = createCharacterIterator(
+                initialPos,
+                backward,
+                initialPos.session.getRangeBoundaryPosition(searchScopeRange, backward),
+                findOptions.characterOptions
+            );
+            var text = "", chars = [], pos, currentChar, matchStartIndex, matchEndIndex;
+            var result, insideRegexMatch;
+            var returnValue = null;
+
+            function handleMatch(startIndex, endIndex) {
+                var startPos = chars[startIndex].previousVisible();
+                var endPos = chars[endIndex - 1];
+                var valid = (!findOptions.wholeWordsOnly || isWholeWord(startPos, endPos, findOptions.wordOptions));
+
+                return {
+                    startPos: startPos,
+                    endPos: endPos,
+                    valid: valid
+                };
+            }
+
+            while ( (pos = it.next()) ) {
+                currentChar = pos.character;
+                if (!isRegex && !findOptions.caseSensitive) {
+                    currentChar = currentChar.toLowerCase();
+                }
+
+                if (backward) {
+                    chars.unshift(pos);
+                    text = currentChar + text;
+                } else {
+                    chars.push(pos);
+                    text += currentChar;
+                }
+                
+                //console.log("text " + text)
+
+                if (isRegex) {
+                    result = searchTerm.exec(text);
+                    if (result) {
+                        matchStartIndex = result.index;
+                        matchEndIndex = matchStartIndex + result[0].length;
+                        if (insideRegexMatch) {
+                            // Check whether the match is now over
+                            if ((!backward && matchEndIndex < text.length) || (backward && matchStartIndex > 0)) {
+                                returnValue = handleMatch(matchStartIndex, matchEndIndex);
+                                break;
+                            }
+                        } else {
+                            insideRegexMatch = true;
+                        }
+                    }
+                } else if ( (matchStartIndex = text.indexOf(searchTerm)) != -1 ) {
+                    returnValue = handleMatch(matchStartIndex, matchStartIndex + searchTerm.length);
+                    break;
+                }
+            }
+
+            // Check whether regex match extends to the end of the range
+            if (insideRegexMatch) {
+                returnValue = handleMatch(matchStartIndex, matchEndIndex);
+            }
+            it.dispose();
+
+            return returnValue;
+        }
+
+        function createEntryPointFunction(func) {
+            return function() {
+                var sessionRunning = !!currentSession;
+                var session = getSession();
+                var args = [session].concat( util.toArray(arguments) );
+                var returnValue = func.apply(this, args);
+                if (!sessionRunning) {
+                    endSession();
+                }
+                return returnValue;
+            };
+        }
+
+        /*----------------------------------------------------------------------------------------------------------------*/
+
+        // Extensions to the Rangy Range object
+
+        function createRangeBoundaryMover(isStart, collapse) {
+            /*
+             Unit can be "character" or "word"
+             Options:
+
+             - includeTrailingSpace
+             - wordRegex
+             - tokenizer
+             - collapseSpaceBeforeLineBreak
+             */
+            return createEntryPointFunction(
+                function(session, unit, count, moveOptions) {
+                    if (typeof count == UNDEF) {
+                        count = unit;
+                        unit = CHARACTER;
+                    }
+                    moveOptions = createNestedOptions(moveOptions, defaultMoveOptions);
+
+                    var boundaryIsStart = isStart;
+                    if (collapse) {
+                        boundaryIsStart = (count >= 0);
+                        this.collapse(!boundaryIsStart);
+                    }
+                    var moveResult = movePositionBy(session.getRangeBoundaryPosition(this, boundaryIsStart), unit, count, moveOptions.characterOptions, moveOptions.wordOptions);
+                    var newPos = moveResult.position;
+                    this[boundaryIsStart ? "setStart" : "setEnd"](newPos.node, newPos.offset);
+                    return moveResult.unitsMoved;
+                }
+            );
+        }
+
+        function createRangeTrimmer(isStart) {
+            return createEntryPointFunction(
+                function(session, characterOptions) {
+                    characterOptions = createOptions(characterOptions, defaultCharacterOptions);
+                    var pos;
+                    var it = createRangeCharacterIterator(session, this, characterOptions, !isStart);
+                    var trimCharCount = 0;
+                    while ( (pos = it.next()) && allWhiteSpaceRegex.test(pos.character) ) {
+                        ++trimCharCount;
+                    }
+                    it.dispose();
+                    var trimmed = (trimCharCount > 0);
+                    if (trimmed) {
+                        this[isStart ? "moveStart" : "moveEnd"](
+                            "character",
+                            isStart ? trimCharCount : -trimCharCount,
+                            { characterOptions: characterOptions }
+                        );
+                    }
+                    return trimmed;
+                }
+            );
+        }
+
+        extend(api.rangePrototype, {
+            moveStart: createRangeBoundaryMover(true, false),
+
+            moveEnd: createRangeBoundaryMover(false, false),
+
+            move: createRangeBoundaryMover(true, true),
+
+            trimStart: createRangeTrimmer(true),
+
+            trimEnd: createRangeTrimmer(false),
+
+            trim: createEntryPointFunction(
+                function(session, characterOptions) {
+                    var startTrimmed = this.trimStart(characterOptions), endTrimmed = this.trimEnd(characterOptions);
+                    return startTrimmed || endTrimmed;
+                }
+            ),
+
+            expand: createEntryPointFunction(
+                function(session, unit, expandOptions) {
+                    var moved = false;
+                    expandOptions = createNestedOptions(expandOptions, defaultExpandOptions);
+                    var characterOptions = expandOptions.characterOptions;
+                    if (!unit) {
+                        unit = CHARACTER;
+                    }
+                    if (unit == WORD) {
+                        var wordOptions = expandOptions.wordOptions;
+                        var startPos = session.getRangeBoundaryPosition(this, true);
+                        var endPos = session.getRangeBoundaryPosition(this, false);
+
+                        var startTokenizedTextProvider = createTokenizedTextProvider(startPos, characterOptions, wordOptions);
+                        var startToken = startTokenizedTextProvider.nextEndToken();
+                        var newStartPos = startToken.chars[0].previousVisible();
+                        var endToken, newEndPos;
+
+                        if (this.collapsed) {
+                            endToken = startToken;
+                        } else {
+                            var endTokenizedTextProvider = createTokenizedTextProvider(endPos, characterOptions, wordOptions);
+                            endToken = endTokenizedTextProvider.previousStartToken();
+                        }
+                        newEndPos = endToken.chars[endToken.chars.length - 1];
+
+                        if (!newStartPos.equals(startPos)) {
+                            this.setStart(newStartPos.node, newStartPos.offset);
+                            moved = true;
+                        }
+                        if (newEndPos && !newEndPos.equals(endPos)) {
+                            this.setEnd(newEndPos.node, newEndPos.offset);
+                            moved = true;
+                        }
+
+                        if (expandOptions.trim) {
+                            if (expandOptions.trimStart) {
+                                moved = this.trimStart(characterOptions) || moved;
+                            }
+                            if (expandOptions.trimEnd) {
+                                moved = this.trimEnd(characterOptions) || moved;
+                            }
+                        }
+
+                        return moved;
+                    } else {
+                        return this.moveEnd(CHARACTER, 1, expandOptions);
+                    }
+                }
+            ),
+
+            text: createEntryPointFunction(
+                function(session, characterOptions) {
+                    return this.collapsed ?
+                        "" : getRangeCharacters(session, this, createOptions(characterOptions, defaultCharacterOptions)).join("");
+                }
+            ),
+
+            selectCharacters: createEntryPointFunction(
+                function(session, containerNode, startIndex, endIndex, characterOptions) {
+                    var moveOptions = { characterOptions: characterOptions };
+                    if (!containerNode) {
+                        containerNode = getBody( this.getDocument() );
+                    }
+                    this.selectNodeContents(containerNode);
+                    this.collapse(true);
+                    this.moveStart("character", startIndex, moveOptions);
+                    this.collapse(true);
+                    this.moveEnd("character", endIndex - startIndex, moveOptions);
+                }
+            ),
+
+            // Character indexes are relative to the start of node
+            toCharacterRange: createEntryPointFunction(
+                function(session, containerNode, characterOptions) {
+                    if (!containerNode) {
+                        containerNode = getBody( this.getDocument() );
+                    }
+                    var parent = containerNode.parentNode, nodeIndex = dom.getNodeIndex(containerNode);
+                    var rangeStartsBeforeNode = (dom.comparePoints(this.startContainer, this.endContainer, parent, nodeIndex) == -1);
+                    var rangeBetween = this.cloneRange();
+                    var startIndex, endIndex;
+                    if (rangeStartsBeforeNode) {
+                        rangeBetween.setStartAndEnd(this.startContainer, this.startOffset, parent, nodeIndex);
+                        startIndex = -rangeBetween.text(characterOptions).length;
+                    } else {
+                        rangeBetween.setStartAndEnd(parent, nodeIndex, this.startContainer, this.startOffset);
+                        startIndex = rangeBetween.text(characterOptions).length;
+                    }
+                    endIndex = startIndex + this.text(characterOptions).length;
+        
+                    return {
+                        start: startIndex,
+                        end: endIndex
+                    };
+                }
+            ),
+
+            findText: createEntryPointFunction(
+                function(session, searchTermParam, findOptions) {
+                    // Set up options
+                    findOptions = createNestedOptions(findOptions, defaultFindOptions);
+        
+                    // Create word options if we're matching whole words only
+                    if (findOptions.wholeWordsOnly) {
+                        // We don't ever want trailing spaces for search results
+                        findOptions.wordOptions.includeTrailingSpace = false;
+                    }
+        
+                    var backward = isDirectionBackward(findOptions.direction);
+        
+                    // Create a range representing the search scope if none was provided
+                    var searchScopeRange = findOptions.withinRange;
+                    if (!searchScopeRange) {
+                        searchScopeRange = api.createRange();
+                        searchScopeRange.selectNodeContents(this.getDocument());
+                    }
+        
+                    // Examine and prepare the search term
+                    var searchTerm = searchTermParam, isRegex = false;
+                    if (typeof searchTerm == "string") {
+                        if (!findOptions.caseSensitive) {
+                            searchTerm = searchTerm.toLowerCase();
+                        }
+                    } else {
+                        isRegex = true;
+                    }
+        
+                    var initialPos = session.getRangeBoundaryPosition(this, !backward);
+        
+                    // Adjust initial position if it lies outside the search scope
+                    var comparison = searchScopeRange.comparePoint(initialPos.node, initialPos.offset);
+                    
+                    if (comparison === -1) {
+                        initialPos = session.getRangeBoundaryPosition(searchScopeRange, true);
+                    } else if (comparison === 1) {
+                        initialPos = session.getRangeBoundaryPosition(searchScopeRange, false);
+                    }
+        
+                    var pos = initialPos;
+                    var wrappedAround = false;
+        
+                    // Try to find a match and ignore invalid ones
+                    var findResult;
+                    while (true) {
+                        findResult = findTextFromPosition(pos, searchTerm, isRegex, searchScopeRange, findOptions);
+        
+                        if (findResult) {
+                            if (findResult.valid) {
+                                this.setStartAndEnd(findResult.startPos.node, findResult.startPos.offset, findResult.endPos.node, findResult.endPos.offset);
+                                return true;
+                            } else {
+                                // We've found a match that is not a whole word, so we carry on searching from the point immediately
+                                // after the match
+                                pos = backward ? findResult.startPos : findResult.endPos;
+                            }
+                        } else if (findOptions.wrap && !wrappedAround) {
+                            // No result found but we're wrapping around and limiting the scope to the unsearched part of the range
+                            searchScopeRange = searchScopeRange.cloneRange();
+                            pos = session.getRangeBoundaryPosition(searchScopeRange, !backward);
+                            searchScopeRange.setBoundary(initialPos.node, initialPos.offset, backward);
+                            wrappedAround = true;
+                        } else {
+                            // Nothing found and we can't wrap around, so we're done
+                            return false;
+                        }
+                    }
+                }
+            ),
+
+            pasteHtml: function(html) {
+                this.deleteContents();
+                if (html) {
+                    var frag = this.createContextualFragment(html);
+                    var lastChild = frag.lastChild;
+                    this.insertNode(frag);
+                    this.collapseAfter(lastChild);
+                }
+            }
+        });
+
+        /*----------------------------------------------------------------------------------------------------------------*/
+
+        // Extensions to the Rangy Selection object
+
+        function createSelectionTrimmer(methodName) {
+            return createEntryPointFunction(
+                function(session, characterOptions) {
+                    var trimmed = false;
+                    this.changeEachRange(function(range) {
+                        trimmed = range[methodName](characterOptions) || trimmed;
+                    });
+                    return trimmed;
+                }
+            );
+        }
+
+        extend(api.selectionPrototype, {
+            expand: createEntryPointFunction(
+                function(session, unit, expandOptions) {
+                    this.changeEachRange(function(range) {
+                        range.expand(unit, expandOptions);
+                    });
+                }
+            ),
+
+            move: createEntryPointFunction(
+                function(session, unit, count, options) {
+                    var unitsMoved = 0;
+                    if (this.focusNode) {
+                        this.collapse(this.focusNode, this.focusOffset);
+                        var range = this.getRangeAt(0);
+                        if (!options) {
+                            options = {};
+                        }
+                        options.characterOptions = createOptions(options.characterOptions, defaultCaretCharacterOptions);
+                        unitsMoved = range.move(unit, count, options);
+                        this.setSingleRange(range);
+                    }
+                    return unitsMoved;
+                }
+            ),
+
+            trimStart: createSelectionTrimmer("trimStart"),
+            trimEnd: createSelectionTrimmer("trimEnd"),
+            trim: createSelectionTrimmer("trim"),
+
+            selectCharacters: createEntryPointFunction(
+                function(session, containerNode, startIndex, endIndex, direction, characterOptions) {
+                    var range = api.createRange(containerNode);
+                    range.selectCharacters(containerNode, startIndex, endIndex, characterOptions);
+                    this.setSingleRange(range, direction);
+                }
+            ),
+
+            saveCharacterRanges: createEntryPointFunction(
+                function(session, containerNode, characterOptions) {
+                    var ranges = this.getAllRanges(), rangeCount = ranges.length;
+                    var rangeInfos = [];
+        
+                    var backward = rangeCount == 1 && this.isBackward();
+        
+                    for (var i = 0, len = ranges.length; i < len; ++i) {
+                        rangeInfos[i] = {
+                            characterRange: ranges[i].toCharacterRange(containerNode, characterOptions),
+                            backward: backward,
+                            characterOptions: characterOptions
+                        };
+                    }
+        
+                    return rangeInfos;
+                }
+            ),
+
+            restoreCharacterRanges: createEntryPointFunction(
+                function(session, containerNode, saved) {
+                    this.removeAllRanges();
+                    for (var i = 0, len = saved.length, range, rangeInfo, characterRange; i < len; ++i) {
+                        rangeInfo = saved[i];
+                        characterRange = rangeInfo.characterRange;
+                        range = api.createRange(containerNode);
+                        range.selectCharacters(containerNode, characterRange.start, characterRange.end, rangeInfo.characterOptions);
+                        this.addRange(range, rangeInfo.backward);
+                    }
+                }
+            ),
+
+            text: createEntryPointFunction(
+                function(session, characterOptions) {
+                    var rangeTexts = [];
+                    for (var i = 0, len = this.rangeCount; i < len; ++i) {
+                        rangeTexts[i] = this.getRangeAt(i).text(characterOptions);
+                    }
+                    return rangeTexts.join("");
+                }
+            )
+        });
+
+        /*----------------------------------------------------------------------------------------------------------------*/
+
+        // Extensions to the core rangy object
+
+        api.innerText = function(el, characterOptions) {
+            var range = api.createRange(el);
+            range.selectNodeContents(el);
+            var text = range.text(characterOptions);
+            return text;
+        };
+
+        api.createWordIterator = function(startNode, startOffset, iteratorOptions) {
+            var session = getSession();
+            iteratorOptions = createNestedOptions(iteratorOptions, defaultWordIteratorOptions);
+            var startPos = session.getPosition(startNode, startOffset);
+            var tokenizedTextProvider = createTokenizedTextProvider(startPos, iteratorOptions.characterOptions, iteratorOptions.wordOptions);
+            var backward = isDirectionBackward(iteratorOptions.direction);
+
+            return {
+                next: function() {
+                    return backward ? tokenizedTextProvider.previousStartToken() : tokenizedTextProvider.nextEndToken();
+                },
+
+                dispose: function() {
+                    tokenizedTextProvider.dispose();
+                    this.next = function() {};
+                }
+            };
+        };
+
+        /*----------------------------------------------------------------------------------------------------------------*/
+        
+        api.noMutation = function(func) {
+            var session = getSession();
+            func(session);
+            endSession();
+        };
+
+        api.noMutation.createEntryPointFunction = createEntryPointFunction;
+
+        api.textRange = {
+            isBlockNode: isBlockNode,
+            isCollapsedWhitespaceNode: isCollapsedWhitespaceNode,
+
+            createPosition: createEntryPointFunction(
+                function(session, node, offset) {
+                    return session.getPosition(node, offset);
+                }
+            )
+        };
+    });
+    
+}, this);
\ No newline at end of file
diff --git a/app/assets/javascripts/app/lib/bootstrap/modal.js b/app/assets/javascripts/app/lib/bootstrap/modal.js
index 93891aa4e..5c059a2fe 100644
--- a/app/assets/javascripts/app/lib/bootstrap/modal.js
+++ b/app/assets/javascripts/app/lib/bootstrap/modal.js
@@ -6,6 +6,11 @@
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
  * ======================================================================== */
 
+ /*
+  modified by Felix Jan-2014
+  - add this.$body = $(options.container || document.body)
+*/
+
 
 +function ($) {
   'use strict';
@@ -15,7 +20,7 @@
 
   var Modal = function (element, options) {
     this.options        = options
-    this.$body          = $(document.body)
+    this.$body          = $(options.container || document.body)
     this.$element       = $(element)
     this.$backdrop      =
     this.isShown        = null
@@ -57,6 +62,7 @@
 
     this.checkScrollbar()
     this.setScrollbar()
+
     this.$body.addClass('modal-open')
 
     this.escape()
diff --git a/app/assets/javascripts/app/lib/bootstrap/popover-enhance.js b/app/assets/javascripts/app/lib/bootstrap/popover-enhance.js
new file mode 100644
index 000000000..961ddd428
--- /dev/null
+++ b/app/assets/javascripts/app/lib/bootstrap/popover-enhance.js
@@ -0,0 +1,30 @@
+/* 
+  
+  Makes the popover stay when hovered over it
+
+  from here http://jsfiddle.net/WojtekKruszewski/Zf3m7/22/
+
+*/
+
+var originalLeave = $.fn.popover.Constructor.prototype.leave;
+
+$.fn.popover.Constructor.prototype.leave = function(obj){
+  var self = obj instanceof this.constructor ?
+    obj : $(obj.currentTarget)[this.type](this.getDelegateOptions()).data('bs.' + this.type)
+  var container, timeout;
+
+  originalLeave.call(this, obj);
+
+  if(obj.currentTarget) {
+    container = $('body .popover');
+    timeout = self.timeout;
+    container.one('mouseenter', function(){
+      //We entered the actual popover – call off the dogs
+      clearTimeout(timeout);
+      //Let's monitor popover content instead
+      container.one('mouseleave', function(){
+        $.fn.popover.Constructor.prototype.leave.call(self, self);
+      });
+    })
+  }
+};
\ No newline at end of file
diff --git a/app/assets/javascripts/app/lib/bootstrap/popover.js b/app/assets/javascripts/app/lib/bootstrap/popover.js
index db272bdee..a498e2fee 100644
--- a/app/assets/javascripts/app/lib/bootstrap/popover.js
+++ b/app/assets/javascripts/app/lib/bootstrap/popover.js
@@ -25,7 +25,7 @@
     placement: 'right',
     trigger: 'click',
     content: '',
-    template: '<div class="popover" role="tooltip"><div class="arrow"></div><h3 class="popover-title"></h3><div class="popover-content"></div></div>'
+    template: '<div class="popover" role="tooltip"><div class="arrow"></div><h2 class="popover-title"></h2><div class="popover-content"></div></div>'
   })
 
 
diff --git a/app/assets/javascripts/app/models/organization.js.coffee b/app/assets/javascripts/app/models/organization.js.coffee
index 64316e141..9b6761673 100644
--- a/app/assets/javascripts/app/models/organization.js.coffee
+++ b/app/assets/javascripts/app/models/organization.js.coffee
@@ -18,7 +18,7 @@ class App.Organization extends App.Model
     '#organization/profile/' + @id
 
   icon: (user) ->
-    "organisation icon"
+    "organization icon"
 
   @_fillUp: (data) ->
 
diff --git a/app/assets/javascripts/app/models/ticket.js.coffee b/app/assets/javascripts/app/models/ticket.js.coffee
index 9ed81ad64..25fcc3f81 100644
--- a/app/assets/javascripts/app/models/ticket.js.coffee
+++ b/app/assets/javascripts/app/models/ticket.js.coffee
@@ -44,6 +44,9 @@ class App.Ticket extends App.Model
   iconTitle: (user) ->
     App.TicketState.find( @state_id ).displayName()
 
+  iconTextClass: (user) ->
+    "level-#{ @level() }"
+
   iconActivity: (user) ->
     if @owner_id == user.id
       return 'important'
diff --git a/app/assets/javascripts/app/views/agent_ticket_view/content.jst.eco b/app/assets/javascripts/app/views/agent_ticket_view/content.jst.eco
index 592a101fa..51b308625 100644
--- a/app/assets/javascripts/app/views/agent_ticket_view/content.jst.eco
+++ b/app/assets/javascripts/app/views/agent_ticket_view/content.jst.eco
@@ -2,9 +2,12 @@
   <div class="tableOverview flex scrollable">
     <div class="horizontal">
       <div class="page-header-title">
-        <h1><%- @T( @overview.name ) %> <% if @edit: %><small><a href="#" data-type="settings" class="glyphicon glyphicon-edit"></a></small><% end %></h1>
+        <h1><%- @T( @overview.name ) %></h1>
       </div>
       <div class="page-header-meta">
+        <% if @edit: %>
+        <div class="btn btn--action" data-type="settings"><%- @T('Options') %></div>
+        <% end %>
         <ul class="pagination">
         <% for item in @view_modes: %>
           <li class="<%= item.class %>">
diff --git a/app/assets/javascripts/app/views/dashboard/ticket.jst.eco b/app/assets/javascripts/app/views/dashboard/ticket.jst.eco
index e96945bdf..aa16b4e00 100644
--- a/app/assets/javascripts/app/views/dashboard/ticket.jst.eco
+++ b/app/assets/javascripts/app/views/dashboard/ticket.jst.eco
@@ -1,9 +1,10 @@
 <div>
   <div class="horizontal">
     <div class="page-header-title">
-      <h1 class="can-move"><%- @T( @overview.name ) %> <small><a href="#" data-type="settings" class="glyphicon glyphicon-edit"></a></small></h1>
+      <h1 class="can-move"><%- @T( @overview.name ) %></h1>
     </div>
-    <div class="page-header-meta horizontal">
+    <div class="page-header-meta">
+      <div class="btn btn--action" data-type="settings"><%- @T('Options') %></div>
       <div class="pagination-counter">
         <span class="pagination-items-range"><%- @items_from %>-<%- @items_till %></span> <%- @T("of") %> <span class="pagination-total-items"><%- @items_total %></span>
       </div>
diff --git a/app/assets/javascripts/app/views/generic/error/generic.jst.eco b/app/assets/javascripts/app/views/generic/error/generic.jst.eco
new file mode 100644
index 000000000..746df4876
--- /dev/null
+++ b/app/assets/javascripts/app/views/generic/error/generic.jst.eco
@@ -0,0 +1,5 @@
+<div class="flex fullscreenMessage">
+  <div class="error icon"></div><h2><%- @T('Opps.. I\'m sorry, something went wrong!' ) %></h2>
+  <p><%- @T('Status Code') %>: <%= @status %></p>
+  <p><%= @detail %></p>
+</div>
\ No newline at end of file
diff --git a/app/assets/javascripts/app/views/generic/error/not_found.jst.eco b/app/assets/javascripts/app/views/generic/error/not_found.jst.eco
new file mode 100644
index 000000000..4353b61c7
--- /dev/null
+++ b/app/assets/javascripts/app/views/generic/error/not_found.jst.eco
@@ -0,0 +1,3 @@
+<div class="flex fullscreenMessage">
+  <div class="error icon"></div><h2><%- @T('Opps.. I\'m sorry, but I can\'t find this %s.', @objectName ) %></h2>
+</div>
\ No newline at end of file
diff --git a/app/assets/javascripts/app/views/generic/error/unauthorized.jst.eco b/app/assets/javascripts/app/views/generic/error/unauthorized.jst.eco
new file mode 100644
index 000000000..094403ee1
--- /dev/null
+++ b/app/assets/javascripts/app/views/generic/error/unauthorized.jst.eco
@@ -0,0 +1,3 @@
+<div class="flex fullscreenMessage">
+  <div class="error icon"></div><h2><%- @T('Opps.. I\'m sorry, but you have insufficient rights to open this %s.', @objectName ) %></h2>
+</div>
\ No newline at end of file
diff --git a/app/assets/javascripts/app/views/generic/user_search/item_organization.jst.eco b/app/assets/javascripts/app/views/generic/user_search/item_organization.jst.eco
index be1c06804..ff30cedfd 100644
--- a/app/assets/javascripts/app/views/generic/user_search/item_organization.jst.eco
+++ b/app/assets/javascripts/app/views/generic/user_search/item_organization.jst.eco
@@ -1,6 +1,6 @@
-<li class="recipientList-entry u-clickable horizontal center js-organisation" data-organisation-id="<%- @organization.id %>">
+<li class="recipientList-entry u-clickable horizontal center js-organization" data-organization-id="<%- @organization.id %>">
   <div class="recipientList-iconSpacer centered">
-    <div class="white organisation icon"></div>
+    <div class="white organization icon"></div>
   </div>
   <div class="recipientList-name flex u-textTruncat">
     <%= @organization.displayName() %>
diff --git a/app/assets/javascripts/app/views/generic/user_search/item_organization_members.jst.eco b/app/assets/javascripts/app/views/generic/user_search/item_organization_members.jst.eco
index c3bf75a00..baa55e3a7 100644
--- a/app/assets/javascripts/app/views/generic/user_search/item_organization_members.jst.eco
+++ b/app/assets/javascripts/app/views/generic/user_search/item_organization_members.jst.eco
@@ -1,4 +1,4 @@
-<ul class="recipientList-organisationMembers hide" id="<%- @organization.id %>">
+<ul class="recipientList-organizationMembers hide" id="<%- @organization.id %>">
   <li class="recipientList-controls u-clickable js-back">
     <div class="recipientList-backClickArea centered">
       <div class="recipientList-backButton">
diff --git a/app/assets/javascripts/app/views/layout_ref/communication_overview.jst.eco b/app/assets/javascripts/app/views/layout_ref/communication_overview.jst.eco
index 3016ce3c7..3803f941d 100644
--- a/app/assets/javascripts/app/views/layout_ref/communication_overview.jst.eco
+++ b/app/assets/javascripts/app/views/layout_ref/communication_overview.jst.eco
@@ -44,7 +44,7 @@
     </div>
 
     <div class="ticket-article">
-      <div class="ticket-article-item bubble-grid customer phone" data-id="1" id="article-1">
+      <div class="ticket-article-item customer phone" data-id="1" id="article-1">
         <div class="article-meta-clip top">
           <div class="article-content-meta top hide">
             <div class="article-meta top">
@@ -55,20 +55,27 @@
             </div>
           </div>
         </div>
-        <div class="article-content zIndex-1 horizontal reverse">
+        <div class="article-content zIndex-1">
           <span class="avatar unique user-popover " data-id="2" style="background-position: -96.5079185759074px -112.28590086669901px;" data-placement="left" data-original-title="" title="">NB</span>
           <div class="flex bubble-gap internal-border">
-            <div class="text-bubble"><div class="bubble-arrow"></div>Welcome!
-
-Thank you for installing Zammad.
-
-You will find updates and patches at <a href="http://zammad.org/" title="http://zammad.org/" target="_blank">http://zammad.org/</a>. Online
-documentation is available at <a href="http://guides.zammad.org/" title="http://guides.zammad.org/" target="_blank">http://guides.zammad.org/</a>. You can also
-use our forums at <a href="http://forums.zammad.org/" title="http://forums.zammad.org/" target="_blank">http://forums.zammad.org/</a>
-
-Regards,
-<a href="#" class="show_toogle">See more</a><div class="hide preview">
-The <a href="http://Zammad.org" title="http://Zammad.org" target="_blank">Zammad.org</a> Project</div></div>
+            <div class="textBubble">
+              <div class="bubble-arrow"></div>
+              <div class="textBubble-content">
+Welcome!
+<br/>
+Thank you for installing Zammad.<br/>
+<br/>
+You will find updates and patches at <a href="http://zammad.org/" title="http://zammad.org/" target="_blank">http://zammad.org/</a>. Online<br/>
+documentation is available at <a href="http://guides.zammad.org/" title="http://guides.zammad.org/" target="_blank">http://guides.zammad.org/</a>. You can also<br/>
+use our forums at <a href="http://forums.zammad.org/" title="http://forums.zammad.org/" target="_blank">http://forums.zammad.org/</a><br/>
+<br/>
+Regards,<br/>
+The <a href="http://Zammad.org" title="http://Zammad.org" target="_blank">Zammad.org</a> Project
+                <div class="textBubble-overflowContainer">
+                  <div class="btn btn--text js-unfold"><%- @T('See more') %></div>
+                </div>
+              </div>
+            </div>
           </div>
         </div>
         <div class="article-meta-clip bottom">
@@ -98,7 +105,7 @@ The <a href="http://Zammad.org" title="http://Zammad.org" target="_blank">Zammad
         <small class="task-subline zIndex-1"><time class="humanTimeFromNow" data-time="2014-07-11T10:10:32.000Z" data-tooltip="2014-07-11 12:10">2014-07-11</time></small>
       </div>
 
-      <div class="ticket-article-item bubble-grid agent note" data-id="23" id="article-23">      
+      <div class="ticket-article-item agent note" data-id="23" id="article-23">      
         <div class="article-meta-clip top">
           <div class="article-content-meta top hide">
             <div class="article-meta top">
@@ -109,10 +116,10 @@ The <a href="http://Zammad.org" title="http://Zammad.org" target="_blank">Zammad
             </div>
           </div>
         </div>
-        <div class="article-content zIndex-1 horizontal">
-          <span class="avatar user-popover " data-id="3" style="background-image: url(api/v1/users/image/bb100af55234cf61fb6f207636f095f8)" data-placement="right" data-original-title="" title=""></span>
+        <div class="article-content zIndex-1">
+          <span class="avatar user-popover" data-id="3" style="background-image: url(api/v1/users/image/bb100af55234cf61fb6f207636f095f8)" data-placement="right" data-original-title="" title=""></span>
           <div class="flex bubble-gap internal-border">
-            <div class="text-bubble"><div class="bubble-arrow"></div>Hallp HP, du kannst dich nur einmal einloggen. Was machst du genau?</div>
+            <div class="textBubble"><div class="bubble-arrow"></div>Hallp HP, du kannst dich nur einmal einloggen. Was machst du genau?</div>
           </div>
         </div>
         <div class="article-meta-clip bottom">
@@ -136,7 +143,7 @@ The <a href="http://Zammad.org" title="http://Zammad.org" target="_blank">Zammad
         <small class="task-subline zIndex-1"><time class="humanTimeFromNow" data-time="2014-08-05T13:34:01.000Z" data-tooltip="2014-08-05 15:34">2014-08-05</time></small>
       </div>
 
-      <div class="ticket-article-item bubble-grid customer phone" data-id="1" id="article-1">
+      <div class="ticket-article-item customer phone" data-id="1" id="article-1">
         <div class="article-meta-clip top">
           <div class="article-content-meta top hide">
             <div class="article-meta top">
@@ -147,10 +154,10 @@ The <a href="http://Zammad.org" title="http://Zammad.org" target="_blank">Zammad
             </div>
           </div>
         </div>
-        <div class="article-content zIndex-1 horizontal reverse">
+        <div class="article-content zIndex-1">
           <span class="avatar unique user-popover " data-id="2" style="background-position: -96.5079185759074px -112.28590086669901px;" data-placement="left" data-original-title="" title="">NB</span>
           <div class="flex bubble-gap internal-border">
-            <div class="text-bubble"><div class="bubble-arrow"></div>Ich wollte mir die Lyrics von Maria herunterladen, aber ich schaff es einfach nicht, da raufzukommen. Schick mir bitte mein Passwort.
+            <div class="textBubble"><div class="bubble-arrow"></div>Ich wollte mir die Lyrics von Maria herunterladen, aber ich schaff es einfach nicht, da raufzukommen. Schick mir bitte mein Passwort.
 
 Grüße, Peter</div>
           </div>
@@ -182,7 +189,7 @@ Grüße, Peter</div>
         <small class="task-subline zIndex-1"><time class="humanTimeFromNow" data-time="2014-07-11T10:10:32.000Z" data-tooltip="2014-07-11 12:10">2014-07-11</time></small>
       </div>
 
-      <div class="ticket-article-item bubble-grid agent note" data-id="23" id="article-23">      
+      <div class="ticket-article-item agent note" data-id="23" id="article-23">      
         <div class="article-meta-clip top">
           <div class="article-content-meta top hide">
             <div class="article-meta top">
@@ -193,15 +200,34 @@ Grüße, Peter</div>
             </div>
           </div>
         </div>
-        <div class="article-content zIndex-1 horizontal">
+        <div class="article-content zIndex-1">
           <span class="avatar user-popover " data-id="3" style="background-image: url(api/v1/users/image/bb100af55234cf61fb6f207636f095f8)" data-placement="right" data-original-title="" title=""></span>
           <div class="flex bubble-gap internal-border">
-            <div class="text-bubble"><div class="bubble-arrow"></div>Lieber HP,<br>
+            <div class="textBubble">
+              <div class="bubble-arrow"></div>
+              <div class="textBubble-content">Lieber HP,<br>
 anbei findest du die Midi Noten für Maria Maria "I Like it Loud".<br>
 Wünsche dir einen guten Auftritt in Hamburg.<br>
 <br>
+Deine Frau bekommt ein Kind haben wir gehört.<br>
+Gratulation dazu! Wir schicken dir was liebes.<br>
+<br>
+Und wenn du noch mal Probleme mit der Stimme hast sag bescheid – ich kenn da ein Wundermittel.<br>
+<br>
+Das ist eine Pille von einem Druiden aus dem Bayerischen Wald. Die ölt einem so richtig die Stimmbänder.<br>
+<br>
+Verwende ich immer wenn ich meine Frau anschreien will. Die macht meinen Tenor richtig zum Löwen.<br>
+<br>
+Ach ja und dein Freund Tim. Richt dem mal aus dass er das doch bitte sein lassen soll mit den Anrufen.<br>
+<br>Ich weiß schon dass ich ein hübscher bin. Aber ich hab ihm schon tausend mal gesagt, dass ich seine Gefühle leider nicht erwiedern kann.<br>
+<br>
+Bin verheiratet, hab Kind. Is doch offensichtlich, Junge!<br>
 Alles gute,<br>
 Oliver<br>
+                <div class="textBubble-overflowContainer">
+                  <div class="btn btn--text js-unfold"><%- @T('See more') %></div>
+                </div>
+              </div>
               <div class="attachments">
                 <div class="paperclip icon"></div>
                 <h3>2 <%- @T('Attached Files') %></h3>
@@ -213,7 +239,8 @@ Oliver<br>
                   <div class="attachment-name u-highlight">lyrics_I_Like_it_Loud.txt</div>
                   <div class="attachment-size">17.1kb</div>
                 </div>
-              </div></div>
+              </div>
+            </div>
           </div>
         </div>
         <div class="article-meta-clip bottom">
diff --git a/app/assets/javascripts/app/views/layout_ref/communication_reply.jst.eco b/app/assets/javascripts/app/views/layout_ref/communication_reply.jst.eco
index d9d5e6569..96cce4e7a 100644
--- a/app/assets/javascripts/app/views/layout_ref/communication_reply.jst.eco
+++ b/app/assets/javascripts/app/views/layout_ref/communication_reply.jst.eco
@@ -9,10 +9,10 @@
   <div class="ticket-edit">
     <div class="article-content zIndex-5">
       <div class="internal-border">
-        <div class="text-bubble">
+        <div class="textBubble">
           <div class="bubble-arrow"></div>
           <div class="js-textarea ticketEdit-body" contenteditable="true"><%- @content %></div>
-          <!-- .text-bubble grows with textarea (and expanding clone) -->
+          <!-- .textBubble grows with textarea (and expanding clone) -->
           <div class="attachments"></div>
             <!--
             </div>
diff --git a/app/assets/javascripts/app/views/layout_ref/content.jst.eco b/app/assets/javascripts/app/views/layout_ref/content.jst.eco
index b534259fd..321da5435 100644
--- a/app/assets/javascripts/app/views/layout_ref/content.jst.eco
+++ b/app/assets/javascripts/app/views/layout_ref/content.jst.eco
@@ -80,24 +80,24 @@
           <div class="dropdown js-recipientDropdown">
 
             <div class="dropdown-toggle u-positionOrigin" data-toggle="dropdown">
-              <input id="customer_id_autocompletion2" name="customer_id_autocompletion" class="ui-autocomplete-input form-control" autocapitalize="off" placeholder="Enter Person or Organisation/Company" autocomplete="off" role="textbox" aria-autocomplete="list" aria-haspopup="true">
+              <input id="customer_id_autocompletion2" name="customer_id_autocompletion" class="ui-autocomplete-input form-control" autocapitalize="off" placeholder="Enter Person or Organization/Company" autocomplete="off" role="textbox" aria-autocomplete="list" aria-haspopup="true">
               <span class="select-arrow icon"></span>
             </div>
 
             <div class="dropdown-menu" aria-labelledby="customer_id">
 
               <ul class="recipientList" role="menu">
-                <li class="recipientList-entry u-clickable horizontal center js-organisation" data-organisation-id="AlbrechtBertschlerGmbG">
+                <li class="recipientList-entry u-clickable horizontal center js-organization" data-organization-id="AlbrechtBertschlerGmbG">
                   <div class="recipientList-iconSpacer centered">
-                    <div class="white organisation icon"></div>
+                    <div class="white organization icon"></div>
                   </div>
                   <div class="recipientList-name flex u-textTruncat">
                     Albrecht &amp; Bertschler GmbH
                     <span class="recipientList-detail">- 4 Personen</span>
                   </div>
-                  <div class="white right arrow icon"></div>                <li class="recipientList-entry u-clickable horizontal center js-organisation" data-organisation-id="BENCHMARKhumanresources">
+                  <div class="white right arrow icon"></div>                <li class="recipientList-entry u-clickable horizontal center js-organization" data-organization-id="BENCHMARKhumanresources">
                   <div class="recipientList-iconSpacer centered">
-                    <div class="white organisation icon"></div>
+                    <div class="white organization icon"></div>
                   </div>
                   <div class="recipientList-name flex u-textTruncat">
                     BENCHMARK human resources
@@ -134,14 +134,14 @@
 
                 <li class="recipientList-entry u-clickable horizontal center">
                   <div class="recipientList-iconSpacer centered">
-                    <div class="white organisation icon"></div>
+                    <div class="white organization icon"></div>
                   </div>
                   <div class="recipientList-name flex u-textTruncat">
                     Benteler SGL Composite Technology GmbH
                     <span class="recipientList-detail"></span>
                   </div>
 
-                <li class="recipientList-entry u-clickable horizontal center js-organisation">
+                <li class="recipientList-entry u-clickable horizontal center js-organization">
                   <div class="recipientList-iconSpacer centered">
                     <div class="white team icon"></div>
                   </div>
@@ -151,9 +151,9 @@
                   </div>
                   <div class="white right arrow icon"></div>
 
-                <li class="recipientList-entry u-clickable horizontal center js-organisation">
+                <li class="recipientList-entry u-clickable horizontal center js-organization">
                   <div class="recipientList-iconSpacer centered">
-                    <div class="white organisation icon"></div>
+                    <div class="white organization icon"></div>
                   </div>
                   <div class="recipientList-name flex u-textTruncat">
                     Bernecker + Rainer Industrie-Elektronik Ges.m.b.H.
@@ -161,9 +161,9 @@
                   </div>
                   <div class="white right arrow icon"></div>
 
-                <li class="recipientList-entry u-clickable horizontal center js-organisation">
+                <li class="recipientList-entry u-clickable horizontal center js-organization">
                   <div class="recipientList-iconSpacer centered">
-                    <div class="white organisation icon"></div>
+                    <div class="white organization icon"></div>
                   </div>
                   <div class="recipientList-name flex u-textTruncat">
                     Bertsch Ecopower GmbH
@@ -178,7 +178,7 @@
                   <div class="recipientList-name flex u-textTruncat">
                     <%- @T('Create new Customer') %>
                   </div>
-              </ul>              <ul class="recipientList-organisationMembers hide" id="AlbrechtBertschlerGmbG">
+              </ul>              <ul class="recipientList-organizationMembers hide" id="AlbrechtBertschlerGmbG">
                 <li class="recipientList-controls u-clickable js-back">
                   <div class="recipientList-backClickArea centered">
                     <div class="recipientList-backButton">
@@ -222,7 +222,7 @@
                     Katharina Nussman
                     <span class="recipientList-detail">- Albrecht &amp; Bertschler GmbG</span>
                   </div>
-              </ul>              <ul class="recipientList-organisationMembers hide" id="BENCHMARKhumanresources">
+              </ul>              <ul class="recipientList-organizationMembers hide" id="BENCHMARKhumanresources">
                 <li class="recipientList-controls u-clickable js-back">
                   <div class="recipientList-backClickArea centered">
                     <div class="recipientList-backButton">
diff --git a/app/assets/javascripts/app/views/layout_ref/index.jst.eco b/app/assets/javascripts/app/views/layout_ref/index.jst.eco
index ae9c4d412..6305abbf3 100644
--- a/app/assets/javascripts/app/views/layout_ref/index.jst.eco
+++ b/app/assets/javascripts/app/views/layout_ref/index.jst.eco
@@ -19,6 +19,9 @@
     <li><a href="#layout_ref/organization_profile">Organization Profile</a></li>
     <li><a href="#layout_ref/setup">Setup Wizard</a></li>
     <li><a href="#layout_ref/richtext">Richtext</a></li>
+    <li><a href="#layout_ref/local_modal">Local Modal</a></li>
+    <li><a href="#layout_ref/loading_placeholder">Loading Placeholder</a></li>
+    <li><a href="#layout_ref/insufficient_rights">Insufficient Rights Warning</a></li>
   </ul>
 
 </div>
\ No newline at end of file
diff --git a/app/assets/javascripts/app/views/layout_ref/insufficient_rights.jst.eco b/app/assets/javascripts/app/views/layout_ref/insufficient_rights.jst.eco
new file mode 100644
index 000000000..49d6fba85
--- /dev/null
+++ b/app/assets/javascripts/app/views/layout_ref/insufficient_rights.jst.eco
@@ -0,0 +1,3 @@
+<div class="flex fullscreenMessage">
+  <div class="error icon"></div><h2>Opps.. I'm sorry, but you have insufficient rights to open this ticket.</h2>
+</div>
\ No newline at end of file
diff --git a/app/assets/javascripts/app/views/layout_ref/loading_placeholder.jst.eco b/app/assets/javascripts/app/views/layout_ref/loading_placeholder.jst.eco
new file mode 100644
index 000000000..ca1b84ef7
--- /dev/null
+++ b/app/assets/javascripts/app/views/layout_ref/loading_placeholder.jst.eco
@@ -0,0 +1,3 @@
+<div class="flex fullscreenMessage">
+  <div class="loading icon"></div><h2>Loading Ticket</h2>
+</div>
\ No newline at end of file
diff --git a/app/assets/javascripts/app/views/layout_ref/local_modal.jst.eco b/app/assets/javascripts/app/views/layout_ref/local_modal.jst.eco
new file mode 100644
index 000000000..7f685341e
--- /dev/null
+++ b/app/assets/javascripts/app/views/layout_ref/local_modal.jst.eco
@@ -0,0 +1,537 @@
+<div class="flex profile">
+  <div class="modal modal--local">
+    <div class="modal-backdrop"></div>
+    <div class="modal-dialog">
+      <form>
+        <div class="modal-content">
+          <div class="modal-header">
+            <div class="modal-close js-close">
+              <div class="close icon"></div>
+            </div>
+            <h1 class="modal-title">Edit Customer</h1>
+          </div>
+          <div class="modal-body">
+            <fieldset>
+              <div class="input form-group formGroup--halfSize">
+              <div class="formGroup-label">
+                <label for="User_968887_firstname">Firstname <span>*</span></label>
+                
+                
+                
+              </div>
+              <div class="controls"><input id="User_968887_firstname" type="text" name="firstname" value="Nicole" class="form-control " required="" autofocus="">
+              
+              
+                <span class="help-inline"></span>
+                <span class="help-block"></span>
+              </div>
+            </div><div class="input form-group formGroup--halfSize">
+              <div class="formGroup-label">
+                <label for="User_968887_lastname">Lastname <span>*</span></label>
+                
+                
+                
+              </div>
+              <div class="controls"><input id="User_968887_lastname" type="text" name="lastname" value="Braun" class="form-control " required="">
+              
+              
+                <span class="help-inline"></span>
+                <span class="help-block"></span>
+              </div>
+            </div><div class="input form-group formGroup--halfSize">
+              <div class="formGroup-label">
+                <label for="User_968887_email">Email <span>*</span></label>
+                
+                
+                
+              </div>
+              <div class="controls"><input id="User_968887_email" type="email" name="email" value="nicole.braun@zammad.org" class="form-control " required="">
+              
+              
+                <span class="help-inline"></span>
+                <span class="help-block"></span>
+              </div>
+            </div><div class="input form-group formGroup--halfSize">
+              <div class="formGroup-label">
+                <label for="User_968887_web">Web <span></span></label>
+                
+                
+                
+              </div>
+              <div class="controls"><input id="User_968887_web" type="url" name="web" value="" class="form-control ">
+              
+              
+                <span class="help-inline"></span>
+                <span class="help-block"></span>
+              </div>
+            </div><div class="input form-group formGroup--halfSize">
+              <div class="formGroup-label">
+                <label for="User_968887_phone">Phone <span></span></label>
+                
+                
+                
+              </div>
+              <div class="controls"><input id="User_968887_phone" type="phone" name="phone" value="" class="form-control ">
+              
+              
+                <span class="help-inline"></span>
+                <span class="help-block"></span>
+              </div>
+            </div><div class="input form-group formGroup--halfSize">
+              <div class="formGroup-label">
+                <label for="User_968887_mobile">Mobile <span></span></label>
+                
+                
+                
+              </div>
+              <div class="controls"><input id="User_968887_mobile" type="phone" name="mobile" value="" class="form-control ">
+              
+              
+                <span class="help-inline"></span>
+                <span class="help-block"></span>
+              </div>
+            </div><div class="input form-group formGroup--halfSize">
+              <div class="formGroup-label">
+                <label for="User_968887_fax">Fax <span></span></label>
+                
+                
+                
+              </div>
+              <div class="controls"><input id="User_968887_fax" type="phone" name="fax" value="" class="form-control ">
+              
+              
+                <span class="help-inline"></span>
+                <span class="help-block"></span>
+              </div>
+            </div><div class="select form-group formGroup--halfSize">
+              <div class="formGroup-label">
+                <label for="User_968887_organization_id">Organization <span></span></label>
+                
+                
+                
+              </div>
+              <div class="controls"><div class="u-positionOrigin">
+              <select id="User_968887_organization_id" class="form-control" name="organization_id">
+
+
+              <option value="">-</option>
+
+              <option value="1" selected="">Zammad Foundation</option>
+
+
+              </select>
+              <div class="select-arrow icon"></div>
+            </div>
+              
+              
+                <span class="help-inline"></span>
+                <span class="help-block"></span>
+              </div>
+            </div><div class="input form-group formGroup--halfSize">
+              <div class="formGroup-label">
+                <label for="User_968887_department">Department <span></span></label>
+                
+                
+                
+              </div>
+              <div class="controls"><input id="User_968887_department" type="text" name="department" value="" class="form-control ">
+              
+              
+                <span class="help-inline"></span>
+                <span class="help-block"></span>
+              </div>
+            </div><div class="input form-group">
+              <div class="formGroup-label">
+                <label for="User_968887_street">Street <span></span></label>
+                
+                
+                
+              </div>
+              <div class="controls"><input id="User_968887_street" type="text" name="street" value="" class="form-control ">
+              
+              
+                <span class="help-inline"></span>
+                <span class="help-block"></span>
+              </div>
+            </div><div class="input form-group formGroup--halfSize">
+              <div class="formGroup-label">
+                <label for="User_968887_zip">Zip <span></span></label>
+                
+                
+                
+              </div>
+              <div class="controls"><input id="User_968887_zip" type="text" name="zip" value="" class="form-control ">
+              
+              
+                <span class="help-inline"></span>
+                <span class="help-block"></span>
+              </div>
+            </div><div class="input form-group formGroup--halfSize">
+              <div class="formGroup-label">
+                <label for="User_968887_city">City <span></span></label>
+                
+                
+                
+              </div>
+              <div class="controls"><input id="User_968887_city" type="text" name="city" value="" class="form-control ">
+              
+              
+                <span class="help-inline"></span>
+                <span class="help-block"></span>
+              </div>
+            </div><div class="input form-group">
+              <div class="formGroup-label">
+                <label for="User_968887_password">Password <span></span></label>
+                
+                
+                
+              </div>
+              <div class="controls"><input id="User_968887_password" type="password" name="password" value="" class="form-control " autocomplete="off">
+              
+              
+                <span class="help-inline"></span>
+                <span class="help-block"></span>
+              </div>
+            </div><div class="input form-group">
+              <div class="formGroup-label">
+                <label for="User_968887_password_confirm">Password (confirm) <span></span></label>
+                
+                
+                
+              </div>
+              <div class="controls"><input id="User_968887_password_confirm" type="password" name="password_confirm" value="" class="form-control " autocomplete="off">
+              
+              
+                <span class="help-inline"></span>
+                <span class="help-block"></span>
+              </div>
+            </div><div class="richtext form-group">
+              <div class="formGroup-label">
+                <label for="User_968887_note">Note <span></span></label>
+                
+                
+                
+                <div class="align-right help-message" title="Notes are visible to agents only, never to customers. ">
+                  <div class="help icon"></div>
+                </div>
+                
+              </div>
+              <div class="controls"><div class="richtext form-control">
+              <div contenteditable="true" id="User_968887_note" data-name="note" class=""></div>
+            </div>
+              
+              
+                <span class="help-inline"></span>
+                <span class="help-block"></span>
+              </div>
+            </div><div class="checkbox form-group">
+              <div class="formGroup-label">
+                <label for="User_968887_role_ids">Roles <span>*</span></label>
+                
+                
+                
+              </div>
+              <div class="controls"><div class=" checkbox">
+
+              <label><input type="checkbox" value="1" name="role_ids"> Admin - To configure your system.</label>
+
+              <label><input type="checkbox" value="2" name="role_ids"> Agent - To work on Tickets.</label>
+
+              <label><input type="checkbox" value="3" name="role_ids" checked=""> Customer - People who create Tickets ask for help.</label>
+
+            </div>
+              
+              
+                <span class="help-inline"></span>
+                <span class="help-block"></span>
+              </div>
+            </div><div class="checkbox form-group">
+              <div class="formGroup-label">
+                <label for="User_968887_group_ids">Groups <span></span></label>
+                
+                
+                
+              </div>
+              <div class="controls"><div class=" checkbox">
+
+              <label><input type="checkbox" value="1" name="group_ids"> Users - Standard Group/Pool for Tickets.</label>
+
+            </div>
+              
+              
+                <span class="help-inline"></span>
+                <span class="help-block"></span>
+              </div>
+            </div><div class="boolean form-group">
+              <div class="formGroup-label">
+                <label for="User_968887_active">Active <span>*</span></label>
+                
+                
+                
+              </div>
+              <div class="controls"><div class="u-positionOrigin">
+              <select id="User_968887_active" class="form-control" name="active" required="">
+
+
+              <option value="{boolean}::true" selected="">active</option>
+
+              <option value="{boolean}::false">inactive</option>
+
+
+              </select>
+              <div class="select-arrow icon"></div>
+            </div>
+              
+              
+                <span class="help-inline"></span>
+                <span class="help-block"></span>
+              </div>
+            </div>
+            </fieldset>
+          </div>
+          <div class="modal-footer horizontal">
+            <a class="subtle-link standalone js-cancel" href="#/">Cancel & Go Back</a>
+            <button type="submit" class="btn btn--success js-submit align-right">Update & Back</button>
+          </div>
+        </div>
+      </form>
+    </div>
+  </div>
+
+  <div class="profile-window">
+    <div class="profile-section vertical centered">
+      <div class="align-right profile-action dropdown dropdown--actions">
+        <div class="dropdown-toggle horizontal center" id="profileAction" data-toggle="dropdown">
+          <div class="light cog icon"></div>
+          <label>Aktion</label>
+          <span class="select-arrow icon"></span>
+        </div>
+        <ul class="dropdown-menu dropdown-menu-right" role="menu" aria-labelledby="profileAction">
+          <li role="presentation"><a role="menuitem" tabindex="-1">Kontaktdaten bearbeiten</a>
+          <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Änderungsprotokoll</a>
+          <li role="presentation"><a role="menuitem" tabindex="-1">Benutzer zusammenführen</a>
+          <li role="presentation"><a role="menuitem" tabindex="-1">Benutzer löschen</a>
+        </ul>
+      </div>
+      <div class="avatar size-80" style="background-image: url(https://pbs.twimg.com/profile_images/1216362658/DSC_0084-p_bigger.jpg)"></div>
+      <h1>Doreen Kubiak</h1>
+      <div class="profile-subtitle">Steuerbüro C. Kaik</div>
+    </div>
+    <div class="profile-section">
+      <div class="profile-details  horizontal wrap">
+        <div class="profile-detailsEntry">
+          <label>Email</label>
+          <a href="mailto:doreen.kubiak@gmail.com">doreen.kubiak@gmail.com</a>
+        </div>
+        <div class="profile-detailsEntry">
+          <label>Organization</label>
+          Steuerbüro C. Kaik
+        </div>
+        <div class="profile-detailsEntry">
+          <label>Web</label>
+          <a href="http://ckaik.com" target="_blank">chaik.com</a>
+        </div>
+        <div class="profile-detailsEntry">
+          <label>Strasse</label>
+          Johannitergasse 2/2
+        </div>
+        <div class="profile-detailsEntry">
+          <label>Telefon</label>
+          +43 5522 36346
+        </div>
+        <div class="profile-detailsEntry">
+          <label>PLZ, ORT</label>
+          6800 Feldkirch
+        </div>
+        <div class="profile-detailsEntry">
+          <label>Mobile-Nr.</label>
+          +43 699 4565789
+        </div>
+        <div class="profile-detailsEntry">
+          <label>Land</label>
+          Österreich
+        </div>
+      </div>
+    </div>
+    <div class="profile-section">
+      <!-- if user has organization -->
+      <div class="tabs wide-tabs horizontal">
+        <div class="tab js-userTickets active">Tickets von Doreen Kubiak</div>
+        <div class="tab js-organizationTickets">Tickets von Steuerbüro C. Kaik</div>
+      </div>
+      <!-- endif -->
+      <div class="profile-ticketLists horizontal">
+        <div class="profile-ticketList">
+          <label>Offene Tickets (0)</label>
+          <div class="profile-ticketsPlaceholder vertical centered">
+            <div class="mood icon supergood-state"></div>
+            Keine offenen Tickets
+          </div>
+          <a href="#">Alle Tickets von Doreen Kubiak …</a>
+        </div>
+        <div class="profile-ticketList">
+          <label>Bearbeitete Tickets (12)</label>
+          <ol class="tasks tasks--standalone">
+            <li class="task level-1">
+              <div class="icon-holder">
+                <div class="priority icon"></div>
+              </div>
+              <div class="flex">
+                <div class="name">Micro-SIM doesn't work</div>
+                <div class="time">23 minutes ago</div>
+              </div>
+            <li class="task level-1">
+              <div class="icon-holder">
+                <div class="priority icon"></div>
+              </div>
+              <div class="flex">
+                <div class="name">Superb Service!</div>
+                <div class="time">43 minutes ago</div>
+              </div>
+            <li class="task level-1">
+              <div class="icon-holder">
+                <div class="priority icon"></div>
+              </div>
+              <div class="flex">
+                <div class="name">Print sheets strip off</div>
+                <div class="time">1 hour ago</div>
+              </div>
+            <li class="task level-1">
+              <div class="icon-holder">
+                <div class="priority icon"></div>
+              </div>
+              <div class="flex">
+                <div class="name">Block not properly wrought</div>
+                <div class="time">2 hour ago</div>
+              </div>
+          </ol>
+          <a href="#">Alle Tickets von Steuerbüro C. Kaik …</a>
+        </div>
+      </div>
+    </div>
+    <div class="profile-section horizontal two-columns">
+      <div class="column status stat-widget vertical">
+        <h3>Status</h3>
+        <div class="stat-graphic">
+          <div class="stat-tickets vertical reverse end">
+            <div class="stat-ticket icon supergood-state"></div>
+            <div class="stat-ticket icon supergood-state"></div>
+            <div class="stat-ticket icon supergood-state"></div>
+            <div class="stat-ticket icon supergood-state"></div>
+            <div class="stat-ticket icon supergood-state"></div>
+            <div class="stat-ticket icon supergood-state"></div>
+          </div>
+          <div class="stat-all-tickets icon"></div>
+        </div>
+        <!-- 
+          Achtung: hier müssen wir schauen, dass wir das Widget genauso verwenden wie im Dashboard. Sonst gibt's Verwirrung.
+        -->
+        <div class="stat-label">Tickets of my Group: 78 of 234</div>
+        <div class="stat-detail">Average: 22%</div>
+      </div>
+      <div class="column mood stat-widget vertical">
+        <h3>Stimmung</h3>
+        <div class="stat-graphic">
+          <div class="mood icon supergood-state"></div>
+        </div>
+        <div class="stat-label">3% of my tickets escalated.</div>
+        <div class="stat-detail">Average: 17%</div>
+      </div>
+    </div>
+    <div class="profile-section">
+      <div class="frequency stat-widget vertical">
+        <h3>Frequency</h3>
+        <div class="stat-graphic">
+          <div class="stats-row">
+            <div class="stat-bars">
+              <div class="stat-bar primary" style="height: 80%"></div>
+              <div class="stat-bar secondary" style="height: 34%"></div>
+            </div>
+            <div class="stat-label">Jan</div>
+          </div>
+          <div class="stats-row">
+            <div class="stat-bars">
+              <div class="stat-bar primary" style="height: 53%"></div>
+              <div class="stat-bar secondary" style="height: 47%"></div>
+            </div>
+            <div class="stat-label">Feb</div>
+          </div>
+          <div class="stats-row">
+            <div class="stat-bars">
+              <div class="stat-bar primary" style="height: 46%"></div>
+              <div class="stat-bar secondary" style="height: 21%"></div>
+            </div>
+            <div class="stat-label">Mär</div>
+          </div>
+          <div class="stats-row">
+            <div class="stat-bars">
+              <div class="stat-bar primary" style="height: 24%"></div>
+              <div class="stat-bar secondary" style="height: 18%"></div>
+            </div>
+            <div class="stat-label">Apr</div>
+          </div>
+          <div class="stats-row">
+            <div class="stat-bars">
+              <div class="stat-bar primary" style="height: 13%"></div>
+              <div class="stat-bar secondary" style="height: 5%"></div>
+            </div>
+            <div class="stat-label">Mai</div>
+          </div>
+          <div class="stats-row">
+            <div class="stat-bars">
+              <div class="stat-bar primary" style="height: 18%"></div>
+              <div class="stat-bar secondary" style="height: 10%"></div>
+            </div>
+            <div class="stat-label">Jun</div>
+          </div>
+          <div class="stats-row">
+            <div class="stat-bars">
+              <div class="stat-bar primary" style="height: 50%"></div>
+              <div class="stat-bar secondary" style="height: 8%"></div>
+            </div>
+            <div class="stat-label">Jul</div>
+          </div>
+          <div class="stats-row">
+            <div class="stat-bars">
+              <div class="stat-bar primary" style="height: 67%"></div>
+              <div class="stat-bar secondary" style="height: 13%"></div>
+            </div>
+            <div class="stat-label">Aug</div>
+          </div>
+          <div class="stats-row">
+            <div class="stat-bars">
+              <div class="stat-bar primary" style="height: 34%"></div>
+              <div class="stat-bar secondary" style="height: 2%"></div>
+            </div>
+            <div class="stat-label">Sep</div>
+          </div>
+          <div class="stats-row">
+            <div class="stat-bars">
+              <div class="stat-bar primary" style="height: 5%"></div>
+              <div class="stat-bar secondary" style="height: 0%"></div>
+            </div>
+            <div class="stat-label">Okt</div>
+          </div>
+          <div class="stats-row">
+            <div class="stat-bars">
+              <div class="stat-bar primary" style="height: 25%"></div>
+              <div class="stat-bar secondary" style="height: 0%"></div>
+            </div>
+            <div class="stat-label">Nov</div>
+          </div>
+          <div class="stats-row">
+            <div class="stat-bars">
+              <div class="stat-bar primary" style="height: 80%"></div>
+              <div class="stat-bar secondary" style="height: 5%"></div>
+            </div>
+            <div class="stat-label">Dez</div>
+          </div>
+        </div>
+        <div class="stat-legend">
+          <div class="stat-legendEntry primary"><span class="primary stat-circle"></span>Bearbeitet</div>
+          <div class="stat-legendEntry secondary"><span class="secondary stat-circle"></span>Offen</div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
\ No newline at end of file
diff --git a/app/assets/javascripts/app/views/layout_ref/organization_profile.jst.eco b/app/assets/javascripts/app/views/layout_ref/organization_profile.jst.eco
index 8b0a8d1da..a621ad4f5 100644
--- a/app/assets/javascripts/app/views/layout_ref/organization_profile.jst.eco
+++ b/app/assets/javascripts/app/views/layout_ref/organization_profile.jst.eco
@@ -16,7 +16,7 @@
         </ul>
       </div>
       <div class="profile-organizationIcon">
-        <div class="organisation icon"></div>
+        <div class="organization icon"></div>
       </div>
       <h1>Steuerbüro C. Kaik</h1>
     </div>
diff --git a/app/assets/javascripts/app/views/layout_ref/richtext.jst.eco b/app/assets/javascripts/app/views/layout_ref/richtext.jst.eco
index 3043ec1ec..89820611a 100644
--- a/app/assets/javascripts/app/views/layout_ref/richtext.jst.eco
+++ b/app/assets/javascripts/app/views/layout_ref/richtext.jst.eco
@@ -4,36 +4,36 @@
 
   <h2>Singleline / Textonly</h2>
 
-  <div class="text-bubble">
+  <div class="textBubble">
     <div class="bubble-arrow"></div>
     <div class="js-text-oneline text-1" contenteditable="true" data-name="body" style="min-height: 40px;"></div>
   </div>
 
-  <div class="text-bubble">
+  <div class="textBubble">
     <div class="bubble-arrow"></div>
     <div class="js-text-oneline text-2" contenteditable="true" data-name="body" style="min-height: 40px;">some test</div>
   </div>
 
   <h2>Multiline / Textonly</h2>
 
-  <div class="text-bubble">
+  <div class="textBubble">
     <div class="bubble-arrow"></div>
     <div class="js-text-multiline text-3" contenteditable="true" data-name="body" style="min-height: 40px;"></div>
   </div>
 
-  <div class="text-bubble">
+  <div class="textBubble">
     <div class="bubble-arrow"></div>
     <div class="js-text-multiline text-4" contenteditable="true" data-name="body" style="min-height: 40px;">some text <br>Multiline</div>
   </div>
 
   <h2>Multiline / Richtext</h2>
 
-  <div class="text-bubble">
+  <div class="textBubble">
     <div class="bubble-arrow"></div>
     <div class="js-text-richtext text-5" contenteditable="true" data-name="body" style="min-height: 40px;"></div>
   </div>
 
-  <div class="text-bubble">
+  <div class="textBubble">
     <div class="bubble-arrow"></div>
     <div class="js-text-richtext text-6" contenteditable="true" data-name="body" style="min-height: 40px;">some text <br>Multiline <b>bolt</b></div>
   </div>
diff --git a/app/assets/javascripts/app/views/layout_ref/user_profile.jst.eco b/app/assets/javascripts/app/views/layout_ref/user_profile.jst.eco
index ac595cdc2..62d3f770d 100644
--- a/app/assets/javascripts/app/views/layout_ref/user_profile.jst.eco
+++ b/app/assets/javascripts/app/views/layout_ref/user_profile.jst.eco
@@ -26,7 +26,7 @@
           <a href="mailto:doreen.kubiak@gmail.com">doreen.kubiak@gmail.com</a>
         </div>
         <div class="profile-detailsEntry">
-          <label>Organisation</label>
+          <label>Organization</label>
           Steuerbüro C. Kaik
         </div>
         <div class="profile-detailsEntry">
@@ -56,10 +56,10 @@
       </div>
     </div>
     <div class="profile-section">
-      <!-- if user has organisation -->
+      <!-- if user has organization -->
       <div class="tabs wide-tabs horizontal">
         <div class="tab js-userTickets active">Tickets von Doreen Kubiak</div>
-        <div class="tab js-organisationTickets">Tickets von Steuerbüro C. Kaik</div>
+        <div class="tab js-organizationTickets">Tickets von Steuerbüro C. Kaik</div>
       </div>
       <!-- endif -->
       <div class="profile-ticketLists horizontal">
diff --git a/app/assets/javascripts/app/views/navigation.jst.eco b/app/assets/javascripts/app/views/navigation.jst.eco
index 0b8297f16..9750c56ab 100644
--- a/app/assets/javascripts/app/views/navigation.jst.eco
+++ b/app/assets/javascripts/app/views/navigation.jst.eco
@@ -5,7 +5,7 @@
       <div class="white close icon"></div>
     </div>
   </div>
-  <div class="logo" title="<%- @C( 'product_name' ) %>"></div>
+  <div class="logo js-toggleNavigation"></div>
   <ul id="global-search-result" class="custom-dropdown-menu" role="menu"></ul>
 </form>
 
diff --git a/app/assets/javascripts/app/views/organization_profile.jst.eco b/app/assets/javascripts/app/views/organization_profile.jst.eco
index df887d366..730a6f911 100644
--- a/app/assets/javascripts/app/views/organization_profile.jst.eco
+++ b/app/assets/javascripts/app/views/organization_profile.jst.eco
@@ -4,7 +4,7 @@
     <div class="profile-section vertical centered">
       <div class="align-right profile-action js-action"></div>
       <div class="profile-organizationIcon">
-        <div class="organisation icon"></div>
+        <div class="organization icon"></div>
       </div>
       <h1><%= @organization.displayName() %></h1>
     </div>
diff --git a/app/assets/javascripts/app/views/password/reset.jst.eco b/app/assets/javascripts/app/views/password/reset.jst.eco
index de43a6e9c..7ec97d400 100644
--- a/app/assets/javascripts/app/views/password/reset.jst.eco
+++ b/app/assets/javascripts/app/views/password/reset.jst.eco
@@ -10,7 +10,7 @@
         <form class="form-password">
           <div class="form-password-item"></div>
           <div class="form-controls">
-            <a class="subtle-link standalone pull-left cancel" href="#/"><%- @T( 'Cancel & Go Back' ) %></a>
+            <a class="subtle-link standalone pull-left cancel" href="#login"><%- @T( 'Cancel & Go Back' ) %></a>
             <button class="btn btn--primary submit pull-right"><%- @T( 'Submit' ) %></button>
           </div>
         </form>
diff --git a/app/assets/javascripts/app/views/popover/organization.jst.eco b/app/assets/javascripts/app/views/popover/organization.jst.eco
index 98fc357ed..49a143fbf 100644
--- a/app/assets/javascripts/app/views/popover/organization.jst.eco
+++ b/app/assets/javascripts/app/views/popover/organization.jst.eco
@@ -1,18 +1,20 @@
+<hr>
+<div class="horizontal two-columns">
 <% for row in @organizationData: %>
   <% if @organization[row.name]: %>
-    <% if row.tag is 'richtext': %>
-      <div class="customer-info" title="<%- @Ti( row.display ) %>"><%- @organization[row.name] %></div>
-    <% else: %>
-      <div class="customer-info" title="<%- @Ti( row.display ) %>"><%- @L( @P( @organization[row.name] ) ) %></div>
-    <% end %>
+    <div class="column">
+      <h3><%- @T( row.display ) %></h3>
+      <div><%- @L( @P( @organization[row.name] ) ) %></div>
+    </div>
   <% end %>
 <% end %>
+</div>
 <% if  @organization.members: %>
   <hr>
-  <%- @T('Members') %>
-  <ul>
-    <% for user in @organization.members: %>
-    <li><%= user.displayName() %></li>
-    <% end %>
-  </ul>
+  <h3><%- @T('Members') %></h3>
+  <% for user in @organization.members: %>
+  <div class="person">
+  <%= user.displayName() %>
+  </div>
+  <% end %>
 <% end %>
\ No newline at end of file
diff --git a/app/assets/javascripts/app/views/popover/ticket.jst.eco b/app/assets/javascripts/app/views/popover/ticket.jst.eco
index b743b0f10..e7a5808b3 100644
--- a/app/assets/javascripts/app/views/popover/ticket.jst.eco
+++ b/app/assets/javascripts/app/views/popover/ticket.jst.eco
@@ -1,13 +1,20 @@
 <div>
-  <div class="<%- @ticket.icon() %>" title="<%- @ticket.iconTitle() %>"></div>
+  <span class="<%- @ticket.icon() %>" title="<%- @ticket.iconTitle() %>"></span> <span class="<%- @ticket.iconTextClass() %>"><%- @ticket.iconTitle() %></span>
 </div>
 <hr>
-<h3>Personen</h3>
+<h3><%- @P('Agent') %></h3>
 <div class="person">
-  <%- @P( @ticket.owner ) %>
+  <%= @ticket.owner.displayName() %>
+  <% if @ticket.owner.organization_id: %>
+    <span class="organization"><%= @ticket.owner.organization.displayName() %></span>
+  <% end %>
 </div>
+<h3><%- @P('Customer') %></h3>
 <div class="person">
-  <%- @P( @ticket.customer ) %>
+  <%= @ticket.customer.displayName() %>
+  <% if @ticket.customer.organization_id: %>
+    <span class="organization"><%= @ticket.customer.organization.displayName() %></span>
+  <% end %>
 </div>
 <hr>
 <div class="horizontal two-columns">
@@ -15,10 +22,6 @@
     <h3>#</h3>
     <div class="u-textTruncate"><%- @P( @ticket.number ) %></div>
   </div>
-  <div class="column">
-    <h3><%- @T( 'State' ) %></h3>
-    <div class="u-textTruncate"><%- @P( @ticket.state.name ) %></div>
-  </div>
   <div class="column">
     <h3><%- @T( 'Priority' ) %></h3>
     <div class="u-textTruncate"><%- @T( @ticket.priority.name ) %></div>
diff --git a/app/assets/javascripts/app/views/popover/user.jst.eco b/app/assets/javascripts/app/views/popover/user.jst.eco
index 99e8336dd..5d08ad6d3 100644
--- a/app/assets/javascripts/app/views/popover/user.jst.eco
+++ b/app/assets/javascripts/app/views/popover/user.jst.eco
@@ -1,15 +1,14 @@
 <% if @user['organization']: %>
-  <div class="customer-info">
-    <%- @P( @user['organization'] ) %>
-  </div>
+<div class="user-organization"><a href="<%- @user.organization.uiUrl() %>"><%= @user.organization.displayName() %></a></div>
 <% end %>
+<hr>
+<div class="horizontal two-columns">
 <% for row in @userData: %>
   <% if @user[row.name]: %>
-    <% if row.tag is 'richtext': %>
-      <div class="customer-info" title="<%- @Ti( row.display ) %>"><%- @user[row.name] %></div>
-    <% else: %>
-      <div class="customer-info" title="<%- @Ti( row.display ) %>"><%- @L( @P( @user[row.name] ) ) %></div>
-    <% end %>
+  <div class="column">
+    <h3><%- @T( row.display ) %></h3>
+    <div><%- @L( @P( @user[row.name] ) ) %></div>
+  </div>
   <% end %>
 <% end %>
 <% if !_.isEmpty(@user['accounts']): %>
diff --git a/app/assets/javascripts/app/views/signup.jst.eco b/app/assets/javascripts/app/views/signup.jst.eco
index 35b473ce7..a7e095378 100644
--- a/app/assets/javascripts/app/views/signup.jst.eco
+++ b/app/assets/javascripts/app/views/signup.jst.eco
@@ -4,7 +4,7 @@
       <h1><%- @T( 'Join' ) %> <%= @C( 'product_name' ) %></h1>
       <form>
         <div class="form-controls">
-          <a class="subtle-link standalone pull-left" href="#/"><%- @T( 'Cancel & Go Back' ) %></a>
+          <a class="subtle-link standalone pull-left" href="#login"><%- @T( 'Cancel & Go Back' ) %></a>
           <button class="btn btn--primary submit pull-right"><%- @T( 'Create my account' ) %></button>
         </div>
       </form>
diff --git a/app/assets/javascripts/app/views/ticket_zoom.jst.eco b/app/assets/javascripts/app/views/ticket_zoom.jst.eco
index 42a814cd0..ac6160cc8 100644
--- a/app/assets/javascripts/app/views/ticket_zoom.jst.eco
+++ b/app/assets/javascripts/app/views/ticket_zoom.jst.eco
@@ -1,9 +1,9 @@
 <div class="tabsSidebar-holder">
   <div class="main no-padding flex tabsSidebar-sidebarSpacer tabsSidebar-tabsSpacer">
     <div class="ticketZoom">
-      <div class="scrollPageHeader tabsSidebar-sidebarSpacer zIndex-6 horizontal center">
+      <div class="scrollPageHeader">
         <small><%- @C('ticket_hook') %> <span class="ticket-number"><%- @ticket.number %></span></small>
-        <div class="ticket-title flex"></div>
+        <div class="ticket-title"></div>
         <div class="pagination-counter">
           <span class="pagination-item-current">1</span>/<span class="pagination-total-items">36</span>
         </div>
diff --git a/app/assets/javascripts/app/views/ticket_zoom/article_view.jst.eco b/app/assets/javascripts/app/views/ticket_zoom/article_view.jst.eco
index b14ab148a..bbd619500 100644
--- a/app/assets/javascripts/app/views/ticket_zoom/article_view.jst.eco
+++ b/app/assets/javascripts/app/views/ticket_zoom/article_view.jst.eco
@@ -1,5 +1,5 @@
 <% for article in @articles: %>
-<div class="ticket-article-item bubble-grid <%= article.sender.name.toLowerCase() %> <%= article.type.name %><%= ' is-internal' if article.internal is true %>" data-id="<%= article.id %>" id="article-<%= article.id %>">
+<div class="ticket-article-item <%= article.sender.name.toLowerCase() %> <%= article.type.name %><%= ' is-internal' if article.internal is true %>" data-id="<%= article.id %>" id="article-<%= article.id %>">
 
 
   <div class="article-meta-clip top">
@@ -33,18 +33,23 @@
     </div>
   </div>
 
-  <div class="article-content zIndex-1 horizontal<%= ' reverse' if article.sender.name isnt 'Agent' %>">
+  <div class="article-content zIndex-1">
     <% if article.sender.name isnt 'Agent': %>
     <%    position = 'left' %>
     <% else: %>
     <%    position = 'right' %>
     <% end %>
     <%- article.created_by.avatar("40", position) %>
-    <div class="flex bubble-gap">
+    <div class="bubble-gap">
       <div class="internal-border">
-        <div class="text-bubble">
+        <div class="textBubble">
           <div class="bubble-arrow"></div>
+          <div class="textBubble-content">
           <%- article.html %>
+            <div class="textBubble-overflowContainer">
+              <div class="btn btn--text js-unfold"><%- @T('See more') %></div>
+            </div>
+          </div>
           <% if !_.isEmpty( article.attachments ): %>
             <div class="attachments">
               <div class="paperclip icon"></div>
@@ -59,17 +64,6 @@
           <% end %>
         </div>
       </div>
-      <% if article.actions: %>
-      <div>
-        <div class="article-actions horizontal stretch">
-          <% for action in article.actions: %>
-            <a href="<%= action.href %>" data-type="<%= action.type %>" class="article-action u-clickable<% if action.class: %> <%= action.class %><% end %>">
-              <span class="<%= action.type %> action icon"></span><%- @T( action.name ) %>
-            </a>
-          <% end %>
-        </div>
-      </div>
-      <% end %>
     </div>
   </div>
 
@@ -90,6 +84,18 @@
     </div>
   </div>
 
+  <% if article.actions: %>
+  <div>
+    <div class="article-actions horizontal stretch">
+      <% for action in article.actions: %>
+        <a href="<%= action.href %>" data-type="<%= action.type %>" class="article-action u-clickable<% if action.class: %> <%= action.class %><% end %>">
+          <span class="<%= action.type %> action icon"></span><%- @T( action.name ) %>
+        </a>
+      <% end %>
+    </div>
+  </div>
+  <% end %>
+
   <small class="task-subline zIndex-1"><time class="humanTimeFromNow" data-time="<%- article.created_at %>">?</time></small>
 </div>
 <% end %>
\ No newline at end of file
diff --git a/app/assets/javascripts/app/views/ticket_zoom/edit.jst.eco b/app/assets/javascripts/app/views/ticket_zoom/edit.jst.eco
index 5d2f7a260..30a6d0013 100644
--- a/app/assets/javascripts/app/views/ticket_zoom/edit.jst.eco
+++ b/app/assets/javascripts/app/views/ticket_zoom/edit.jst.eco
@@ -2,87 +2,84 @@
   <input type="hidden" name="type" value="<%= @article.type %>">
   <input type="hidden" name="internal" value="<%= @article.internal %>">
   <input type="hidden" name="form_id" value="<%= @article.form_id %>">
-  <div class="bubble-grid horizontal">
-    <div class="editControls">
-      <%- App.User.fullLocal( @S('id') ).avatar("40", 'right', 'zIndex-5') %>
-      <div class="dark pop-select zIndex-7 editControls-item">
-        <div class="pop-selected u-clickable centered">
-          <div class="gray <%- @article.type %> channel icon"></div>
-        </div>
-        <div class="pop-selector hide">
-          <div class="horizontal">
-            <% for atricleType in @articleTypes: %>
-            <div class="pop-selectable u-clickable centered" data-value="<%= atricleType.name %>">
-              <div class="white <%= atricleType.icon %> channel icon"></div>
-            </div>
-            <% end %>
-          </div>
-        </div>
+  <div class="editControls">
+    <%- App.User.fullLocal( @S('id') ).avatar("40", 'right', 'zIndex-5') %>
+    <div class="dark pop-select zIndex-7 editControls-item">
+      <div class="pop-selected u-clickable centered">
+        <div class="gray <%- @article.type %> channel icon"></div>
       </div>
-      <div class="visibility-toggle zIndex-7 u-clickable editControls-item">
-        <div class="internal-visibility centered" title="<%- @T("unset internal") %>">
-          <div class="internal visibility icon"></div>
-        </div>
-        <div class="public-visibility centered" title="<%- @T("set internal") %>">
-          <div class="public visibility icon"></div>
+      <div class="pop-selector hide">
+        <div class="horizontal">
+          <% for atricleType in @articleTypes: %>
+          <div class="pop-selectable u-clickable centered" data-value="<%= atricleType.name %>">
+            <div class="white <%= atricleType.icon %> channel icon"></div>
+          </div>
+          <% end %>
         </div>
       </div>
     </div>
-    <div class="flex article-content zIndex-5 bubble-gap">
+    <div class="visibility-toggle zIndex-7 u-clickable editControls-item">
+      <div class="internal-visibility centered" title="<%- @T("unset internal") %>">
+        <div class="internal visibility icon"></div>
+      </div>
+      <div class="public-visibility centered" title="<%- @T("set internal") %>">
+        <div class="public visibility icon"></div>
+      </div>
+    </div>
+  </div>
+  <div class="article-content zIndex-5 bubble-gap">
 <!--
-      <label class="recipients"><%- @T('Recipients') %>
-        <div class="avatar" style="background-image: url(https://pbs.twimg.com/profile_images/1216362658/DSC_0084-p_normal.jpg)"></div>
-        <div class="avatar" style="background-image: url(https://pbs.twimg.com/profile_images/1216362658/DSC_0084-p_bigger.jpg)"></div>
-      </label>
+    <label class="recipients"><%- @T('Recipients') %>
+      <div class="avatar" style="background-image: url(https://pbs.twimg.com/profile_images/1216362658/DSC_0084-p_normal.jpg)"></div>
+      <div class="avatar" style="background-image: url(https://pbs.twimg.com/profile_images/1216362658/DSC_0084-p_bigger.jpg)"></div>
+    </label>
 -->
-      <div class="internal-border">
+    <div class="internal-border">
 
-        <div class="input form-group">
-          <div class="formGroup-label">
-            <label for=""><%- @T('To') %></label>
-          </div>
-          <div class="controls"><input id="" type="text" name="to" value="<%= @article.to %>" class="form-control" required="required"></div>
+      <div class="input form-group">
+        <div class="formGroup-label">
+          <label for=""><%- @T('To') %></label>
         </div>
-        <div class="input form-group">
-          <div class="formGroup-label">
-            <label for=""><%- @T('Cc') %></label>
-          </div>
-          <div class="controls"><input id="" type="text" name="cc" value="<%= @article.cc %>" class="form-control"></div>
+        <div class="controls"><input id="" type="text" name="to" value="<%= @article.to %>" class="form-control" required="required"></div>
+      </div>
+      <div class="input form-group">
+        <div class="formGroup-label">
+          <label for=""><%- @T('Cc') %></label>
         </div>
+        <div class="controls"><input id="" type="text" name="cc" value="<%= @article.cc %>" class="form-control"></div>
+      </div>
 
-        <div class="text-bubble">
-          <div class="bubble-arrow"></div>
-          <div class="js-textarea ticketEdit-body" contenteditable="true" data-name="body"><%- @article.body %></div>
-          <!-- .text-bubble grows with textarea (and expanding clone) -->
-          <div class="attachments"></div>
-          <div class="article-attachment u-unclickable u-textTruncate">
-            <div class="attachmentPlaceholder">
-              <span class="attachmentPlaceholder-hint"><%- @T('Antwort eingeben oder') %></span>
-              <span class="attachmentPlaceholder-inputHolder u-highlight u-clickable">
-                <%- @T('Dateien wählen..') %>
-                <input multiple="multiple" type="file" name="file" style="position: absolute; right: 0px; top: 0px; font-family: Arial; font-size: 118px; margin: 0px; padding: 0px; cursor: pointer; opacity: 0;">
-              </span>
-            </div>
-            <div class="attachmentUpload hide u-clickable">
-              <div class="horizontal">
-                <div class="u-highlight">
-                  <%- @T(' Uploading ') %> (<span class="js-percentage">0</span>%) ...
-                </div>
-                <div class="attachmentUpload-cancel align-right js-cancel u-clickable">
-                  <div class="delete icon"></div><%- @T('Cancel Upload') %>
-                </div>
+      <div class="textBubble">
+        <div class="bubble-arrow"></div>
+        <div class="js-textarea ticketEdit-body" contenteditable="true" data-name="body"><%- @article.body %></div>
+        <!-- .textBubble grows with textarea (and expanding clone) -->
+        <div class="attachments"></div>
+        <div class="article-attachment u-unclickable u-textTruncate">
+          <div class="attachmentPlaceholder">
+            <span class="attachmentPlaceholder-hint"><%- @T('Antwort eingeben oder') %></span>
+            <span class="attachmentPlaceholder-inputHolder u-highlight u-clickable">
+              <%- @T('Dateien wählen..') %>
+              <input multiple="multiple" type="file" name="file" style="position: absolute; right: 0px; top: 0px; font-family: Arial; font-size: 118px; margin: 0px; padding: 0px; cursor: pointer; opacity: 0;">
+            </span>
+          </div>
+          <div class="attachmentUpload hide u-clickable">
+            <div class="horizontal">
+              <div class="u-highlight">
+                <%- @T(' Uploading ') %> (<span class="js-percentage">0</span>%) ...
+              </div>
+              <div class="attachmentUpload-cancel align-right js-cancel u-clickable">
+                <div class="delete icon"></div><%- @T('Cancel Upload') %>
               </div>
-              <div class="attachmentUpload-progressBar" style="width: 0%"></div>
             </div>
+            <div class="attachmentUpload-progressBar" style="width: 0%"></div>
           </div>
-          <div class="fit dropArea">
-            <div class="dropArea-inner fit centered">
-              <%- @T('Drop Files here') %>
-            </div>
+        </div>
+        <div class="fit dropArea">
+          <div class="dropArea-inner fit centered">
+            <%- @T('Drop Files here') %>
           </div>
         </div>
       </div>
-
     </div>
   </div>
 </form>
\ No newline at end of file
diff --git a/app/assets/javascripts/app/views/user_profile.jst.eco b/app/assets/javascripts/app/views/user_profile.jst.eco
index f2098d183..c4d2e08b3 100644
--- a/app/assets/javascripts/app/views/user_profile.jst.eco
+++ b/app/assets/javascripts/app/views/user_profile.jst.eco
@@ -6,7 +6,7 @@
       <%- @user.avatar("80") %>
       <h1><%= @user.displayName() %></h1>
       <% if @user.organization: %>
-        <div class="profile-organisation"><a href="<%- @user.organization.uiUrl() %>"><%= @user.organization.displayName() %></a></div>
+        <div class="profile-organization"><a href="<%- @user.organization.uiUrl() %>"><%= @user.organization.displayName() %></a></div>
       <% end %>
     </div>
 
diff --git a/app/assets/javascripts/app/views/widget/online_notification.jst.eco b/app/assets/javascripts/app/views/widget/online_notification.jst.eco
index b9e59222c..3bd7f27c0 100644
--- a/app/assets/javascripts/app/views/widget/online_notification.jst.eco
+++ b/app/assets/javascripts/app/views/widget/online_notification.jst.eco
@@ -1,22 +1,8 @@
-<% if @items.length: %>
-  <a href="#" id="markAllAsSeen"><%- @T( 'Mark all as seen.' ) %></a>
-  <% for item in @items: %>
-  <div class="activity-entry horizontal">
-    <a class="activity-avatar user-popover" data-id="<%= item.created_by_id %>" href="<%- item.created_by.uiUrl() %>">
-      <%- item.created_by.avatar() %>
-    </a>
-    <a href="<%- item.link %>" class="activity-body flex horizontal">
-      <span class="activity-message flex">
-        <span class="activity-text <% if item.seen: %>inactive<% end %>">
-          <%= item.created_by.displayName() %> <%- @T( item.type ) %> <%- @T( item.object_name ) %><% if item.title: %> (<%= item.title %>)<% end %>
-        </span>
-        <span class="activity-time <% if item.seen: %>inactive<% end %> humanTimeFromNow" data-time="<%- item.created_at %>">?</span>
-      </span>
-    </a>
+<div class="popover popover--notifications js-notificationsContainer" role="tooltip">
+  <div class="arrow"></div>
+  <div class="popover-notificationsHeader">
+    <span class="popover-title"></span>
+    <a class="popover-notificationsMarkRead js-markAllAsRead"><%- @T( 'Mark all as read' ) %></a>
   </div>
-  <% end %>
-<% else: %>
-  <h3 class="u-textTruncate" title="<%- @Ti( 'Name') %>">
-    <%- @T("No unread Notifications for you. :) ") %>
-  </h3>
-<% end %>
\ No newline at end of file
+  <div class="popover-content"></div>
+</div>
\ No newline at end of file
diff --git a/app/assets/javascripts/app/views/widget/online_notification_content.jst.eco b/app/assets/javascripts/app/views/widget/online_notification_content.jst.eco
new file mode 100644
index 000000000..d9d41fba8
--- /dev/null
+++ b/app/assets/javascripts/app/views/widget/online_notification_content.jst.eco
@@ -0,0 +1,21 @@
+<% if @items.length: %>
+  <% for item in @items: %>
+  <div class="activity-entry horizontal">
+    <a class="activity-avatar user-popover" data-id="<%= item.created_by_id %>" href="<%- item.created_by.uiUrl() %>">
+      <%- item.created_by.avatar() %>
+    </a>
+    <a href="<%- item.link %>" class="activity-body flex horizontal">
+      <span class="activity-message flex">
+        <span class="activity-text <% if item.seen: %>inactive<% end %>">
+          <%= item.created_by.displayName() %> <%- @T( item.type ) %> <%- @T( item.object_name ) %><% if item.title: %> (<%= item.title %>)<% end %>
+        </span>
+        <span class="activity-time <% if item.seen: %>inactive<% end %> humanTimeFromNow" data-time="<%- item.created_at %>">?</span>
+      </span>
+    </a>
+  </div>
+  <% end %>
+<% else: %>
+  <div class="label u-textTruncate" title="<%- @Ti( 'Name') %>">
+    <%- @T("No unread Notifications for you. :) ") %>
+  </div>
+<% end %>
\ No newline at end of file
diff --git a/app/assets/javascripts/application.js b/app/assets/javascripts/application.js
index d2ba680d8..1fd527660 100644
--- a/app/assets/javascripts/application.js
+++ b/app/assets/javascripts/application.js
@@ -25,7 +25,11 @@
 //= require ./app/lib/bootstrap/dropdown.js
 //= require ./app/lib/bootstrap/tooltip.js
 //= require ./app/lib/bootstrap/popover.js
+//= require ./app/lib/bootstrap/popover-enhance.js
+
+// modified by Felix Jan-2014
 //= require ./app/lib/bootstrap/modal.js
+
 //= require ./app/lib/bootstrap/tab.js
 //= require ./app/lib/bootstrap/transition.js
 //= require ./app/lib/bootstrap/button.js
diff --git a/app/assets/stylesheets/zammad.css.scss b/app/assets/stylesheets/zammad.css.scss
index b4bc6b83e..ff187342e 100644
--- a/app/assets/stylesheets/zammad.css.scss
+++ b/app/assets/stylesheets/zammad.css.scss
@@ -18,7 +18,7 @@ p {
 }
 
 .u-highlight {
-  color: hsl(194,90%,45%);
+  color: #0F94D6;
 }
 
 a {
@@ -140,6 +140,10 @@ blockquote {
   display: block;
   outline-style: none;
   border-radius: 3px;
+
+  /* needed to make empty tags editable, otherwise no focus can be set */
+  min-height: 10px;
+  min-width: 20px;
 }
 [contenteditable]:hover,
 [contenteditable]:focus {
@@ -265,7 +269,7 @@ span[data-tooltip]:hover:before {
   color: hsl(202,68%,54%);
   background: white;
   border-color: rgba(0,0,0,.1);
-  outline: none;
+  outline: none !important;
   
   &.is-disabled {
     pointer-events: none;
@@ -275,22 +279,47 @@ span[data-tooltip]:hover:before {
 
   &:active {
     box-shadow: none;
+    background: hsl(0,0%,98%);
+  }
+
+  &.btn--action {
+    @extend label;
+    padding: 7px 11px 5px !important;
   }
 
   &.btn--primary {
     color: white;
-    background: #419ed7;
-    border-color: #419ed7;
+    background: hsl(203,65%,55%);
+    &:active {
+      background: hsl(203,65%,45%);
+    }
   }
 
   &.btn--success {
     color: white;
     background: hsl(145,51%,45%);
+    &:active {
+      background: hsl(145,51%,35%);
+    }
   }
 
   &.btn--danger {
     color: white;
     background: hsl(0,65%,55%);
+    &:active {
+      background: hsl(0,65%,45%);
+    }
+  }
+
+  &.btn--text {
+    padding-left: 0;
+    padding-right: 0;
+    color: hsl(203,65%,55%);
+    border: none;
+    background: none;
+    &:active {
+      color: hsl(203,65%,45%);
+    }
   }
 
   &.btn--subtle {
@@ -302,6 +331,10 @@ span[data-tooltip]:hover:before {
     background: none;
     @extend .u-clickable;
     
+    &:active {
+      color: rgba(0,0,0,.42);
+    }
+    
     &:hover {
       color: rgba(0,0,0,.5);
     }
@@ -538,7 +571,8 @@ h5 {
 }
 
 label,
-.checkbox.form-group label {
+.checkbox.form-group label,
+.label {
   text-transform: uppercase;
   color: hsl(0,0%,60%);
   display: block;
@@ -546,6 +580,8 @@ label,
   font-weight: normal;
   letter-spacing: 0.1em;
   margin-bottom: 4px;
+  text-align: left;
+  padding: 0;
 }
 
 fieldset {
@@ -610,6 +646,12 @@ fieldset > *:not(.form-group) .form-control {
 .form-group .help-message {
   cursor: help;
   opacity: 0.2;
+  top: -2px;
+  position: relative;
+  
+  .icon {
+    display: block;
+  }
 }
 
 .form-group:not(.formGroup--halfSize) {
@@ -731,6 +773,19 @@ textarea,
     z-index: 1;
   }
 
+.fullscreenMessage {
+  padding: 22px;
+  @extend .centered;
+  
+  .icon {
+    margin: -5px 14px 0 0;
+  }
+
+  h2 {
+    margin: 0;
+  }
+}
+
 .form-stacked .checkbox label {
   color: inherit;
   font-size: 13px;
@@ -739,22 +794,32 @@ textarea,
   letter-spacing: inherit;
 }
 
-
 .pagination {
   margin: 0;
+  @extend .horizontal;
 }
 
 .pagination > li > a, 
 .pagination > li > span {
   padding: 0;
   width: 31px;
-  height: 28px;
-  border-color: #ececec;
+  height: 31px;
+  border-color: #e5e5e5;
+}
+
+.pagination > .active > a, 
+.pagination > .active > span, 
+.pagination > .active > a:hover, 
+.pagination > .active > span:hover, 
+.pagination > .active > a:focus, 
+.pagination > .active > span:focus {
+  background: #0F94D6;
+  border-color: #0F94D6;
 }
 
 .pagination-counter {
-  margin-right: 19px;
-  line-height: 28px;
+  margin: 0 19px 0 10px;
+  line-height: 33px;
   color: #9c9c9b;
 }
 
@@ -771,16 +836,19 @@ textarea,
 }
 
 .page-header-title h1 {
-  margin-top: 13px;
+  margin-top: 9px;
 }
 
 .page-header-meta {
-  margin-top: 5px;
-  margin-left: auto;
-}
-
-.page-header-meta.horizontal .pagination {
+  margin-top: 6px;
   margin-left: auto;
+  @extend .horizontal;
+  @extend .justify;
+  @extend .self-start;
+  
+  .btn {
+    margin: 0 9px 2px;
+  }
 }
 
 .dropdown-menu .count {
@@ -935,6 +1003,7 @@ textarea,
   @extend .fit;
   display: table;
   width: 100%;
+  height: 100%;
   min-height: 100vh;
 }
 
@@ -1279,15 +1348,15 @@ ol.tabs li {
        @-moz-keyframes fade { from { opacity: 0 } to { opacity: 1 } }
             @keyframes fade { from { opacity: 0 } to { opacity: 1 } }
 
-  .organisation.icon {
+  .organization.icon {
     height: 13px;
     width: 14px;
     background-position: 0 -118px;
   }
 
-  .icon-switch:hover .organisation.icon,
-  .task.active .organisation.icon,
-  .white.organisation.icon {
+  .icon-switch:hover .organization.icon,
+  .task.active .organization.icon,
+  .white.organization.icon {
     background-position: 0 -132px;
   }
 
@@ -1731,9 +1800,9 @@ ol.tabs li {
   .loading.icon {
     width: 30px;
     height: 30px;
-    background: hsl(339,80%,62%);
+    background: hsl(145,51%,45%);
     -webkit-animation: rotateplane 1.2s infinite ease-in-out;
-    animation: rotateplane 1.2s infinite ease-in-out;
+            animation: rotateplane 1.2s infinite ease-in-out;
   }
 
   .small.loading.icon {
@@ -1742,27 +1811,28 @@ ol.tabs li {
   }
 
   @-webkit-keyframes rotateplane {
-    0% { -webkit-transform: perspective(120px); background: hsl(202,68%,54%); }
-    50% { -webkit-transform: perspective(120px) rotateY(180deg); background: hsl(145,51%,45%); }
-    100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg); background: hsl(202,68%,54%); }
+    0% { -webkit-transform: perspective(120px); }
+    50% { -webkit-transform: perspective(120px) rotateY(180deg); }
+    100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg); }
   }
 
   @keyframes rotateplane {
     0% { 
-      transform: perspective(120px) rotateX(0deg) rotateY(0deg);
+              transform: perspective(120px) rotateX(0deg) rotateY(0deg);
       -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
-      background: hsl(202,68%,54%); 
     } 50% { 
-      transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
+              transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
       -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
-      background: hsl(145,51%,45%);
     } 100% { 
-      transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
+              transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
       -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
-      background: hsl(202,68%,54%);
     }
   }
 
+  .loading.dot.icon {
+    border-radius: 100%;
+  }
+
 
 /*
  * removed margin of forms to not break the layout with submit buttons within <form></form> area e. g. for modal dialogs
@@ -1826,6 +1896,11 @@ footer {
   padding: 10px 20px;
 }
 
+.tableOverview-edit {
+  @extend .u-clickable;
+  @extend .u-highlight;
+}
+
 .bulkAction {
   background: white;
   z-index: 1;
@@ -1912,7 +1987,7 @@ footer {
 
 .navigation {
   width: 260px;
-  background: #26272e;
+  background: hsl(232,10%,16%);
   position: relative;
 }
 
@@ -1934,16 +2009,17 @@ footer {
     text-decoration: none;
   }
 
-  .main-navigation > li.active > a,
-  .main-navigation > li > a:hover,
-  .main-navigation > li > a:focus {
-    background: none;
-    color: #F0FAFF;
+  .main-navigation > li > a:hover {
+    background: hsl(230,10%,13%);
+    border-bottom-color: rgba(240, 250, 255, .08);
   }
 
-  .main-navigation > li.active > a .icon,
-  .main-navigation > li > a:hover .icon,
-  .main-navigation > li > a:focus .icon {
+  .main-navigation > li.active > a {
+    background: none;
+    color: white;
+  }
+
+  .main-navigation > li.active > a .icon {
     opacity: 1;
   }
 
@@ -2015,21 +2091,27 @@ footer {
 
     .tasks-navigation .icon-holder {
       width: 30px;
+      position: relative;
     }
 
     .tasks-navigation .icon-holder .icon {
       margin-right: 3px;
       margin-top: -3px;
+      
+      &.loading {
+        width: 10px;
+        height: 10px;
+      }
+
+      &.error {
+        transform: scale(0.85);
+      }
     }
 
   .task:hover {
     text-decoration: none;
   }
 
-  .task .modified.priority.icon {
-    margin-right: 8px;
-  }
-
   .task.active {
     background: #389ed9;
   }
@@ -2091,7 +2173,7 @@ footer {
   .level-3 .modified.priority.icon:after {
     background-color: #faab00;
     border-color: #faab00;
-  }    
+  }
 
   .task .closeTask {
     position: absolute;
@@ -2128,12 +2210,12 @@ footer {
     } 
 
 .search {
-  padding: 14px 15px 10px 10px;
+  padding: 14px 2px 10px 10px;
   border-bottom: 1px solid rgba(240, 250, 255, .05);
 }
   
   .search-holder {
-    margin-right: 15px;
+    margin-right: 2px;
     position: relative;
     transition: 240ms;
   }
@@ -2175,12 +2257,13 @@ footer {
   }
 
   .search .logo {
-    width: 41px;
+    width: 67px;
     height: 36px;
-    background: image_url("/assets/images/logo.svg");
+    background: image_url("/assets/images/logo.svg") no-repeat center;
     transition: 240ms;
     position: relative;
     @extend .u-clickable;
+    @extend .zIndex-5;
   }
 
     .logo .activity-counter {
@@ -2436,7 +2519,8 @@ footer {
 
   .sidebar-block {
     margin: 20px 0;
-    
+    word-wrap: break-word;
+
     &:first-child {
       margin-top: 0;
     }
@@ -2524,7 +2608,7 @@ footer {
     margin-left: auto;
   }
 
-  a.list-group-item.active > .badge, 
+  a.list-group-item.active > .badge,
   .nav-pills > .active > a > .badge {
     color: #96969b;
     background: none;
@@ -2552,18 +2636,18 @@ footer {
   border: none;
   z-index: 1110;
   box-shadow: 0 1px 14px rgba(0,8,14,.25);
+  // max-height: calc(100vh - 20px);
 }
 
   .popover-title {
     border: none;
     background: none;
-    padding: 20px 17px 4px;
+    padding: 21px 17px 4px;
   }
 
   .popover-content {
     padding: 0 17px 10px;
-    max-height: 600px;
-    overflow-y: scroll;
+    overflow-y: auto;
   }
 
   .popover.right { margin-left: 4px; }
@@ -2598,16 +2682,21 @@ footer {
     background: white;
   }
 
-  .popover .person .company {
+  .popover .person .organization {
     color: #a1a4a7;
   }
 
+  .popover .user-organization {
+    margin-bottom: 8px;
+    margin-top: -4px;
+  }
+
   .popover hr {
     margin: 8px 0;
   }
 
-  .popover .person .company:before { content: '('; }
-  .popover .person .company:after { content: ')'; }
+  .popover .person .organization:before { content: '('; }
+  .popover .person .organization:after { content: ')'; }
 
   .popover .column h3 {
     margin: 8px 0 1px;
@@ -2617,6 +2706,53 @@ footer {
     margin-bottom: 8px;
   }
 
+  .popover--notifications {
+    @extend .zIndex-5;
+    
+    &.is-visible {
+      @extend .vertical;
+    }
+
+    .popover-content {
+      @extend .flex;
+    }
+
+    &.is-overflowing .popover-notificationsHeader {
+      box-shadow: 
+        0 1px hsla(240,4%,95%,.5),
+        0 2px hsla(240,4%,95%,.2);
+    }
+  }
+
+  .popover-notificationsHeader {
+    @extend .horizontal;
+    @extend .end;
+    padding-bottom: 22px;
+    margin: 21px 17px 0;
+    
+    .popover-title {
+      @extend h1;
+      padding: 0;
+      line-height: 1;
+    }
+  }
+
+  .popover-notificationsCounter {
+    color: #e25253;
+    padding-left: 3px;
+  }
+
+  .popover-notificationsMarkRead {
+    @extend .btn;
+    @extend .btn--subtle;
+    @extend .align-right;
+    padding: 5px 0 0;
+    
+    &:hover {
+      padding: 5px 0 0;
+    }
+  }
+
 .stat-widgets {
   margin: 0 -7px 20px;
 }
@@ -2955,6 +3091,13 @@ footer {
   margin-top: 55px;
 }
 
+.ticket-article,
+.ticket-edit {
+  max-width: 800px;
+  margin: 0 auto;
+  padding: 0 21px;
+}
+
   .ticket-title {
     max-width: 800px;
     padding: 0 81px;
@@ -2975,49 +3118,41 @@ footer {
     display: block;
   }
 
-.bubble-grid {
-  max-width: 800px;
-  margin: 0 auto;
-  padding: 0 21px;
-}
-
-  .bubble-gap {
-    margin-left: 15px !important;
-  }
-
-  .customer.ticket-article-item .bubble-gap {
-    margin-left: 0 !important;
-    margin-right: 15px !important;
-  }
-
 .ticket-article-item {
   padding-bottom: 33px;
   position: relative;
+  
+  .avatar {
+    position: absolute;
+    right: 0;
+    top: 5px;
+  }
+
+  &.agent .avatar {
+    right: auto;
+    left: 0;
+  }
 }
 
   /*
     clip the article-meta to not stand out on the other side
-    of the text-bubble if the text bubble is small
+    of the textBubble if the text bubble is small
   */
 
   .article-meta-clip {
     overflow: hidden;
     position: relative;
     height: 100%;
+    margin: 0 55px;
   }
 
   .article-content {
     position: relative;
-    margin-right: 55px;
+    padding: 0 55px;
   }
 
-    .customer.ticket-article-item .article-content {
-      margin-right: 0;
-      margin-left: 55px;
-    }
 
   .article-content-meta {
-    padding: 0 55px;
     position: absolute;
     width: 100%;
   }
@@ -3039,7 +3174,7 @@ footer {
     }
 
     .article-meta-key {
-      width: 13%;
+      width: 20%;
       text-transform: uppercase;
     }
 
@@ -3071,7 +3206,7 @@ footer {
     display: none;
   }
 
-  .text-bubble {
+  .textBubble {
     padding: 10px 20px;
     background: white;
     border-radius: 2px;
@@ -3079,32 +3214,66 @@ footer {
     box-shadow: 0 0 1px rgba(0,0,0,.06) inset;
     position: relative;
     overflow-wrap: break-word;
-  }
-
+    word-wrap: break-word;
+    
     /* email css reset */
-    .text-bubble p {
+    p {
       margin: 0;
     }
 
-    .text-bubble blockquote,
-    .text-bubble pre
-     {
+    blockquote,
+    pre {
       margin: 0px;
       padding: 8px 12px 8px 12px;
     }
+  }
 
+  .ticket-article-item.state--folde-out .textBubble {
+    border-color: hsl(0,0%,90%);
+  }
 
-    .ticket-article-item.state--folde-out .text-bubble {
-      border-color: hsl(0,0%,90%);
+  .textBubble-content {
+    overflow: hidden;
+    position: relative;
+  }
+
+  .textBubble-overflowContainer {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    background: white;
+
+    .btn {
+      padding: 7px 0;
+      font-size: 10px;
     }
 
-  .customer.ticket-article-item .text-bubble {
+    &:before {
+      content: "";
+      position: absolute;
+      left: 0;
+      right: 0;
+      top: -30px;
+      height: 30px;
+      background: linear-gradient(rgba(255,255,255,0), white);
+    }
+  }
+
+  .customer .textBubble-overflowContainer {
+    background: #e5f0f5;
+    &:before {
+      background: linear-gradient(hsla(199,44%,93%,0), hsl(199,44%,93%));
+    }
+  }
+
+  .customer.ticket-article-item .textBubble {
     background: #e5f0f5;
     border-color: hsl(199,38%,92%);
     box-shadow: none;
   }
 
-    .customer.ticket-article-item.state--folde-out .text-bubble {
+    .customer.ticket-article-item.state--folde-out .textBubble {
       border-color: hsl(199,44%,85%);
     }
 
@@ -3150,7 +3319,7 @@ footer {
     }
 
   .ticket-article-item .attachments:not(:empty) {
-    border-top: 1px solid hsl(0,0%,93%);
+    border-top: 1px solid rgba(0,0,0,.04);
     white-space: normal;
     margin: 0 -20px;
     padding: 26px 20px 7px 72px;
@@ -3196,6 +3365,10 @@ footer {
       vertical-align: top;
     }
 
+.article-add {
+  position: relative;
+}
+
 .ticket-edit {
   margin-top: auto;
   margin-bottom: 36px;
@@ -3215,7 +3388,9 @@ footer {
   }
 
 .editControls {
-  position: relative;
+  position: absolute;
+  left: 0;
+  top: 5px;
 }
 
   .editControls-item {
@@ -3392,14 +3567,14 @@ footer {
     .recipient-list input::-moz-placeholder { opacity: 1; color: #666;  }
     .recipient-list input:-ms-input-placeholder {         color: #666; }
 
-  .ticket-edit .text-bubble {
+  .ticket-edit .textBubble {
     border-color: #b3b3b3;
     border-radius: 5px;
     padding-left: 12px;
     padding-right: 12px;
   }
 
-    .ticket-edit .text-bubble [contenteditable],
+    .ticket-edit .textBubble [contenteditable],
     .ticket-edit textarea,
     .ticketEdit-body {
       width: 100%;
@@ -3981,6 +4156,22 @@ footer {
     border: none;
   }
 
+.modal.modal--local {
+  display: block;
+  padding-left: 40px;
+  position: absolute;
+  overflow: auto;
+  background: hsla(210,17%,98%,.55);
+  
+  .modal-backdrop {
+    display: none;
+  }
+
+  .modal-dialog {
+    box-shadow: 0 0 40px hsla(210,17%,40%,.34);
+  }
+}
+
 .caret {
   position: absolute;
   top: 50%;
@@ -4051,7 +4242,7 @@ footer {
   }
 
 .recipientList,
-.recipientList-organisationMembers {
+.recipientList-organizationMembers {
   list-style: none;
   padding: 0;
 }
@@ -4121,7 +4312,7 @@ footer {
     margin-bottom: -2px;
   }
 
-  .recipientList-organisationMembers {
+  .recipientList-organizationMembers {
     position: absolute;
     top: 0;
     left: 0;
@@ -4273,6 +4464,10 @@ footer {
 }
 
 .scrollPageHeader {
+  @extend .tabsSidebar-sidebarSpacer;
+  @extend .zIndex-6;
+  @extend .horizontal;
+  @extend .center;
   background: white;
   border-bottom: 1px solid hsl(0,0%,78%);
   height: 64px;
@@ -4292,6 +4487,8 @@ footer {
   .scrollPageHeader .ticket-title {
     max-width: initial;
     padding: 0;
+    min-width: 0;
+    @extend .flex;
   }
 
   .scrollPageHeader h1 {
@@ -4708,6 +4905,7 @@ label + .wizard-buttonList {
 
 .profile-details {
   margin-left: -50px;
+  word-wrap: break-word;
 }
 
 .profile-ticketsPlaceholder {
@@ -5024,6 +5222,13 @@ body.fit {
   align-items: flex-end;
 }
 
+.self-start {
+  -webkit-align-self: start;
+     -moz-align-self: start;
+      -ms-align-self: start;
+          align-self: start;
+}
+
 .two-columns,
 .three-columns,
 .wrap {
diff --git a/app/controllers/long_polling_controller.rb b/app/controllers/long_polling_controller.rb
index 5512175e8..fa5a99b6b 100644
--- a/app/controllers/long_polling_controller.rb
+++ b/app/controllers/long_polling_controller.rb
@@ -59,7 +59,7 @@ class LongPollingController < ApplicationController
       user_id = session[:user_id]
       user = {}
       if user_id
-        user = User.find( user_id )
+        user = User.find( user_id ).attributes
       end
       log 'notice', "send auth login (user_id #{user_id})", client_id
       Sessions.create( client_id, user, { :type => 'ajax' } )
diff --git a/app/controllers/online_notifications_controller.rb b/app/controllers/online_notifications_controller.rb
index 20a60efb1..f822f693a 100644
--- a/app/controllers/online_notifications_controller.rb
+++ b/app/controllers/online_notifications_controller.rb
@@ -88,4 +88,30 @@ curl http://localhost/api/v1/online_notifications -v -u #{login}:#{password} -H
     model_update_render(OnlineNotification, params)
   end
 
-end
+=begin
+
+Resource:
+PUT /api/v1/online_notifications/mark_all_as_read
+
+Payload:
+{}
+
+Response:
+{}
+
+Test:
+curl http://localhost/api/v1/online_notifications/mark_all_as_read -v -u #{login}:#{password} -X POST -d '{}'
+
+=end
+
+  def mark_all_as_read
+      notifications = OnlineNotification.list(current_user,100)
+      notifications.each do |notification|
+        if !notification['seen']
+          OnlineNotification.seen( :id => notification['id'] )
+        end
+      end
+    render :json => {}, :status => :ok
+  end
+
+end
\ No newline at end of file
diff --git a/app/controllers/tickets_controller.rb b/app/controllers/tickets_controller.rb
index 696181dbd..b8fc5b27b 100644
--- a/app/controllers/tickets_controller.rb
+++ b/app/controllers/tickets_controller.rb
@@ -228,22 +228,6 @@ class TicketsController < ApplicationController
     ticket = Ticket.find( params[:id] )
     return if !ticket_permission( ticket )
 
-    # get signature
-    signature = {}
-    if ticket.group.signature
-      signature = ticket.group.signature.attributes
-
-      # replace tags
-      signature['body'] = NotificationFactory.build(
-        :locale  => current_user.preferences[:locale],
-        :string  => signature['body'],
-        :objects => {
-          :ticket   => ticket,
-          :user     => current_user,
-        }
-      )
-    end
-
     # get attributes to update
     attributes_to_change = Ticket::ScreenOptions.attributes_to_change( :user => current_user, :ticket => ticket )
 
@@ -292,7 +276,6 @@ class TicketsController < ApplicationController
     render :json => {
       :ticket_id          => ticket.id,
       :ticket_article_ids => article_ids,
-      :signature          => signature,
       :assets             => assets,
       :links              => link_list,
       :tags               => tags,
diff --git a/app/models/online_notification.rb b/app/models/online_notification.rb
index dadbf5588..0b4112d31 100644
--- a/app/models/online_notification.rb
+++ b/app/models/online_notification.rb
@@ -47,23 +47,20 @@ add a new online notification for this user
 
 =begin
 
-add a new online notification for this user
+mark online notification as seen
 
-  OnlineNotification.add(
-    :type             => 'Assigned to you',
-    :object           => 'Ticket',
-    :o_id             => ticket.id,
-    :seen             => 1,
-    :created_by_id    => 1,
-    :user_id          => 2,
+  OnlineNotification.seen(
+    :id          => 2,
+    :user        => UserObject, #optional, if passed all 
+                       #notfications for the given user are marked as seen
   )
 
 =end
 
   def self.seen(data)
-    notification = OnlineNotification.find(data[:id])
-    notification.seen = true
-    notification.save
+      notification = OnlineNotification.find(data[:id])
+      notification.seen = true
+      notification.save
   end
 
 =begin
@@ -86,7 +83,7 @@ remove whole online notifications of an object
 
 return all online notifications of an user
 
-  notifications = OnlineNotification.list( user )
+  notifications = OnlineNotification.list( user, limit )
 
 =end
 
diff --git a/config/routes/online_notification.rb b/config/routes/online_notification.rb
index 5ecfe3303..6c3a6d8fb 100644
--- a/config/routes/online_notification.rb
+++ b/config/routes/online_notification.rb
@@ -2,7 +2,8 @@ Zammad::Application.routes.draw do
   api_path = Rails.configuration.api_path
 
   # groups
-  match api_path + '/online_notifications',             :to => 'online_notifications#index',  :via => :get
-  match api_path + '/online_notifications/:id',         :to => 'online_notifications#update', :via => :put
+  match api_path + '/online_notifications',                   :to => 'online_notifications#index',            :via => :get
+  match api_path + '/online_notifications/:id',               :to => 'online_notifications#update',           :via => :put
+  match api_path + '/online_notifications/mark_all_as_read',  :to => 'online_notifications#mark_all_as_read', :via => :post
 
 end
\ No newline at end of file
diff --git a/db/migrate/20140831000001_create_object_manager.rb b/db/migrate/20140831000001_create_object_manager.rb
index 33b26d5b5..ba6c4efc1 100644
--- a/db/migrate/20140831000001_create_object_manager.rb
+++ b/db/migrate/20140831000001_create_object_manager.rb
@@ -34,7 +34,7 @@ class CreateObjectManager < ActiveRecord::Migration
         :multiple       => false,
         :null           => false,
         :limit          => 200,
-        :placeholder    => 'Enter Person or Organisation/Company',
+        :placeholder    => 'Enter Person or Organization/Company',
         :minLengt       => 2,
         :translate      => false,
       },
@@ -168,7 +168,7 @@ class CreateObjectManager < ActiveRecord::Migration
         :null       => false,
         :default    => 2,
         :translate  => true,
-        :filter     => [1,2,3,4],
+        :filter     => [1,2,3,4,7],
       },
       :editable           => false,
       :active             => true,
@@ -190,7 +190,7 @@ class CreateObjectManager < ActiveRecord::Migration
           :Agent => {
             :nulloption => false,
             :null       => false,
-            :filter     => [2,3,4],
+            :filter     => [2,3,4,7],
           },
           :Customer => {
             :nulloption => false,
@@ -217,10 +217,10 @@ class CreateObjectManager < ActiveRecord::Migration
         :null       => true,
         :translate  => true,
         :required_if => {
-          :state_id => [3]
+          :state_id => [3,7]
         },
         :shown_if => {
-          :state_id => [3]
+          :state_id => [3,7]
         },
       },
       :editable           => false,
diff --git a/lib/sessions.rb b/lib/sessions.rb
index 7d299ee7e..0962312d9 100644
--- a/lib/sessions.rb
+++ b/lib/sessions.rb
@@ -37,7 +37,7 @@ returns
         :user => session,
         :meta => meta,
       }
-      file.write Marshal.dump(data)
+      file.write data.to_json
     }
 
     # send update to browser
@@ -195,7 +195,7 @@ returns
     path = @path + '/' + client_id.to_s
     data[:meta][:last_ping] = Time.new.to_i.to_s
     File.open( path + '/session', 'wb' ) { |file|
-      file.write Marshal.dump(data)
+      file.write data.to_json
     }
     true
   end
@@ -234,7 +234,11 @@ returns
         file.flock( File::LOCK_EX )
         all = file.read
         file.flock( File::LOCK_UN )
-        data = Marshal.load( all )
+        dataJSON = JSON.parse( all )
+        if dataJSON
+          data = self.symbolize_keys(dataJSON)
+          data[:user] = dataJSON['user'] # for compat. reasons
+        end
       }
     rescue Exception => e
       puts e.inspect
@@ -567,4 +571,19 @@ returns
     puts "/LOOP #{client_id} - #{try_count}"
   end
 
-end
+  def self.symbolize_keys(hash)
+    hash.inject({}){|result, (key, value)|
+      new_key = case key
+                when String then key.to_sym
+                else key
+                end
+      new_value = case value
+                  when Hash then symbolize_keys(value)
+                  else value
+                  end
+      result[new_key] = new_value
+      result
+    }
+  end
+
+end
\ No newline at end of file
diff --git a/public/assets/images/sprite.svg b/public/assets/images/sprite.svg
index 42f527c95..dae98acea 100644
--- a/public/assets/images/sprite.svg
+++ b/public/assets/images/sprite.svg
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg width="333px" height="362px" viewBox="0 0 333 362" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-    <!-- Generator: Sketch 3.1.1 (8761) - http://www.bohemiancoding.com/sketch -->
+<svg width="341px" height="362px" viewBox="0 0 341 362" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.2.2 (9983) - http://www.bohemiancoding.com/sketch -->
     <title>Slice 2</title>
     <desc>Created with Sketch.</desc>
     <defs>
@@ -16,12 +16,12 @@
             <path d="M128.5,24.5 C128.5,-6.98023232 102.980232,-32.5 71.5,-32.5 C40.0197677,-32.5 14.5,-6.98023228 14.5,24.5 C14.5,55.9802323 40.0197677,81.5 71.5,81.5 C102.980232,81.5 128.5,55.9802323 128.5,24.5 Z M15.5,24.5 C15.5,-6.42794753 40.5720525,-31.5 71.5,-31.5 C102.427948,-31.5 127.5,-6.42794757 127.5,24.5 C127.5,55.4279476 102.427948,80.5 71.5,80.5 C40.5720525,80.5 15.5,55.4279475 15.5,24.5 Z" id="Oval-1-copy" opacity="0.34" fill="#EEEEEE" sketch:type="MSShapeGroup" mask="url(#mask-2)"></path>
             <path d="M146.5,23 C146.5,-17.5929312 113.592931,-50.5 73,-50.5 C32.4070689,-50.5 -0.5,-17.5929311 -0.5,23 C-0.5,63.5929311 32.4070689,96.5 73,96.5 C113.592931,96.5 146.5,63.5929312 146.5,23 Z M0.5,23 C0.5,-17.0406463 32.9593537,-49.5 73,-49.5 C113.040647,-49.5 145.5,-17.0406464 145.5,23 C145.5,63.0406464 113.040647,95.5 73,95.5 C32.9593537,95.5 0.5,63.0406463 0.5,23 Z" id="Oval-1-copy-2" opacity="0.21" fill="#EEEEEE" sketch:type="MSShapeGroup" mask="url(#mask-2)"></path>
         </g>
-        <path d="M12,2 C6.47711111,2 2,6.47711111 2,12 C2,17.5228889 6.47711111,22 12,22 C17.5231111,22 22,17.5228889 22,12 C22,6.47711111 17.5231111,2 12,2 L12,2 L12,2 Z M12,20.1248889 C10.6193333,20.1248889 9.5,19.0055556 9.5,17.6248889 C9.5,17.52 12,9.18755556 12,9.18755556 C12,9.18755556 14.5,17.52 14.5,17.6248889 C14.5,19.0055556 13.3806667,20.1248889 12,20.1248889 L12,20.1248889 L12,20.1248889 Z M18.372,15.9544444 C19.0862222,14.8064444 19.5,13.452 19.5,12 C19.5,7.85777778 16.1424444,4.5 12,4.5 C7.85777778,4.5 4.5,7.85777778 4.5,12 C4.5,13.452 4.91377778,14.8064444 5.62777778,15.9544444 L4.61155556,16.6853333 C3.75088889,15.3302222 3.25,13.7242222 3.25,12 C3.25,7.16755556 7.16755556,3.25 12,3.25 C16.8326667,3.25 20.75,7.16755556 20.75,12 C20.75,13.7242222 20.2488889,15.3302222 19.3882222,16.6853333 L18.372,15.9544444 L18.372,15.9544444 Z" id="dashboard" fill="#F0FAFF" sketch:type="MSShapeGroup"></path>
-        <path d="M34,7 L44,7 C45.308403,7 46,6.10537191 46,5 C46,3.8946281 45.308403,3 44,3 L34,3 C32.692595,3 32,3.8946281 32,5 C32,6.10537191 32.692595,7 34,7 L34,7 Z M44,10 L34,10 C32.692595,10 32,10.8970323 32,12 C32,13.1052903 32.692595,14 34,14 L44,14 C45.308403,14 46,13.1052903 46,12 C46,10.8972903 45.308403,10 44,10 L44,10 Z M44,18 L34,18 C32.692595,18 32,18.897464 32,20 C32,21.1043428 32.692595,22 34,22 L44,22 C45.308403,22 46,21.1043428 46,20 C46,18.897464 45.308403,18 44,18 L44,18 Z M28,3 C26.6750463,3 26,3.8946281 26,5 C26,6.10511364 26.6750463,7 28,7 C29.3251486,7 30,6.10537191 30,5 C30,3.8946281 29.3249537,3 28,3 L28,3 Z M28,10 C26.6750463,10 26,10.8970323 26,12 C26,13.1052903 26.6750463,14 28,14 C29.3251486,14 30,13.1052903 30,12 C30,10.8972903 29.3249537,10 28,10 L28,10 Z M28,18 C26.6750463,18 26,18.897464 26,20 C26,21.1043428 26.6750463,22 28,22 C29.3251486,22 30,21.1043428 30,20 C30,18.897464 29.3249537,18 28,18 L28,18 Z" id="overviews" fill="#F0FAFF" sketch:type="MSShapeGroup"></path>
-        <path d="M52.6384286,5.44643478 C54.0955925,5.44643478 55.2768571,4.2272089 55.2768571,2.72321739 C55.2768571,1.21922588 54.0955925,0 52.6384286,0 C51.1812646,0 50,1.21922588 50,2.72321739 C50,4.2272089 51.1812646,5.44643478 52.6384286,5.44643478 L52.6384286,5.44643478 L52.6384286,5.44643478 Z M59.6386813,5.44695652 C61.0959848,5.44695652 62.2773626,4.22761384 62.2773626,2.72347826 C62.2773626,1.21934268 61.0959848,0 59.6386813,0 C58.1813778,0 57,1.21934268 57,2.72347826 C57,4.22761384 58.1813778,5.44695652 59.6386813,5.44695652 L59.6386813,5.44695652 L59.6386813,5.44695652 Z M65.6386813,5.44695652 C67.0959848,5.44695652 68.2773626,4.22761384 68.2773626,2.72347826 C68.2773626,1.21934268 67.0959848,0 65.6386813,0 C64.1813778,0 63,1.21934268 63,2.72347826 C63,4.22761384 64.1813778,5.44695652 65.6386813,5.44695652 L65.6386813,5.44695652 L65.6386813,5.44695652 Z M63.2232198,6.31121739 L55.6989341,6.31121739 C55.055945,6.31121739 54.5347802,6.84913043 54.5347802,7.51226087 L54.5347802,14.3783478 C54.5347802,15.0422609 55.055945,15.5793913 55.6989341,15.5793913 L56.0570769,15.5793913 L56.0570769,24.0706957 L62.7278352,24.0706957 L62.7278352,15.5793913 L63.2232198,15.5793913 C63.8662088,15.5793913 64.3868681,15.042 64.3868681,14.3783478 L64.3868681,7.51226087 C64.3866154,6.8493913 63.8662088,6.31121739 63.2232198,6.31121739 L63.2232198,6.31121739 L63.2232198,6.31121739 Z M52.8934396,14.3786091 L52.8934396,7.51252217 C52.8934396,7.08313087 52.9902418,6.67878304 53.1532637,6.3114787 L49.2675275,6.3114787 C48.625044,6.3114787 48.1038791,6.84939174 48.1038791,7.51252217 L48.1038791,14.3786091 C48.1038791,15.0425222 48.625044,15.5796526 49.2675275,15.5796526 L49.6259231,15.5796526 L49.6259231,24.070957 L54.4152308,24.070957 L54.4152308,16.9533917 C53.5121648,16.4723483 52.8934396,15.4985222 52.8934396,14.3786091 L52.8934396,14.3786091 L52.8934396,14.3786091 Z M69.7572418,6.31121783 L65.7691429,6.31121783 C65.9321648,6.67852217 66.0292198,7.08313087 66.0292198,7.5122613 L66.0292198,14.3783483 C66.0292198,15.5543483 65.3468022,16.5675657 64.3696813,17.020957 L64.3696813,24.0706961 L69.2623626,24.0706961 L69.2623626,15.5793917 L69.756989,15.5793917 C70.3997253,15.5793917 70.9211429,15.0420004 70.9211429,14.3783483 L70.9211429,7.5122613 C70.9213956,6.84939174 70.3997253,6.31121783 69.7572418,6.31121783 L69.7572418,6.31121783 L69.7572418,6.31121783 Z" id="group" fill="#F0FAFF" sketch:type="MSShapeGroup"></path>
-        <path d="M92.9411437,4.85790489 C92.8674423,4.34072579 92.6070309,4.09021716 92.0980002,4.03466081 C91.9142382,4.01546861 91.7285108,4.001327 91.5437661,4.001327 C86.1851864,3.99930677 80.8266068,3.99930677 75.4670445,4.00334723 C75.219408,4.00334723 74.969806,4.03466081 74.7241349,4.07708566 C74.3408878,4.13971281 74.1237145,4.39527202 74.0618054,4.78113612 C74.0244634,5.01346267 74.0028443,5.25286003 74.0028443,5.48922704 C73.9989136,9.13271344 73.9998963,12.7772099 74.0008789,16.4206963 C74.0008789,16.5247382 74.0028443,16.6297902 74.0087404,16.7338321 C74.0559093,17.5469751 74.3389225,17.8429389 75.1329317,17.8580906 C76.1873524,17.8772828 77.1995176,17.8742525 78.2539383,17.8803131 C78.476025,17.8823334 78.9133197,17.8803131 78.9133197,17.8803131 L78.9133197,18.2338536 C78.9133197,19.5752869 78.9545925,20.91571 78.9585232,22.2591636 C78.9595059,22.5157329 78.9044755,22.8308889 79.2061598,22.9642242 C79.5009652,23.0945291 79.694554,22.83998 79.8812641,22.6642199 C81.5174341,21.133895 83.1565522,19.6055903 84.7858434,18.0681946 C84.9352115,17.9277886 85.0855623,17.8772828 85.2830819,17.8782929 C87.2828452,17.8823334 89.2826086,17.8823334 91.2804066,17.8803131 C91.5309911,17.8803131 91.7825584,17.870212 92.0311777,17.8469793 C92.6237365,17.7944533 92.8733384,17.5530357 92.958832,16.9510069 C92.9843818,16.7641356 92.9981394,16.5722137 92.9981394,16.3833221 C93.0001048,12.7974122 93.0010874,9.21049233 92.9981394,5.62256228 C92.996174,5.3690233 92.9765203,5.11043375 92.9411437,4.85790489 L92.9411437,4.85790489 L92.9411437,4.85790489 Z M77.9975446,8 C77.446616,8 77,8.44386482 77,9 C77,9.55228475 77.4463114,10 77.9975446,10 L85.0024554,10 C85.553384,10 86,9.55613518 86,9 C86,8.44771525 85.5536886,8 85.0024554,8 L77.9975446,8 L77.9975446,8 Z M78.0006529,12 C77.4480076,12 77,12.4438648 77,13 C77,13.5522847 77.4484532,14 78.0006529,14 L89.027347,14 C89.5799924,14 90.028,13.5561352 90.028,13 C90.028,12.4477153 89.5795467,12 89.027347,12 L78.0006529,12 L78.0006529,12 Z" id="message" fill="#F0FAFF" sketch:type="MSShapeGroup"></path>
-        <path d="M107.950737,21.9834667 C109.580384,21.9834667 110.901474,20.8678797 110.901474,19.4917333 C110.901474,18.1155869 109.580384,17 107.950737,17 C106.32109,17 105,18.1155869 105,19.4917333 C105,20.8678797 106.32109,21.9834667 107.950737,21.9834667 L107.950737,21.9834667 Z M107.950737,13.9834667 C109.580384,13.9834667 110.901474,12.8678797 110.901474,11.4917333 C110.901474,10.1155869 109.580384,9 107.950737,9 C106.32109,9 105,10.1155869 105,11.4917333 C105,12.8678797 106.32109,13.9834667 107.950737,13.9834667 L107.950737,13.9834667 Z M107.950737,6.98346666 C109.580384,6.98346666 110.901474,5.86787972 110.901474,4.49173333 C110.901474,3.11558694 109.580384,2 107.950737,2 C106.32109,2 105,3.11558694 105,4.49173333 C105,5.86787972 106.32109,6.98346666 107.950737,6.98346666 L107.950737,6.98346666 Z" id="tools" fill="#F0FAFF" sketch:type="MSShapeGroup"></path>
-        <path d="M132.638681,5.44695652 C134.095985,5.44695652 135.277363,4.22761384 135.277363,2.72347826 C135.277363,1.21934268 134.095985,0 132.638681,0 C131.181378,0 130,1.21934268 130,2.72347826 C130,4.22761384 131.181378,5.44695652 132.638681,5.44695652 L132.638681,5.44695652 L132.638681,5.44695652 Z M136.22322,6.31121739 L128.698934,6.31121739 C128.055945,6.31121739 127.53478,6.84913043 127.53478,7.51226087 L127.53478,14.3783478 C127.53478,15.0422609 128.055945,15.5793913 128.698934,15.5793913 L129.057077,15.5793913 L129.057077,24.0706957 L135.727835,24.0706957 L135.727835,15.5793913 L136.22322,15.5793913 C136.866209,15.5793913 137.386868,15.042 137.386868,14.3783478 L137.386868,7.51226087 C137.386615,6.8493913 136.866209,6.31121739 136.22322,6.31121739 L136.22322,6.31121739 L136.22322,6.31121739 Z" id="person" fill="#F0FAFF" sketch:type="MSShapeGroup"></path>
+        <path d="M12,2 C6.47711111,2 2,6.47711111 2,12 C2,17.5228889 6.47711111,22 12,22 C17.5231111,22 22,17.5228889 22,12 C22,6.47711111 17.5231111,2 12,2 L12,2 L12,2 Z M12,20.1248889 C10.6193333,20.1248889 9.5,19.0055556 9.5,17.6248889 C9.5,17.52 12,9.18755556 12,9.18755556 C12,9.18755556 14.5,17.52 14.5,17.6248889 C14.5,19.0055556 13.3806667,20.1248889 12,20.1248889 L12,20.1248889 L12,20.1248889 Z M18.372,15.9544444 C19.0862222,14.8064444 19.5,13.452 19.5,12 C19.5,7.85777778 16.1424444,4.5 12,4.5 C7.85777778,4.5 4.5,7.85777778 4.5,12 C4.5,13.452 4.91377778,14.8064444 5.62777778,15.9544444 L4.61155556,16.6853333 C3.75088889,15.3302222 3.25,13.7242222 3.25,12 C3.25,7.16755556 7.16755556,3.25 12,3.25 C16.8326667,3.25 20.75,7.16755556 20.75,12 C20.75,13.7242222 20.2488889,15.3302222 19.3882222,16.6853333 L18.372,15.9544444 L18.372,15.9544444 Z" id="dashboard" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
+        <path d="M34,7 L44,7 C45.308403,7 46,6.10537191 46,5 C46,3.8946281 45.308403,3 44,3 L34,3 C32.692595,3 32,3.8946281 32,5 C32,6.10537191 32.692595,7 34,7 L34,7 Z M44,10 L34,10 C32.692595,10 32,10.8970323 32,12 C32,13.1052903 32.692595,14 34,14 L44,14 C45.308403,14 46,13.1052903 46,12 C46,10.8972903 45.308403,10 44,10 L44,10 Z M44,18 L34,18 C32.692595,18 32,18.897464 32,20 C32,21.1043428 32.692595,22 34,22 L44,22 C45.308403,22 46,21.1043428 46,20 C46,18.897464 45.308403,18 44,18 L44,18 Z M28,3 C26.6750463,3 26,3.8946281 26,5 C26,6.10511364 26.6750463,7 28,7 C29.3251486,7 30,6.10537191 30,5 C30,3.8946281 29.3249537,3 28,3 L28,3 Z M28,10 C26.6750463,10 26,10.8970323 26,12 C26,13.1052903 26.6750463,14 28,14 C29.3251486,14 30,13.1052903 30,12 C30,10.8972903 29.3249537,10 28,10 L28,10 Z M28,18 C26.6750463,18 26,18.897464 26,20 C26,21.1043428 26.6750463,22 28,22 C29.3251486,22 30,21.1043428 30,20 C30,18.897464 29.3249537,18 28,18 L28,18 Z" id="overviews" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
+        <path d="M52.6384286,5.44643478 C54.0955925,5.44643478 55.2768571,4.2272089 55.2768571,2.72321739 C55.2768571,1.21922588 54.0955925,0 52.6384286,0 C51.1812646,0 50,1.21922588 50,2.72321739 C50,4.2272089 51.1812646,5.44643478 52.6384286,5.44643478 L52.6384286,5.44643478 L52.6384286,5.44643478 Z M59.6386813,5.44695652 C61.0959848,5.44695652 62.2773626,4.22761384 62.2773626,2.72347826 C62.2773626,1.21934268 61.0959848,0 59.6386813,0 C58.1813778,0 57,1.21934268 57,2.72347826 C57,4.22761384 58.1813778,5.44695652 59.6386813,5.44695652 L59.6386813,5.44695652 L59.6386813,5.44695652 Z M65.6386813,5.44695652 C67.0959848,5.44695652 68.2773626,4.22761384 68.2773626,2.72347826 C68.2773626,1.21934268 67.0959848,0 65.6386813,0 C64.1813778,0 63,1.21934268 63,2.72347826 C63,4.22761384 64.1813778,5.44695652 65.6386813,5.44695652 L65.6386813,5.44695652 L65.6386813,5.44695652 Z M63.2232198,6.31121739 L55.6989341,6.31121739 C55.055945,6.31121739 54.5347802,6.84913043 54.5347802,7.51226087 L54.5347802,14.3783478 C54.5347802,15.0422609 55.055945,15.5793913 55.6989341,15.5793913 L56.0570769,15.5793913 L56.0570769,24.0706957 L62.7278352,24.0706957 L62.7278352,15.5793913 L63.2232198,15.5793913 C63.8662088,15.5793913 64.3868681,15.042 64.3868681,14.3783478 L64.3868681,7.51226087 C64.3866154,6.8493913 63.8662088,6.31121739 63.2232198,6.31121739 L63.2232198,6.31121739 L63.2232198,6.31121739 Z M52.8934396,14.3786091 L52.8934396,7.51252217 C52.8934396,7.08313087 52.9902418,6.67878304 53.1532637,6.3114787 L49.2675275,6.3114787 C48.625044,6.3114787 48.1038791,6.84939174 48.1038791,7.51252217 L48.1038791,14.3786091 C48.1038791,15.0425222 48.625044,15.5796526 49.2675275,15.5796526 L49.6259231,15.5796526 L49.6259231,24.070957 L54.4152308,24.070957 L54.4152308,16.9533917 C53.5121648,16.4723483 52.8934396,15.4985222 52.8934396,14.3786091 L52.8934396,14.3786091 L52.8934396,14.3786091 Z M69.7572418,6.31121783 L65.7691429,6.31121783 C65.9321648,6.67852217 66.0292198,7.08313087 66.0292198,7.5122613 L66.0292198,14.3783483 C66.0292198,15.5543483 65.3468022,16.5675657 64.3696813,17.020957 L64.3696813,24.0706961 L69.2623626,24.0706961 L69.2623626,15.5793917 L69.756989,15.5793917 C70.3997253,15.5793917 70.9211429,15.0420004 70.9211429,14.3783483 L70.9211429,7.5122613 C70.9213956,6.84939174 70.3997253,6.31121783 69.7572418,6.31121783 L69.7572418,6.31121783 L69.7572418,6.31121783 Z" id="group" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
+        <path d="M92.9411437,4.85790489 C92.8674423,4.34072579 92.6070309,4.09021716 92.0980002,4.03466081 C91.9142382,4.01546861 91.7285108,4.001327 91.5437661,4.001327 C86.1851864,3.99930677 80.8266068,3.99930677 75.4670445,4.00334723 C75.219408,4.00334723 74.969806,4.03466081 74.7241349,4.07708566 C74.3408878,4.13971281 74.1237145,4.39527202 74.0618054,4.78113612 C74.0244634,5.01346267 74.0028443,5.25286003 74.0028443,5.48922704 C73.9989136,9.13271344 73.9998963,12.7772099 74.0008789,16.4206963 C74.0008789,16.5247382 74.0028443,16.6297902 74.0087404,16.7338321 C74.0559093,17.5469751 74.3389225,17.8429389 75.1329317,17.8580906 C76.1873524,17.8772828 77.1995176,17.8742525 78.2539383,17.8803131 C78.476025,17.8823334 78.9133197,17.8803131 78.9133197,17.8803131 L78.9133197,18.2338536 C78.9133197,19.5752869 78.9545925,20.91571 78.9585232,22.2591636 C78.9595059,22.5157329 78.9044755,22.8308889 79.2061598,22.9642242 C79.5009652,23.0945291 79.694554,22.83998 79.8812641,22.6642199 C81.5174341,21.133895 83.1565522,19.6055903 84.7858434,18.0681946 C84.9352115,17.9277886 85.0855623,17.8772828 85.2830819,17.8782929 C87.2828452,17.8823334 89.2826086,17.8823334 91.2804066,17.8803131 C91.5309911,17.8803131 91.7825584,17.870212 92.0311777,17.8469793 C92.6237365,17.7944533 92.8733384,17.5530357 92.958832,16.9510069 C92.9843818,16.7641356 92.9981394,16.5722137 92.9981394,16.3833221 C93.0001048,12.7974122 93.0010874,9.21049233 92.9981394,5.62256228 C92.996174,5.3690233 92.9765203,5.11043375 92.9411437,4.85790489 L92.9411437,4.85790489 L92.9411437,4.85790489 Z M77.9975446,8 C77.446616,8 77,8.44386482 77,9 C77,9.55228475 77.4463114,10 77.9975446,10 L85.0024554,10 C85.553384,10 86,9.55613518 86,9 C86,8.44771525 85.5536886,8 85.0024554,8 L77.9975446,8 L77.9975446,8 Z M78.0006529,12 C77.4480076,12 77,12.4438648 77,13 C77,13.5522847 77.4484532,14 78.0006529,14 L89.027347,14 C89.5799924,14 90.028,13.5561352 90.028,13 C90.028,12.4477153 89.5795467,12 89.027347,12 L78.0006529,12 L78.0006529,12 Z" id="message" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
+        <path d="M107.950737,21.9834667 C109.580384,21.9834667 110.901474,20.8678797 110.901474,19.4917333 C110.901474,18.1155869 109.580384,17 107.950737,17 C106.32109,17 105,18.1155869 105,19.4917333 C105,20.8678797 106.32109,21.9834667 107.950737,21.9834667 L107.950737,21.9834667 Z M107.950737,13.9834667 C109.580384,13.9834667 110.901474,12.8678797 110.901474,11.4917333 C110.901474,10.1155869 109.580384,9 107.950737,9 C106.32109,9 105,10.1155869 105,11.4917333 C105,12.8678797 106.32109,13.9834667 107.950737,13.9834667 L107.950737,13.9834667 Z M107.950737,6.98346666 C109.580384,6.98346666 110.901474,5.86787972 110.901474,4.49173333 C110.901474,3.11558694 109.580384,2 107.950737,2 C106.32109,2 105,3.11558694 105,4.49173333 C105,5.86787972 106.32109,6.98346666 107.950737,6.98346666 L107.950737,6.98346666 Z" id="tools" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
+        <path d="M132.638681,5.44695652 C134.095985,5.44695652 135.277363,4.22761384 135.277363,2.72347826 C135.277363,1.21934268 134.095985,0 132.638681,0 C131.181378,0 130,1.21934268 130,2.72347826 C130,4.22761384 131.181378,5.44695652 132.638681,5.44695652 L132.638681,5.44695652 L132.638681,5.44695652 Z M136.22322,6.31121739 L128.698934,6.31121739 C128.055945,6.31121739 127.53478,6.84913043 127.53478,7.51226087 L127.53478,14.3783478 C127.53478,15.0422609 128.055945,15.5793913 128.698934,15.5793913 L129.057077,15.5793913 L129.057077,24.0706957 L135.727835,24.0706957 L135.727835,15.5793913 L136.22322,15.5793913 C136.866209,15.5793913 137.386868,15.042 137.386868,14.3783478 L137.386868,7.51226087 C137.386615,6.8493913 136.866209,6.31121739 136.22322,6.31121739 L136.22322,6.31121739 L136.22322,6.31121739 Z" id="person" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
         <path d="M5.92009147,43.374 C3.47609147,43.358 1.50109147,41.359 1.51609147,38.916 C1.53409147,36.491 3.51809147,34.516 5.94709147,34.516 L5.97609147,34.516 C7.15809147,34.523 8.26709147,34.992 9.09709147,35.834 C9.92809147,36.674 10.3820915,37.791 10.3750915,38.974 C10.3650915,40.15 9.90309147,41.258 9.06709147,42.087 C8.23309147,42.917 7.12309147,43.374 5.94909147,43.374 L5.92009147,43.374 M5.98309147,33 L5.94509147,33 C2.68109147,33 0.0220914661,35.636 9.14660647e-05,38.907 C-0.0179085339,42.191 2.62309147,44.869 5.90709147,44.89 L5.94909147,44.89 C7.03809147,44.89 8.06209147,44.596 8.94009147,44.08 L12.5530915,47.695 L12.6450915,47.783 C12.7820915,47.92 12.9600915,47.988 13.1390915,47.988 C13.3180915,47.988 13.4970915,47.92 13.6330915,47.783 L14.7970915,46.622 C15.0690915,46.348 15.0690915,45.905 14.7970915,45.633 L14.7060915,45.54 L11.0880915,41.924 C11.5930915,41.058 11.8830915,40.056 11.8900915,38.983 C11.9140915,35.699 9.26709147,33.022 5.98309147,33" id="Search" fill-opacity="0.5" fill="#ECECEC" sketch:type="MSShapeGroup"></path>
         <path d="M20,67.09 L20,64.814 L19.678,64.709 L17.242,63.914 L16.592,62.344 L17.842,59.701 L16.232,58.09 L15.93,58.246 L13.644,59.405 L12.076,58.755 L11.09,56 L8.814,56 L7.914,58.758 L6.344,59.408 L3.699,58.16 L2.09,59.768 L2.244,60.072 L3.402,62.356 L2.754,63.925 L0,64.911 L0,67.187 L0.32,67.291 L2.758,68.088 L3.408,69.656 L2.158,72.301 L3.768,73.911 L4.068,73.757 L6.353,72.597 L7.924,73.248 L8.91,76 L11.186,76 L11.291,75.68 L12.086,73.244 L13.654,72.594 L16.299,73.842 L17.908,72.234 L17.756,71.932 L16.596,69.648 L17.246,68.078 L20,67.09 L20,67.09 Z M10,69.188 C8.24,69.188 6.812,67.762 6.812,66 C6.812,64.24 8.24,62.815 10,62.815 C11.76,62.815 13.185,64.24 13.185,66 C13.185,67.762 11.76,69.188 10,69.188 L10,69.188 L10,69.188 Z" id="cog" fill="#4D4D4D" sketch:type="MSShapeGroup"></path>
         <path d="M31,66 L31,59 L30,59 L30,66 L23,66 L23,67 L30,67 L30,74 L31,74 L31,67 L38,67 L38,66 L31,66 L31,66 Z" id="green-plus" stroke="#38AE6A" stroke-width="2" sketch:type="MSShapeGroup"></path>
@@ -48,11 +48,11 @@
         <path d="M302.175676,150.983471 C302.783784,150.586777 303.290541,149.991736 303.594595,149.297521 C302.986486,149.694215 302.277027,149.892562 301.567568,149.991736 C300.959459,149.396694 300.148649,149 299.337838,149 C297.614865,149 296.195946,150.38843 296.195946,152.07438 C296.195946,152.272727 296.195946,152.570248 296.297297,152.768595 C293.662162,152.669421 291.432432,151.380165 289.912162,149.595041 C289.608108,150.090909 289.506757,150.586777 289.506757,151.082645 C289.506757,152.173554 290.013514,153.066116 290.925676,153.661157 C290.418919,153.661157 289.912162,153.46281 289.506757,153.264463 C289.506757,154.752066 290.621622,155.942149 292.040541,156.239669 C291.736486,156.338843 291.533784,156.338843 291.22973,156.338843 C291.027027,156.338843 290.824324,156.338843 290.621622,156.239669 C291.027027,157.429752 292.141892,158.322314 293.560811,158.322314 C292.445946,159.115702 291.128378,159.61157 289.709459,159.61157 L289,159.61157 C290.418919,160.504132 292.040541,161 293.763514,161 C299.540541,161 302.581081,156.338843 302.581081,152.371901 L302.581081,151.975207 C303.087838,151.578512 303.594595,151.082645 304,150.487603 C303.391892,150.68595 302.885135,150.884298 302.175676,150.983471 L302.175676,150.983471 L302.175676,150.983471 Z" id="white-twitter" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
         <path d="M321.477026,147.553638 L315.974463,153.109896 L317.159843,154.306505 L322.662407,148.750246 L321.477026,147.553638 L321.477026,147.553638 Z M314.68,154.365057 L314.68,155.542857 L315.88896,155.542857 L316.48144,154.953957 L315.28432,153.826257 L314.68,154.365057 L314.68,154.365057 Z M317.07408,156.592857 L313.56,156.592857 L313.56,153.254007 L318.84,148.253907 L318.84,147.142857 L311.8,147.142857 L311.8,151.642857 L307,151.642857 L307,162.142857 L318.84,162.142857 L318.84,154.920657 L317.07408,156.592857 L317.07408,156.592857 Z M307,150.442857 L310.52,150.442857 L310.52,147.142857 L307,150.442857 L307,150.442857 Z" id="white-note" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
         <path d="M331.405533,156.216441 C328.929541,153.8896 328.929541,152.776762 328.929541,152.776762 L330.683368,150.955756 C330.373869,149.235917 329.23904,146.40324 327.27888,147.111409 C325.31872,147.718411 324.596556,150.551088 325.215554,152.270927 C328.310543,160.465456 335.429019,161.982961 336.460682,161.982961 C339.03984,162.185295 340.690501,160.566623 341,158.138614 C341,158.239781 338.317676,156.621109 337.07968,156.418775 L335.016354,158.442115 C335.016354,158.442115 333.881524,158.543282 331.405533,156.216441 L331.405533,156.216441 Z" id="white-phone" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
-        <path d="M60.1875,168.146809 C60.1875,167.330851 60.125,166.57766 60,165.761702 C59.75,164.192553 58.9375,163.376596 57.3125,163.188298 C56.75,163.125532 56.125,163.062766 55.5625,163.062766 L4.6875,163.062766 C3.875,163.062766 3.125,163.188298 2.3125,163.31383 C1.125,163.502128 0.4375,164.318085 0.1875,165.510638 C0.0625,166.26383 0,166.954255 0,167.707447 L0,201.475532 L0,202.417021 C0.125,204.92766 1.0625,205.869149 3.5625,205.869149 C6.875,205.931915 10.375,205.931915 13.75,205.931915 C14.4375,205.931915 15.5625,205.994681 15.5625,205.994681 L15.5625,207.061702 C15.5625,211.204255 15.625,215.346808 15.625,219.489362 C15.625,220.305319 15.625,221.246808 16.5625,221.68617 C17.5,222.062766 18.0625,221.309574 18.625,220.744681 C23.8125,215.974468 28.9375,211.267021 34.125,206.559574 C34.625,206.120213 35.0625,205.994681 35.6875,205.994681 L54.6875,205.994681 C55.5,205.994681 56.25,205.931915 57.0625,205.869149 C58.9375,205.680851 59.75,204.990425 60,203.107447 C60.0625,202.542553 60.125,201.914894 60.125,201.35 C60.1875,190.303191 60.1875,179.256383 60.1875,168.146809 L60.1875,168.146809 L60.1875,168.146809 Z M45.6875,183.587234 C46.3125,187.290425 44.75,189.487234 42.3125,189.926596 C39.9375,190.365957 37.625,188.796808 37,185.093617 L45.6875,183.587234 L45.6875,183.587234 Z M18.25,189.989362 C15.875,189.55 14.25,187.353191 14.875,183.65 L23.5625,185.156383 C22.875,188.859574 20.625,190.365957 18.25,189.989362 L18.25,189.989362 L18.25,189.989362 Z M38,197.897872 C38.4375,198.4 38.4375,199.215957 37.9375,199.655319 C37.4375,200.094681 36.625,200.094681 36.1875,199.592553 C34.5625,197.835106 32.4375,196.893617 30.0625,196.893617 C27.75,196.893617 25.5,197.897872 23.9375,199.592553 C23.6875,199.843617 23.375,199.969149 23,199.969149 C22.6875,199.969149 22.375,199.843617 22.125,199.655319 C21.625,199.215957 21.5625,198.4 22.0625,197.897872 C24.125,195.638298 27,194.382979 30,194.382979 C33,194.382979 35.9375,195.638298 38,197.897872 L38,197.897872 L38,197.897872 Z" id="super-bad" fill="#F35910" sketch:type="MSShapeGroup"></path>
-        <path d="M121.202991,168.146809 C121.202991,167.330851 121.140491,166.57766 121.015491,165.761702 C120.765491,164.192553 119.952991,163.376596 118.327991,163.188298 C117.765491,163.125532 117.140491,163.062766 116.577991,163.062766 L65.7029905,163.062766 C64.8904905,163.062766 64.1404905,163.188298 63.3279905,163.31383 C62.1404905,163.502128 61.4529905,164.318085 61.2029905,165.510638 C61.0779905,166.26383 61.0154905,166.954255 61.0154905,167.707447 L61.0154905,201.475532 L61.0154905,202.417021 C61.1404905,204.92766 62.0779905,205.869149 64.5779905,205.869149 C67.8904905,205.931915 71.3904905,205.931915 74.7654905,205.931915 C75.4529905,205.931915 76.5779905,205.994681 76.5779905,205.994681 L76.5779905,207.061702 C76.5779905,211.204255 76.6404905,215.346808 76.6404905,219.489362 C76.6404905,220.305319 76.6404905,221.246808 77.5779905,221.68617 C78.5154905,222.062766 79.0779905,221.309574 79.6404905,220.744681 C84.8279905,215.974468 89.9529905,211.267021 95.1404905,206.559574 C95.6404905,206.120213 96.0779905,205.994681 96.7029905,205.994681 L115.702991,205.994681 C116.515491,205.994681 117.265491,205.931915 118.077991,205.869149 C119.952991,205.680851 120.765491,204.990425 121.015491,203.107447 C121.077991,202.542553 121.140491,201.914894 121.140491,201.35 C121.202991,190.303191 121.202991,179.256383 121.202991,168.146809 L121.202991,168.146809 L121.202991,168.146809 Z M96.0154905,196.893617 C96.0154905,197.584043 95.4529905,198.148936 94.7654905,198.148936 L87.2654905,198.148936 C86.5779905,198.148936 86.0154905,197.584043 86.0154905,196.893617 C86.0154905,196.203192 86.5779905,195.638298 87.2654905,195.638298 L94.7654905,195.638298 C95.4529905,195.638298 96.0154905,196.203192 96.0154905,196.893617 L96.0154905,196.893617 L96.0154905,196.893617 Z M98.4529905,182.457447 L107.265491,182.457447 C107.265491,186.223404 105.265491,188.106383 102.890491,188.106383 C100.51549,188.106383 98.4529905,186.223404 98.4529905,182.457447 L98.4529905,182.457447 L98.4529905,182.457447 Z M75.3279905,182.457447 L84.1404905,182.457447 C84.1404905,186.223404 82.1404905,188.106383 79.7654905,188.106383 C77.3904905,188.106383 75.3279905,186.223404 75.3279905,182.457447 L75.3279905,182.457447 L75.3279905,182.457447 Z" id="bad" fill="#F6820B" sketch:type="MSShapeGroup"></path>
-        <path d="M182.218481,168.146809 C182.218481,167.330851 182.155981,166.57766 182.030981,165.761702 C181.780981,164.192553 180.968481,163.376596 179.343481,163.188298 C178.780981,163.125532 178.155981,163.062766 177.593481,163.062766 L126.718481,163.062766 C125.905981,163.062766 125.155981,163.188298 124.343481,163.31383 C123.155981,163.502128 122.468481,164.318085 122.218481,165.510638 C122.093481,166.26383 122.030981,166.954255 122.030981,167.707447 L122.030981,201.475532 L122.030981,202.417021 C122.155981,204.92766 123.093481,205.869149 125.593481,205.869149 C128.905981,205.931915 132.405981,205.931915 135.780981,205.931915 C136.468481,205.931915 137.593481,205.994681 137.593481,205.994681 L137.593481,207.061702 C137.593481,211.204255 137.655981,215.346808 137.655981,219.489362 C137.655981,220.305319 137.655981,221.246808 138.593481,221.68617 C139.530981,222.062766 140.093481,221.309574 140.655981,220.744681 C145.843481,215.974468 150.968481,211.267021 156.155981,206.559574 C156.655981,206.120213 157.093481,205.994681 157.718481,205.994681 L176.718481,205.994681 C177.530981,205.994681 178.280981,205.931915 179.093481,205.869149 C180.968481,205.680851 181.780981,204.990425 182.030981,203.107447 C182.093481,202.542553 182.155981,201.914894 182.155981,201.35 C182.218481,190.303191 182.218481,179.256383 182.218481,168.146809 L182.218481,168.146809 L182.218481,168.146809 Z M144.718481,181.453192 C144.718481,183.901064 142.718481,185.846809 140.343481,185.846809 C137.905981,185.846809 135.968481,183.838298 135.968481,181.453192 C135.968481,179.005319 137.968481,177.059574 140.343481,177.059574 C142.718481,176.996808 144.718481,179.005319 144.718481,181.453192 L144.718481,181.453192 L144.718481,181.453192 Z M167.843481,181.453192 C167.843481,183.901064 165.843481,185.846809 163.468481,185.846809 C161.030981,185.846809 159.093481,183.838298 159.093481,181.453192 C159.093481,179.005319 161.093481,177.059574 163.468481,177.059574 C165.843481,176.996808 167.843481,179.005319 167.843481,181.453192 L167.843481,181.453192 L167.843481,181.453192 Z M160.155981,193.755319 C160.155981,194.445745 159.593481,195.010638 158.905981,195.010638 L145.155981,195.010638 C144.468481,195.010638 143.905981,194.445745 143.905981,193.755319 C143.905981,193.064894 144.468481,192.5 145.155981,192.5 L158.905981,192.5 C159.593481,192.5 160.155981,193.064894 160.155981,193.755319 L160.155981,193.755319 L160.155981,193.755319 Z" id="ok" fill="#FAAB00" sketch:type="MSShapeGroup"></path>
-        <path d="M243.218481,168.146809 C243.218481,167.330851 243.155981,166.57766 243.030981,165.761702 C242.780981,164.192553 241.968481,163.376596 240.343481,163.188298 C239.780981,163.125532 239.155981,163.062766 238.593481,163.062766 L187.718481,163.062766 C186.905981,163.062766 186.155981,163.188298 185.343481,163.31383 C184.155981,163.502128 183.468481,164.318085 183.218481,165.510638 C183.093481,166.26383 183.030981,166.954255 183.030981,167.707447 L183.030981,201.475532 L183.030981,202.417021 C183.155981,204.92766 184.093481,205.869149 186.593481,205.869149 C189.905981,205.931915 193.343481,205.931915 196.655981,205.931915 C197.343481,205.931915 198.405981,205.994681 198.405981,205.994681 L198.405981,207.061702 C198.405981,211.204255 198.530981,215.346808 198.593481,219.489362 C198.593481,220.305319 198.655981,221.246808 199.593481,221.68617 C200.530981,222.062766 201.093481,221.309574 201.655981,220.744681 C206.843481,215.974468 211.968481,211.267021 217.155981,206.559574 C217.655981,206.120213 218.093481,205.994681 218.718481,205.994681 L237.718481,205.994681 C238.530981,205.994681 239.280981,205.931915 240.093481,205.869149 C241.968481,205.680851 242.780981,204.990425 243.030981,203.107447 C243.093481,202.542553 243.155981,201.914894 243.155981,201.35 C243.218481,190.303191 243.218481,179.256383 243.218481,168.146809 L243.218481,168.146809 L243.218481,168.146809 Z M201.780981,183.33617 C199.343481,183.33617 197.405981,181.32766 197.405981,178.942553 C197.405981,176.494681 199.405981,174.548936 201.780981,174.548936 C204.218481,174.548936 206.155981,176.557447 206.155981,178.942553 C206.218481,181.32766 204.218481,183.33617 201.780981,183.33617 L201.780981,183.33617 L201.780981,183.33617 Z M229.343481,178.942553 C229.343481,181.390425 227.343481,183.33617 224.968481,183.33617 C222.530981,183.33617 220.593481,181.32766 220.593481,178.942553 C220.593481,176.494681 222.593481,174.548936 224.968481,174.548936 C227.343481,174.48617 229.343481,176.494681 229.343481,178.942553 L229.343481,178.942553 L229.343481,178.942553 Z M221.093481,190.303191 C221.593481,190.742553 221.655981,191.558511 221.155981,192.060638 C219.093481,194.320213 216.218481,195.575532 213.155981,195.575532 C210.093481,195.575532 207.218481,194.320213 205.155981,192.060638 C204.718481,191.558511 204.718481,190.742553 205.218481,190.303191 C205.718481,189.86383 206.530981,189.86383 206.968481,190.365957 C208.593481,192.123404 210.718481,193.064894 213.093481,193.064894 C215.405981,193.064894 217.655981,192.060638 219.218481,190.365957 C219.780981,189.86383 220.593481,189.86383 221.093481,190.303191 L221.093481,190.303191 L221.093481,190.303191 Z" id="happy" fill="#A9AC41" sketch:type="MSShapeGroup"></path>
-        <path d="M304.003335,168.146809 C304.003335,167.330851 303.940835,166.57766 303.815835,165.761702 C303.565835,164.192553 302.753335,163.376596 301.128335,163.188298 C300.565835,163.125532 299.940835,163.062766 299.378335,163.062766 L248.503335,163.062766 C247.690835,163.062766 246.940835,163.188298 246.128335,163.31383 C244.940835,163.502128 244.253335,164.318085 244.003335,165.510638 C243.878335,166.26383 243.815835,166.954255 243.815835,167.707447 L243.815835,201.475532 L243.815835,202.417021 C243.940835,204.92766 244.878335,205.869149 247.378335,205.869149 C250.690835,205.931915 254.128335,205.931915 257.440835,205.931915 C258.128335,205.931915 259.190835,205.994681 259.190835,205.994681 L259.190835,207.061702 C259.190835,211.204255 259.315835,215.346808 259.378335,219.489362 C259.378335,220.305319 259.440835,221.246808 260.378335,221.68617 C261.315835,222.062766 261.878335,221.309574 262.440835,220.744681 C267.628335,215.974468 272.753335,211.267021 277.940835,206.559574 C278.440835,206.120213 278.878335,205.994681 279.503335,205.994681 L298.503335,205.994681 C299.315835,205.994681 300.065835,205.931915 300.878335,205.869149 C302.753335,205.680851 303.565835,204.990425 303.815835,203.107447 C303.878335,202.542553 303.940835,201.914894 303.940835,201.35 C304.003335,190.303191 304.003335,179.256383 304.003335,168.146809 L304.003335,168.146809 L304.003335,168.146809 Z M263.315835,183.712766 L284.565835,183.712766 C284.565835,188.734043 279.815835,193.943617 273.940835,193.943617 C268.065835,193.943617 263.315835,188.734043 263.315835,183.712766 L263.315835,183.712766 L263.315835,183.712766 Z M267.440835,178.691489 L257.440835,178.691489 C256.753335,178.691489 256.190835,178.126596 256.190835,177.43617 C256.190835,176.745745 256.753335,176.180851 257.440835,176.180851 L258.065835,176.180851 C258.440835,173.230851 260.253335,171.787234 262.378335,171.787234 C264.503335,171.787234 266.315835,173.293617 266.690835,176.180851 L267.440835,176.180851 C268.128335,176.180851 268.690835,176.745745 268.690835,177.43617 C268.690835,178.126596 268.128335,178.691489 267.440835,178.691489 L267.440835,178.691489 L267.440835,178.691489 Z M291.815835,177.43617 C291.815835,178.126596 291.253335,178.691489 290.565835,178.691489 L280.565835,178.691489 C279.878335,178.691489 279.315835,178.126596 279.315835,177.43617 C279.315835,176.745745 279.878335,176.180851 280.565835,176.180851 L281.190835,176.180851 C281.565835,173.230851 283.378335,171.787234 285.503335,171.787234 C287.628335,171.787234 289.440835,173.293617 289.815835,176.180851 L290.565835,176.180851 C291.253335,176.180851 291.815835,176.745745 291.815835,177.43617 L291.815835,177.43617 L291.815835,177.43617 Z" id="super-happy" fill="#38AE6A" sketch:type="MSShapeGroup"></path>
+        <path d="M60,168.107871 C60,167.288089 59.9376947,166.531367 59.8130841,165.711585 C59.5638629,164.135082 58.7538941,163.315301 57.1339564,163.12612 C56.5732087,163.06306 55.9501558,163 55.3894081,163 L4.6728972,163 C3.86292835,163 3.1152648,163.12612 2.30529595,163.252241 C1.12149533,163.441421 0.436137072,164.261202 0.186915888,165.459345 C0.062305296,166.216067 0,166.909727 0,167.66645 L0,201.592798 L0,202.538699 C0.124610592,205.061105 1.05919003,206.007006 3.55140187,206.007006 C6.85358255,206.070067 10.3426791,206.070067 13.7071651,206.070067 C14.3925234,206.070067 15.5140187,206.133127 15.5140187,206.133127 L15.5140187,207.205149 C15.5140187,211.367117 15.576324,215.529085 15.576324,219.691054 C15.576324,220.510835 15.576324,221.456737 16.5109034,221.898158 C17.4454829,222.276519 18.0062305,221.519797 18.5669782,220.952256 C23.7383178,216.159687 28.847352,211.430177 34.0186916,206.700667 C34.517134,206.259247 34.953271,206.133127 35.576324,206.133127 L54.517134,206.133127 C55.3271028,206.133127 56.0747664,206.070067 56.8847352,206.007006 C58.7538941,205.817826 59.5638629,205.124164 59.8130841,203.232361 C59.8753894,202.664819 59.9376947,202.034219 59.9376947,201.466677 C60,190.368094 60,179.269513 60,168.107871 L60,168.107871 L60,168.107871 Z M45.6875,183.587234 C46.3125,187.290425 44.75,189.487234 42.3125,189.926596 C39.9375,190.365957 37.625,188.796808 37,185.093617 L45.6875,183.587234 L45.6875,183.587234 Z M18.25,189.989362 C15.875,189.55 14.25,187.353191 14.875,183.65 L23.5625,185.156383 C22.875,188.859574 20.625,190.365957 18.25,189.989362 L18.25,189.989362 L18.25,189.989362 Z M38,197.897872 C38.4375,198.4 38.4375,199.215957 37.9375,199.655319 C37.4375,200.094681 36.625,200.094681 36.1875,199.592553 C34.5625,197.835106 32.4375,196.893617 30.0625,196.893617 C27.75,196.893617 25.5,197.897872 23.9375,199.592553 C23.6875,199.843617 23.375,199.969149 23,199.969149 C22.6875,199.969149 22.375,199.843617 22.125,199.655319 C21.625,199.215957 21.5625,198.4 22.0625,197.897872 C24.125,195.638298 27,194.382979 30,194.382979 C33,194.382979 35.9375,195.638298 38,197.897872 L38,197.897872 L38,197.897872 Z" id="super-bad" fill="#F35910" sketch:type="MSShapeGroup"></path>
+        <path d="M121,168.107871 C121,167.288089 120.937695,166.531367 120.813084,165.711585 C120.563863,164.135082 119.753894,163.315301 118.133956,163.12612 C117.573209,163.06306 116.950156,163 116.389408,163 L65.6728972,163 C64.8629283,163 64.1152648,163.12612 63.3052959,163.252241 C62.1214953,163.441421 61.4361371,164.261202 61.1869159,165.459345 C61.0623053,166.216067 61,166.909727 61,167.66645 L61,201.592798 L61,202.538699 C61.1246106,205.061105 62.05919,206.007006 64.5514018,206.007006 C67.8535825,206.070067 71.342679,206.070067 74.707165,206.070067 C75.3925232,206.070067 76.5140186,206.133127 76.5140186,206.133127 L76.5140186,207.205149 C76.5140186,211.367117 76.5763239,215.529085 76.5763239,219.691054 C76.5763239,220.510835 76.5763239,221.456737 77.5109033,221.898158 C78.4454827,222.276519 79.0062304,221.519797 79.566978,220.952256 C84.7383176,216.159687 89.8473518,211.430177 95.0186913,206.700667 C95.5171337,206.259247 95.9532707,206.133127 96.5763237,206.133127 L115.517134,206.133127 C116.327103,206.133127 117.074766,206.070067 117.884735,206.007006 C119.753894,205.817826 120.563863,205.124164 120.813084,203.232361 C120.875389,202.664819 120.937695,202.034219 120.937695,201.466677 C121,190.368094 121,179.269513 121,168.107871 L121,168.107871 L121,168.107871 Z M96.0154905,196.893617 C96.0154905,197.584043 95.4529905,198.148936 94.7654905,198.148936 L87.2654905,198.148936 C86.5779905,198.148936 86.0154905,197.584043 86.0154905,196.893617 C86.0154905,196.203192 86.5779905,195.638298 87.2654905,195.638298 L94.7654905,195.638298 C95.4529905,195.638298 96.0154905,196.203192 96.0154905,196.893617 L96.0154905,196.893617 L96.0154905,196.893617 Z M98.4529905,182.457447 L107.265491,182.457447 C107.265491,186.223404 105.265491,188.106383 102.890491,188.106383 C100.51549,188.106383 98.4529905,186.223404 98.4529905,182.457447 L98.4529905,182.457447 L98.4529905,182.457447 Z M75.3279905,182.457447 L84.1404905,182.457447 C84.1404905,186.223404 82.1404905,188.106383 79.7654905,188.106383 C77.3904905,188.106383 75.3279905,186.223404 75.3279905,182.457447 L75.3279905,182.457447 L75.3279905,182.457447 Z" id="bad" fill="#F6820B" sketch:type="MSShapeGroup"></path>
+        <path d="M182,168.107871 C182,167.288089 181.937695,166.531367 181.813084,165.711585 C181.563863,164.135082 180.753894,163.315301 179.133956,163.12612 C178.573209,163.06306 177.950156,163 177.389408,163 L126.672897,163 C125.862928,163 125.115265,163.12612 124.305296,163.252241 C123.121495,163.441421 122.436137,164.261202 122.186916,165.459345 C122.062305,166.216067 122,166.909727 122,167.66645 L122,201.592798 L122,202.538699 C122.124611,205.061105 123.05919,206.007006 125.551402,206.007006 C128.853583,206.070067 132.342679,206.070067 135.707165,206.070067 C136.392523,206.070067 137.514019,206.133127 137.514019,206.133127 L137.514019,207.205149 C137.514019,211.367117 137.576324,215.529085 137.576324,219.691054 C137.576324,220.510835 137.576324,221.456737 138.510903,221.898158 C139.445483,222.276519 140.006231,221.519797 140.566978,220.952256 C145.738318,216.159687 150.847352,211.430177 156.018692,206.700667 C156.517134,206.259247 156.953271,206.133127 157.576324,206.133127 L176.517134,206.133127 C177.327103,206.133127 178.074766,206.070067 178.884735,206.007006 C180.753894,205.817826 181.563863,205.124164 181.813084,203.232361 C181.875389,202.664819 181.937695,202.034219 181.937695,201.466677 C182,190.368094 182,179.269513 182,168.107871 L182,168.107871 L182,168.107871 Z M144.718481,181.453192 C144.718481,183.901064 142.718481,185.846809 140.343481,185.846809 C137.905981,185.846809 135.968481,183.838298 135.968481,181.453192 C135.968481,179.005319 137.968481,177.059574 140.343481,177.059574 C142.718481,176.996808 144.718481,179.005319 144.718481,181.453192 L144.718481,181.453192 L144.718481,181.453192 Z M167.843481,181.453192 C167.843481,183.901064 165.843481,185.846809 163.468481,185.846809 C161.030981,185.846809 159.093481,183.838298 159.093481,181.453192 C159.093481,179.005319 161.093481,177.059574 163.468481,177.059574 C165.843481,176.996808 167.843481,179.005319 167.843481,181.453192 L167.843481,181.453192 L167.843481,181.453192 Z M160.155981,193.755319 C160.155981,194.445745 159.593481,195.010638 158.905981,195.010638 L145.155981,195.010638 C144.468481,195.010638 143.905981,194.445745 143.905981,193.755319 C143.905981,193.064894 144.468481,192.5 145.155981,192.5 L158.905981,192.5 C159.593481,192.5 160.155981,193.064894 160.155981,193.755319 L160.155981,193.755319 L160.155981,193.755319 Z" id="ok" fill="#FAAB00" sketch:type="MSShapeGroup"></path>
+        <path d="M243,168.107871 C243,167.288089 242.937695,166.531367 242.813084,165.711585 C242.563863,164.135082 241.753894,163.315301 240.133956,163.12612 C239.573209,163.06306 238.950156,163 238.389408,163 L187.672897,163 C186.862928,163 186.115265,163.12612 185.305296,163.252241 C184.121495,163.441421 183.436137,164.261202 183.186916,165.459345 C183.062305,166.216067 183,166.909727 183,167.66645 L183,201.592798 L183,202.538699 C183.124611,205.061105 184.05919,206.007006 186.551402,206.007006 C189.853583,206.070067 193.280374,206.070067 196.582555,206.070067 C197.267913,206.070067 198.327103,206.133127 198.327103,206.133127 L198.327103,207.205149 C198.327103,211.367117 198.451713,215.529085 198.514019,219.691054 C198.514019,220.510835 198.576324,221.456737 199.510903,221.898158 C200.445483,222.276519 201.006231,221.519797 201.566978,220.952256 C206.738318,216.159687 211.847352,211.430177 217.018692,206.700667 C217.517134,206.259247 217.953271,206.133127 218.576324,206.133127 L237.517134,206.133127 C238.327103,206.133127 239.074766,206.070067 239.884735,206.007006 C241.753894,205.817826 242.563863,205.124164 242.813084,203.232361 C242.875389,202.664819 242.937695,202.034219 242.937695,201.466677 C243,190.368094 243,179.269513 243,168.107871 L243,168.107871 L243,168.107871 Z M201.780981,183.33617 C199.343481,183.33617 197.405981,181.32766 197.405981,178.942553 C197.405981,176.494681 199.405981,174.548936 201.780981,174.548936 C204.218481,174.548936 206.155981,176.557447 206.155981,178.942553 C206.218481,181.32766 204.218481,183.33617 201.780981,183.33617 L201.780981,183.33617 L201.780981,183.33617 Z M229.343481,178.942553 C229.343481,181.390425 227.343481,183.33617 224.968481,183.33617 C222.530981,183.33617 220.593481,181.32766 220.593481,178.942553 C220.593481,176.494681 222.593481,174.548936 224.968481,174.548936 C227.343481,174.48617 229.343481,176.494681 229.343481,178.942553 L229.343481,178.942553 L229.343481,178.942553 Z M221.093481,190.303191 C221.593481,190.742553 221.655981,191.558511 221.155981,192.060638 C219.093481,194.320213 216.218481,195.575532 213.155981,195.575532 C210.093481,195.575532 207.218481,194.320213 205.155981,192.060638 C204.718481,191.558511 204.718481,190.742553 205.218481,190.303191 C205.718481,189.86383 206.530981,189.86383 206.968481,190.365957 C208.593481,192.123404 210.718481,193.064894 213.093481,193.064894 C215.405981,193.064894 217.655981,192.060638 219.218481,190.365957 C219.780981,189.86383 220.593481,189.86383 221.093481,190.303191 L221.093481,190.303191 L221.093481,190.303191 Z" id="happy" fill="#A9AC41" sketch:type="MSShapeGroup"></path>
+        <path d="M304,168.107871 C304,167.288089 303.937695,166.531367 303.813084,165.711585 C303.563863,164.135082 302.753894,163.315301 301.133956,163.12612 C300.573209,163.06306 299.950156,163 299.389408,163 L248.672897,163 C247.862928,163 247.115265,163.12612 246.305296,163.252241 C245.121495,163.441421 244.436137,164.261202 244.186916,165.459345 C244.062305,166.216067 244,166.909727 244,167.66645 L244,201.592798 L244,202.538699 C244.124611,205.061105 245.05919,206.007006 247.551402,206.007006 C250.853583,206.070067 254.280374,206.070067 257.582555,206.070067 C258.267913,206.070067 259.327103,206.133127 259.327103,206.133127 L259.327103,207.205149 C259.327103,211.367117 259.451713,215.529085 259.514019,219.691054 C259.514019,220.510835 259.576324,221.456737 260.510903,221.898158 C261.445483,222.276519 262.006231,221.519797 262.566978,220.952256 C267.738318,216.159687 272.847352,211.430177 278.018692,206.700667 C278.517134,206.259247 278.953271,206.133127 279.576324,206.133127 L298.517134,206.133127 C299.327103,206.133127 300.074766,206.070067 300.884735,206.007006 C302.753894,205.817826 303.563863,205.124164 303.813084,203.232361 C303.875389,202.664819 303.937695,202.034219 303.937695,201.466677 C304,190.368094 304,179.269513 304,168.107871 L304,168.107871 L304,168.107871 Z M263.315835,183.712766 L284.565835,183.712766 C284.565835,188.734043 279.815835,193.943617 273.940835,193.943617 C268.065835,193.943617 263.315835,188.734043 263.315835,183.712766 L263.315835,183.712766 L263.315835,183.712766 Z M267.440835,178.691489 L257.440835,178.691489 C256.753335,178.691489 256.190835,178.126596 256.190835,177.43617 C256.190835,176.745745 256.753335,176.180851 257.440835,176.180851 L258.065835,176.180851 C258.440835,173.230851 260.253335,171.787234 262.378335,171.787234 C264.503335,171.787234 266.315835,173.293617 266.690835,176.180851 L267.440835,176.180851 C268.128335,176.180851 268.690835,176.745745 268.690835,177.43617 C268.690835,178.126596 268.128335,178.691489 267.440835,178.691489 L267.440835,178.691489 L267.440835,178.691489 Z M291.815835,177.43617 C291.815835,178.126596 291.253335,178.691489 290.565835,178.691489 L280.565835,178.691489 C279.878335,178.691489 279.315835,178.126596 279.315835,177.43617 C279.315835,176.745745 279.878335,176.180851 280.565835,176.180851 L281.190835,176.180851 C281.565835,173.230851 283.378335,171.787234 285.503335,171.787234 C287.628335,171.787234 289.440835,173.293617 289.815835,176.180851 L290.565835,176.180851 C291.253335,176.180851 291.815835,176.745745 291.815835,177.43617 L291.815835,177.43617 L291.815835,177.43617 Z" id="super-happy" fill="#38AE6A" sketch:type="MSShapeGroup"></path>
         <g id="stopwatch" sketch:type="MSLayerGroup" transform="translate(0.000000, 223.000000)">
             <path d="M10.5,24.8 C9.5,23.9 8.4,22.9 7.5,22 L13.7,15.8 C14.5,16.7 15.4,17.7 16.3,18.7 C17.1,18.1 17.7,17.6 18.3,17.2 C22.2,14.3 26.5,12.3 31.2,11.2 C31.9,11 32.1,10.8 32.1,10.1 C32,8.4 32.1,6.7 32.1,4.9 L47.5,4.9 L47.5,10.9 C60.3,14.2 69.4,21.8 74,34.1 C77.6,43.7 77,53.3 72.6,62.5 C63.7,81.1 41.2,88.4 22.7,78.7 C3.7,68.8 -3.2,43.3 10.5,24.8 L10.5,24.8 L10.5,24.8 Z M40.0481625,75 C55.1817335,75 67.6921523,62.8930829 67.9948237,47.5576545 C68.2974951,31.4150983 55.282624,19.3081812 40.5526149,19.0055082 C25.3181533,18.7028353 12.2023918,30.9106434 12.0006108,46.5487447 C11.8997204,62.489519 24.3092486,75 40.0481625,75 L40.0481625,75 L40.0481625,75 Z M14.9,12.4 C14.6,12.9 14.5,13.5 14.1,13.9 C11.2,16.8 8.3,19.7 5.5,22.6 C4.8,23.3 4,23.4 3.1,23.1 C1.8,22.7 1,21.8 0.6,20.6 C0.3,19.7 0.4,18.9 1.1,18.1 L9.7,9.5 C10.3,8.9 11.1,8.7 11.9,8.9 C13.4,9.2 14.7,10.8 14.9,12.4 L14.9,12.4 L14.9,12.4 Z M33.7,3.9 C33.5,2.5 34,1.3 35.3,0.8 C38.2,-0.3 41.2,-0.3 44.2,0.8 C45.4,1.2 46,2.4 45.9,3.9 L33.7,3.9 L33.7,3.9 Z" id="Shape" fill="#A9BCC4" sketch:type="MSShapeGroup"></path>
             <circle id="inlay" opacity="0.3" sketch:type="MSShapeGroup" cx="39.9019608" cy="46.9019608" r="24.9019608"></circle>
@@ -70,7 +70,7 @@
                 <path d="M17.6,6.9 L7.7,2.9 L10,6.9 L7.7,11 L17.6,6.9 L17.6,6.9 Z" id="Shape" fill="#A9BCC4"></path>
             </g>
         </g>
-        <path d="M175.06066,286.954195 L175.202702,286.812154 L175.302365,286.637743 C175.414487,286.441529 175.551135,286.139765 175.678636,285.741324 C176.498746,283.17848 175.915105,280.18732 173.06066,277.332875 C170.243699,274.515914 167.118112,274.085348 164.328491,275.097711 C163.823841,275.280849 163.443803,275.472287 163.205002,275.621537 L163.050513,275.718093 L162.923629,275.848822 L146.423629,292.848822 L146.347668,292.933258 C146.158935,293.159738 145.914201,293.515622 145.675224,293.984613 C144.849092,295.605898 144.703461,297.396954 145.752299,299.09123 C146.076339,299.614679 146.505633,300.100791 147.039723,300.545867 C149.292783,302.423417 151.404521,302.890769 153.098516,302.442358 C153.341124,302.378139 153.532621,302.304275 153.67082,302.235176 L153.888539,302.126317 L154.06066,301.954195 L168.06066,287.954195 L168.5,287.514855 L168.5,286.893535 C168.5,286.259579 168.359026,285.413735 167.919766,284.535214 C167.698156,284.091994 167.414366,283.686581 167.06066,283.332875 C166.478935,282.75115 165.737193,282.469799 164.928583,282.427241 C164.327068,282.395582 163.731987,282.494762 163.15132,282.674969 C162.852797,282.767614 162.615784,282.863127 162.45787,282.937928 L162.229833,283.045946 L162.049687,283.222628 L151.649687,293.422628 L153.750313,295.564442 L164.150313,285.364442 L163.74213,285.649142 C163.780517,285.630958 163.889613,285.586994 164.040517,285.540162 C164.310615,285.456338 164.572677,285.412661 164.770907,285.423094 C164.889274,285.429324 164.929866,285.444721 164.93934,285.454195 C165.054384,285.569239 165.256262,285.58804 165.33934,285.754195 C165.532892,286.141299 165.499999,285.983741 165.499999,286.193535 L165.499999,286.393535 L151.93934,299.832875 L152.32918,299.551894 C152.086278,299.606979 151.74747,299.618798 151.311607,299.522337 C150.619626,299.369193 149.834748,298.96993 148.960277,298.241203 C148.667836,297.997503 148.452815,297.754023 148.303094,297.512166 C147.893415,296.850376 147.952546,296.123142 148.348213,295.346646 C148.475447,295.096949 148.596925,294.9203 148.652332,294.853812 L148.576371,294.938248 L165.076371,277.938248 L164.794998,278.165532 C164.864839,278.121882 165.059218,278.023967 165.351894,277.917754 C167.122972,277.275024 169.021733,277.536588 170.93934,279.454195 C172.959895,281.47475 173.313754,283.288278 172.821364,284.826996 C172.761365,285.014492 172.710513,285.12679 172.697635,285.149327 L172.93934,284.832875 L157.93934,299.832875 L160.06066,301.954195 L175.06066,286.954195 L175.06066,286.954195 Z" id="paper-clip" fill="#D9D9D9" sketch:type="MSShapeGroup"></path>
+        <path d="M175.06066,286.954195 L175.202702,286.812154 L175.302365,286.637743 C175.414487,286.441529 175.551135,286.139765 175.678636,285.741324 C176.498746,283.17848 175.915105,280.18732 173.06066,277.332875 C170.243699,274.515914 167.118112,274.085348 164.328491,275.097711 C163.823841,275.280849 163.443803,275.472287 163.205002,275.621537 L163.050513,275.718093 L162.923629,275.848822 L146.423629,292.848822 L146.347668,292.933258 C146.158935,293.159738 145.914201,293.515622 145.675224,293.984613 C144.849092,295.605898 144.703461,297.396954 145.752299,299.09123 C146.076339,299.614679 146.505633,300.100791 147.039723,300.545867 C149.292783,302.423417 151.404521,302.890769 153.098516,302.442358 C153.341124,302.378139 153.532621,302.304275 153.67082,302.235176 L153.888539,302.126317 L154.06066,301.954195 L168.06066,287.954195 L168.5,287.514855 L168.5,286.893535 C168.5,286.259579 168.359026,285.413735 167.919766,284.535214 C167.698156,284.091994 167.414366,283.686581 167.06066,283.332875 C166.478935,282.75115 165.737193,282.469799 164.928583,282.427241 C164.327068,282.395582 163.731987,282.494762 163.15132,282.674969 C162.852797,282.767614 162.615784,282.863127 162.45787,282.937928 L162.229833,283.045946 L162.049687,283.222628 L151.649687,293.422628 L153.750313,295.564442 L164.150313,285.364442 L163.74213,285.649142 C163.780517,285.630958 163.889613,285.586994 164.040517,285.540162 C164.310615,285.456338 164.572677,285.412661 164.770907,285.423094 C164.889274,285.429324 164.929866,285.444721 164.93934,285.454195 C165.054384,285.569239 165.256262,285.58804 165.33934,285.754195 C165.532892,286.141299 165.499999,285.983741 165.499999,286.193535 L165.499999,286.393535 L151.93934,299.832875 L152.32918,299.551894 C152.086278,299.606979 151.74747,299.618798 151.311607,299.522337 C150.619626,299.369193 149.834748,298.96993 148.960277,298.241203 C148.667836,297.997503 148.452815,297.754023 148.303094,297.512166 C147.893415,296.850376 147.952546,296.123142 148.348213,295.346646 C148.475447,295.096949 148.596925,294.9203 148.652332,294.853812 L148.576371,294.938248 L165.076371,277.938248 L164.794998,278.165532 C164.864839,278.121882 165.059218,278.023967 165.351894,277.917754 C167.122972,277.275024 169.021733,277.536588 170.93934,279.454195 C172.959895,281.47475 173.313754,283.288278 172.821364,284.826996 C172.761365,285.014492 172.710513,285.12679 172.697635,285.149327 L172.93934,284.832875 L157.93934,299.832875 L160.06066,301.954195 L175.06066,286.954195 L175.06066,286.954195 Z" id="paper-clip" opacity="0.15" fill="#000000" sketch:type="MSShapeGroup"></path>
         <g id="total" sketch:type="MSLayerGroup" transform="translate(216.000000, 224.000000)">
             <path d="M37.5,83 L0,83 L10,75 L47.5,75 L37.5,83 L37.5,83 Z" id="Shape" opacity="0.4" fill="#A9BCC4" sketch:type="MSShapeGroup"></path>
             <path d="M37.5,80 L0,80 L10,73 L47.5,73 L37.5,80 L37.5,80 Z" id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
diff --git a/public/assets/tests/html-utils.js b/public/assets/tests/html-utils.js
index 392e7febb..2a7aaa134 100644
--- a/public/assets/tests/html-utils.js
+++ b/public/assets/tests/html-utils.js
@@ -296,6 +296,18 @@ test( "htmlClanup", function() {
   result = App.Utils.htmlClanup( $(source) )
   equal( result.html(), should, source )
 
+  source = "<div><small>some link to somewhere</small></a>"
+  //should = "<div>some link to somewhere</div>"
+  should = "some link to somewhere"
+  result = App.Utils.htmlClanup( $(source) )
+  equal( result.html(), should, source )
+
+  source = "<div><time>some link to somewhere</time></a>"
+  //should = "<div>some link to somewhere</div>"
+  should = "some link to somewhere"
+  result = App.Utils.htmlClanup( $(source) )
+  equal( result.html(), should, source )
+
   source = "<div><h1>some link to somewhere</h1><p><hr></p></div>"
   should = "<div>some link to somewhere</div><p></p><p></p>"
   result = App.Utils.htmlClanup( $(source) )
@@ -439,4 +451,92 @@ test( "check signature", function() {
 
 });
 
+// replace tags
+test( "check replace tags", function() {
+
+  var message = "<div>#{user.firstname} #{user.lastname}</div>"
+  var result  = '<div>Bob Smith</div>'
+  var data    = {
+    user: {
+      firstname: 'Bob',
+      lastname:  'Smith',
+    },
+  }
+  var verify = App.Utils.replaceTags( message, data )
+  equal( verify, result )
+
+  message = "<div>#{user.firstname} #{user.lastname}</div>"
+  result  = '<div>Bob Smith</div>'
+  data    = {
+    user: {
+      firstname: function() { return 'Bob' },
+      lastname:  function() { return 'Smith' },
+    },
+  }
+  verify = App.Utils.replaceTags( message, data )
+  equal( verify, result )
+
+  message = "<div>#{user.firstname} #{user.lastname}</div>"
+  result  = '<div>Bob </div>'
+  data    = {
+    user: {
+      firstname: 'Bob',
+    },
+  }
+  verify = App.Utils.replaceTags( message, data )
+  equal( verify, result )
+
+});
+
+// check if last line is a empty line
+test( "check if last line is a empty line", function() {
+
+  var message = "123"
+  var result  = false
+  var verify  = App.Utils.lastLineEmpty( message )
+  equal( verify, result, message )
+
+  message = "<div>123</div>"
+  result  = false
+  verify  = App.Utils.lastLineEmpty( message )
+  equal( verify, result, message )
+
+  message = "<p><div>123 </div></p>"
+  result  = false
+  verify  = App.Utils.lastLineEmpty( message )
+  equal( verify, result, message )
+
+  message = "<div></div>"
+  result  = true
+  verify  = App.Utils.lastLineEmpty( message )
+  equal( verify, result, message )
+
+  message = "<div class=\"some_class\"></div>"
+  result  = true
+  verify  = App.Utils.lastLineEmpty( message )
+  equal( verify, result, message )
+
+  message = "<div class=\"some_class\"></div>  "
+  result  = true
+  verify  = App.Utils.lastLineEmpty( message )
+  equal( verify, result, message )
+
+  message = "<div class=\"some_class\"></div>  \n  \n\t"
+  result  = true
+  verify  = App.Utils.lastLineEmpty( message )
+  equal( verify, result, message )
+
+  message = "<div class=\"some_class\">  </div>  \n  \n\t"
+  result  = true
+  verify  = App.Utils.lastLineEmpty( message )
+  equal( verify, result, message )
+
+  message = "<div class=\"some_class\"\n>  \n</div>  \n  \n\t"
+  result  = true
+  verify  = App.Utils.lastLineEmpty( message )
+  equal( verify, result, message )
+
+
+});
+
 }
\ No newline at end of file
diff --git a/public/favicon.ico b/public/favicon.ico
index e69de29bb..cd31b71bf 100644
Binary files a/public/favicon.ico and b/public/favicon.ico differ
diff --git a/script/websocket-server.rb b/script/websocket-server.rb
index 7d784c31d..749261950 100755
--- a/script/websocket-server.rb
+++ b/script/websocket-server.rb
@@ -295,7 +295,7 @@ EventMachine.run {
 
     idle_time_in_min = 4
 
-    # web sockets
+    # close unused web socket sessions
     @clients.each { |client_id, client|
       if ( client[:last_ping] + ( 60 * idle_time_in_min ) ) < Time.now
         log 'notice', "closing idle websocket connection", client_id
@@ -312,10 +312,10 @@ EventMachine.run {
       end
     }
 
-    # close unused sessions
+    # close unused ajax long polling sessions
     clients = Sessions.destory_idle_sessions(idle_time_in_min)
     clients.each { |client_id|
-      log 'notice', "closing idle connection", client_id
+      log 'notice', "closing idle long polling connection", client_id
     }
   end
 
@@ -327,4 +327,4 @@ EventMachine.run {
     #    puts "#{Time.now}:#{ level }:client(#{ client_id }) #{ data }"
   end
 
-}
+}
\ No newline at end of file
diff --git a/test/unit/email_process_test.rb b/test/unit/email_process_test.rb
index 9bead59fb..4cd6a3072 100644
--- a/test/unit/email_process_test.rb
+++ b/test/unit/email_process_test.rb
@@ -2050,6 +2050,28 @@ Some Text',
           },
         },
       },
+      {
+        :data => 'From: Some Body <somebody@example.com>
+To: Bob <bod@example.com>
+Cc: any@example.com
+Subject: some subject
+
+Some Text',
+        :trusted => false,
+        :success => true,
+        :result => {
+          0 => {
+            :group    => group2.name,
+            :priority => '2 normal',
+            :title    => 'some subject',
+          },
+          1 => {
+            :sender   => 'Customer',
+            :type     => 'email',
+            :internal => true,
+          },
+        },
+      },
     ]
     process(files)
     PostmasterFilter.destroy_all