.dhtmlwindow{
    position: absolute;
    border: 1px solid #111;
    visibility: hidden;
    background-color: white;
    box-shadow: 4px 4px 10px -4px #000;
    box-shadow: 0px 2px 8px 2px #222;
}

/* CSS for Drag Handle */
.drag-handle {
  padding: 5px;
  text-indent: 3px;
  font-family: "DejaVu Sans", "Verdana", sans-serif;
  font-weight: bold;
  font-size: 14px;
  background-color: #900;
  color: white;
  cursor: move;
  overflow: hidden;
  width: auto;
  min-height: 20px;
}

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

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

/* CSS for Content Display Area div */
.drag-contentarea{
    border-top: 1px solid #111;
    background-color: white;
    color: black;
    height: 20px;
    padding: 0px;
    overflow: auto;
}

/*CSS for Status Bar div (includes resizearea)*/
.drag-statusarea{
    border-top: 1px solid #f3f3f3;
    background-color: #f3f3f3;
    height: 20px; /*height of resize image*/
    padding: 1px;
    padding-bottom: 0px;
}


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