Making this popup using JqueryUiDialog instead Fancybox

i'm not able to make the popup with jquery uidialog instead fancybox. Here is screenshot of my popup made with fancybox. But for my personal issues rather use jquery uidialog.

How can i:

1. Replace X button with image as shown in screenshot (i have a pic of the close button)
2. Made X button in that position as shown in screenshot.

Here's my html code (is in an external file with htm extension).

<div class="box_principale_mail">
<div class="box_wrapper_mail">
    <div class="page1">
        <div class="box_div_campo">
            <div class="box_etichetta_dati_mail"><span class="etichetta_mail">Destinatario:</span>
            </div>
            <div class="box_input_dati_mail">
                <input readonly="readonly" class="textboxform" id="testoDestinatario" value="' + email + '" type="text" />
            </div>
        </div>
        <div class="box_div_campo">
            <div class="box_etichetta_dati_mail"><span class="etichetta_mail">Nome:</span>
            </div>
            <div class="box_input_dati_mail">
                <input class="textboxform" id="testoNome" type="text" />
            </div>
        </div>
        <div class="box_div_campo">
            <div class="box_etichetta_dati_mail"><span class="etichetta_mail">Cognome:</span>
            </div>
            <div class="box_input_dati_mail">
                <input class="textboxform" id="testoCognome" type="text" />
            </div>
        </div>
        <div class="box_div_campo">
            <div class="box_etichetta_dati_mail"><span class="etichetta_mail">Città:</span>
            </div>
            <div class="box_input_dati_mail">
                <div class="div_citta">
                    <input class="textboxform" id="testoCitta" type="text" placeholder="Città" />
                </div>
                <div class="div_prov">
                    <input class="textboxform" id="testoProvincia" maxlength="2" type="text" placeholder="Prov." />
                </div>
            </div>
        </div>
        <div class="box_div_campo">
            <div class="box_etichetta_dati_mail"><span class="etichetta_mail">Messaggio:</span>
            </div>
            <div class="box_input_dati_mail">
                <textarea class="textboxform" id="testoMessaggio"></textarea>
            </div>
        </div>
        <div class="box_div_campo">
            <div class="box_etichetta_dati_mail">
                <div class="etichetta_mail" id="testoPrivacy" onclick="Flippa()">Privacy</div>
                <input id="checkPrivacy" type="checkbox" />
            </div>
            <div class="box_input_dati_mail">
                <input class="pulsanteInviaEmail" type="button" value="invia" onclick="InviaEmail(\'' + email + '\', \'Richiesta informazioni\')" />
            </div>
        </div>
    </div>
    <div class="page2">
        <div class="etichetta_mail" id="titoloprivacy">Condizioni della Privacy</div>
        <div class="box_div_campo">
            <textarea id="testoContenutoPrivacy" class="boxrotondato"></textarea>
        </div>
        <div class="box_campo_div">
            <input class="pulsanteInviaEmail" type="button" value="Rifiuta" onclick="TogliSpuntaFlippa()" />
            <input class="pulsanteInviaEmail" type="button" value="Accetta" onclick="SpuntaEFlippa()" />
        </div>
    </div>
</div>

For background and text css ok i can do it.

Thanks for any help