<!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>
<title>Index</title>
<style type="text/css">
#help {
border-color:black;
border-width:0 0 1px 1px;
border-style:solid;
position:absolute;
top:20px;
left:-999px;
z-index:999;
}
#help tr td {
border-color:black;
border-width:1px 1px 0 0;
border-style:solid;
}
#help tr td a {
display:block;
font-family:verdana;
font-size:12px;
color:#61A6D0;
text-decoration:none;
padding-left:0.5em;
background:#008000;
}
#help tr td a:hover {
color:#114477;
text-decoration:underline;
background:#000000;
}
#help_topics {
background:#EFEFEF;
height:20px;
font-family:verdana;
font-size:12px;
font-weight:bold;
width:179px;
color:#000000;
vertical-align:middle;
padding-left:0.5em;
}
#qm {
font-weight:bold;
background:#FFFFFF;
width:32px;
vertical-align:middle;
text-align:center;
}
</style>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function() {
var moving;
var helpLeft = "-999px";
if ((navigator.userAgent+"").match(/msie/i)) helpLeft = -1*parseInt(document.getElementById("help").offsetWidth)+parseInt($("#qm").css("width"))+1+"px";
else helpLeft = -1*parseInt($("#help").css("width"))+parseInt($("#qm").css("width"))+1+"px";
$("#help").css("left",helpLeft);
$("#help").mouseenter(function() {
clearTimeout(moving);
$("#help").animate({left:"0px"},"slow");
});
$("#help").mouseleave(function() {
clearTimeout(moving);
moving = setTimeout(function() {
$("#help").animate({left:helpLeft},"slow");
},500);
});
});
</script>
</head>
<body>
<table cellpadding="0" cellspacing="0" id="help">
<tr>
<td id="help_topics">Help Topics</td>
<td rowspan="3" id="qm">?</td>
</tr>
<tr>
<td><a href="help.php?id=5" target="_blank">Name</a></td>
</tr>
<tr>
<td><a href="help.php?id=5" target="_blank">Name</a></td>
</tr>
</table>
</body>
</html>
