rendered paste body<style>
#overlayForm {
position: absolute;
background-color: white;
border: solid 2px black;
width: 400px;
height: 300px;
visibility: inherit;
}
#overlayFormTitleBar {
background-color: gray;
border-bottom: solid 1px black;
height: 18px;
width: 99%;
font-weight: bold;
padding: 2px;
}
#overlayFormTitleText {
float: left;
display: inline;
}
#overlayClickable {
clear: both;
width: auto;
display: inline;
border-right: solid 1px black;
background-color: red;
}
#overlayTitleIcons {
text-align: right;
float: right;
display: inline;
width: auto;
}
#overlayFormContent {
padding: 5px;
}
</style>
<div id="overlayForm">
<div id="overlayFormTitleBar">
<span id="overlayClickable"
onmousedown="winMan.holdObject('overlayForm');"
onmouseup="winMan.dropHeld();"
ondblclick="winMan.maximizeObject('overlayForm');">
</span>
<span style="clear:both;"></span>
<span id="overlayFormTitleText">Stuff</span>
<span id="overlayTitleIcons">
<img src="minimize.png" onmousedown="winMan.minimizeObject('overlayForm'); return false;"/>
<img src="maximize.png" onmousedown="winMan.maximizeObject('overlayForm'); return false;"/>
<img src="close.png" onmousedown="winMan.hideObject('overlayForm'); return false;"/>
</span>
</div>
<div id="overlayFormContent">
Stuff Here
<textarea cols="40" rows="10">
</textarea>
<br/>
<input id="chkDragFrame" type="checkbox" name="chkDragFrame" value="Outline Windows" checked="true" onchange="toggleDragFrame();"/>Use Drag Frame
<br/>
<input type="button" onClick="xDom.toggleOverlay();" value="Hide Overlay "/>
</div>
</div>