docs: function (out) {
              var cfg = this._cfg, cssPrefix = this._cssPrefix; // , state = cfg.stateObject;
              var frameContainerClass = (cfg.block !== true) ? ' ' : 'class="xBlock"';
              var sizeInfo = {
                  style : '',
                  /*
                   * TODO: the CSS class cssClass should not define any padding, margin or border for the frame to be
                   * correctly displayed
                   */
                  className : 'xFrameContent ' + cssPrefix + 'c ' + cfg.cssClass
              };
              this._appendInnerSizeInfo(sizeInfo);
              var displayInline = "";
  
              if (this._inlineBlock) {
                  displayInline = "vertical-align: middle;display: inline";
                  displayInline += (ariaCoreBrowser.isIE7) ? ";zoom:1" : "-block;";
              }
  
              out.write(['<table cellspacing="0" cellpadding="0" style="position: relative;' + displayInline + '"',
                      frameContainerClass, '><tbody isFrame="1">', '<tr>', '<td class="', cssPrefix, 'tlc ', cssPrefix,
                      'bkgA"></td>', '<td class="', cssPrefix, 'ts ', cssPrefix,
                      'bkgB">' + this.__addFrameIcon(cfg, cssPrefix, 'top') + '</td>', '<td class="', cssPrefix, 'trc ',
                      cssPrefix, 'bkgA"></td>', '</tr>', '<tr>', '<td class="', cssPrefix, 'ls ', cssPrefix,
                      'bkgC"></td>', '<td class="', cssPrefix, 'm">', '<span ',
                      Aria.testMode && this._baseId ? ' id="' + this._baseId + '"' : '',
                      (sizeInfo.style ? 'style="' + sizeInfo.style + '"' : ''), ' class="', sizeInfo.className, '">'].join(''));
          }