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

.drag-handle{ /*CSS for Drag Handle*/
padding: 6px;
text-indent: 3px;
color: white;
cursor: move;
overflow: hidden;
width: auto;
}

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

* 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: white;
font-size: .75em;
font-family:Arial, Helvetica, sans-serif;
color: black;
height: 150px;
padding: 2px;
overflow: auto;
padding: 0 0 20px;
}

.drag-contentarea p, .drag-contentarea h1, .drag-contentarea h2, .drag-contentarea h3, .drag-contentarea ul {
padding: 0px 20px;
}

.drag-contentarea p {
	line-height: 1.4em; }

.drag-contentarea h1 {
	font-size: 1.6em;
	line-height: 1.2em;
	margin: 0 0 5px; }

.drag-contentarea h2 {
	font-size: 1.2em;
	margin: 20px 0 5px; }

.drag-contentarea h3 {
	font-size: 1.5em;
	margin: 0;
	padding: 0;
	text-align: center; }

.drag-contentarea li {
	line-height: 1.4em;
	margin: 0 0 10px 10px; }

.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;
}