<ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder"
	xmlns:g="urn:import:com.google.gwt.user.client.ui"
	xmlns:b="urn:import:com.github.gwtbootstrap.client.ui">
	<ui:style>
	.important {
		font-weight: bold;
	}
	
	.button-save-style {
		margin-top: 10px;
		float: right;
	}
	
	.max-height-500 {
		max-height: 450px;
	}
	
	.margin-top-10 {
		margin-top: 10px;
	}
	
	.info-operation {
		font-size: 12px;
		color: gray;
	}
	</ui:style>
	<g:HTMLPanel>
		<g:HTMLPanel ui:field="alertHTMLPanel">
		</g:HTMLPanel>
		<g:HTMLPanel ui:field="htmlPanelContainer">
			<b:Form type="INLINE">
				<b:Fieldset addStyleNames="form-fieldset-edit">
					<b:ControlGroup>
						<b:Label type="INFO">Select the section of the document you want
							to update...</b:Label>
						<b:Controls>
							<b:ListBox ui:field="listBoxSections"></b:ListBox>
						</b:Controls>
					</b:ControlGroup>
					<b:ControlGroup ui:field="controlsControlGroup"
						visible="false">
						<b:Label type="INFO">Manage the content of</b:Label>
						<b:Controls>
							<g:ScrollPanel ui:field="scrollSectionContent"></g:ScrollPanel>
						</b:Controls>
					</b:ControlGroup>
					<b:ControlGroup>
						<g:ScrollPanel>
							<g:HTMLPanel ui:field="uploadFileContainer"
								addStyleNames="upload-file-container"></g:HTMLPanel>
						</g:ScrollPanel>
					</b:ControlGroup>
				</b:Fieldset>
			</b:Form>
		</g:HTMLPanel>
		<g:HTMLPanel>
			<g:HTMLPanel addStyleNames="{style.info-operation}">
				To update the document:
				"Select the Section you wish to update, update the metadata and/or
				the
				file/s and then confirm by clicking on "Create".
				Finally select
				"Update".
			</g:HTMLPanel>
			<b:Button icon="SAVE" type="INFO"
				addStyleNames="{style.button-save-style}" ui:field="buttonUpdate">UPDATE</b:Button>
		</g:HTMLPanel>

	</g:HTMLPanel>
</ui:UiBinder>