<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<html>
<head>
<title>Reports</title>
</head>
<body bgcolor='#ffffff' leftmargin='0' topmargin='0' marginwidth='0' marginheight='0' link='#339900' >
<form name="WebForm" method="post" id="WebForm">
<style type="text/css">.DrillDownReport { BORDER-COLLAPSE: collapse }
.Toggler { BEHAVIOR: url(Toggler.htc) }
</style>
<script language="javascript">
function Toggle( clickedToggler )
{
if( clickedToggler.State == "Expanded" )
{ // We need to hide the child rows
newDisplay = "none";
clickedToggler.State = "Collapsed";
clickedToggler.alt = Replace( clickedToggler.alt, "collapse", "expand" );
}
else
{ // We need to show the child rows
newDisplay = "inline";
clickedToggler.State = "Expanded";
clickedToggler.alt = Replace( clickedToggler.alt, "expand", "collapse" );
}
clickedToggler.src = "/images/" + clickedToggler.State + ".gif";
var clickedTd = clickedToggler.parentNode; // Get the cell that contains the clicked '+' or '-'
var clickedTr = clickedTd.parentNode; // Get the row that contains the clicked '+' or '-'
var tBody = clickedTr.parentNode; // Get the table body
var clickedRowLevel = parseInt(clickedTr.RowLevel)
var levelToHandle = clickedRowLevel + 1; // The row level to be made visible
var currentTr = tBody.rows[clickedTr.rowIndex + 1]; // Get the first row we'll be operating on i.e. the row following the
clicked row // Get the display style of the rows we'll be operating on
var currentRowLevel = parseInt( currentTr.RowLevel );