<div class="dijitDialog" tabindex="-1" waiRole="dialog" waiState="labelledby-${id}_title">
	<div dojoAttachPoint="titleBar" class="dijitDialogTitleBar">
		<span dojoAttachPoint="titleNode" class="dijitDialogTitle" id="${id}_title"></span>
		<span dojoAttachPoint="closeButtonNode" class="dijitDialogCloseIcon" dojoAttachEvent="onclick: onCancel" title="${buttonCancel}">
			<span dojoAttachPoint="closeText" class="closeText" title="${buttonCancel}">x</span>
		</span>
	</div>
	<div dojoAttachPoint="containerNode" class="dijitDialogPaneContent">
		<!-- Actual content here -->
		<div style="display: none; padding-top: 10px; padding-bottom: 10px;" dojoAttachPoint="commitInfoBar"><b dojoAttachPoint="commitInfo"></b></div>
		
		<div style="display: table">
		
			<div style="display: table-row">
				<div style="display: table-cell; padding: 5">
					<label dojoAttachPoint="commitMessageLabel" for="${id}_commitMessage" style="padding-right: 10">${commitMessageLabelText}</label>
				</div>
				<div style="display: table-cell; padding: 5; width: 40em; text-align: left;">
					<input dojoAttachPoint="commitMessage" id="${id}_commitMessage" style="display: inline-block; width: 98%;" value="">
				</div>
			</div>
			
			<div style="display: table-row">
				<div style="display: table-cell; padding: 5">
					<label dojoAttachPoint="amendLabel" for="${id}_amend" style="padding-right: 10">${amendLabelText}</label>
				</div>
				<div style="display: table-cell; padding: 5; width: 40em; text-align: left;">
					<input dojoAttachPoint="amend" id="${id}_amend" type="checkbox" style="display: inline-block;">
				</div>
			</div>
			
			<div style="display: table-row">
				<div style="display: table-cell; padding: 5">
					<label dojoAttachPoint="committerNameLabel" for="${id}_committerName" style="padding-right: 10">${committerNameLabelText}</label>
				</div>
				<div style="display: table-cell; padding: 5; width: 40em; text-align: left;">
					<input dojoAttachPoint="committerName" id="${id}_committerName" style="display: inline-block; width: 98%;" value="">
				</div>
			</div>
			
			<div style="display: table-row">
				<div style="display: table-cell; padding: 5">
					<label dojoAttachPoint="committerEmailLabel" for="${id}_committerEmail" style="padding-right: 10">${committerEmailLabelText}</label>
				</div>
				<div style="display: table-cell; padding: 5; width: 40em; text-align: left;">
					<input dojoAttachPoint="committerEmail" id="${id}_committerEmail" style="display: inline-block; width: 98%;" value="">
				</div>
			</div>
			
			<div style="display: table-row">
				<div style="display: table-cell; padding: 5">
					<label dojoAttachPoint="authorNameLabel" for="${id}_authorName" style="padding-right: 10">${authorNameLabelText}</label>
				</div>
				<div style="display: table-cell; padding: 5; width: 40em; text-align: left;">
					<input dojoAttachPoint="authorName" id="${id}_authorName" style="display: inline-block; width: 98%;" value="">
				</div>
			</div>
			
			<div style="display: table-row">
				<div style="display: table-cell; padding: 5">
					<label dojoAttachPoint="authorEmailLabel" for="${id}_authorEmail" style="padding-right: 10">${authorEmailLabelText}</label>
				</div>
				<div style="display: table-cell; padding: 5; width: 40em; text-align: left;">
					<input dojoAttachPoint="authorEmail" id="${id}_authorEmail" style="display: inline-block; width: 98%;" value="">
				</div>
			</div>
			
			<div style="display: table-row">
				<div style="display: table-cell; padding: 5"></div>
				<div style="display: table-cell; padding: 5">
					<button dojoAttachPoint="commitChangesButton" dojoType="dijit.form.Button" type="submit" value="OK" style="padding: 20 0 10 0; float: right; clear: both;">OK
					</button>
				</div>
			</div>
		</div>
	</div>
</div>