/* This div creates the semi-transparent background that covers the page */
#progressBackgroundFilter {
    position: fixed; /* Use 'fixed' to cover the entire viewport regardless of scrolling */
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
    background-color: #808080; /*  #000 Black background */
    filter: alpha(opacity=50); /* Transparency for IE */
    opacity: 0.5; /* Transparency for modern browsers */
    z-index: 1000; /* Ensure it's above other content */
}

/* This div contains the actual progress message/spinner and is centered */
#processMessage {
    position: fixed; /* Use 'fixed' to stay in the viewport center */
    top: 50%;
    left: 50%;
    /* Center the element precisely using transform (adjust for element size) */
    transform: translate(-50%, -50%);
    padding: 10px;
    background-color: #fff; /* White background for the message box */
    border: 1px solid #ccc;
    z-index: 1001; /* Ensure it's above the background filter */
    text-align: center;
    border-radius: 5px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}