.draggable-overlay-popup {
    position: absolute;
    border: 1px solid black;
}

.vertical-drop-shadow {
    left:200px;
    top:200px;
    width:8px;
    height:200px;
    background:url(../../images/et1/popup/overlay/utils/horz_gradient.gif) repeat-y;
    position:absolute;
    opacity:0.6;
}

.horizontal-drop-shadow {
    left:0px;
    top:0px;
    width:200px; 
    height:8px;
    background:url(../../images/et1/popup/overlay/utils/vert_gradient.gif) repeat-x;
    position:absolute;
    opacity:0.6;
}

.corner-drop-shadow {
    left:0px;
    top:0px;
    width:8px;
    height:8px;
    background:url(../../images/et1/popup/overlay/utils/corn_gradient.gif) no-repeat;
    position:absolute;
    opacity:0.6;
}

.overlay-popup-inner-container {
    height: 100%;
    width: 100%;
}

.overlay-popup-canvas { }

.overlay-popup-focused {
    background-color: rgb( 180, 180, 255 );
}

.overlay-popup-blurred {
	background-color: rgb( 230, 230, 255 );
}


/* Resizable Css */

.resizable {
	cursor: default;
    padding: 0px;
    /* background-color: rgb( 155, 155, 155 ); */
}

.end-resize-hot-zone {
    cursor: default;
}

.in-resize-hot-zone-east-west {
    cursor: ew-resize;
}

.in-resize-hot-zone-north-south {
    cursor: ns-resize;
}

.in-resize-hot-zone-southeast {
    cursor: se-resize;
}

.in-resize-hot-zone-southwest {
    cursor: sw-resize; 
}

.in-resize-hot-zone-northeast {
    cursor: ne-resize; 
}

.in-resize-hot-zone-northwest {
    cursor: nw-resize; 
}       


/* - - - - - */


/* Standard (not rounded-corner) contextual help css. 
   Also uses longer callout arrow.
   See 'tooltip_core.css' and its relatives for the css 
   for rounded-corner contextual help css (which is more like tooltip, since
   its corners are rounded, integrating it into the page as a more tip-like 
   element).
 */

.contextual-help-overlay-popup {
    width: 200px;
    /*height: 200px;*/
    position: absolute;
    border: 1px solid black;
    font-family: Arial;
    font-size: 13px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.overlay-popup-callout {
    left:200px;
    top:200px;
    width:70px;
    height:50px;
    position:absolute;
}

.spin_loader {
    /*
      Got loading image file from http://www.ajaxload.info/
      This is the license for this image:
      "Generated gifs are totally free for use."
    */
    background: url(../../images/et1/popup/overlay/draggable/dialog/spin_loader.gif) no-repeat center center;
    height: 100px;
    width: 200px;
}

.callout_br {
    background:url( ../../images/et1/popup/overlay/draggable/dialog/long_callout_arrow/callout_br.gif ) no-repeat right;
}

.callout_bl {
    background:url( ../../images/et1/popup/overlay/draggable/dialog/long_callout_arrow/callout_bl.gif ) no-repeat left;
}

.callout_tr {
    background:url( ../../images/et1/popup/overlay/draggable/dialog/long_callout_arrow/callout_tr.gif ) no-repeat right;
    margin-top: -1px;
}

.callout_tl {
    background:url( ../../images/et1/popup/overlay/draggable/dialog/long_callout_arrow/callout_tl.gif ) no-repeat left;
    margin-top: -1px;
}

.overlay-popup-focused {
    background-color: rgb( 255, 255, 230 );
}

.overlay-popup-blurred {
	background-color: rgb( 255, 255, 230 );
}

.ie-6-select-box-hider {
 position: absolute;
 overflow: visible;
}