#screenoverlay
{
   background-color: #505050; /* The color to display*/

   /* The transparency of the background */
   opacity: .75;
   filter: alpha(opacity=75);

   position: absolute;
   left: 0px;
   top: 0px;
   width: 100%;
   height: 100%;

   /* Set the overlay so it appears above the page content */
   z-index: 1000;
}

#topbox
{
   position: absolute;

   /* Default positioning, that will be overridden by the javascript */
   left: 100px;
   top: 100px;

   padding: 5px;
   width: 580px;
   height: 450px;
   background-color: #dddddd;

   /*Must use a z-index greater than the screen overlay*/
   z-index: 1001;
}


<style>
<!--
.normal { color: #000000; text-decoration: none; font-family: Arial; Helvetica; Geneva; Swiss; SunSans-Regular; }
b { color: #000000; text-decoration: bold; font-family: Arial; Helvetica; Geneva; Swiss; SunSans-Regular; }
p,dd,ul,dl { color: #ffffff; text-decoration: none; font-family: Arial; Helvetica; Geneva; Swiss; SunSans-Regular; }
select,input,option { color: #000000; text-decoration: none; font-size: 8pt; font-family: Arial; Helvetica; Geneva; Swiss; SunSans-Regular; }
td,tr,a,th { color: #000000; text-decoration: none; font-size: 10pt; font-family: Arial; Helvetica; Geneva; Swiss; SunSans-Regular; }
textarea { color: #000000; text-decoration: none; font-size: 10pt; font-family: Arial; Helvetica; Geneva; Swiss; SunSans-Regular; }
table    { border-spacing: 0pt; ]
h1 { color: #101040; text-decoration: bold; font-size: 12pt; font-family: Arial; Helvetica; Geneva; Swiss; SunSans-Regular; }
h2 { color: #101040; text-decoration: bold; font-size: 11pt; font-family: Arial; Helvetica; Geneva; Swiss; SunSans-Regular; }
h3 { color: #101040; text-decoration: none; font-size: 11pt; font-family: Arial; Helvetica; Geneva; Swiss; SunSans-Regular; }
li { color: #101040; text-decoration: bold; font-size: 9pt; font-family: Arial; Helvetica; Geneva; Swiss; SunSans-Regular; }
 -->
</style>