﻿    <div class="dialogDocument" title="Document" style="display: none; width: 600px; height: 400px; min-width: 600px; min-height: 400px">
        <div style="margin: 5px">
            <form class="documentForm">
                <!-- ko with: document -->
                <!--<div style="margin-bottom:5px"><div style="float:left">Uploaded by: <span data-bind="html: UploadedUser"/></div><div style="float:right">Upload at: <span data-bind="html: DateTimeFormatter(UploadedDate)"/></div></div>-->
                <div data-ej-bind="textBox: { title: 'Description', value: 'Description', maxlength:100, class:'required' }" />
                <!-- /ko -->
            </form>
        </div>
        <div style="margin-top: 5px; display: none; width: 330px; text-align: center; margin: auto" data-bind="visible: document() !== null && document().OnlineQueryId() == -1">
            <br />
            <span class="fileinput-button GlassyButton">Upload document...<input class="documentUpload"
                type="file" name="files[]" accept=".png,.jpg,.tif,.tiff,.pdf,.doc,.docx,.xls,.xlsx,.rtf,.mp3" />
            </span>
            <input type="button" value="Cancel Upload" class="GlassyButton cancelDocumentUpload" />
            <br />
            <br />
            <!-- The global progress bar -->
            <div class="fileUploadProgress" style="width: 250px; margin: 0px auto;">
                <div class="progress-text">
                    No document uploaded
                </div>
            </div>
        </div>      
    </div>