custom alert dialog box

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0049)http://az18u8839:5790/qbommgr/bm_dashboard.action -->
<!DOCTYPE html PUBLIC "" ""><HTML><HEAD lang="en"><META content="IE=10.000" http-equiv="X-UA-Compatible">

<META charset="UTF-8">
<META http-equiv="X-UA-Compatible" content="IE=EDGE">   
<META name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimal-ui">
    <TITLE>KIS</TITLE>
<LINK href="css/jquery-ui-1.10.3.custom.css" rel="stylesheet" type="text/css">
<SCRIPT src="js/jquery-1.11.2.min.js" type="text/javascript"></SCRIPT>
<SCRIPT src="js/jquery-ui.min.js" type="text/javascript"></SCRIPT>

<SCRIPT>

function ShowDialogBox(title, content, btn1text) {
               
                $("#lblMessage").html(content);

                $("#dialog").dialog({
                    resizable: false,
                    title: title,
                    modal: true,
                    width: '400px',
                    height: 'auto',
                    bgiframe: false,
                    hide: { effect: 'scale', duration: 400 },

                    buttons: [
{
text: btn1text,
click: function () {
$("#dialog").dialog('close');
}
}
]
                });
            }

function copyFile() {
ShowDialogBox('Warning','Message Here..!! ','Close/OK');
}
</SCRIPT>

<META name="GENERATOR" content="MSHTML 10.00.9200.17492"></HEAD>
<BODY>
<button type="button" class="button1" onclick="copyFile()" >  Button1 </button>

<div id="dialog" title="Alert message" style="display: none">
<div class="ui-dialog-content ui-widget-content">
<p>
<label id="lblMessage" align="left"> </label>
</p>
</div>
</div>

 </BODY></HTML>