/* DIALOG DIV CSS  for absolute position of dialog with shaded background */
html, body {
   height: 100%;
   overflow-y: hidden;
   margin: 0;
}

#dialogcanvas {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 100%;
   height: 100%; 
   background-color: #644e37; 
   filter:alpha(opacity=55); /*IE*/
   opacity:0.55; /*STANDARD*/
   z-index: 100;
   display: none;
}

#dialogwindow {
   position: absolute; 
   left: 50%; 
   top: 50%; 
   width: 60%; 
   height: 60%;
   margin: -18% 0 0 -33%;
   border: 2px solid black;
   padding: 0; 
   background-color: #fff;
   overflow: hidden;
   z-index: 101;
   display: none;
}

#dialogcontent {
   padding: 5px;
   overflow: auto;
}