<%@ Page Language="C#" AutoEventWireup="True" Inherits="Sample" Codebehind="Sample.aspx.cs" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>eSecuritel Sample</title>
    <link href="style/eMain.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <form id="form1" runat="server">
    <!-- wrapper -->
<div id="wrapper">

	<!-- header -->
	<div id="header">
	
		<!-- banner -->
		<div id="banner">
			<div id="logo"><a href=""><img src="images/esecuritel.gif" alt="eSecuritel" /></a></div>
			<div id="userinfo">
				John Smith
				&nbsp; &nbsp;
				<a href="">My Settings</a>
				&nbsp;|&nbsp;
				<a href="">Sign Out</a>
			</div>
			<div class="clear"></div> <!-- clear floating logo/user info -->
		</div>
		<!-- /banner -->
		
		<!-- navigation -->
		<div id="navigation">
			<ul class="primarynav">
				<li><a href="">HITS</a></li>
				<li><a href="">Reports</a></li>
				<li><a href="">Utilities</a></li>
				<li><a href="">Information</a></li>
				<li><a href="" class="selected">HITS Access Management</a></li>
			</ul>
		</div>
		<!-- /navigation -->
		
	</div>
	<!-- /header -->

	<!-- persistent navigation -->
	<div id="persistentnav">
		<a href="">Return to Master</a>
		&nbsp;|&nbsp;
		<a href="">Back</a>
	</div>
	<!-- /persistent navigation -->

	<!-- contentwrapper -->
	<div id="contentwrapper">
		<!-- sidebar -->
		<div id="sidebar">
			<h2>HITS Access Management</h2>
			<ul class="sidebarnav">
				<li><a href="">Organization Types</a></li>
				<li><a href="" class="selected">Users</a></li>
				<li><a href="">Roles</a></li>
				<li><a href="">Groups</a></li>
				<li><a href="">Group Lists</a></li>
			</ul>
		</div>
		<!-- /sidebar -->
		
		<!-- content -->
		<div id="content">
			<h1>User Management - John Smith</h1>
			
			<!-- sub navigation -->
			<div id="subnav">
				<ul class="pagenav">
					<li><a href="">Search</a></li>
					<li><a href="">Create</a></li>
					<li><a href="">Export</a></li>
				</ul>
			</div>
			<!-- /sub navigation -->
			
			<h2>User Info</h2>
			
			<table class="gvTable" cellpadding="0" cellspacing="0">
				<thead>
					<!-- 
					<tr>Label</tr>
					<tr>Data</tr>
					<tr>Label</tr>
					<tr>Data</tr>
					-->
				</thead>
				<tr>
					<td><label>Name:</label></td>
					<td><input type="text" value="John Smith" /></td>
					<td><label>Email:</label></td>
					<td><input type="text" size="30" value="john.smith@esecuritel.com" /></td>
				</tr>
				<tr class="alt">
					<td><label>Organization:</label></td>
					<td>
						<select>
							<option>eSecuritel</option>
							<option>SureWest Wireless</option>
						</select>
					</td>
					<td><label>Phone:</label></td>
					<td><input type="text" value="555-555-5555 x 17" /></td>
				</tr>
			</table>
			
			<div class="pager">
				9 record(s) found
				&nbsp;
				<a href="" title="first">&laquo;</a>
				<a href="" title="previous">&lsaquo;</a>
				&nbsp;
				<input type="text" size="1" value="1" /> of 4
				&nbsp;
				<a href="" title="next">&rsaquo;</a>
				<a href="" title="last">&raquo;</a>
			</div>
			<div class="clear"></div> <!-- clear floating pager -->
			
			<h2>User Assignments</h2>
			
			<h3>Roles (3)</h3>
			
			<div class="subpanel">
				<a href="" title="add/remove items"><img src="images/Expand_13x13.jpg" alt="" /></a>
				&nbsp;
				<a href="">manager</a>, <a href="">supervisor</a>, <a href="">sales</a>
			</div>
			
			<h3>Group Lists (1)</h3>
			
			<div class="subpanel">
				<a href="" title="add/remove items" onclick="document.getElementById('pnlGroupLists').style.display='none'; return false;"><img src="images/Collapse_13x13.jpg" alt="" /></a>
				&nbsp;
				<a href="">list A</a>
				
				<div id="pnlGroupLists">
					<table cellpadding="0" cellspacing="0">
						<tr>
							<td><input type="checkbox" checked="checked" /> list A</td>
							<td><input type="checkbox" /> list B</td>
							<td><input type="checkbox" /> list C</td>
							<td><input type="checkbox" /> list D</td>
							<td><input type="checkbox" /> list E</td>
						</tr>
						<tr>
							<td><input type="checkbox" /> list F</td>
							<td><input type="checkbox" /> list G</td>
							<td><input type="checkbox" /> list H</td>
							<td><input type="checkbox" /> list I</td>
							<td><input type="checkbox" /> list J</td>
						</tr>
						<tr>
							<td><input type="checkbox" /> list K</td>
							<td><input type="checkbox" /> list L</td>
							<td><input type="checkbox" /> list M</td>
							<td><input type="checkbox" /> list N</td>
							<td><input type="checkbox" /> list O</td>
						</tr>
					</table>
				</div>
			</div>
			
			<br />
			
			<input type="button" class="button" value="Save Changes" />
			<input type="button" class="button" value="Copy to New User" />
		</div>
		<!-- /content -->
		
		<div class="clear"></div> <!-- clear floating sidebar -->
	</div>
	<!-- /content wrapper -->
	
	<!-- footer -->
	<div id="footer">
		<div class="floatleft">
			Copyright &copy; 2000-2006 eSecuritel, LLC. All rights reserved.
			<br />
			2 Park Lane, Suite 300C, Hilton Head, SC 29928
		</div>
		<div id="footernav" class="floatright">
			<ul>
				<li><a href="">Contact Us</a></li>
				<li><a href="">Feedback</a></li>
				<li><a href="">Technical Support</a></li>
				<li><a href="">Sign Out</a></li>
			</ul>
		</div>
		
		<div class="clear"></div> <!-- clear floating footer elements -->
	</div>
	<!-- /footer -->
	
</div>
<!-- /wrapper -->
    </form>
</body>
</html>
