.dhtmlwindow{
    position: absolute;
    border: 0px solid black;
    visibility: hidden;
    background-color: transparent;
    

}

.drag-handle{ /*CSS for Drag Handle*/
    padding: 1px;
    padding-left: 3px;
    text-indent: 3px;
    font: bold 14px Arial;
    background-color: transparent;
    color: black;
    cursor: move;
    overflow: hidden;
    width: auto;
    border-left: 4px solid #c3c3c3;
    border-right: 4px solid #c3c3c3;
    border-top: 4px solid #c3c3c3; /*#c12026;*/
    background-image: url('trans.png');
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
    position: absolute;
    right: 0px;
    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-left: 4px solid #c3c3c3;
    border-right: 4px solid #c3c3c3;
    border-bottom: 4px solid #c3c3c3;
    background-color: transparent;
    color: black;
    height: 150px;
    padding: 1px;
    overflow: auto;
    background-image: url('trans.png');
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
    border-top: 5px 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;
}