.dhtmlwindow{
position: absolute;
border: 0px;
visibility: hidden;
background-color: white;
}

.drag-handle{ /*CSS for Drag Handle*/
padding: 0px;
text-indent: 3px;
font: bold 15px Arial;
color: white;
cursor: hand;
cursor: pointer;
overflow: hidden;
width: auto;

}

/* for the blue widgets */
.drag-handle .blueleft{position:absolute; left:0px; background-image:url(../images/clic_49.gif); width:6px; height:100%;background-repeat: no-repeat; background-color: transparent; }
.drag-handle .blueright{position:absolute;background-image:url(../images/clic_53.gif);width:6px; right:0px;height:100%; background-repeat: no-repeat; background-color: transparent; }
.drag-handle .bluecenter{margin-left:5px;margin-right:5px;margin-bottom:0px;padding:0px;background-image:url(../images/clic_51.gif);background-repeat:repeat-x; height:100%; }
.drag-handle.body_blue_panel{border:0px;background-image:url(../images/blue_panel_bg.gif);}

/* for the purple widgets */
.drag-handle .purpleleft{position:absolute; left:0px; background-image:url(../images/clic_175.gif); width:6px; height:100%;background-repeat: no-repeat; background-color: transparent; }
.drag-handle .purpleright{position:absolute;background-image:url(../images/clic_178.gif);width:6px; right:0px;height:100%; background-repeat: no-repeat; background-color: transparent; }
.drag-handle .purplecenter{margin-left:5px;margin-right:5px;margin-bottom:0px;padding:0px;background-image:url(../images/clic_176.gif);background-repeat:repeat-x; height:100%; }
.drag-handle.body_blue_panel{border:0px;background-image:url(../images/purple_panel_bg.gif);}

/* for the red widgets */
.drag-handle .redleft{position:absolute; left:0px; background-image:url(../images/clic_56.gif); width:6px; height:100%;background-repeat: no-repeat; background-color: transparent; }
.drag-handle .redright{position:absolute;background-image:url(../images/clic_60.gif);width:6px; right:0px;height:100%; background-repeat: no-repeat; background-color: transparent; }
.drag-handle .redcenter{margin-left:5px;margin-right:5px;margin-bottom:0px;padding:0px;background-image:url(../images/clic_58.gif);background-repeat:repeat-x; height:100%; }
.drag-handle.body_red_panel{border:0px;background-image:url(../images/red_panel_bg.gif);}

/* for the dark blue widgets */
.drag-handle .Dblueleft{position:absolute; left:0px; background-image:url(../images/clic_62.gif); width:6px; height:100%;background-repeat: no-repeat; background-color: transparent; }
.drag-handle .Dblueright{position:absolute;background-image:url(../images/clic_67.gif);width:6px; right:0px;height:100%; background-repeat: no-repeat; background-color: transparent; }
.drag-handle .Dbluecenter{margin-left:5px;margin-right:5px;margin-bottom:0px;padding:0px;background-image:url(../images/clic_65.gif);background-repeat:repeat-x; height:100%; }
.drag-handle.body_Dblue_panel{
border:1px solid #C474ED;border-top-width:0px;background-color:#FFFFFF; background-image:url(images/purple_panel_bg.gif);background-repeat:repeat-x;padding:6px;
}

/* for the grey widgets */
.drag-handle .greyleft{position:absolute; left:0px; background-image:url(../images/clic_156.gif); width:6px; height:100%;background-repeat: no-repeat; background-color: transparent; }
.drag-handle .greyright{position:absolute;background-image:url(../images/clic_160.gif);width:6px; right:0px;height:100%; background-repeat: no-repeat; background-color: transparent; }
.drag-handle .greycenter{margin-left:5px;margin-right:5px;margin-bottom:0px;margin-top:0px;padding:0px;background-image:url(../images/clic_158.gif);background-repeat:repeat-x; height:100%; }
.drag-contentarea.body_grey_panel{border:0px;background-color:#7E7E7E;}

/* for the orange widgets */
.drag-handle .orangeleft{position:absolute; left:0px; background-image:url(../images/orange_widget_left.gif); width:6px; height:100%;background-repeat: no-repeat; background-color: transparent; }
.drag-handle .orangeright{position:absolute;background-image:url(../images/orange_widget_right.gif);width:6px; right:0px;height:100%; background-repeat: no-repeat; background-color: transparent; }
.drag-handle .orangecenter{margin-left:5px;margin-right:5px;margin-bottom:0px;padding:0px;background-image:url(../images/orange_widget_center.gif);background-repeat:repeat-x; height:100%; }
.drag-handle.body_orange_panel{border:0px;background-image:url(../images/orange_panel_bg.gif);}

/* for the green widgets */
.drag-handle .greenleft{position:absolute; left:0px; background-image:url(../images/green_widget_left.gif); width:6px; height:100%;background-repeat: no-repeat; background-color: transparent; }
.drag-handle .greenright{position:absolute;background-image:url(../images/green_widget_right.gif);width:6px; right:0px;height:100%; background-repeat: no-repeat; background-color: transparent; }
.drag-handle .greencenter{margin-left:5px;margin-right:5px;margin-bottom:0px;padding:0px;background-image:url(../images/green_widget_center.gif);background-repeat:repeat-x; height:100%; }
.drag-handle.body_green_panel{border:0px;background-image:url(../images/green_panel_bg.gif);}



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


.drag-contentarea{ /*CSS for Content Display Area div*/
color: black;
height: 150px;
overflow: auto;
border:0px solid #70CAEE;
border-bottom-width:0px;
padding:0px;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 0px solid gray;
background-color: #FFFFFF;
height: 10px; /*height of resize image*/
border:1px solid #70CAEE;border-top-width:0px;
}

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