
<div id="QuickInfoPanel" class="quick-info-panel">

    <div id="hardwareStatusModule">

		<div class="hardware-status-group ui-alternate" id="siteSelectModule">
            <div class="AP-icon group-label">Site</div>
            <div class="site-select">
				<select id="SiteSelect" name="selectedSite">
				</select>
			</div>
		</div>

        <div class="hardware-status-group">
            <div class="AP-icon group-label">APs</div>

            <ul class="status AP">
                <li id="Connected-AP" class="connection-details first">
                    <div id="Connected-AP-Count" class="count">0</div>
                    <div class="description">active</div> <a
                    class="ir ubntui-alpha-sprite arrow-button">active AP
                        options</a>
                    <div id="Connected-AP-Details" class="quick-ap-list ui-corner-bottom">
                        <div>
                            <h3>Active AP</h3>
                            <ul id="Connected-AP-List">
                            </ul>
                        </div>
                    </div>
                </li>
                <li id="Disonnected-AP" class="connection-details">
                    <div id="Disconnected-AP-Count" class="count">0</div>
                    <div class="description">inactive</div> <a
                    class="ir ubntui-alpha-sprite arrow-button">inactive AP
                        options</a>
                    <div id="Disconnected-AP-Details" class="quick-ap-list ui-corner-bottom">
                        <h3>Inactive AP</h3>
                        <ul id="Disconnected-AP-List">
                        </ul>
                    </div>
                </li>
                <li id="Pending-AP" class="connection-details last">
                    <div id="Pending-AP-Count" class="count">0</div>
                    <div class="description">pending</div> <a
                    class="ir ubntui-alpha-sprite arrow-button">pending AP
                        options</a>
                    <div id="Pending-AP-Details" class="quick-ap-list ui-corner-bottom">
                        <h3>Pending AP</h3>
                        <ul id="Pending-AP-List">
                        </ul>
                    </div>
                </li>
            </ul>
        </div>

        <div class="hardware-status-group">
            <div class="mPort-icon group-label">Stations</div>

            <ul class="status Stations">
                <li id="Connected-Users" class="connection-details first">
                    <div id="User-Count" class="count">0</div>
                    <div class="description">users</div>
                </li>
                <li id="Disonnected-Guests" class="connection-details last">
                    <div id="Guest-Count" class="count">0</div>
                    <div class="description">guests</div>
                </li>
            </ul>
        </div>
    </div>
</div>
<div id="AddSiteDialog" class="" title="Add Site" style="display:none">
	<div class="dialog-content">
		<form>
			<fieldset class="settings-fieldset">
				<label>ID</label>
				<p>
					<input name="name" type="text" class="text-input" placeholder="3-24 characters"/>
				</p>
				<label>Name</label>
				<p>
					<input name="desc" type="text" class="text-input" />
				</p>
			</fieldset>
		</form>
	</div>
</div>



