.overlay_popup {
	font-family: "Arial";
	background-color: #F4F4F4;
	box-shadow: 3px 3px 4px #AAA; 
	border-radius: 5px;  
}

.overlay_maximized .overlay_popup {
    border-radius: 0;    
}
.overlay_active .overlay_popup {
	opacity: 1;	
}

.overlay_main {
	border: 1px solid silver;
	border-top: 0;    
	border-bottom-left-radius: 5px;    
	border-bottom-right-radius: 5px;    
}
.overlay_maximized .overlay_main {
    border-radius: 0;    
}
.overlay_header {
	height: 22px;
	line-height: 22px;
	padding-left: 10px;
	border-bottom: 1px solid silver;
	font-size: 12px;
	color: black;
	font-weight: bold;
    background-image: linear-gradient(to bottom, #F8F8F8 0%, #E4E4E4 50%, #D5D5D5 50%);
	border: 1px solid silver;
	border-bottom: 0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.overlay_active .overlay_header {
	color: white;
    background-image: linear-gradient(to bottom, #6EC5EC 0%, #098BC7 100%);
	border: 1px solid #0F9EDF;
	border-bottom: 0;
} 
.overlay_maximized .overlay_header {
    border-radius: 0;    
}
.overlay_content {
	background-color: #F0F0EE;
	padding: 5px;
}
.overlay_controls {
	top: 3px;
	right: 5px;    
}
.overlay_control_close {
	background: url("../img/buttons.gif") repeat scroll -87px -16px transparent;
	width: 29px;
	height: 16px;    
	border: 1px solid silver;
	border-radius: 3px 3px 3px 3px;
	box-shadow: 0 0 2px silver;    
}
.overlay_control_max {
	background: url("../img/buttons.gif") repeat scroll -58px -16px transparent;
	width: 29px;
	height: 16px;    
	border: 1px solid silver;
	border-radius: 3px 3px 3px 3px;
	box-shadow: 0 0 2px silver;    
}
.overlay_active .overlay_control_close {
	border: 1px solid #0F9EDF;
	box-shadow: 0 0 2px #0F9EDF;    
}
.overlay_active .overlay_control_max {
	border: 1px solid #0F9EDF;
	box-shadow: 0 0 2px #0F9EDF;    
}
.overlay.overlay_maximized .overlay_control_max {
	background-position: -29px 16px;    
}
.overlay_controls > div:hover {
	border: 1px solid silver;
}
.overlay_button {
	font-size: 14px;
	display: inline-block;
    
	background-image: linear-gradient(to bottom, #79CDFD 0%, #4AACDA 100%);
	border: 0;
	border-top: 1px solid #A8DFFE;
	border-bottom: 1px solid #3A89AE;
	border-radius: 10px;
	padding: 0 10px;
	color: white;
	line-height: 27px;
	height: 27px;
	outline: 0;
	margin: 0;
	cursor: pointer; 
	outline: 0;   
}

.overlay_button.left {
	margin-right: 5px;
}   

.overlay_button.right {
	margin-left: 5px;	
}

.overlay_button:hover {
    background-image: linear-gradient(to bottom, #DEDEDE 0%, #B5B5B5 100%);
	border-top: 1px solid silver;
	border-bottom: 1px solid silver;
}

.overlay_popup.dialog .overlay_content {
	font-size: 14px;	
}

.overlay_popup .admin_form {
	margin: 0;
	padding: 0;
	border: 0;
	background-color: transparent;	
}

.overlay_loader {
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    width: 100px;
    height: 100px;
    transform: translate(-50%, -50%);
    border: 5px solid rgba(0, 0, 0, 0.1);
    border-left: 5px solid rgba(255,102,0, 0.7);
    border-radius: 50%;
    box-model: border-box;
    animation: loader_rotate 1.1s infinite linear;    
}
 
@keyframes loader_rotate {
    0% { transform: rotate(0deg)  }
    100% { transform: rotate(360deg) }
}