<div id="dialog-Documento" title="Detalle de Documento">
	<div id="divBotoneraCabecera"  style="width:99%; float:left; padding:4px; background:#F7F7F7; border:1px solid #999; margin-bottom:15px;">
        <a href="javascript: TABCATPRO_Constructor();" data-role="button" ><img src='images/icoArrowBack.png' border="none" align="absmiddle">Ver Documentos</a>
    </div>
    <span>Todos los campos son requeridos.</span>
    <input type="hidden"  id="txtIntDocumento" class="ui-widget" />
    
    <div class="ui-widget" style=" width:100%; float:left; margin:8px;">   
        <H1>Codigo</H1>
        <input type="text" id="txtCodigo" style="width:120px;" class="custom-combobox2" />
    </div>
    <div class="ui-widget" style=" width:100%; float:left; margin:8px;">          
        <H1>Nombre</H1>
        <input type="text" id="txtNombre" style="width:500px;" class="custom-combobox2" />
    </div>
    <div class="ui-widget" style=" width:100%; float:left; margin:8px;">          
        <H1>Descripcion</H1>
        <input type="text" id="txtDescripcion" style="width:500px;" class="custom-combobox2" />
    </div>
    
    <div class="ui-widget" style=" float:left; width:99%;">   
        <div class="ui-widget" style=" float:left; width:47%; margin:8px;">   
            <H1>Archivo</H1> 
        </div>
        <div id="divMarcarLeido" class="ui-widget" style=" text-align:right; float:left; width:50%; margin:8px;">
            <span><input id='chkLeido' type="checkbox" style='visibility:visible; display:inherit;' onchange="leido(this)" class="custom-combobox2">&nbsp;Marcar como Leido</span>
        </div>
	</div>
    
    <div id="divFile" class="ui-widget" style=" float:left; width:98%; height:130px; margin:8px; background-color:#F5F5F5;">   
    	<div class="ui-widget" style=" float:left; width:38%; ">
            <div id='divArchivo'></div>
            <br/><input id="btnVerArchivo" type='button' value='Ver Archivo' style="margin-left:10px;" class='custom-button' onclick='showFile(true)' />
        </div>
        <div style='float:left; border-left:1px dotted #CCC; margin-top:20px; padding-left:20px; padding-top:20px; padding-bottom:20px; width:58%;'>
            <img id='loading_file' src='images/loading.gif' style='display:none;'>
            <form action='' method='POST' enctype='multipart/form-data'>
                <input type='file' id='saveFile' name='saveFile' accept='file/*' />
                <input type='button' value='Subir Archivo' style="margin-left:40px;" class='custom-button' onclick='ajaxFileUpload()' style="margin-top:8px;"/>
            </form>
        </div>
    </div>
	<div id="divArchivoVista" class="ui-widget" style=" float:left; width:98%; visibility:hidden; display:none; margin:8px; margin-bottom:0px; background-color:#F5F5F5;">         
        <img id="imgLoading" src="images/loading.gif" style="visibility:visible; display:inherit;"/>
		<iframe id="frameArchivo" src="" style="width:98%; height:420px;" frameborder="0" onload="cargoIframe()"></iframe><br/><br/>
        <div id="divVerVistaSubirArchivo" class="ui-widget" style=" float:left; width:98%; visibility:hidden; display:none; margin:8px; ">         
            <input id="btnVerVistaSubirArchivo" type='button' value='Regresar a Vista Subir Archivo' style="margin-left:10px;" class='custom-button' onclick='showFile(false)' />
        </div>
    </div>
    
	<div id="divMensajesContainer" class="ui-widget" style=" float:left; width:98%; visibility:hidden; display:none; margin:8px; margin-top:0px; background-color:#EDEDED; border-top:5px solid #0F0;">          
        
        <div style="width:99%; height:40px;">
            <h1 style=" float:left; width:50%; margin:9px;">
                <input id="btnMinimizarComentarios" type="image" src="images/arrow_up.png" value="Minimizar" style="margin:0px;" onclick="MinimizarComentarios()"/><a href=" javascript: MinimizarComentarios();"><span id="h1TitleMensajes" style=" margin-top:-15px;"> Comentarios</span></a>
            </h1>
        </div>
        <div id="divMensajesContainer1" style="border-radius:4px; width:530px; background-color:#EEE; margin:5px;">
            No hay Comentarios
        </div>
        <div id="divNuevoMensaje1" style="border-radius:4px; width:500px; padding:10px; margin:5px; background-color:#EEE; border:1px solid #CCC; overflow:auto; overflow-x:hidden;">
            <div>
                <textarea id="txtAreaMensaje1" style="width:400px; height:80px; float:left; margin:5px;"></textarea>
                <input id="btnEnviarMensaje1" type="button" value="Enviar" style="height:80px; float:left; margin:5px;" class="custom-buttonBuscar" onclick="enviarMensaje()"/>
            </div>
        </div>
    </div>
    
    <div id="divAddUsuarios" class="ui-widget" style=" float:left; width:99%; margin:8px;">   
		<H1>Agregar Usuarios</H1>
		<div class="ui-widget" style=" float:left; margin:5px;">        
            <label>Por Departamento</label><br/>
            <select id="selectDepartamento" class="custom-combobox2" style="width:160px;height:27px;">
            </select>
        </div>
		<div class="ui-widget" style=" float:left; margin:5px;">        
            <label>y/o</label>
        </div>
		<div class="ui-widget" style=" float:left; margin:5px; ">        
            <label>Por Usuarios</label><br/>
            <select id="selectUsuarios" class="custom-combobox2" style="width:160px;height:140px;" multiple="multiple">
            </select>
        </div>
    </div>
	    
    <div id="divPermitirComentarios" class="ui-widget" style=" visibility:visible; display:inherit; float:left; width:99%; margin:8px;">   
		<H1>Comentarios</H1>
        <br/>
        <span><input id='chkPermitirComentarios' type="checkbox" onchange="permitirComentarios(this)" class="custom-combobox2" checked="false">&nbsp;Permitir comentarios de los usuarios</span>
    	<br/>
    </div>
	    
    <div id="divBotones" class="ui-widget" style=" float:left; width:99%; margin-top:15px;"> 
        <hr/>
       
        <input id="btnGuardarTABCATPRO"  type="button" value="Guardar" class="custom-button clsBtnGuardar"/> 
        <input id="btnCancelarTABCATPRO"  type="button" value="Cancelar" class="custom-button"/> 
        <input id="btnEliminarTABCATPRO"  type="button" value="Eliminar" class="custom-button clsBtnEliminar"/> 
    </div>

</div>
