XtreamAll Panel

<div id="draggable_window"  style="position:fixed;z-index:9000;left:10000px;top:100px;width:260px;height:300px;background:#f0f0f0;cursor:move;overflow:auto;"></div>

<div id="draggable_window_border_1"  style="opacity:0.9;position:fixed;z-index:9000;width:10px;height:10px;background:#000000;cursor:nwse-resize;overflow:hidden;border-radius:10px 0px 0px 0px;"></div>

<div id="draggable_window_border_2"  style="opacity:0.9;position:fixed;z-index:9000;width:10px;height:10px;background:#000000;cursor:ns-resize;overflow:hidden;"></div>

<div id="draggable_window_border_3"  style="opacity:0.9;position:fixed;z-index:9000;width:10px;height:10px;background:#000000;cursor:nesw-resize;overflow:hidden;border-radius:0px 10px 0px 0px;"></div>

<div id="draggable_window_border_4"  style="opacity:0.9;position:fixed;z-index:9000;width:10px;height:10px;background:#000000;cursor:ew-resize;overflow:hidden;"></div>

<div id="draggable_window_border_5"  style="opacity:0.9;position:fixed;z-index:9000;width:10px;height:40px;background:#000000;cursor:nwse-resize;overflow:hidden;border-radius:0px 0px 10px 0px;"></div>

<div id="draggable_window_border_6"  style="opacity:0.9;position:fixed;z-index:9000;width:10px;height:40px;background:#000000;cursor:ns-resize;overflow:hidden;">

<div class="zoom_1" onclick="maximise_draggable('draggable_window');"  title="Maximize" style="margin-top:8px;margin-right:2px;width:20px;height:20px;border-:1px solid #ffffff;background:#0000ee;border-radius:50%;cursor:pointer;float:right;"></div>

<div class="zoom_1" onclick="hide_draggable('draggable_window');" title="Minimize" style="margin-top:8px;margin-right:10px;width:80px;height:17px;border-:1px solid #ffffff;background:#aa0000;border-radius:10px 10px 10px 10px;cursor:pointer;float:right;color:#ffffff;font-size:9px;text-align:center;padding-top:3px;">CLOSE</div>

</div>

<div id="draggable_window_border_7"  style="opacity:0.9;position:fixed;z-index:9000;width:10px;height:40px;background:#000000;cursor:nesw-resize;overflow:hidden;border-radius:0px 0px 0px 10px;"></div>

<div id="draggable_window_border_8"  style="opacity:0.9;position:fixed;z-index:9000;width:10px;height:10px;background:#000000;cursor:ew-resize;overflow:hidden;"></div>

<div id="draggable_window_direction_1"  style="opacity:0.9;position:fixed;z-index:9000;width:20px;height:20px;cursor:pointer;overflow:hidden;visibility:hidden;">
<div style="width:20px;height:20px;background:#000000;transform:rotate(-45deg);position:relative;top:15px;"></div>
</div>

<div id="draggable_window_direction_2"  style="opacity:0.9;position:fixed;z-index:9000;width:20px;height:20px;overflow:hidden;visibility:hidden;">
<div style="width:20px;height:20px;background:#000000;transform:rotate(-45deg);position:relative;left:-15px;"></div>
</div>

<div id="draggable_window_direction_3"  style="opacity:0.9;position:fixed;z-index:9000;width:20px;height:20px;overflow:hidden;visibility:hidden;">
<div style="width:20px;height:20px;background:#000000;transform:rotate(-45deg);position:relative;top:-15px;"></div>
</div>

<div id="draggable_window_direction_4"  style="opacity:0.9;position:fixed;z-index:9000;width:20px;height:20px;overflow:hidden;visibility:hidden;">
<div style="width:20px;height:20px;background:#000000;transform:rotate(-45deg);position:relative;left:15px;"></div>
</div>