.dhtmlwindow{
  position: absolute;
  border: 1px solid #333333;
  visibility: hidden;
  background-color: #FFF;
}

.drag-handle{ /*CSS for Drag Handle*/
  padding: 1px;
  text-indent: 3px;
  font: bold 14px Arial;
  background-color: #E3E3E3;  
  background-image: url(images/popwindow-bg-tile.gif);
  background-repeat: repeat-x;
  height:20px;
  text-align:left;
  color: #003366;
  cursor: move;
  overflow: hidden;
  width: auto;
  filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
  position: absolute;
  right: 1px;
  top: 2px;
  cursor: hand;
  cursor: pointer;
}

* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
  width: 100%;
}

.drag-contentarea{ /*CSS for Content Display Area div*/
  background-color: #FFF;
  color: #000;
  height: 150px;
  padding:2px;
  overflow: auto;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
  border-top: 1px solid gray;
  background-color: #F8F8F8;
  height: 13px; /*height of resize image*/
}


.drag-resizearea{ /*CSS for Resize Area itself*/
  float: right;
  width: 13px; /*width of resize image*/
  height: 13px; /*height of resize image*/
  cursor: nw-resize;
  font-size: 0;
}