<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<style>
<!--
body { font-family: verdana, arial, helvetica;}
table { font-size: 10pt; }
td.tab { border: solid; border-color: #d0d0d0; border-width: 1px 0px 3px 1px; }
td.tab.head { cursor: pointer; }
td.tab.body { border-width: 0px 3px 3px 3px; }
td.tab#hover { background: #f0f0ff; }
td.tab#selected { border-width: 3px 2px 0px 3px; }
td.tab#end { border-width: 0px 0px 3px 1px; }
.host { color: blue; }
.group { color: red; }
.aliases { color: green; }
.sent { color: black; }
.info { color: black; margin: 15px 0px 5px 0px; font-size: 8pt; background: #f0f0ff; display: block; }
.message { white-space: pre; }
//-->
</style>
<script language="Javascript1.3">
<!--

function hover(o, b)
{
	if (o.id!="selected") o.id=(b) ? "hover" : "";
}

function select(o)
{
	var t=document.getElementById("table1");
	var c=t.rows.item(0).cells;
	for (var i=0;i<=4;i++)
	{
		if (o!=c.item(i))
			c.item(i).id="";
		else
			show((i==0) ? 15 : (1<<(i-1)));
	}
	o.id="selected";
}

function show(b)
{
	for (var j=0;j<4;j++)
	{
		switch (j)
		{
			case 0:
				n='host';
				break;
			case 1:
				n='group';
				break;
			case 2:
				n='aliases';
				break;
			case 3:
				n='sent';
				break;
		}
		var c=document.getElementsByName(n);
		for (var i=0;i<c.length;i++) c.item(i).style.display=(b & (1<<j)) ? "block" : "none";
	}
}

//-->
</script>
</head>
<body>
<table cellspacing="0" cellpadding="2" width="100%" id="table1">
	<tr>
		<td class="tab head" id="selected" onmouseover="hover(this, true);" onmouseout="hover(this, false);" onclick="select(this);"><img src="pics/20-notread.png" width="20" height="16">All</td>
		<td class="tab head" onmouseover="hover(this, true);" onmouseout="hover(this, false);" onclick="select(this);"><img src="pics/20-host.png" width="20" height="16">Host</td>
		<td class="tab head" onmouseover="hover(this, true);" onmouseout="hover(this, false);" onclick="select(this);"><img src="pics/20-group.png" width="20" height="16">Group</td>
		<td class="tab head" onmouseover="hover(this, true);" onmouseout="hover(this, false);" onclick="select(this);"><img src="pics/20-aliases.png" width="20" height="16">Aliases</td>
		<td class="tab head" onmouseover="hover(this, true);" onmouseout="hover(this, false);" onclick="select(this);"><img src="pics/20-sent.png" width="20" height="16">Sent</td>
		<td class="tab" id="end" width="100%">&nbsp;</td>
	</tr>
	<tr>
		<td colspan="6" class="tab body">

<div style="font-size: 4px;">&nbsp;</div>

<!-- INSERTION -->

		</td>
	</tr>
</table>
</body>
</html>