$(document).ready(function() {
    var diagOpts = {
        modal : true,
        closeOnEscape : true,
        dialogClass : "legal-notes",
        resizable : false
    };
    
    $("#legalNotes").click(function(){
        $("#legalNotesContent").dialog(diagOpts);
    });
    
    $("#legalNotesContent").on("click", ".closePopup", function(){
        $("#legalNotesContent").dialog("close");
    });
    
    $(document).on('click', '.ui-widget-overlay',function(event) {
		$("#legalNotesContent").dialog("close");
		event.stopPropagation();
	});
    
});