HTML Mockup

<!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" lang="en" xml:lang="en">
<head>
<title>Task List Tool</title>
	<link href="/library/skin/tool_base.css" type="text/css" rel="stylesheet" media="all" />
	<link href="/library/skin/default/tool.css" type="text/css" rel="stylesheet" media="all" />
	<link href='/sakai-tasklist-tool/css/TaskList.css' rel='stylesheet' type='text/css' />
	<script type="text/javascript" language="JavaScript" src="/library/js/headscripts.js"></script>
</head>
<body>
<div class="portletBody">
<form id="tasks" name="tasks" method="post" 
  action="http://localhost:8080/mercury/sakai.tasklist/mercury/TaskList" 
  enctype="application/x-www-form-urlencoded">
  
	<h3 class="insColor insBak insBorder">Task List</h3>
	Hello, Sakai Administrator
	<table border="0" cellspacing="0" class="chefEditItem">
		<tbody>
		  <tr>
		    <td class="chefLabel">
			  <input id="task_text" type="text" value="" size="60" /></td>
			<td class="chefValue">
			  <input id="add_task_button" type="submit" value="Add Task" 
			      onclick="clear_tasks();" /></td></tr></tbody></table>
			 	
	<table id="tasks:tasklist" class="listHier">
		<thead>
		  <tr>
		    <th class="firstHeader"></th>
		    <th class="secondtHeader">ID</th>
		    <th class="thirdHeader">Owner</th>
		    <th class="fourthHeader">Task</th></tr></thead>
		
		<tbody id="tasks:tasklist:tbody_element">
		  <tr>
		    <td class="firstColumn">
		      <input type="checkbox" 
		        name="tasks:tasklist_0:taskSelect" id="tasks:tasklist_0:taskSelect" value="true" /></td>
		    <td class="secondColumn">1</td>
		    <td class="thirdColumn">admin</td>
		    <td class="fourthColumn">Strip out Hibernate and JSF.</td></tr>
		    
		  <tr>
		    <td class="firstColumn">
		      <input type="checkbox" 
		        name="tasks:tasklist_1:taskSelect" id="tasks:tasklist_1:taskSelect" value="true" /></td>
		    <td class="secondColumn">2</td>
		    <td class="thirdColumn">admin</td>
		    <td class="fourthColumn">Draw some nice diagrams.</td></tr></tbody></table>
			
	<p class="act">
	  <input id="tasks:deleteTask" name="tasks:deleteTask" type="submit" 
	    value="Delete" onclick="clear_tasks();" /></p>

                
	<input type="hidden" name="tasks_SUBMIT" value="1" />
	<input type="hidden" name="tasks:_link_hidden_" />
	
	<script type="text/javascript">
	<!-- 
	function clear_tasks() {
	  var f = document.forms['tasks'];
	  f.elements['tasks:_link_hidden_'].value='';
	  f.target='';
	}
	clear_tasks();
	//-->
	</script>
</form></div></body></html>
HTML Mockup

Labels
