Thanks. I tried using the ModalBackgroundCSSClass property to no avail but then used your idea instead. Here is my code to make it work along with the little Png I made for it.:

 

    <style type="text/css">

                   .ModalBackdrop {

                             width: 100%;

                             height: 100%;

                             z-index: 100000;

                             position: absolute;

                             background-image: url(ModalBG.png);

                             background-repeat: repeat;

                             margin-top: 0px;

                             margin-left: 0px;

                   }

 

        body

        {

                  margin: 0 0 0 0;

        }

       

    </style> 

   

    <script type="text/javascript">

        function SetModal() {

           document.getElementById("ModalBackdrop").className = "ModalBackdrop";

 

        }

       

        function RestoreNonModal() {

        var dialog=$find('WebDialogWindow1');

       

          if(dialog.get_WindowState == "undefined"); {

            //it's hidden

            document.getElementById("ModalBackdrop").className = "";

          }

           

        }

   

    </script> 

 

And this div in my form area.

<div id="ModalBackdrop" class=""></div>

Here is the 16×16 png –>