docs: function (out) {
              var cfg = this._cfg;
              var containerSize = this._popupContainer.getClientSize();
  
              // constrain dialog to containerSize
              var math = ariaUtilsMath;
              var maxHeight, maxWidth;
              if (this._cfg.maximized) {
                  maxHeight = containerSize.height + this._shadows.top + this._shadows.bottom;
                  maxWidth = containerSize.width + this._shadows.left + this._shadows.right;
              } else {
                  maxHeight = math.min(this._cfg.maxHeight, containerSize.height);
                  maxWidth = math.min(this._cfg.maxWidth, containerSize.width);
              }
  
              if (!titleLast) {
                  this.writeTitleBar(out);
              }
  
              this._div = new ariaWidgetsContainerDiv({
                  sclass : this._skinObj.divsclass,
                  margins : "0 0 0 0",
                  block : true,
                  cssClass : this._context.getCSSClassNames(true) + " " + this._cfg.cssClass,
                  height : this._cfg.height,
                  minHeight : this._cfg.minHeight,
                  maxHeight : maxHeight,
                  width : this._cfg.width,
                  minWidth : this._cfg.minWidth,
                  maxWidth : maxWidth,
                  scrollBarX : this._cfg.scrollBarX,
                  scrollBarY : this._cfg.scrollBarY
              }, this._context, this._lineNumber);
  
              out.registerBehavior(this._div);
              this._div.writeMarkupBegin(out);
  
              out.beginSection({
                  id : "__dialogContent_" + this._domId,
                  keyMap : [{
                              key : "ESCAPE",
                              callback : {
                                  fn : this._onEscape,
                                  scope : this
                              }
                          }]
              });
  
              if (this._cfg.macro) {
                  out.callMacro(this._cfg.macro);
              }
  
              out.endSection();
  
              this._div.writeMarkupEnd(out);
              // for resize handle markup
              if (cfg.resizable && this._handlesArr) {
                  var handles = this._handlesArr;
                  for (var i = 0, ii = handles.length; i < ii; i++) {
                      out.write(['<span class="x', this._skinnableClass, '_resizable xDialog_' + handles[i] + '">',
                              '</span>'].join(''));
                  }
              }
  
              if (titleLast) {
                  this.writeTitleBar(out);
              }
          }