<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Users - Admin Template</title>
<link rel="stylesheet" type="text/css" href="css/theme.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<script>
   var StyleFile = "theme" + document.cookie.charAt(6) + ".css";
   document.writeln('<link rel="stylesheet" type="text/css" href="css/' + StyleFile + '">');
</script>
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="css/ie-sucks.css" />
<![endif]-->
</head>

<body>
	<div id="container">
    	<div id="header">
        	<h2>My eCommerce Admin area</h2>
    <div id="topmenu">
            	<ul>
                	<li><a href="index.html">Dashboard</a></li>
                    <li><a href="#">Orders</a></li>
                	<li class="current"><a href="#">Users</a></li>
                    <li><a href="#">Manage</a></li>
                    <li><a href="#">CMS</a></li>
                    <li><a href="#">Statistics</a></li>
                    <li><a href="#">Settings</a></li>
              </ul>
          </div>
      </div>
        <div id="top-panel">
            <div id="panel">
                <ul>
					<li><a href="#adduser" class="useradd">Add user</a></li>
                    <li><a href="#" class="group">User groups</a></li>
            		<li><a href="#" class="search">Find user</a></li>
                    <li><a href="#" class="online">Users online</a></li>
                </ul>
            </div>
      </div>
        <div id="wrapper">
            <div id="content">
                <div id="box">
                	<h3>Users</h3>
                	<table width="100%">
						<thead>
							<tr>
                            	<th width="40px"><a href="#">ID<img src="img/icons/arrow_down_mini.gif" width="16" height="16" align="absmiddle" /></a></th>
                            	<th><a href="#">Full Name</a></th>
                                <th><a href="#">Email</a></th>
                                <th width="70px"><a href="#">Group</a></th>
                                <th width="50px"><a href="#">ZIP</a></th>
                                <th width="90px"><a href="#">Registered</a></th>
                                <th width="60px"><a href="#">Action</a></th>
                            </tr>
						</thead>
						<tbody>
							<tr>
                            	<td class="a-center">232</td>
                            	<td><a href="#">Jennifer Hodes</a></td>
                                <td>jennifer.hodes@gmail.com</td>
                                <td>General</td>
                                <td>1000</td>
                                <td>July 2, 2008</td>
                                <td><a href="#"><img src="img/icons/user.png" title="Show profile" width="16" height="16" /></a><a href="#"><img src="img/icons/user_edit.png" title="Edit user" width="16" height="16" /></a><a href="#"><img src="img/icons/user_delete.png" title="Delete user" width="16" height="16" /></a></td>
                            </tr>
							<tr>
                            	<td class="a-center">231</td>
                            	<td><a href="#">Mark Kyrnin</a></td>
                            	<td>mark.kyrnin@hotmail.com</td>
                                <td>Affiliate</td>
                                <td>8310</td>
                                <td>June 17, 2008</td>
                                <td><a href="#"><img src="img/icons/user.png" title="Show profile" width="16" height="16" /></a><a href="#"><img src="img/icons/user_edit.png" title="Edit user" width="16" height="16" /></a><a href="#"><img src="img/icons/user_delete.png" title="Delete user" width="16" height="16" /></a></td>
                            </tr>
							<tr>
                            	<td class="a-center">230</td>
                            	<td><a href="#">Virgílio Cezar</a></td>
                                <td>virgilio@somecompany.cz</td>
                                <td>General</td>
                                <td>6200</td>
                                <td>June 31, 2008</td>
                                <td><a href="#"><img src="img/icons/user.png" title="Show profile" width="16" height="16" /></a><a href="#"><img src="img/icons/user_edit.png" title="Edit user" width="16" height="16" /></a><a href="#"><img src="img/icons/user_delete.png" title="Delete user" width="16" height="16" /></a></td>
                            </tr>
							<tr>
                            	<td class="a-center">229</td>
                            	<td><a href="#">Todd Simonides</a></td>
                                <td>todd.simonides@gmail.com</td>
                                <td>Wholesale</td>
                                <td>2010</td>
                                <td>June 5, 2008</td>
                                <td><a href="#"><img src="img/icons/user.png" title="Show profile" width="16" height="16" /></a><a href="#"><img src="img/icons/user_edit.png" title="Edit user" width="16" height="16" /></a><a href="#"><img src="img/icons/user_delete.png" title="Delete user" width="16" height="16" /></a></td>
                            </tr>
                            <tr>
                            	<td class="a-center">228</td>
                            	<td><a href="#">Carol Elihu</a></td>
                                <td>carol@herbusiness.com</td>
                                <td>General</td>
                                <td>3120</td>
                                <td>May 23, 2008</td>
                                <td><a href="#"><img src="img/icons/user.png" title="Show profile" width="16" height="16" /></a><a href="#"><img src="img/icons/user_edit.png" title="Edit user" width="16" height="16" /></a><a href="#"><img src="img/icons/user_delete.png" title="Delete user" width="16" height="16" /></a></td>
                            </tr>
                            <tr>
                            	<td class="a-center">232</td>
                            	<td><a href="#">Jennifer Hodes</a></td>
                                <td>jennifer.hodes@gmail.com</td>
                                <td>General</td>
                                <td>1000</td>
                                <td>July 2, 2008</td>
                                <td><a href="#"><img src="img/icons/user.png" title="Show profile" width="16" height="16" /></a><a href="#"><img src="img/icons/user_edit.png" title="Edit user" width="16" height="16" /></a><a href="#"><img src="img/icons/user_delete.png" title="Delete user" width="16" height="16" /></a></td>
                            </tr>
							<tr>
                            	<td class="a-center">231</td>
                            	<td><a href="#">Mark Kyrnin</a></td>
                            	<td>mark.kyrnin@hotmail.com</td>
                                <td>Affiliate</td>
                                <td>8310</td>
                                <td>June 17, 2008</td>
                                <td><a href="#"><img src="img/icons/user.png" title="Show profile" width="16" height="16" /></a><a href="#"><img src="img/icons/user_edit.png" title="Edit user" width="16" height="16" /></a><a href="#"><img src="img/icons/user_delete.png" title="Delete user" width="16" height="16" /></a></td>
                            </tr>
							<tr>
                            	<td class="a-center">230</td>
                            	<td><a href="#">Virgílio Cezar</a></td>
                                <td>virgilio@somecompany.cz</td>
                                <td>General</td>
                                <td>6200</td>
                                <td>June 31, 2008</td>
                                <td><a href="#"><img src="img/icons/user.png" title="Show profile" width="16" height="16" /></a><a href="#"><img src="img/icons/user_edit.png" title="Edit user" width="16" height="16" /></a><a href="#"><img src="img/icons/user_delete.png" title="Delete user" width="16" height="16" /></a></td>
                            </tr>
							<tr>
                            	<td class="a-center">229</td>
                            	<td><a href="#">Todd Simonides</a></td>
                                <td>todd.simonides@gmail.com</td>
                                <td>Wholesale</td>
                                <td>2010</td>
                                <td>June 5, 2008</td>
                                <td><a href="#"><img src="img/icons/user.png" title="Show profile" width="16" height="16" /></a><a href="#"><img src="img/icons/user_edit.png" title="Edit user" width="16" height="16" /></a><a href="#"><img src="img/icons/user_delete.png" title="Delete user" width="16" height="16" /></a></td>
                            </tr>
                            <tr>
                            	<td class="a-center">228</td>
                            	<td><a href="#">Carol Elihu</a></td>
                                <td>carol@herbusiness.com</td>
                                <td>General</td>
                                <td>3120</td>
                                <td>May 23, 2008</td>
                                <td><a href="#"><img src="img/icons/user.png" title="Show profile" width="16" height="16" /></a><a href="#"><img src="img/icons/user_edit.png" title="Edit user" width="16" height="16" /></a><a href="#"><img src="img/icons/user_delete.png" title="Delete user" width="16" height="16" /></a></td>
                            </tr>
						</tbody>
					</table>
                    <div id="pager">
                    	Page <a href="#"><img src="img/icons/arrow_left.gif" width="16" height="16" /></a> 
                    	<input size="1" value="1" type="text" name="page" id="page" /> 
                    	<a href="#"><img src="img/icons/arrow_right.gif" width="16" height="16" /></a>of 42
                    pages | View <select name="view">
                    				<option>10</option>
                                    <option>20</option>
                                    <option>50</option>
                                    <option>100</option>
                    			</select> 
                    per page | Total <strong>420</strong> records found
                    </div>
                </div>
                <br />
                <div id="box">
                	<h3 id="adduser">Add user</h3>
                    <form id="form" action="..." method="post">
                      <fieldset id="personal">
                        <legend>PERSONAL INFORMATION</legend>
                        <label for="lastname">Last name : </label> 
                        <input name="lastname" id="lastname" type="text" tabindex="1" />
                        <br />
                        <label for="firstname">First name : </label>
                        <input name="firstname" id="firstname" type="text" 
                        tabindex="2" />
                        <br />
                        <label for="email">Email : </label>
                        <input name="email" id="email" type="text" 
                        tabindex="2" />
                        <br />
                        <p>Send auto generated password 
                            <input name="generatepass" id="yes" type="checkbox" 
                        value="yes" tabindex="35" /></p>
                        <label for="pass">Password : </label>
                        <input name="pass" id="pass" type="password" 
                        tabindex="2" />
                        <br />
                        <label for="pass-2">Password : </label>
                        <input name="pass-2" id="pass-2" type="password" 
                        tabindex="2" />
                        <br />
                      </fieldset>
                      <fieldset id="address">
                        <legend>Address</legend>
                        <label for="street">Street address : </label> 
                        <input name="street" id="street" type="text" 
                        tabindex="1" />
                        <br />
                        <label for="city">City : </label>
                        <input name="city" id="city" type="text" 
                        tabindex="2" />
                        <br />
                        <label for="country">Country : </label> 
                        <input name="country" id="country" type="text" 
                        tabindex="1" />
                        <br />
                        <label for="state">State/Province : </label>
                        <input name="state" id="state" type="text" 
                        tabindex="2" />
                        <br />
                        <label for="zip">Zip/Postal Code : </label>
                        <input name="zip" id="zip" type="text" 
                        tabindex="2" />
                        <br />
                        <label for="tel">Telephone : </label>
                        <input name="tel" id="tel" type="text" 
                        tabindex="2" />
                      </fieldset>
                      <fieldset id="opt">
                        <legend>OPTIONS</legend>
                        <label for="choice">Group : </label>
                        <select name="choice">
                          <option selected="selected" label="none" value="none">
                          General
                          </option>
                          <optgroup label="Group 1">
                            <option label="cg1a" value="val_1a">Selection group 1a
                            </option>
                            <option label="cg1b" value="val_1b">Selection group 1b
                            </option>
                            <option label="cg1c" value="val_1c">Selection group 1c
                            </option>
                          </optgroup>
                          <optgroup label="Group 2">
                            <option label="cg2a" value="val_2a">Selection group 2a
                            </option>
                            <option label="cg2b" value="val_2a">Selection group 2b
                            </option>
                          </optgroup>
                          <optgroup label="Group 3">
                            <option label="cg3a" value="val_3a">Selection group 3a
                            </option>
                            <option label="cg3a" value="val_3a">Selection group 3b
                            </option>
                          </optgroup>
                        </select>
                      </fieldset>
                      <div align="center">
                      <input id="button1" type="submit" value="Send" /> 
                      <input id="button2" type="reset" />
                      </div>
                    </form>

                </div>
            </div>
            <div id="sidebar">
  				<ul>
                	<li><h3><a href="#" class="house">Dashboard</a></h3>
                        <ul>
                        	<li><a href="#" class="report">Sales Report</a></li>
                    		<li><a href="#" class="report_seo">SEO Report</a></li>
                            <li><a href="#" class="search">Search</a></li>
                        </ul>
                    </li>
                    <li><h3><a href="#" class="folder_table">Orders</a></h3>
          				<ul>
                        	<li><a href="#" class="addorder">New order</a></li>
                          <li><a href="#" class="shipping">Shipments</a></li>
                            <li><a href="#" class="invoices">Invoices</a></li>
                        </ul>
                    </li>
                    <li><h3><a href="#" class="manage">Manage</a></h3>
          				<ul>
                            <li><a href="#" class="manage_page">Pages</a></li>
                            <li><a href="#" class="cart">Products</a></li>
                            <li><a href="#" class="folder">Product categories</a></li>
            				<li><a href="#" class="promotions">Promotions</a></li>
                        </ul>
                    </li>
                  <li><h3><a href="#" class="user">Users</a></h3>
          				<ul>
                            <li><a href="#" class="useradd">Add user</a></li>
                            <li><a href="#" class="group">User groups</a></li>
            				<li><a href="#" class="search">Find user</a></li>
                            <li><a href="#" class="online">Users online</a></li>
                        </ul>
                    </li>
				</ul>       
          </div>
      </div>
        <div id="footer">
        <div id="credits">
   		Template by <a href="http://www.bloganje.com">Bloganje</a>
        </div>
        <div id="styleswitcher">
            <ul>
                <li><a href="javascript: document.cookie='theme='; window.location.reload();" title="Default" id="defswitch">d</a></li>
                <li><a href="javascript: document.cookie='theme=1'; window.location.reload();" title="Blue" id="blueswitch">b</a></li>
                <li><a href="javascript: document.cookie='theme=2'; window.location.reload();" title="Green" id="greenswitch">g</a></li>
                <li><a href="javascript: document.cookie='theme=3'; window.location.reload();" title="Brown" id="brownswitch">b</a></li>
                <li><a href="javascript: document.cookie='theme=4'; window.location.reload();" title="Mix" id="mixswitch">m</a></li>
            </ul>
        </div><br />

        </div>
</div>
</body>
</html>
