 
   createAccountArea:->
 
-    @accountArea = new KDCustomHTMLView { cssClass: 'account-area' }
+    @accountArea = new kd.CustomHTMLView { cssClass: 'account-area' }
 
     if isKoding()
     then @aside.addSubView @accountArea


  createMobileHeader:->

    @addSubView @header = new KDView
      tagName    : 'header'
      domId      : 'main-header'
      attributes :
        testpath : 'main-header'

    @header.addSubView @hamburgerMenu = new KDButtonView
      cssClass  : 'hamburger-menu'
      iconOnly  : yes
      callback  : =>


    entryPoint = globals.config.entryPoint

    @logoWrapper = new kd.CustomHTMLView
      cssClass  : unless isKoding() then 'logo-wrapper group' else 'logo-wrapper'

    if isKoding()
      @logoWrapper.addSubView new kd.CustomHTMLView
        tagName    : 'a'
        attributes : href : '/' # so that it shows 'koding.com' on status bar of browser
        partial    : '<figure></figure>'
        click      : (event) -> kd.utils.stopDOMEvent event
    else
      @logoWrapper.addSubView new kd.CustomHTMLView
        tagName    : 'span'
        partial    : getGroup().title
        cssClass   : 'team-name'

    @logoWrapper.addSubView closeHandle = new kd.CustomHTMLView
      cssClass : "sidebar-close-handle"
      partial  : "<span class='icon'></span>"
      click    : @bound 'toggleSidebar'
