//----------------------------------------------------------------------------------------------------
// Configuration
//----------------------------------------------------------------------------------------------------

  var boxText = "Loading Page... Please Wait!";   // dialog box message
  var boxFont = "bold 12px Arial,Helvetica";  // dialog box font (CSS spec: "style size family")
  var boxFontColor = "#FFFFFF";               // dialog box font color
  var boxWidth = 250;                         // dialog box width (pixels)
  var imageWidth = 36;                         // dialog box cell width of image
  var boxHeight = 32;                        // dialog box height (pixels)
  var boxBGColor = "#000000";                 // dialog box background color
  var boxBorder = "1px solid #AAAAAA";       // dialog box border (CSS spec: "size style color")

//----------------------------------------------------------------------------------------------------
// Build dialog box and progress bar
//----------------------------------------------------------------------------------------------------

  var safari = (navigator.userAgent.indexOf('Safari') != -1) ? true : false;

  if((document.all || document.getElementById) && !safari) {
    document.write('<style> .clsBox { ' +
                   'position:absolute; top:30%; left:50%; ' +
                   'width:' + boxWidth + 'px; ' +
                   'height:' + boxHeight + 'px; ' +
                   'margin-top:-' + Math.round(boxHeight / 2) + 'px; ' +
                   'margin-left:-' + Math.round(boxWidth / 2) + 'px; ' +
                   (boxBGColor ? 'background-color:' + boxBGColor + '; ' : '') +
                   (boxBorder ? 'border:' + boxBorder + '; ' : '') +
                   'z-index:69; ' +
                   '} .clsText { ' +
                   'font:' + boxFont + '; ' +
                   'color:' + boxFontColor + '; ' +
                   '} </style> ' +
                   '<div id="divLoadingBox" class="clsBox">' +
                   '<table border=0 cellspacing=0 cellpadding=0><tr>' +
                   '<td width=' + imageWidth + ' align=center style="background-color:#FFFFFF;"><img src="Images/loading_solid.gif" align="absmiddle" width="16" height="16"></td>' +
                   '<td width=' + boxWidth + ' height=' + eval(boxHeight - 5) + ' align=center style="padding-top:6px;">' +
                   (boxText ? '<p class="clsText" align=center>' + boxText + '</p>' : '') +
                   '</td></tr></table></div>');
  }

//----------------------------------------------------------------------------------------------------