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

		<!-- 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>Label with a lot of text to test wrapping:</label>
			<div class="lotusFieldWrapper">
			<input class="lotusText" type="text" id="title" name="title" value="" aria-required="true" aria-describedby="[helpID]" />
			<div id="[helpID]" class="lotusMeta">Some help text goes here, if desired</div>
			</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="url"><span class="lotusFormRequired" title="Required field">*</span>URL:</label>
			<div class="lotusFieldWrapper"><input class="lotusText" type="text" id="url" name="url" value="http://" aria-required="true" aria-describedby="[helpID]" /></div>		
			<span class="lotusFormErrorIcon"><img class="lotusIconMsgError" src="../../css/images/blank.gif" alt="Error" /><span class="lotusAltText">X</span></span>
		</div>		
		
		<div class="lotusFormField lotusIndent">
			<div class="lotusFieldWrapper"><input class="lotusCheckbox" type="checkbox" id="checkbox1" name="checkbox1" value="" /><label class="lotusCheckbox" for="checkbox1">Checkbox label text</label></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="tags">Tags: <a class="lotusIcon" id="help1" href="javascript:;" role="button" aria-haspopup="true" aria-owns="popupIdGoesHere"><img class="yourProductSprite yourProductSprite-Help12" src="../../css/images/blank.gif" alt="Help" /><span class="lotusAltText">?</span></a></label>
			<div class="lotusFieldWrapper"><input class="lotusText" type="text" id="tags" name="tags" value="" aria-describedby="[helpID]" /></div>
			<span class="lotusFormErrorIcon"><img class="lotusIconMsgError" src="../../css/images/blank.gif" alt="Error" /><span class="lotusAltText">X</span></span>
		</div>
		
		<div class="lotusFormField">
			<div id="optLabel" class="lotusFormLabel">Optional "label":</div>
			<fieldset role="radiogroup" aria-labelledby="optLabel">
			<legend class="lotusAccess">Select one:</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 lotusIndent10" title="Legend">* Required</div>
		
	</div><!--end form body-->
	
	<!-- form footer -->			
	<div class="lotusFormFooter">
		<input name="yourSaveButtonName" type="submit" value="Save" class="lotusBtn" /> <input name="yourCancelButtonName" value="Cancel" class="lotusBtn" type="button" />
	</div>
</form>