docs: function ()
          {
              // Create the DIV if necessary
              // Jan 2012- Changed so that the dialog is ALWAYS (re)created
              if (!ModalDialog.dialog || true) {
                  ModalDialog.dialog = document.createElement('DIV');
          
                  ModalDialog.dialog.id        = 'ModalDialog_dialog';
                  ModalDialog.dialog.className = 'ModalDialog_dialog';
      
                  var borderRadius = '15px';
      
                  ModalDialog.dialog.style.borderRadius       = borderRadius;
                  ModalDialog.dialog.style.MozBorderRadius    = borderRadius;
                  ModalDialog.dialog.style.WebkitBorderRadius = borderRadius;
      
                  ModalDialog.dialog.style.boxShadow    = '3px 3px 3px rgba(96,96,96,0.5)';
                  ModalDialog.dialog.style.MozBoxShadow = '3px 3px 3px rgba(96,96,96,0.5)';
                  ModalDialog.dialog.style.WebkitBoxShadow = 'rgba(96,96,96,0.5) 3px 3px 3px';
      
                  ModalDialog.dialog.style.position        = 'fixed';
                  ModalDialog.dialog.style.backgroundColor = 'white';
                  ModalDialog.dialog.style.width           = parseInt(ModalDialog.width) + 'px';
                  ModalDialog.dialog.style.border          = '2px solid #999';
                  ModalDialog.dialog.style.zIndex          = 32767;
                  ModalDialog.dialog.style.padding         = '5px';
                  ModalDialog.dialog.style.paddingTop      = '25px';
                  ModalDialog.dialog.style.opacity         = 0;
                  
                  if (document.all) {
                      ModalDialog.dialog.style.zIndex = 32767;
                  }
      
      
      
                  // Accomodate various browsers
                  if (navigator.userAgent.indexOf('Opera') != -1) {
                      ModalDialog.dialog.style.paddingTop = '25px';
      
                  } else if (navigator.userAgent.indexOf('MSIE') != -1) {
                      ModalDialog.dialog.style.paddingTop = '25px';
      
                  } else if (navigator.userAgent.indexOf('Safari') != -1) {
                      ModalDialog.dialog.style.paddingTop = '25px';
                  }
      
                  document.body.appendChild(ModalDialog.dialog);
      
      
                  // Now create the grey bar at the top of the dialog
                  var bar = document.createElement('DIV');
                      bar.className = 'ModalDialog_topbar';
                      bar.style.top = 0;
                      bar.style.left = 0;
                      bar.style.width = '100%';//(ModalDialog.dialog.offsetWidth - 4) + 'px';
                      bar.style.height = '20px';
                      bar.style.backgroundColor = '#bbb';
                      bar.style.borderBottom = '2px solid #999';
                      //bar.style.zIndex    = 50000;
                      bar.style.position = 'absolute';
                      var borderRadius = '11px';
                      bar.style.WebkitBorderTopLeftRadius = borderRadius;
                      bar.style.WebkitBorderTopRightRadius = borderRadius;
                      bar.style.MozBorderRadiusTopleft = borderRadius;
                      bar.style.MozBorderRadiusTopright = borderRadius;
                      bar.style.borderTopRightRadius = borderRadius;
                      bar.style.borderTopLeftRadius = borderRadius;
                  ModalDialog.dialog.appendChild(bar);
                  
                  // Add the content div
                  var content = document.createElement('DIV');
                      //content.style.paddingTop = '20px';
                      content.style.width = '100%';
                      content.style.height = '100%';
                  ModalDialog.dialog.appendChild(content);
      
                  if (ModalDialog.id.toLowerCase().substring(0, 7) == 'string:') {
                      content.innerHTML = ModalDialog.id.substring(7);
                  } else {
                      content.innerHTML = document.getElementById(ModalDialog.id).innerHTML;
                  }
      
                  // Now reposition the dialog in the center
                  ModalDialog.dialog.style.left = (document.body.offsetWidth / 2) - (ModalDialog.dialog.offsetWidth / 2) + 'px';
                  ModalDialog.dialog.style.top  = '30%';
              }
              
              // Show the dialog
              ModalDialog.dialog.style.visibility = 'visible';
              
              // A simple fade-in effect
              setTimeout('ModalDialog.dialog.style.opacity = 0.2', 50);
              setTimeout('ModalDialog.dialog.style.opacity = 0.4', 100);
              setTimeout('ModalDialog.dialog.style.opacity = 0.6', 150);
              setTimeout('ModalDialog.dialog.style.opacity = 0.8', 200);
              setTimeout('ModalDialog.dialog.style.opacity = 1', 250);
      
              setTimeout('ModalDialog.background.style.opacity = 0.1', 50);
              setTimeout('ModalDialog.background.style.opacity = 0.2', 100);
              setTimeout('ModalDialog.background.style.opacity = 0.3', 150);
              setTimeout('ModalDialog.background.style.opacity = 0.4', 200);
              setTimeout('ModalDialog.background.style.opacity = 0.5', 250);
          }