<form id="inlineForm" class="lotusForm2" method="post" action="javascript:;" aria-live="assertive">

	<!-- error summary -->
	<div id="errorSummary" class="lotusMessage2" role="alert" style="display:none;">
	<img class="lotusIcon lotusIconMsgError" src="../../css/images/blank.gif" alt="Error" /><span class="lotusAltText">Error:</span> <div class="lotusMessageBody">Please check the following:
		<ul>
			<li><strong>Title</strong> [relevant error text]</li>
			<li><strong>Description</strong> [relevant error text]</li>
			<li><strong>Select</strong> [relevant error text]</li>
			<li><strong>Fieldset example</strong> [relevant error text]</li>
		</ul>
	</div></div>
	
		<!-- form header (use a div instead of a header tag if you aren't using html5) -->
		<header class="lotusFormTitle">
			<h1 class="lotusHeading" aria-describedby="formDesc">Form Title</h1>
			<div id="formDesc" class="lotusMeta">Descriptive text goes here, if desired</div>
		</header>
		
		<!-- form body -->
		<div class="lotusFormBody">

		<div class="lotusFormField">
			<label for="title"><span class="lotusFormRequired" title="Required field">*</span>Title:</label>
			<div class="lotusFieldWrapper"><input class="lotusText" type="text" id="title" name="title" value="" aria-required="true" /></div>
			<span class="lotusFormErrorIcon" id="errorTitle"><img class="lotusIconMsgError" src="../../css/images/blank.gif" alt="Error" /><span class="lotusAltText">X</span></span>
		</div>	
				
		<div class="lotusFormField">
			<label for="description">Description:</label>
			<div class="lotusFieldWrapper"><textarea class="lotusText" id="description" name="description" rows="5" cols="20"></textarea></div>		
			<span class="lotusFormErrorIcon"><img class="lotusIconMsgError" src="../../css/images/blank.gif" alt="Error" /><span class="lotusAltText">X</span></span>			
		</div>
		
		<div class="lotusFormField">
			<label for="chooser">Select:</label>
			<div class="lotusFieldWrapper"><select id="chooser" name="chooser"><option value="1">Option 1</option><option value="2">Option 2</option><option value="3">Option 3</option></select></div>	
			<span class="lotusFormErrorIcon"><img class="lotusIconMsgError" src="../../css/images/blank.gif" alt="Error" /><span class="lotusAltText">X</span></span>				
		</div>
		
		<div class="lotusFormField">
		<fieldset class="lotusFieldset" role="radiogroup">
				<legend>Fieldset example</legend>
				<div class="lotusFieldWrapper"><input type="radio" id="radio1" name="radio1" class="lotusCheckbox" checked="checked" value="false" /><label class="lotusCheckbox" for="radio1">Radio button label text</label></div>
				<div class="lotusFieldWrapper"><input type="radio" id="radio2" name="radio2" class="lotusCheckbox" value="true" /><label class="lotusCheckbox" for="radio2">Radio button label text</label></div>			
		</fieldset>
		<span class="lotusFormErrorIcon"><img class="lotusIconMsgError" src="../../css/images/blank.gif" alt="Error" /><span class="lotusAltText">X</span></span>	
		</div>
		
		<div class="lotusFormField lotusMeta" title="Legend">* Required</div>
		
	</div><!--end form body-->		
	
	<!-- form footer -->	
	<div class="lotusFormFooter">
		<input name="yourSaveButtonName" type="submit" value="Save" class="lotusBtn" /> <input name="yourDeleteButtonName" type="button" value="Delete" class="lotusBtn lotusBtnDisabled" disabled="disabled" /> <input name="yourCancelButtonName" value="Cancel" class="lotusBtn" type="button" />
	</div>
</form>