.dhtmlwindow{
position: absolute;
visibility: hidden;
background-color: white;
z-index:100;
}

.drag-handle{ /*CSS for Drag Handle*/
padding:13px 5px 0 40px;

font: 14px arial sans-serif;
background: url(Safari001.gif) repeat-x;
color: #f00;
height:26px;
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: 0px;
top: 0px;
cursor: pointer;
}

.drag-logo {
position: absolute;
z-index:101;
background:url(logo.gif) no-repeat;
left: 5px;
top: 9px;height:25px;width:160px;
}

.drag-corner { /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
z-index:102;
background: url(upper_left_corner.gif) no-repeat;
left: 0px;
top: 0px;height:4px;width:4px;

}

* 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: 1px solid #c7c7c7;
border-left: 1px solid #bbb;
border-right: 1px solid #bbb;
height: 150px;
padding: 2px;
overflow: auto;
font: 12px/16px verdana, arial, sans-serif;
}

.drag-contentarea h2 {
font: 16px/20px  verdana, sans-serif;
color:#456789;
margin:0 0 10px 0;
padding:0 0 0 1px;

}
.drag-contentarea b {color:#777;}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
background: url(Safari001_bund.gif) repeat-x;
height: 15px; /*height of resize image*/
}


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