.dhtmlwindow {
  position: absolute;
  border: none;
  visibility: hidden;
  background-image: url('../images/windows/blank.png');
  background-repeat: repeat;
  display:table;
  width: 600px;
}

.drag-titlediv{
  position: absolute;
  top:30px;
  text-align:left;
  height: 24px;
  vertical-align:bottom;
}

.drag-handle {
  width: 600px;
  height:54px;
  cursor: move;
}

.drag-topright {
  width: 7px;
  height:54px;
  float:right;
  background-image: url('../images/windows/top-right.png');
  background-repeat: no-repeat;
}

.drag-topcontainer {
  height:54px;
  width: 593px;
  float:left;
}

.drag-topcenter {
  height:54px;
  float:right;
  width:586px;
  background-image: url('../images/windows/top-middle.png');
  background-repeat: repeat-x;
  color:white;
}

.drag-topleft {
  height:54px;
  width: 7px;
  float:left;
  background-image: url('../images/windows/top-left.png');
  background-repeat: no-repeat;
}

.drag-middle {
  width:600px;
  height:300px;
}

.drag-middleright {
  width: 7px;
  height:300px;
  float:right;
  background-image: url('../images/windows/middle-right.png');
  background-repeat: repeat-y;
}

.drag-middlecontainer {
  float:left;
  width: 593px;
  height:300px;
}

.drag-contentarea {
  width:586px;
  height:300px;
  float:right;
  background:white;
}

.drag-middleleft {
  width: 7px;
  height:300px;
  float:left;
  background-image: url('../images/windows/middle-left.png');
  background-repeat: repeat-y;
}

.drag-statusarea {
  width:600px;
  height:23px;
}

.drag-bottomright {
  width: 7px;
  height:23px;
  float:right;
  background-image: url('../images/windows/bottom-right.png');
  background-repeat: no-repeat;
}

.drag-bottomcontainer {
  float:left;
  width:593px;
  height:23px;
}

.drag-bottomcenter {
  width:586px;
  height:23px;
  float:right;
  background-image: url('../images/windows/bottom-middle.png');
  background-repeat: repeat-x;
}

.drag-bottomleft {
  width: 7px;
  height:23px;
  float:left;
  background-image: url('../images/windows/bottom-left.png');
  background-repeat: no-repeat;
}

.drag-clear {
  clear:both;
}

.drag-resizearea { /*CSS for Resize Area itself*/
  float: right;
  width: 8px; /*width of resize image*/
  height: 23px; /*height of resize image*/
  cursor: nw-resize;
  font-size: 0;
  background-image: url('../images/windows/resize.png');
  background-repeat: no-repeat;
}

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

.emptybutt {
  width: 1px;
  height: 19px;
  background-image: url('../images/windows/emptybutt.png');
}

.closebutton {
  width: 38px;
  height: 19px;
  background-image: url('../images/windows/close.png');
}

.closebutton:hover {
  width: 38px;
  height: 19px;
  background-image: url('../images/windows/closep.png');
}

.minbutton {
  width: 30px;
  height: 19px;
  background-image: url('../images/windows/min.png');
}

.minbutton:hover {
  width: 30px;
  height: 19px;
  background-image: url('../images/windows/minp.png');
}

.maxbutton {
  width: 24px;
  height: 19px;
  background-image: url('../images/windows/max.png');
}

.maxbutton:hover {
  width: 24px;
  height: 19px;
  background-image: url('../images/windows/maxp.png');
}

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