.drop{ position:absolute; top:-10px; left:-10px; overflow:hidden; background:red; z-index:998; }
.drag, .dragmove{ position:absolute; top:-40px; left:-40px; background:#fff; color:red; border:1px solid #ccc; font:10px verdana, sans-serif; padding:1px; overflow:hidden; z-index:999; }
.dragmove{ color:#000; }
.resizeknob{ position:absolute; top:-40px; left:-40px; background:#fff; width :6px; height:6px; border:1px solid #000; overflow:hidden; }
.resizet, .resizeb { position:absolute; top:-40px; left:-40px; background: transparent url(../../mod/images/rsh.gif) repeat-x 0 0; width :1px; height:1px; overflow:hidden; }
.resizer, .resizel { position:absolute; top:-40px; left:-40px; background: transparent url(../../mod/images/rsv.gif) repeat-y 0 0; width :1px; height:1px; overflow:hidden; }
.resizebox{ font:10px arial; border:1px solid #000; padding:2px; background:#ccc; filter:alpha(opacity=90); opacity: 0.9; -moz-opacity:0.9; }

/*----fading screen overlay---*/
#overlay{  position: absolute; top: 0; left: 0; z-index: 990; width: 100%; height: 100%; background:#000; }
/*----contents container inside overlay has specific size and position-------*/
#lightbox{ position: absolute; top: 0; left: 0; z-index: 991; width: 500px;  height:500px; background:#fff; border:1px solid #000; }
#lightbox .box { background:#000; color:#fff; padding:2px; text-align:center; }
#lightbox .box img { float:right; }
#lightdata { overflow:auto; }