.overlay_glass {
	opacity: 0.5;   
	background-color: white;
	position:fixed; top:0px; left:0px; width:100%; height:100%; text-align:center; vertical-align:middle;  
	
	display: none;  
}          

.overlay_outline {
	opacity: 0.5; 
	  
	border: 1px solid black;
	background-color: gray;
	position: fixed; 
	
	display: none;
}

.overlay_popup {
	background-color: transparent;
	position: fixed; 
	top: 0;
	vertical-align: middle;    
	display: none;
}

.overlay_header {
	height: 20px;
	padding-left: 5px;
	padding-right: 5px;
}

.overlay_popup.overlay_noheader .overlay_main {
	padding-top: 5px;
}

.overlay_popup:not(.overlay_noheader) .overlay_main {
	border-top-left-radius: 0;	
	border-top-right-radius: 0;    
	border-top: 0;
}

.overlay_resize_tl { position: absolute; top: 0; left: 0; width: 5px; height: 5px; cursor: nw-resize }
.overlay_resize_t { position: absolute; top: 0; left: 0; right: 0; height: 5px; cursor: n-resize }
.overlay_resize_tr { position: absolute; top: 0; right: 0; width: 5px; height: 5px; cursor: ne-resize }
.overlay_resize_l { position: absolute; top: 0; left: 0; bottom: 0; width: 5px; cursor: w-resize }
.overlay_resize_r { position: absolute; top: 0; right: 0; bottom: 0; width: 5px; cursor: e-resize }
.overlay_resize_bl { position: absolute; bottom: 0; left: 0; width: 5px; height: 5px; cursor: sw-resize }
.overlay_resize_b { position: absolute; bottom: 0; left: 0; right: 0; height: 5px; cursor: s-resize }
.overlay_resize_br { position: absolute; bottom: 0; right: 0; width: 5px; height: 5px; cursor: se-resize }

.overlay_hook {
	-webkit-user-select: none; 
	-moz-user-select: none;  
	-ms-user-select: none;   
	-o-user-select: none;
	user-select: none;              
}

.overlay_main {
    padding: 5px;    
}
.overlay_content {
    position: relative;
}

.overlay_content.overlay_locked:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background-color: rgba(255,0,0,0.2);
}

.overlay_loader {
	position: fixed;
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%;	
	background-repeat: no-repeat;
	background-position: center center;
	display: none;
}

.overlay_controls {
	position: absolute;
	right: 5px;
	top: 0;	
}

.overlay_controls > div {
	display: inline-block;
	cursor: pointer;
}

.overlay_button.left {
	float: left;        	
}

.overlay_button.right {
	float: right;	
}

.overlay_buttons {
	padding: 5px;
}

.overlay_buttons:after {
	display: block;
	content: " ";
	clear: both;
	height: 1px;
}

.overlay_main {
}

.overlay_element {
	background-color: transparent;
	position: fixed; 
}

.overlay_edit {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;	
}

.overlay_scrollable {
	overflow: auto;	
}

.overlay_resizing iframe,
.overlay_resizing .mceEditor {
    display: none;    
}

.overlay_popup.overlay_maximized_v {
    top: 0;
    bottom: 0;
}
.overlay_popup.overlay_maximized_h {
    left: 0;
    right: 0;
}

.overlay_buttons {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}
.overlay_content {
    overflow: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}