.dhtmlwindow{  /*wrapper for the POPUP WINDOW*/
position: absolute;
visibility: hidden;
background-color:#FFF;
}

.drag-handle{ /*wrapper for the HEADER*/
font: bold 14px Arial;
cursor: move;
position: relative;
height:33px;   /*this must be equal to the height of .drag-header */
padding:0;
margin:0;
}
.drag-handle .drag-left{ /*HEADER - top-left corner*/
position: absolute;
left: 0px;
top: 0px;
bottom: 0px;
width: 16px;  /*this must be less than or equal to the width of the top-left corner image */
height: 100%;
background: transparent url(http://www.jongha.com/images/GrayBoxTopLeft.gif) top left no-repeat;
}
.drag-handle .drag-header{ /*HEADER - top middle*/
padding-top:12px;     /*position of the title */
padding-left:5px;     /*position of the title */
height: 33px;         /*this must be equal to the height of the top-middle image*/
margin-left: 16px;    /*this must be equal to the width of .drag-left*/
margin-right: 16px;   /*this must be equal to the width of .drag-controls*/
background: transparent url(http://www.jongha.com/images/GrayBoxTopMiddle.gif) top left repeat-x;
}
.drag-handle .drag-controls{ /*HEADER - top-right corner*/
position: absolute;
right: 0px;
top: 0px;
bottom: 0px;
cursor: hand;
cursor: pointer;
width: 16px;  /*this must be less than or equal to the width of the top right corner image */
height: 100%;
padding-top: 10px;     /*position the close button*/
padding-right: 15px;   /*position the close button*/
background: transparent url(http://www.jongha.com/images/GrayBoxTopRight.gif) top right no-repeat;
}

.contentarea-wrapper{  /*wrapper for the CONTENTAREA*/
position: relative;
height: 100%;
}
.contentarea-wrapper .contentarea-left{ /*CONTENTAREA - left side*/
position: absolute;
left: 0px;
top: 0px;
bottom: 0px;
width: 10px;   /*less than or equal to the width of the left-side image */
height:100%;
background:url(http://www.jongha.com/images/GrayBoxMidLeft.gif) top left repeat-y transparent;
}
.contentarea-wrapper .drag-contentarea{ /*CONTENTAREA - middle*/
padding: 0px 8px 0px 0px;
overflow: auto;
background-color: #FFFFFF;
margin-left: 10px;    /*this must be equal to the width of .contentarea-left */
margin-right: 7px;    /*this must be equal to the width of .contentarea-right */
}
.contentarea-wrapper .contentarea-right{ /*CONTENTAREA - right side*/
position: absolute;
right: 0px;
top: 0px;
bottom: 0px;
width: 7px;   /*less than or equal to the width of the right-side image */
height:100%;
background:url(http://www.jongha.com/images/GrayBoxMidRight.gif) top right repeat-y transparent;
}

.statusarea-wrapper{  /*wrapper for the FOOTER*/
position: relative;
height: 14px;    /*this must be equal to the height of .drag-statusarea */
}
.statusarea-wrapper .drag-bottomleft{ /*FOOTER - bottom-left corner*/
position: absolute;
left: 0px;
top: 0px;
bottom: 0px;
width: 16px;  /*width of the bottom-left corner image */
height: 100%;
background: transparent url(http://www.jongha.com/images/GrayBoxBottomLeft.gif) top left no-repeat;
}
.statusarea-wrapper .drag-statusarea{ /*FOOTER - middle*/
height: 14px;         /*this must be equal to the height of the bottom-middle image*/
margin-left: 16px;    /*this must be equal to the width of .drag-bottomleft */
margin-right: 16px;   /*this must be equal to the width of .drag-resizearea */
background: transparent url(http://www.jongha.com/images/GrayBoxBottomMiddle.gif) bottom left repeat-x;
}
.statusarea-wrapper .drag-resizearea{ /*FOOTER - bottom right corner*/
position: absolute;
right: 0px;
top: 0px;
bottom: 0px;
width: 16px;    /*width of the bottom-right corner image */
height: 14px;   /*height of the bottom-right corner image */
cursor: nw-resize;
font-size: 0;
background: transparent url(http://www.jongha.com/images/GrayBoxBottomRight.gif) bottom right no-repeat;
/*background: transparent url('+this.imagefiles[3]+') top right no-repeat;*/
}