.drag-controls 
{
 
}

* 
{
 
}

html 
{
 
}

.dhtmlwindow 
{
 position: absolute;
 border-width: 2px;
 border-style: solid;
 border-color: red;
 visibility: hidden;
 background: black;
 color: #e8eeb2;
}

.dhtmlwindow h2 
{
 color: #a88449;
 font-size: 20pt;
}

.drag-handle 
{
 /*CSS for Drag Handle*/

 padding: 1px;
 text-indent: 3px;
 font-size: 14px;
 font-weight: bold;
 font-family: Arial;
 background-color: #CA0000;
 color: white;
 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*/

 border-top: brown;
 border-top-width: 1px;
 border-top-style: solid;
background: black;
 color: #e8eeb2;
 height: 150px;
 padding: 2px;
 overflow: auto;
}

.drag-statusarea 
{
 /*CSS for Status Bar div (includes resizearea)*/

 border-top-color: gray;
 border-top-width: 1px;
 border-top-style: solid;
 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;
}