<ul class="bread-crumbs">
	<li><a href="javascript:void(0);" title="Settings">Settings</a></li>
	<li class="list"><a href="javascript:void(0);" title="User Groups">User Groups</a></li>
	<li class="form" style="display:none"><a href="javascript:void(0);">User Group</a></li>
</ul>

<form class="settings-form settings-list">
	<fieldset class="settings-fieldset">
		<legend>User Group Settings</legend>
		<div id="UserGroupsTableContainer-none">
			<p>No User group settings</p>
		</div>
		<div id="UserGroupsTableContainer">
		</div>
		<div class="buttonset">
			<input type="button" name="create" value="Create" class="button for_admin" />
		</div>
	</fieldset>
</form>

<form id="UserGroupsForm" class="settings-form" style="display:none">
	<fieldset class="settings-fieldset">
		<legend>User Group Settings</legend>

		<label>Name</label>
		<p>
			<input name="name" type="text" class="text-input" />
		</p>

		<label>Bandwidth Limit (Download)</label>
		<p>
			<input name="downRateEnabled" type="checkbox" class="check-box-input" />
			<span class="label">limited to </span>
			<input name="downRate" type="text" class="text-input" size="5"/> Kbps
		</p>

		<label>Bandwidth Limit (Upload)</label>
		<p>
			<input name="upRateEnabled" type="checkbox" class="check-box-input" />
			<span class="label">limited to </span>
			<input name="upRate" type="text" class="text-input" size="5"/> Kbps
		</p>

	</fieldset>
	<div class="buttonset">
		<input name="apply" class="button for_admin" type="button" value="Create" />
		<input name="cancel" class="button" type="button" value="Cancel" />
	</div>
</form>


